diff --git a/change/@microsoft-arbutus-component-preview-b11b8013-7423-4c08-8669-5484e48df854.json b/change/@microsoft-arbutus-component-preview-b11b8013-7423-4c08-8669-5484e48df854.json new file mode 100644 index 00000000..24c1d8fc --- /dev/null +++ b/change/@microsoft-arbutus-component-preview-b11b8013-7423-4c08-8669-5484e48df854.json @@ -0,0 +1,7 @@ +{ + "type": "patch", + "comment": "Implements the ParseCodeString utilities", + "packageName": "@microsoft/arbutus.component-preview", + "email": "akimalunar@gmail.com", + "dependentChangeType": "patch" +} diff --git a/change/@microsoft-arbutus-parse-code-string-b2b1dfed-1048-4753-bd50-1cc83bd2ceae.json b/change/@microsoft-arbutus-parse-code-string-b2b1dfed-1048-4753-bd50-1cc83bd2ceae.json new file mode 100644 index 00000000..d92de805 --- /dev/null +++ b/change/@microsoft-arbutus-parse-code-string-b2b1dfed-1048-4753-bd50-1cc83bd2ceae.json @@ -0,0 +1,7 @@ +{ + "type": "patch", + "comment": "Implements the ParseCodeString utilities", + "packageName": "@microsoft/arbutus.parse-code-string", + "email": "akimalunar@gmail.com", + "dependentChangeType": "patch" +} diff --git a/docs/iframe.html b/docs/iframe.html index 824d4074..a41c8d84 100644 --- a/docs/iframe.html +++ b/docs/iframe.html @@ -363,4 +363,4 @@ - window['STORIES'] = [{"titlePrefix":"","directory":"./components","files":"**/*.stories.mdx","importPathMatcher":"^\\.[\\\\/](?:components(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.stories\\.mdx)$"},{"titlePrefix":"","directory":"./components","files":"**/*.stories.@(js|jsx|ts|tsx)","importPathMatcher":"^\\.[\\\\/](?:components(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.stories\\.(js|jsx|ts|tsx))$"},{"titlePrefix":"","directory":"./hooks","files":"**/*.stories.mdx","importPathMatcher":"^\\.[\\\\/](?:hooks(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.stories\\.mdx)$"},{"titlePrefix":"","directory":"./hooks","files":"**/*.stories.@(js|jsx|ts|tsx)","importPathMatcher":"^\\.[\\\\/](?:hooks(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.stories\\.(js|jsx|ts|tsx))$"},{"titlePrefix":"","directory":"./utilities","files":"**/*.stories.mdx","importPathMatcher":"^\\.[\\\\/](?:utilities(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.stories\\.mdx)$"},{"titlePrefix":"","directory":"./utilities","files":"**/*.stories.@(js|jsx|ts|tsx)","importPathMatcher":"^\\.[\\\\/](?:utilities(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.stories\\.(js|jsx|ts|tsx))$"},{"titlePrefix":"","directory":"./styles","files":"**/*.stories.mdx","importPathMatcher":"^\\.[\\\\/](?:styles(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.stories\\.mdx)$"},{"titlePrefix":"","directory":"./styles","files":"**/*.stories.@(js|jsx|ts|tsx)","importPathMatcher":"^\\.[\\\\/](?:styles(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.stories\\.(js|jsx|ts|tsx))$"}]; \ No newline at end of file + window['STORIES'] = [{"titlePrefix":"","directory":"./components","files":"**/*.stories.mdx","importPathMatcher":"^\\.[\\\\/](?:components(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.stories\\.mdx)$"},{"titlePrefix":"","directory":"./components","files":"**/*.stories.@(js|jsx|ts|tsx)","importPathMatcher":"^\\.[\\\\/](?:components(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.stories\\.(js|jsx|ts|tsx))$"},{"titlePrefix":"","directory":"./hooks","files":"**/*.stories.mdx","importPathMatcher":"^\\.[\\\\/](?:hooks(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.stories\\.mdx)$"},{"titlePrefix":"","directory":"./hooks","files":"**/*.stories.@(js|jsx|ts|tsx)","importPathMatcher":"^\\.[\\\\/](?:hooks(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.stories\\.(js|jsx|ts|tsx))$"},{"titlePrefix":"","directory":"./utilities","files":"**/*.stories.mdx","importPathMatcher":"^\\.[\\\\/](?:utilities(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.stories\\.mdx)$"},{"titlePrefix":"","directory":"./utilities","files":"**/*.stories.@(js|jsx|ts|tsx)","importPathMatcher":"^\\.[\\\\/](?:utilities(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.stories\\.(js|jsx|ts|tsx))$"},{"titlePrefix":"","directory":"./styles","files":"**/*.stories.mdx","importPathMatcher":"^\\.[\\\\/](?:styles(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.stories\\.mdx)$"},{"titlePrefix":"","directory":"./styles","files":"**/*.stories.@(js|jsx|ts|tsx)","importPathMatcher":"^\\.[\\\\/](?:styles(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.stories\\.(js|jsx|ts|tsx))$"}]; \ No newline at end of file diff --git a/docs/main.f0786e7f.iframe.bundle.js b/docs/main.f0786e7f.iframe.bundle.js new file mode 100644 index 00000000..5a265207 --- /dev/null +++ b/docs/main.f0786e7f.iframe.bundle.js @@ -0,0 +1 @@ +(self.webpackChunkarbutus=self.webpackChunkarbutus||[]).push([[179],{"./components sync recursive ^\\.(?:(?:^%7C\\/%7C(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/)(?%21\\.)(?=.)[^/]*?\\.stories\\.(js%7Cjsx%7Cts%7Ctsx))$":(module,__unused_webpack_exports,__webpack_require__)=>{var map={"./accordion/__dev__/accordion-list.stories.tsx":"./components/accordion/__dev__/accordion-list.stories.tsx","./action-list-tile/__dev__/action-list-tile.stories.tsx":"./components/action-list-tile/__dev__/action-list-tile.stories.tsx","./action-tile/__dev__/action-tile.stories.tsx":"./components/action-tile/__dev__/action-tile.stories.tsx","./aside-navigation/__dev__/aside-navigation.stories.tsx":"./components/aside-navigation/__dev__/aside-navigation.stories.tsx","./badge/__dev__/badge.stories.tsx":"./components/badge/__dev__/badge.stories.tsx","./bookmark-tile/__dev__/bookmark-tile.stories.tsx":"./components/bookmark-tile/__dev__/bookmark-tile.stories.tsx","./button/__dev__/button.stories.tsx":"./components/button/__dev__/button.stories.tsx","./callout/__dev__/callout.stories.tsx":"./components/callout/__dev__/callout.stories.tsx","./code-snippet/__dev__/code-snippet.stories.tsx":"./components/code-snippet/__dev__/code-snippet.stories.tsx","./command/__dev__/command-block.stories.tsx":"./components/command/__dev__/command-block.stories.tsx","./component-preview/__dev__/component-preview.stories.tsx":"./components/component-preview/__dev__/component-preview.stories.tsx","./data-table/__dev__/data-table.stories.tsx":"./components/data-table/__dev__/data-table.stories.tsx","./divider/__dev__/divider.stories.tsx":"./components/divider/__dev__/divider.stories.tsx","./embed/__dev__/embed.stories.tsx":"./components/embed/__dev__/embed.stories.tsx","./footer/__dev__/footer.stories.tsx":"./components/footer/__dev__/footer.stories.tsx","./guidance/__dev__/guidance.stories.tsx":"./components/guidance/__dev__/guidance.stories.tsx","./header/__dev__/header.stories.tsx":"./components/header/__dev__/header.stories.tsx","./heading/__dev__/heading.stories.tsx":"./components/heading/__dev__/heading.stories.tsx","./icon-button/__dev__/icon-button.stories.tsx":"./components/icon-button/__dev__/icon-button.stories.tsx","./icon/__dev__/icon.stories.tsx":"./components/icon/__dev__/icon.stories.tsx","./illustration-tile/__dev__/illustration-tile.stories.tsx":"./components/illustration-tile/__dev__/illustration-tile.stories.tsx","./image-tile/__dev__/image-tile.stories.tsx":"./components/image-tile/__dev__/image-tile.stories.tsx","./link/__dev__/link.stories.tsx":"./components/link/__dev__/link.stories.tsx","./logo/__dev__/logo.stories.tsx":"./components/logo/__dev__/logo.stories.tsx","./main-navigation/__dev__/main-navigation.stories.tsx":"./components/main-navigation/__dev__/main-navigation.stories.tsx","./mark-list/__dev__/mark-list.stories.tsx":"./components/mark-list/__dev__/mark-list.stories.tsx","./ordered-list/__dev__/ordered-list.stories.tsx":"./components/ordered-list/__dev__/ordered-list.stories.tsx","./person-tile/__dev__/person-tile.stories.tsx":"./components/person-tile/__dev__/person-tile.stories.tsx","./prop-table/__dev__/prop-table.stories.tsx":"./components/prop-table/__dev__/prop-table.stories.tsx","./recommendation-tile/__dev__/recommendation-tile.stories.tsx":"./components/recommendation-tile/__dev__/recommendation-tile.stories.tsx","./sandbox/__dev__/sandbox.stories.tsx":"./components/sandbox/__dev__/sandbox.stories.tsx","./shell/__dev__/crown.stories.tsx":"./components/shell/__dev__/crown.stories.tsx","./shell/__dev__/shell.stories.tsx":"./components/shell/__dev__/shell.stories.tsx","./table-list/__dev__/table-list.stories.tsx":"./components/table-list/__dev__/table-list.stories.tsx","./tabs/__dev__/tabs.stories.tsx":"./components/tabs/__dev__/tabs.stories.tsx","./tag/__dev__/tag.stories.tsx":"./components/tag/__dev__/tag.stories.tsx","./text/__dev__/text.stories.tsx":"./components/text/__dev__/text.stories.tsx","./theme-switch/__dev__/theme-switch.stories.tsx":"./components/theme-switch/__dev__/theme-switch.stories.tsx","./tile/__dev__/tile.stories.tsx":"./components/tile/__dev__/tile.stories.tsx","./tray/__dev__/tray.stories.tsx":"./components/tray/__dev__/tray.stories.tsx"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./components sync recursive ^\\.(?:(?:^%7C\\/%7C(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/)(?%21\\.)(?=.)[^/]*?\\.stories\\.(js%7Cjsx%7Cts%7Ctsx))$"},"./components sync recursive ^\\.(?:(?:^%7C\\/%7C(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/)(?%21\\.)(?=.)[^/]*?\\.stories\\.mdx)$":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="./components sync recursive ^\\.(?:(?:^%7C\\/%7C(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/)(?%21\\.)(?=.)[^/]*?\\.stories\\.mdx)$",module.exports=webpackEmptyContext},"./hooks sync recursive ^\\.(?:(?:^%7C\\/%7C(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/)(?%21\\.)(?=.)[^/]*?\\.stories\\.(js%7Cjsx%7Cts%7Ctsx))$":(module,__unused_webpack_exports,__webpack_require__)=>{var map={"./use-copy-to-clipboard/__dev__/use-copy-to-clipboard.stories.tsx":"./hooks/use-copy-to-clipboard/__dev__/use-copy-to-clipboard.stories.tsx","./use-prefers-color-scheme/__dev__/use-prefers-color-scheme.stories.tsx":"./hooks/use-prefers-color-scheme/__dev__/use-prefers-color-scheme.stories.tsx"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./hooks sync recursive ^\\.(?:(?:^%7C\\/%7C(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/)(?%21\\.)(?=.)[^/]*?\\.stories\\.(js%7Cjsx%7Cts%7Ctsx))$"},"./hooks sync recursive ^\\.(?:(?:^%7C\\/%7C(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/)(?%21\\.)(?=.)[^/]*?\\.stories\\.mdx)$":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="./hooks sync recursive ^\\.(?:(?:^%7C\\/%7C(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/)(?%21\\.)(?=.)[^/]*?\\.stories\\.mdx)$",module.exports=webpackEmptyContext},"./.storybook/decorators/index.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{z:()=>Centered});__webpack_require__("./node_modules/react/index.js");var useCenteredClasses=(0,__webpack_require__("./node_modules/@griffel/react/makeStyles.esm.js").Z)({root:{minHeight:"100vh",width:"100%",display:"grid",alignItems:"center",justifyItems:"center"}}),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),Centered=function Centered(_ref){var children=_ref.children,classes=useCenteredClasses();return(0,jsx_runtime.jsx)("div",{className:classes.root,children})};Centered.displayName="Centered";try{Centered.displayName="Centered",Centered.__docgenInfo={description:"",displayName:"Centered",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES[".storybook/decorators/centered.tsx#Centered"]={docgenInfo:Centered.__docgenInfo,name:"Centered",path:".storybook/decorators/centered.tsx#Centered"})}catch(__react_docgen_typescript_loader_error){}},"./.storybook/preview.jsx-generated-config-entry.js":(__unused_webpack_module,__unused_webpack___webpack_exports__,__webpack_require__)=>{"use strict";var preview_namespaceObject={};__webpack_require__.r(preview_namespaceObject),__webpack_require__.d(preview_namespaceObject,{__namedExportsOrder:()=>preview_namedExportsOrder,decorators:()=>decorators,globalTypes:()=>globalTypes,parameters:()=>parameters});__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.array.filter.js"),__webpack_require__("./node_modules/core-js/modules/es.object.get-own-property-descriptor.js"),__webpack_require__("./node_modules/core-js/modules/es.array.for-each.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.for-each.js"),__webpack_require__("./node_modules/core-js/modules/es.object.get-own-property-descriptors.js"),__webpack_require__("./node_modules/core-js/modules/es.object.define-properties.js"),__webpack_require__("./node_modules/core-js/modules/es.object.define-property.js");var _provider,ClientApi=__webpack_require__("./node_modules/@storybook/client-api/dist/esm/ClientApi.js"),theme_provider=(__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js"),__webpack_require__("./styles/theming/lib/theme-provider.js")),makeStaticStyles_esm=__webpack_require__("./node_modules/@griffel/react/makeStaticStyles.esm.js"),useSegoeUI100=(0,makeStaticStyles_esm.Q)({"@font-face":{fontFamily:"Segoe UI",src:"local('Segoe UI Light'), url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/light/latest.woff2) format('woff2'),\n url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/light/latest.woff) format('woff'),\n url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/light/latest.ttf) format('truetype')",fontWeight:100}}),useSegoeUI200=(0,makeStaticStyles_esm.Q)({"@font-face":{fontFamily:"Segoe UI",src:"local('Segoe UI Semilight'), url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semilight/latest.woff2) format('woff2'),\n url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semilight/latest.woff) format('woff'),\n url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semilight/latest.ttf) format('truetype')",fontWeight:200}}),useSegoeUI400=(0,makeStaticStyles_esm.Q)({"@font-face":{fontFamily:"Segoe UI",src:"local('Segoe UI'), url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/normal/latest.woff2) format('woff2'),\n url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/normal/latest.woff) format('woff'),\n url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/normal/latest.ttf) format('truetype')",fontWeight:400}}),useSegoeUI600=(0,makeStaticStyles_esm.Q)({"@font-face":{fontFamily:"Segoe UI",src:"local('Segoe UI Semibold'), url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semibold/latest.woff2) format('woff2'),\n url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semibold/latest.woff) format('woff'),\n url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semibold/latest.ttf) format('truetype')",fontWeight:600}}),useSegoeUI700=(0,makeStaticStyles_esm.Q)({"@font-face":{fontFamily:"Segoe UI",src:"local('Segoe UI Bold'), url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/bold/latest.woff2) format('woff2'),\n url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/bold/latest.woff) format('woff'),\n url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/bold/latest.ttf) format('truetype')",fontWeight:700}}),makeStyles_esm=__webpack_require__("./node_modules/@griffel/react/makeStyles.esm.js"),tokens=__webpack_require__("./node_modules/@fluentui/tokens/lib/tokens.js"),useStoryStyles=(0,makeStaticStyles_esm.Q)({"html, body, #root":{height:"100%",paddingTop:0,paddingBottom:0,paddingLeft:0,paddingRight:0},".sb-show-main.sb-main-padded":{paddingTop:0,paddingBottom:0,paddingLeft:0,paddingRight:0}}),useFrameClasses=(0,makeStyles_esm.Z)({root:{backgroundColor:tokens.T.colorNeutralBackground1,minHeight:"100vh"},provider:(_provider={minHeight:"100vh"},_provider["& .fui-FluentProvider"]={height:"100%"},_provider)}),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),Frame=function Frame(_ref){var children=_ref.children,theme=_ref.theme;useSegoeUI100(),useSegoeUI200(),useSegoeUI400(),useSegoeUI600(),useSegoeUI700(),useStoryStyles();var classes=useFrameClasses();return(0,jsx_runtime.jsx)("div",{className:classes.provider,children:(0,jsx_runtime.jsx)(theme_provider.f,{currentThemeKey:theme,children:(0,jsx_runtime.jsx)("div",{className:classes.root,children})})})};Frame.displayName="Frame";try{Frame.displayName="Frame",Frame.__docgenInfo={description:"",displayName:"Frame",props:{theme:{defaultValue:null,description:"",name:"theme",required:!0,type:{name:"enum",value:[{value:'"light"'},{value:'"dark"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES[".storybook/custom/frame.tsx#Frame"]={docgenInfo:Frame.__docgenInfo,name:"Frame",path:".storybook/custom/frame.tsx#Frame"})}catch(__react_docgen_typescript_loader_error){}var parameters={actions:{argTypesRegex:"^on[A-Z].*"},controls:{matchers:{color:/(background|color)$/i,date:/Date$/}},options:{storySort:{order:["Atoms","Tiles","Lists","Blocks","Examples"]}}},globalTypes={theme:{name:"Theme",description:"Global theme for components",defaultValue:"light",title:"Theme",toolbar:{icon:"circlehollow",items:["light","dark"],dynamicTitle:!0}}},withThemeProvider=function withThemeProvider(Story,context){return(0,jsx_runtime.jsx)(Frame,{theme:context.globals.theme,children:(0,jsx_runtime.jsx)(Story,Object.assign({},context))})};withThemeProvider.displayName="withThemeProvider";var decorators=[withThemeProvider],preview_namedExportsOrder=["parameters","globalTypes","decorators"];function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _defineProperty(obj,key,value){return key in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}Object.keys(preview_namespaceObject).forEach((function(key){var value=preview_namespaceObject[key];switch(key){case"args":return(0,ClientApi.uc)(value);case"argTypes":return(0,ClientApi.v9)(value);case"decorators":return value.forEach((function(decorator){return(0,ClientApi.$9)(decorator,!1)}));case"loaders":return value.forEach((function(loader){return(0,ClientApi.HZ)(loader,!1)}));case"parameters":return(0,ClientApi.h1)(function _objectSpread(target){for(var i=1;i{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Item:()=>Item,List:()=>List,__namedExportsOrder:()=>__namedExportsOrder,default:()=>accordion_list_stories});__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js");var text_text=__webpack_require__("./components/text/lib/text/text.js"),react=__webpack_require__("./node_modules/react/index.js"),mergeClasses_esm=(__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/@griffel/core/mergeClasses.esm.js")),icon=__webpack_require__("./components/icon/lib/icon/icon.js"),AnimatePresence=__webpack_require__("./node_modules/framer-motion/dist/es/components/AnimatePresence/index.mjs"),index_browser=__webpack_require__("./components/accordion/node_modules/nanoid/index.browser.js"),tokens=__webpack_require__("./node_modules/@fluentui/tokens/lib/tokens.js"),makeStyles_esm=__webpack_require__("./node_modules/@griffel/react/makeStyles.esm.js"),useAccordionItemStyles=(0,makeStyles_esm.Z)({root:{borderBottomWidth:tokens.T.strokeWidthThin,borderBottomStyle:"solid",borderBottomColor:tokens.T.colorNeutralStroke1,transitionProperty:"border-bottom-color",transitionDuration:tokens.T.durationNormal,transitionTimingFunction:tokens.T.curveEasyEase,paddingTop:tokens.T.spacingVerticalM,paddingBottom:tokens.T.spacingVerticalM},trigger:{width:"100%",display:"flex",flexDirection:"row",justifyContent:"space-between",borderTopStyle:"none",borderBottomStyle:"none",borderLeftStyle:"none",borderRightStyle:"none",backgroundColor:"transparent",cursor:"pointer",paddingTop:0,paddingBottom:tokens.T.spacingVerticalS,paddingLeft:"0",paddingRight:"0"},title:{whiteSpace:"nowrap",overflowY:"hidden",overflowX:"hidden",textOverflow:"ellipsis"},content:{width:"100%",paddingTop:0,paddingBottom:0,paddingLeft:"0",paddingRight:"0"},toggle:{alignSelf:"center",transitionProperty:"transform",transitionDuration:tokens.T.durationNormal,transitionTimingFunction:tokens.T.curveEasyEase},toggleExpanded:{transform:"rotate(90deg)"},toggleIdle:{transform:"rotate(0deg)"}}),motion=__webpack_require__("./node_modules/framer-motion/dist/es/render/dom/motion.mjs"),use_reduced_motion=__webpack_require__("./node_modules/framer-motion/dist/es/utils/reduced-motion/use-reduced-motion.mjs"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),slideVariants=function slideVariants(_ref){var shouldReduceMotion=_ref.shouldReduceMotion;return{expanded:{height:"auto",transition:{ease:"easeOut",duration:shouldReduceMotion?0:.2}},collapsed:{height:0,transition:{delay:shouldReduceMotion?0:.075,ease:"easeOut",duration:shouldReduceMotion?0:.2}}}},SlideMotion=function SlideMotion(_ref2){var children=_ref2.children,initial=_ref2.initial,a11yLabelId=_ref2.a11yLabelId,a11yContentId=_ref2.a11yContentId,className=_ref2.className;return(0,jsx_runtime.jsx)(motion.E.section,{initial,animate:"expanded",exit:"collapsed",variants:slideVariants({shouldReduceMotion:(0,use_reduced_motion.J)()}),className,id:a11yContentId,"aria-labelledby":a11yLabelId,role:"region",children})};SlideMotion.displayName="SlideMotion";var fadeVariants=function fadeVariants(_ref3){var shouldReduceMotion=_ref3.shouldReduceMotion;return{expanded:{opacity:1,top:"0",transition:{delay:shouldReduceMotion?0:.125,ease:"easeOut",duration:shouldReduceMotion?0:.15}},collapsed:{opacity:0,top:"-4px",transition:{ease:"easeOut",duration:shouldReduceMotion?0:.15}}}},FadeMotion=function FadeMotion(_ref4){var children=_ref4.children,initial=_ref4.initial;return(0,jsx_runtime.jsx)(motion.E.div,{style:{position:"relative"},initial,animate:"expanded",exit:"collapsed",variants:fadeVariants({shouldReduceMotion:(0,use_reduced_motion.J)()}),children})};FadeMotion.displayName="FadeMotion";try{SlideMotion.displayName="SlideMotion",SlideMotion.__docgenInfo={description:"",displayName:"SlideMotion",props:{initial:{defaultValue:null,description:"",name:"initial",required:!0,type:{name:"enum",value:[{value:'"collapsed"'},{value:'"expanded"'}]}},a11yLabelId:{defaultValue:null,description:"",name:"a11yLabelId",required:!0,type:{name:"string"}},a11yContentId:{defaultValue:null,description:"",name:"a11yContentId",required:!0,type:{name:"string"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/accordion/src/accordion-item/motion.tsx#SlideMotion"]={docgenInfo:SlideMotion.__docgenInfo,name:"SlideMotion",path:"components/accordion/src/accordion-item/motion.tsx#SlideMotion"})}catch(__react_docgen_typescript_loader_error){}try{FadeMotion.displayName="FadeMotion",FadeMotion.__docgenInfo={description:"",displayName:"FadeMotion",props:{initial:{defaultValue:null,description:"",name:"initial",required:!0,type:{name:"enum",value:[{value:'"collapsed"'},{value:'"expanded"'}]}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/accordion/src/accordion-item/motion.tsx#FadeMotion"]={docgenInfo:FadeMotion.__docgenInfo,name:"FadeMotion",path:"components/accordion/src/accordion-item/motion.tsx#FadeMotion"})}catch(__react_docgen_typescript_loader_error){}function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null!=_i){var _s,_e,_x,_r,_arr=[],_n=!0,_d=!1;try{if(_x=(_i=_i.call(arr)).next,0===i){if(Object(_i)!==_i)return;_n=!1}else for(;!(_n=(_s=_x.call(_i)).done)&&(_arr.push(_s.value),_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{if(!_n&&null!=_i.return&&(_r=_i.return(),Object(_r)!==_r))return}finally{if(_d)throw _e}}return _arr}}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||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 _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{DownloadsExample:()=>DownloadsExample,LinksExample:()=>LinksExample,__namedExportsOrder:()=>__namedExportsOrder,default:()=>action_list_tile_stories});__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js");var makeStyles_esm=__webpack_require__("./node_modules/@griffel/react/makeStyles.esm.js"),tile=__webpack_require__("./components/tile/lib/tile.js"),decorators=(__webpack_require__("./node_modules/react/index.js"),__webpack_require__("./.storybook/decorators/index.ts")),use_space_styles=__webpack_require__("./hooks/use-space-styles/lib/use-space-styles.js"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),ActionListTile=function ActionListTile(_ref){var className=_ref.className,children=_ref.children,space=(0,use_space_styles.z)();return(0,jsx_runtime.jsx)(tile.n,{variant:"card",className,children:(0,jsx_runtime.jsx)("div",{className:space.p9,children})})};ActionListTile.displayName="ActionListTile";try{ActionListTile.displayName="ActionListTile",ActionListTile.__docgenInfo={description:"",displayName:"ActionListTile",props:{className:{defaultValue:null,description:"Consumer provided class.",name:"className",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/action-list-tile/src/action-list-tile/action-list-tile.tsx#ActionListTile"]={docgenInfo:ActionListTile.__docgenInfo,name:"ActionListTile",path:"components/action-list-tile/src/action-list-tile/action-list-tile.tsx#ActionListTile"})}catch(__react_docgen_typescript_loader_error){}var mergeClasses_esm=__webpack_require__("./node_modules/@griffel/core/mergeClasses.esm.js"),text_text=__webpack_require__("./components/text/lib/text/text.js"),tokens=__webpack_require__("./node_modules/@fluentui/tokens/lib/tokens.js"),useActionListHeaderStyles=(0,makeStyles_esm.Z)({image:{height:tokens.T.spacingHorizontalXXXL,width:tokens.T.spacingHorizontalXXXL,objectFit:"cover"}}),ActionListHeader=function ActionListHeader(_ref){var className=_ref.className,title=_ref.title,iconSrc=_ref.iconSrc,iconAlt=_ref.iconAlt,classes=useActionListHeaderStyles(),space=(0,use_space_styles.z)();return(0,jsx_runtime.jsxs)("header",{className:(0,mergeClasses_esm.z)(space.mb3,className),children:[iconSrc&&(0,jsx_runtime.jsx)("img",{src:iconSrc,alt:iconAlt,className:(0,mergeClasses_esm.z)(space.mb4,classes.image)}),(0,jsx_runtime.jsx)(text_text.x,{block:!0,as:"h3",variant:"caption",children:title})]})};ActionListHeader.displayName="ActionListHeader";try{ActionListHeader.displayName="ActionListHeader",ActionListHeader.__docgenInfo={description:"",displayName:"ActionListHeader",props:{className:{defaultValue:null,description:"Consumer provided class.",name:"className",required:!1,type:{name:"string"}},title:{defaultValue:null,description:"Text that describes the collection of actions in the tile.",name:"title",required:!0,type:{name:"string"}},iconSrc:{defaultValue:null,description:"Custom optional icon.",name:"iconSrc",required:!1,type:{name:"string"}},iconAlt:{defaultValue:null,description:"Accessible icon description.",name:"iconAlt",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/action-list-tile/src/action-list-header/action-list-header.tsx#ActionListHeader"]={docgenInfo:ActionListHeader.__docgenInfo,name:"ActionListHeader",path:"components/action-list-tile/src/action-list-header/action-list-header.tsx#ActionListHeader"})}catch(__react_docgen_typescript_loader_error){}var useActionListItemsStyles=(0,makeStyles_esm.Z)({root:{display:"grid",gridTemplateColumns:"1fr",rowGap:tokens.T.spacingHorizontalS}}),ActionListItems=function ActionListItems(_ref){var className=_ref.className,children=_ref.children,classes=useActionListItemsStyles();return(0,jsx_runtime.jsx)("div",{className:(0,mergeClasses_esm.z)(classes.root,className),children})};ActionListItems.displayName="ActionListItems";try{ActionListItems.displayName="ActionListItems",ActionListItems.__docgenInfo={description:"",displayName:"ActionListItems",props:{className:{defaultValue:null,description:"Consumer provided class.",name:"className",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/action-list-tile/src/action-list-items/action-list-items.tsx#ActionListItems"]={docgenInfo:ActionListItems.__docgenInfo,name:"ActionListItems",path:"components/action-list-tile/src/action-list-items/action-list-items.tsx#ActionListItems"})}catch(__react_docgen_typescript_loader_error){}__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js");var icon=__webpack_require__("./components/icon/lib/icon/icon.js"),reach_visually_hidden=__webpack_require__("./node_modules/@reach/visually-hidden/dist/reach-visually-hidden.mjs"),index_esm=(__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/@griffel/core/index.esm.js")),useActionListItemStyles=(0,makeStyles_esm.Z)({root:Object.assign({display:"grid",gridTemplateColumns:"auto 1rem",textAlign:"left",alignItems:"center",paddingLeft:0,paddingRight:0,cursor:"pointer",backgroundColor:"transparent"},index_esm.q5.borderStyle("none"),index_esm.q5.borderColor("transparent"))}),ActionListItem=function ActionListItem(_ref){var className=_ref.className,label=_ref.label,iconName=_ref.iconName,onClick=_ref.onClick,description=_ref.description,classes=useActionListItemStyles();return(0,jsx_runtime.jsxs)("button",{onClick,className:(0,mergeClasses_esm.z)(classes.root,className),children:[(0,jsx_runtime.jsxs)(text_text.x,{as:"span",variant:"description",color:"secondary",children:[(0,jsx_runtime.jsx)(reach_visually_hidden.T,{children:description}),label]}),(0,jsx_runtime.jsx)(icon.J,{iconName,color:"secondary",size:"small"})]})};ActionListItem.displayName="ActionListItem";try{ActionListItem.displayName="ActionListItem",ActionListItem.__docgenInfo={description:"",displayName:"ActionListItem",props:{className:{defaultValue:null,description:"Consumer provided class.",name:"className",required:!1,type:{name:"string"}},label:{defaultValue:null,description:"Action label.",name:"label",required:!0,type:{name:"string"}},description:{defaultValue:null,description:"Concise action description for assistive technology (e.g. 'download', 'open link').",name:"description",required:!0,type:{name:"string"}},iconName:{defaultValue:null,description:"Selection of icons.",name:"iconName",required:!0,type:{name:"enum",value:[{value:'"link"'},{value:'"code"'},{value:'"arrow-right"'},{value:'"chevron-right"'},{value:'"full-screen"'},{value:'"slide-in"'},{value:'"slide-out"'},{value:'"open"'},{value:'"check"'},{value:'"copy"'},{value:'"download"'},{value:'"exclamation"'},{value:'"moon"'},{value:'"sun"'},{value:'"x"'}]}},onClick:{defaultValue:null,description:"Click handler.",name:"onClick",required:!0,type:{name:"(e?: SyntheticEvent) => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/action-list-tile/src/action-list-item/action-list-item.tsx#ActionListItem"]={docgenInfo:ActionListItem.__docgenInfo,name:"ActionListItem",path:"components/action-list-tile/src/action-list-item/action-list-item.tsx#ActionListItem"})}catch(__react_docgen_typescript_loader_error){}const figma_namespaceObject=__webpack_require__.p+"static/media/figma.0845e15a.png",action_list_tile_stories={title:"Tiles/ActionListTile",component:ActionListTile,argTypes:{onClick:{action:"clicked"}},decorators:[function(Story){return(0,jsx_runtime.jsx)(decorators.z,{children:(0,jsx_runtime.jsx)(Story,{})})}]};var useTileGridStyles=(0,makeStyles_esm.Z)({root:{width:"100%",display:"grid",gridTemplateColumns:"repeat(auto-fill, minmax(16rem, 1fr))",columnGap:"2.5rem",rowGap:"2.5rem","@media screen and (max-width: var(--arbutus--breakpoint-xxs))":{gridTemplateColumns:"100%"}}}),actions={downloads:["Toolkit","Examples","Tokens","Utilities"],links:["Did you know about this?","Interesting blog post 🤔","I like cats and dogs and it is a longer title.","Fourth item in this list."]},TileExample=function TileExample(_ref){var type=_ref.type,createOnClick=function createOnClick(label){return function(){return alert("ActionItemList clicked: "+label)}};return(0,jsx_runtime.jsxs)(ActionListTile,{children:["downloads"===type?(0,jsx_runtime.jsx)(ActionListHeader,{title:"Figma Resources",iconSrc:figma_namespaceObject,iconAlt:"Figma logo"}):(0,jsx_runtime.jsx)(ActionListHeader,{title:"Useful Links"}),(0,jsx_runtime.jsx)(ActionListItems,{children:actions[type].map((function(action,i){return(0,jsx_runtime.jsx)(ActionListItem,{label:action,description:"downloads"===type?"Download":"Go to",iconName:"downloads"===type?"download":"open",onClick:createOnClick(action)},i+"-"+action)}))})]})};TileExample.displayName="TileExample";var DownloadsTemplate=function DownloadsTemplate(){var classes=useTileGridStyles();return(0,jsx_runtime.jsxs)("div",{className:classes.root,children:[(0,jsx_runtime.jsx)(tile.n,{variant:"solid-color",children:" "}),(0,jsx_runtime.jsx)(TileExample,{type:"downloads"}),(0,jsx_runtime.jsx)(tile.n,{variant:"solid-color",children:" "})]})};DownloadsTemplate.displayName="DownloadsTemplate";var DownloadsExample=DownloadsTemplate.bind({}),LinksTemplate=function LinksTemplate(){var classes=useTileGridStyles();return(0,jsx_runtime.jsxs)("div",{className:classes.root,children:[(0,jsx_runtime.jsx)(tile.n,{variant:"solid-color",children:" "}),(0,jsx_runtime.jsx)(TileExample,{type:"links"}),(0,jsx_runtime.jsx)(tile.n,{variant:"solid-color",children:" "})]})};LinksTemplate.displayName="LinksTemplate";var LinksExample=LinksTemplate.bind({}),__namedExportsOrder=["DownloadsExample","LinksExample"]},"./components/action-tile/__dev__/action-tile.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{WithImage:()=>WithImage,WithoutImage:()=>WithoutImage,__namedExportsOrder:()=>__namedExportsOrder,default:()=>action_tile_stories});__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js");var tokens=__webpack_require__("./node_modules/@fluentui/tokens/lib/tokens.js"),makeStyles_esm=__webpack_require__("./node_modules/@griffel/react/makeStyles.esm.js"),tile=__webpack_require__("./components/tile/lib/tile.js"),decorators=(__webpack_require__("./node_modules/react/index.js"),__webpack_require__("./.storybook/decorators/index.ts")),mergeClasses_esm=(__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/@griffel/core/mergeClasses.esm.js")),icon=__webpack_require__("./components/icon/lib/icon/icon.js"),text_text=__webpack_require__("./components/text/lib/text/text.js"),index_esm=__webpack_require__("./node_modules/@griffel/core/index.esm.js"),useActionTileStyles=(0,makeStyles_esm.Z)({root:Object.assign({display:"grid",columnGap:tokens.T.spacingHorizontalL,minHeight:"60px",alignContent:"center",alignItems:"center",textAlign:"left",paddingLeft:tokens.T.spacingHorizontalXXL,paddingRight:tokens.T.spacingHorizontalXXL,cursor:"pointer",backgroundColor:"transparent"},index_esm.q5.borderStyle("none"),index_esm.q5.borderColor("transparent")),withImage:{gridTemplateColumns:"1.75rem auto 1rem"},withoutImage:{gridTemplateColumns:"auto 1rem"},image:{height:"1.75rem",width:"1.75rem",objectFit:"cover"}}),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),ActionTile=function ActionTile(_ref){var className=_ref.className,title=_ref.title,onClick=_ref.onClick,description=_ref.description,imageSrc=_ref.imageSrc,imageAlt=_ref.imageAlt,classes=useActionTileStyles(),withImage=imageSrc&&imageAlt;return(0,jsx_runtime.jsxs)(tile.n,{as:"button",variant:"card",className:(0,mergeClasses_esm.z)(classes.root,withImage?classes.withImage:classes.withoutImage,className),onClick,children:[withImage&&(0,jsx_runtime.jsx)("img",{src:imageSrc,alt:imageAlt,className:classes.image}),(0,jsx_runtime.jsxs)("div",{children:[(0,jsx_runtime.jsx)(text_text.x,{block:!0,variant:"caption",children:title}),description&&(0,jsx_runtime.jsx)(text_text.x,{variant:"description",color:"secondary",children:description})]}),(0,jsx_runtime.jsx)(icon.J,{iconName:"chevron-right",color:"tertiary"})]})};ActionTile.displayName="ActionTile";try{ActionTile.displayName="ActionTile",ActionTile.__docgenInfo={description:"",displayName:"ActionTile",props:{className:{defaultValue:null,description:"Consumer provided class.",name:"className",required:!1,type:{name:"string"}},title:{defaultValue:null,description:"Title of the action.",name:"title",required:!0,type:{name:"string"}},description:{defaultValue:null,description:"Concise description of the action.",name:"description",required:!1,type:{name:"string"}},onClick:{defaultValue:null,description:"Click handler.",name:"onClick",required:!0,type:{name:"(e?: SyntheticEvent) => void"}},imageSrc:{defaultValue:null,description:"Custom optional icon.",name:"imageSrc",required:!1,type:{name:"string"}},imageAlt:{defaultValue:null,description:"Accessible icon description.",name:"imageAlt",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/action-tile/src/action-tile/action-tile.tsx#ActionTile"]={docgenInfo:ActionTile.__docgenInfo,name:"ActionTile",path:"components/action-tile/src/action-tile/action-tile.tsx#ActionTile"})}catch(__react_docgen_typescript_loader_error){}const icon_namespaceObject=__webpack_require__.p+"static/media/icon.0ca5d4cb.svg",action_tile_stories={title:"Tiles/ActionTile",component:ActionTile,argTypes:{onClick:{action:"clicked"}},decorators:[function(Story){return(0,jsx_runtime.jsx)(decorators.z,{children:(0,jsx_runtime.jsx)("div",{style:{maxWidth:"980px"},children:(0,jsx_runtime.jsx)(Story,{})})})}]};var useTileGridStyles=(0,makeStyles_esm.Z)({root:{minWidth:"22.5rem",display:"grid",gridTemplateColumns:"1fr",gridAutoRows:"3.75rem",columnGap:tokens.T.spacingHorizontalM,rowGap:tokens.T.spacingVerticalM,"@media screen and (max-width: var(--arbutus--breakpoint-xxs))":{gridTemplateColumns:"100%"}}}),Template=function Template(args){var classes=useTileGridStyles();return(0,jsx_runtime.jsxs)("div",{className:classes.root,children:[(0,jsx_runtime.jsx)(tile.n,{variant:"solid-color",children:" "}),(0,jsx_runtime.jsx)(ActionTile,Object.assign({},args)),(0,jsx_runtime.jsx)(tile.n,{variant:"solid-color",children:" "}),(0,jsx_runtime.jsx)(tile.n,{variant:"solid-color",children:" "}),(0,jsx_runtime.jsx)(tile.n,{variant:"solid-color",children:" "})]})};Template.displayName="Template";var WithoutImage=Template.bind({});WithoutImage.args={title:"ActionTile",description:"Component"};var WithImage=Template.bind({});WithImage.args={title:"ActionTile",description:"Component",imageAlt:"Component icon",imageSrc:icon_namespaceObject};var __namedExportsOrder=["WithoutImage","WithImage"]},"./components/aside-navigation/__dev__/aside-navigation.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Simple:()=>Simple,__namedExportsOrder:()=>__namedExportsOrder,default:()=>aside_navigation_stories});__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js");var tokens=__webpack_require__("./node_modules/@fluentui/tokens/lib/tokens.js"),makeStyles_esm=__webpack_require__("./node_modules/@griffel/react/makeStyles.esm.js"),tile=__webpack_require__("./components/tile/lib/tile.js"),react=__webpack_require__("./node_modules/react/index.js"),mergeClasses_esm=__webpack_require__("./node_modules/@griffel/core/mergeClasses.esm.js"),text_text=__webpack_require__("./components/text/lib/text/text.js"),use_space_styles=__webpack_require__("./hooks/use-space-styles/lib/use-space-styles.js"),AsideNavigationContext=(0,react.createContext)({}),index_esm=(__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/@griffel/core/index.esm.js")),useAsideNavigationStyles=(0,makeStyles_esm.Z)({list:Object.assign({display:"grid",position:"relative",gridTemplateColumns:"1fr",rowGap:tokens.T.spacingVerticalS,paddingLeft:tokens.T.spacingHorizontalS},index_esm.q5.borderLeft(tokens.T.strokeWidthThin,"solid",tokens.T.colorNeutralStroke1)),title:Object.assign({},index_esm.q5.borderLeft(tokens.T.strokeWidthThin,"solid",tokens.T.colorNeutralStroke1)),highlight:{transitionProperty:"all",transitionDuration:tokens.T.durationNormal,transitionTimingFunction:tokens.T.curveEasyEase,position:"absolute",height:tokens.T.lineHeightBase600,width:tokens.T.strokeWidthThick,left:"calc("+tokens.T.strokeWidthThin+" * -1)",backgroundColor:tokens.T.colorBrandForeground1}}),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),AsideNavigation=function AsideNavigation(_ref){var _ref$as=_ref.as,Root=void 0===_ref$as?"aside":_ref$as,className=_ref.className,children=_ref.children,currentIndex=_ref.currentIndex,title=_ref.title,classes=useAsideNavigationStyles(),space=(0,use_space_styles.z)(),count=react.Children.count(children),highlightStyle={top:"calc((100% + "+tokens.T.spacingVerticalS+") / "+count+" * "+currentIndex+")"};return(0,jsx_runtime.jsx)(AsideNavigationContext.Provider,{value:{currentIndex},children:(0,jsx_runtime.jsxs)(Root,{className,children:[title&&(0,jsx_runtime.jsx)(text_text.x,{block:!0,as:"h3",variant:"caption",className:(0,mergeClasses_esm.z)(space.pl4,space.pb6,space.pt1,classes.title),children:title}),(0,jsx_runtime.jsxs)("div",{className:classes.list,children:[(0,jsx_runtime.jsx)("div",{className:classes.highlight,style:highlightStyle,children:" "}),children]})]})})};AsideNavigation.displayName="AsideNavigation";try{AsideNavigation.displayName="AsideNavigation",AsideNavigation.__docgenInfo={description:"",displayName:"AsideNavigation",props:{className:{defaultValue:null,description:"Consumer provided class.",name:"className",required:!1,type:{name:"string"}},currentIndex:{defaultValue:null,description:"Currently active tab.",name:"currentIndex",required:!0,type:{name:"number"}},as:{defaultValue:null,description:"Custom root element.",name:"as",required:!1,type:{name:"ElementType"}},title:{defaultValue:null,description:"Title of the navigation group.",name:"title",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/aside-navigation/src/aside-navigation/aside-navigation.tsx#AsideNavigation"]={docgenInfo:AsideNavigation.__docgenInfo,name:"AsideNavigation",path:"components/aside-navigation/src/aside-navigation/aside-navigation.tsx#AsideNavigation"})}catch(__react_docgen_typescript_loader_error){}var useAsideNavigationLinkStyles=(0,makeStyles_esm.Z)({root:Object.assign({},index_esm.q5.padding(0,tokens.T.spacingHorizontalS),{textAlign:"left",height:tokens.T.lineHeightBase600,transitionProperty:"all",transitionDuration:tokens.T.durationNormal,transitionTimingFunction:tokens.T.curveEasyEase,backgroundColor:"transparent",cursor:"pointer"},index_esm.q5.borderStyle("none"),index_esm.q5.borderColor("transparent"),index_esm.q5.borderRadius("0.5rem"),{":hover":{backgroundColor:tokens.T.colorBrandBackground2,"& > *":{color:tokens.T.colorBrandForeground2},":focus":{outlineColor:tokens.T.colorBrandForeground2}}}),active:{fontWeight:tokens.T.fontWeightSemibold}}),AsideNavigationLink=function AsideNavigationLink(_ref){var children=_ref.children,_ref$as=_ref.as,Root=void 0===_ref$as?"button":_ref$as,onClick=_ref.onClick,index=_ref.index,classes=useAsideNavigationLinkStyles(),isActive=(0,react.useContext)(AsideNavigationContext).currentIndex===index;return(0,jsx_runtime.jsx)(Root,{onClick,className:(0,mergeClasses_esm.z)(classes.root),children:(0,jsx_runtime.jsx)(text_text.x,{as:"span",color:isActive?"action":"secondary",className:isActive?classes.active:void 0,children})})};AsideNavigationLink.displayName="AsideNavigationLink";try{AsideNavigationLink.displayName="AsideNavigationLink",AsideNavigationLink.__docgenInfo={description:"",displayName:"AsideNavigationLink",props:{as:{defaultValue:null,description:"Link element.",name:"as",required:!1,type:{name:"ElementType"}},onClick:{defaultValue:null,description:"Link element click handler.",name:"onClick",required:!0,type:{name:"(e?: SyntheticEvent) => void"}},index:{defaultValue:null,description:"Element’s index (position) in the navigation.",name:"index",required:!0,type:{name:"number"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/aside-navigation/src/aside-navigation-link/aside-navigation-link.tsx#AsideNavigationLink"]={docgenInfo:AsideNavigationLink.__docgenInfo,name:"AsideNavigationLink",path:"components/aside-navigation/src/aside-navigation-link/aside-navigation-link.tsx#AsideNavigationLink"})}catch(__react_docgen_typescript_loader_error){}function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null!=_i){var _s,_e,_x,_r,_arr=[],_n=!0,_d=!1;try{if(_x=(_i=_i.call(arr)).next,0===i){if(Object(_i)!==_i)return;_n=!1}else for(;!(_n=(_s=_x.call(_i)).done)&&(_arr.push(_s.value),_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{if(!_n&&null!=_i.return&&(_r=_i.return(),Object(_r)!==_r))return}finally{if(_d)throw _e}}return _arr}}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||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 _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Inline:()=>Inline,Simple:()=>Simple,__namedExportsOrder:()=>__namedExportsOrder,default:()=>badge_stories});__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js");var icons=__webpack_require__("./components/icon/lib/icon/icons/index.js"),tokens=(__webpack_require__("./node_modules/react/index.js"),__webpack_require__("./node_modules/@fluentui/tokens/lib/tokens.js")),makeStyles_esm=__webpack_require__("./node_modules/@griffel/react/makeStyles.esm.js"),index_esm=__webpack_require__("./node_modules/@griffel/core/index.esm.js"),map_to_styles=__webpack_require__("./styles/utilities/lib/map-to-styles.js"),colorMap={accent:tokens.T.colorBrandBackground2,primary:tokens.T.colorNeutralForeground1,secondary:tokens.T.colorNeutralForeground2,tertiary:tokens.T.colorNeutralForeground3,quaternary:tokens.T.colorNeutralForeground4,negative:tokens.T.colorPaletteDarkOrangeForeground1,positive:tokens.T.colorPaletteGreenForeground1,warning:tokens.T.colorPaletteMarigoldForeground1,danger:tokens.T.colorPaletteDarkOrangeForeground1,info:tokens.T.colorBrandForeground2},colorClasses=(0,map_to_styles.f)(colorMap,(function colorStyleFunction(color){return{backgroundColor:color}})),useBadgeStyles=(0,makeStyles_esm.Z)(Object.assign({root:Object.assign({display:"grid",alignItems:"center",justifyItems:"center",height:tokens.T.spacingHorizontalXXL,width:tokens.T.spacingHorizontalXXL},index_esm.q5.borderRadius(tokens.T.spacingHorizontalXXL)),inline:{display:"inline-grid",verticalAlign:"center"}},colorClasses)),mergeClasses_esm=__webpack_require__("./node_modules/@griffel/core/mergeClasses.esm.js"),icon=__webpack_require__("./components/icon/lib/icon/icon.js"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),Badge=function Badge(_ref){var className=_ref.className,iconName=_ref.iconName,_ref$color=_ref.color,color=void 0===_ref$color?"primary":_ref$color,isInline=_ref.isInline,classes=useBadgeStyles();return(0,jsx_runtime.jsx)("span",{className:(0,mergeClasses_esm.z)(classes.root,classes[color],isInline&&classes.inline,className),children:(0,jsx_runtime.jsx)(icon.J,{size:"small",iconName,color:color+"-inverse"})})};Badge.displayName="Badge";try{Badge.displayName="Badge",Badge.__docgenInfo={description:"",displayName:"Badge",props:{className:{defaultValue:null,description:"Consumer provided class.",name:"className",required:!1,type:{name:"string"}},color:{defaultValue:{value:"primary"},description:"Selection of color options.",name:"color",required:!1,type:{name:"enum",value:[{value:'"accent"'},{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'},{value:'"quaternary"'},{value:'"negative"'},{value:'"positive"'},{value:'"warning"'},{value:'"danger"'},{value:'"info"'}]}},iconName:{defaultValue:null,description:"Selection of icons.",name:"iconName",required:!0,type:{name:"enum",value:[{value:'"link"'},{value:'"code"'},{value:'"arrow-right"'},{value:'"chevron-right"'},{value:'"full-screen"'},{value:'"slide-in"'},{value:'"slide-out"'},{value:'"open"'},{value:'"check"'},{value:'"copy"'},{value:'"download"'},{value:'"exclamation"'},{value:'"moon"'},{value:'"sun"'},{value:'"x"'}]}},isInline:{defaultValue:null,description:"Sets the Badge to be an inline element.",name:"isInline",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/badge/src/badge/badge.tsx#Badge"]={docgenInfo:Badge.__docgenInfo,name:"Badge",path:"components/badge/src/badge/badge.tsx#Badge"})}catch(__react_docgen_typescript_loader_error){}const badge_stories={title:"Atoms/Badge",component:Badge,argTypes:{options:Object.keys(colorMap),color:{control:{type:"select"}},iconName:{options:Object.keys(icons.H),control:{type:"select"}}}};var Template=function Template(args){return(0,jsx_runtime.jsx)(Badge,Object.assign({},args))};Template.displayName="Template";var Simple=Template.bind({});Simple.args={color:"positive",iconName:"check"};var InlineTemplate=function InlineTemplate(args){return(0,jsx_runtime.jsxs)("p",{children:[(0,jsx_runtime.jsx)(Badge,Object.assign({},args))," Lorem ipsum dolor."]})};InlineTemplate.displayName="InlineTemplate";var Inline=InlineTemplate.bind({});Inline.args={color:"positive",iconName:"exclamation",isInline:!0};var __namedExportsOrder=["Simple","Inline"]},"./components/badge/lib/badge/badge.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{C:()=>Badge});var mergeClasses_esm=__webpack_require__("./node_modules/@griffel/core/mergeClasses.esm.js"),icon=__webpack_require__("./components/icon/lib/icon/icon.js"),react=__webpack_require__("./node_modules/react/index.js"),tokens=(__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/@fluentui/tokens/lib/tokens.js")),makeStyles_esm=__webpack_require__("./node_modules/@griffel/react/makeStyles.esm.js"),index_esm=__webpack_require__("./node_modules/@griffel/core/index.esm.js"),map_to_styles=__webpack_require__("./styles/utilities/lib/map-to-styles.js"),colorMap={accent:tokens.T.colorBrandBackground2,primary:tokens.T.colorNeutralForeground1,secondary:tokens.T.colorNeutralForeground2,tertiary:tokens.T.colorNeutralForeground3,quaternary:tokens.T.colorNeutralForeground4,negative:tokens.T.colorPaletteDarkOrangeForeground1,positive:tokens.T.colorPaletteGreenForeground1,warning:tokens.T.colorPaletteMarigoldForeground1,danger:tokens.T.colorPaletteDarkOrangeForeground1,info:tokens.T.colorBrandForeground2},colorClasses=(0,map_to_styles.f)(colorMap,(function colorStyleFunction(color){return{backgroundColor:color}})),useBadgeStyles=(0,makeStyles_esm.Z)(Object.assign({root:Object.assign({display:"grid",alignItems:"center",justifyItems:"center",height:tokens.T.spacingHorizontalXXL,width:tokens.T.spacingHorizontalXXL},index_esm.q5.borderRadius(tokens.T.spacingHorizontalXXL)),inline:{display:"inline-grid",verticalAlign:"center"}},colorClasses)),Badge=function Badge(_ref){var className=_ref.className,iconName=_ref.iconName,_ref$color=_ref.color,color=void 0===_ref$color?"primary":_ref$color,isInline=_ref.isInline,classes=useBadgeStyles();return react.createElement("span",{className:(0,mergeClasses_esm.z)(classes.root,classes[color],isInline&&classes.inline,className)},react.createElement(icon.J,{size:"small",iconName,color:color+"-inverse"}))};Badge.__docgenInfo={description:"",methods:[],displayName:"Badge",props:{color:{defaultValue:{value:"'primary'",computed:!1},required:!1}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/badge/lib/badge/badge.js"]={name:"Badge",docgenInfo:Badge.__docgenInfo,path:"components/badge/lib/badge/badge.js"})},"./components/bookmark-tile/__dev__/bookmark-tile.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Simple:()=>Simple,WithCustomIcon:()=>WithCustomIcon,__namedExportsOrder:()=>__namedExportsOrder,default:()=>bookmark_tile_stories});__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js");var makeStyles_esm=__webpack_require__("./node_modules/@griffel/react/makeStyles.esm.js"),tile=__webpack_require__("./components/tile/lib/tile.js"),mergeClasses_esm=(__webpack_require__("./node_modules/react/index.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/@griffel/core/mergeClasses.esm.js")),icon=__webpack_require__("./components/icon/lib/icon/icon.js"),text_text=__webpack_require__("./components/text/lib/text/text.js"),use_space_styles=__webpack_require__("./hooks/use-space-styles/lib/use-space-styles.js"),tokens=__webpack_require__("./node_modules/@fluentui/tokens/lib/tokens.js"),index_esm=__webpack_require__("./node_modules/@griffel/core/index.esm.js"),useBookmarkTileStyles=(0,makeStyles_esm.Z)({root:Object.assign({textAlign:"left",cursor:"pointer",backgroundColor:"transparent"},index_esm.q5.borderStyle("none"),index_esm.q5.borderColor("transparent")),header:{display:"flex",justifyContent:"space-between",alignItems:"center"},image:{height:tokens.T.spacingHorizontalXXXL,width:tokens.T.spacingHorizontalXXXL,objectFit:"contain"},fallbackIcon:Object.assign({height:tokens.T.spacingHorizontalXXXL,width:tokens.T.spacingHorizontalXXXL},index_esm.q5.borderRadius(tokens.T.spacingHorizontalL),{backgroundColor:tokens.T.colorBrandBackground2,display:"grid",alignItems:"center",justifyItems:"center"})}),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),BookmarkTile=function BookmarkTile(_ref){var className=_ref.className,iconAlt=_ref.iconAlt,iconSrc=_ref.iconSrc,title=_ref.title,description=_ref.description,onClick=_ref.onClick,classes=useBookmarkTileStyles(),space=(0,use_space_styles.z)();return(0,jsx_runtime.jsx)(tile.n,{as:"button",variant:"card",onClick,className:(0,mergeClasses_esm.z)(classes.root,space.p9,className),children:(0,jsx_runtime.jsxs)("div",{children:[(0,jsx_runtime.jsxs)("header",{className:(0,mergeClasses_esm.z)(classes.header,space.mb7),children:[iconSrc&&iconAlt?(0,jsx_runtime.jsx)("img",{src:iconSrc,alt:iconAlt,className:classes.image}):(0,jsx_runtime.jsx)("div",{className:classes.fallbackIcon,children:(0,jsx_runtime.jsx)(icon.J,{iconName:"link",color:"accent"})}),(0,jsx_runtime.jsx)(icon.J,{iconName:"open",color:"secondary"})]}),(0,jsx_runtime.jsx)(text_text.x,{block:!0,as:"h3",variant:"caption",className:space.mb1,children:title}),(0,jsx_runtime.jsx)(text_text.x,{block:!0,variant:"description",color:"secondary",children:description})]})})};BookmarkTile.displayName="BookmarkTile";try{BookmarkTile.displayName="BookmarkTile",BookmarkTile.__docgenInfo={description:"",displayName:"BookmarkTile",props:{className:{defaultValue:null,description:"Consumer provided class.",name:"className",required:!1,type:{name:"string"}},title:{defaultValue:null,description:"Title of the bookmark.",name:"title",required:!0,type:{name:"string"}},description:{defaultValue:null,description:"Description of the bookmark.",name:"description",required:!0,type:{name:"string"}},onClick:{defaultValue:null,description:"Click handler.",name:"onClick",required:!0,type:{name:"(e?: SyntheticEvent) => void"}},iconSrc:{defaultValue:null,description:"Custom optional icon.",name:"iconSrc",required:!1,type:{name:"string"}},iconAlt:{defaultValue:null,description:"Accessible icon description.",name:"iconAlt",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/bookmark-tile/src/bookmark-tile/bookmark-tile.tsx#BookmarkTile"]={docgenInfo:BookmarkTile.__docgenInfo,name:"BookmarkTile",path:"components/bookmark-tile/src/bookmark-tile/bookmark-tile.tsx#BookmarkTile"})}catch(__react_docgen_typescript_loader_error){}const theme_designer_namespaceObject=__webpack_require__.p+"static/media/theme-designer.5a1ca2d4.png",bookmark_tile_stories={title:"Tiles/BookmarkTile",component:BookmarkTile,argTypes:{onClick:{action:"clicked"}}};var useTileGridStyles=(0,makeStyles_esm.Z)({root:{width:"100%",display:"grid",gridTemplateColumns:"repeat(auto-fill, minmax(16rem, 1fr))",columnGap:"2.5rem",rowGap:"2.5rem","@media screen and (max-width: var(--arbutus--breakpoint-xxs))":{gridTemplateColumns:"100%"}}}),Template=function Template(args){var classes=useTileGridStyles();return(0,jsx_runtime.jsxs)("div",{className:classes.root,children:[(0,jsx_runtime.jsx)(tile.n,{variant:"solid-color",children:" "}),(0,jsx_runtime.jsx)(BookmarkTile,Object.assign({},args)),(0,jsx_runtime.jsx)(tile.n,{variant:"solid-color",children:" "})]})};Template.displayName="Template";var Simple=Template.bind({});Simple.args={title:"Link Name",description:"BookmarkTile communicates to the user that this is a link to a resource."};var WithCustomIcon=Template.bind({});WithCustomIcon.args={title:"Fluent Theme Designer",description:"Figma plugin",iconSrc:theme_designer_namespaceObject,iconAlt:"Fluent Theme Designer"};var __namedExportsOrder=["Simple","WithCustomIcon"]},"./components/button/__dev__/button.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Simple:()=>Simple,__namedExportsOrder:()=>__namedExportsOrder,default:()=>button_stories});__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/react/index.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js");var mergeClasses_esm=__webpack_require__("./node_modules/@griffel/core/mergeClasses.esm.js"),tokens=__webpack_require__("./node_modules/@fluentui/tokens/lib/tokens.js"),makeStyles_esm=__webpack_require__("./node_modules/@griffel/react/makeStyles.esm.js"),map_to_styles=__webpack_require__("./styles/utilities/lib/map-to-styles.js");var colorMap={primary:{foreground:tokens.T.colorBrandForeground1,stroke:tokens.T.colorBrandForeground2,background:tokens.T.colorBrandBackground2},secondary:{foreground:tokens.T.colorNeutralForeground1,stroke:tokens.T.colorNeutralStroke1,background:tokens.T.colorNeutralBackground3},danger:{foreground:tokens.T.colorPaletteDarkOrangeForeground1,stroke:tokens.T.colorPaletteDarkOrangeBorder1,background:tokens.T.colorPaletteDarkOrangeBackground1},warning:{foreground:tokens.T.colorPaletteMarigoldForeground1,stroke:tokens.T.colorPaletteMarigoldBorder1,background:tokens.T.colorPaletteMarigoldBackground1},success:{foreground:tokens.T.colorPaletteGreenForeground1,stroke:tokens.T.colorPaletteGreenBorder1,background:tokens.T.colorPaletteGreenBackground1}},colorPillClasses=(0,map_to_styles.f)(colorMap,(function colorPillStyleFunction(_ref){var foreground=_ref.foreground,background=_ref.background,stroke=_ref.stroke;return{color:foreground,borderTopColor:stroke,borderRightColor:stroke,borderLeftColor:stroke,borderBottomColor:stroke,"&:focus-visible, &:hover":{backgroundColor:background,boxShadow:"0 0 2px "+background+", 0 8px 16px "+background+", inset 0 0 0px 0.5px "+stroke}}})),restColors=function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}(colorMap,["primary"]),colorBrickClasses=(0,map_to_styles.f)(restColors,(function colorBrickStyleFunction(_ref2){var foreground=_ref2.foreground,background=_ref2.background,stroke=_ref2.stroke;return{backgroundColor:background,color:foreground,borderTopColor:stroke,borderRightColor:stroke,borderLeftColor:stroke,borderBottomColor:stroke,"&:focus-visible, &:hover":{boxShadow:"0 0 2px "+background+", 0 8px 16px "+background+", inset 0 0 0px 0.5px "+stroke}}})),sizeMap={small:{x:tokens.T.spacingHorizontalM,y:tokens.T.spacingVerticalXS,fontSize:tokens.T.fontSizeBase300},medium:{x:tokens.T.spacingHorizontalL,y:tokens.T.spacingVerticalS,fontSize:tokens.T.fontSizeBase300},large:{x:tokens.T.spacingHorizontalXXL,y:tokens.T.spacingVerticalM,fontSize:tokens.T.fontSizeBase400}},sizeClasses=(0,map_to_styles.f)(sizeMap,(function sizeStyleFunction(_ref3){var y=_ref3.y,x=_ref3.x;return{paddingLeft:x,paddingRight:x,paddingTop:y,paddingBottom:y,fontSize:_ref3.fontSize}})),sizePillClasses=(0,map_to_styles.f)(sizeMap,(function sizePillStyleFunction(_ref4){var x=_ref4.x,fontSize=_ref4.fontSize;return{borderTopLeftRadius:"calc("+x+" * 2 + "+fontSize+")",borderTopRightRadius:"calc("+x+" * 2 + "+fontSize+")",borderBottomLeftRadius:"calc("+x+" * 2 + "+fontSize+")",borderBottomRightRadius:"calc("+x+" * 2 + "+fontSize+")"}})),useButtonStyles=(0,makeStyles_esm.Z)(Object.assign({root:{cursor:"pointer",transitionProperty:"all",transitionDuration:tokens.T.durationNormal,transitionTimingFunction:tokens.T.curveEasyEase,fontWeight:tokens.T.fontWeightSemibold,borderTopStyle:"solid",borderBottomStyle:"solid",borderLeftStyle:"solid",borderRightStyle:"solid",borderTopWidth:tokens.T.strokeWidthThin,borderBottomWidth:tokens.T.strokeWidthThin,borderLeftWidth:tokens.T.strokeWidthThin,borderRightWidth:tokens.T.strokeWidthThin,boxShadow:"0 0 2px transparent, 0 8px 16px transparent","@media (prefers-reduced-motion)":{transitionDuration:"0ms"},"&:focus-visible":{outlineStyle:"none",outlineColor:"transparent"}},pill:{backgroundColor:"transparent"},brick:{borderTopLeftRadius:tokens.T.borderRadiusMedium,borderTopRightRadius:tokens.T.borderRadiusMedium,borderBottomLeftRadius:tokens.T.borderRadiusMedium,borderBottomRightRadius:tokens.T.borderRadiusMedium}},sizeClasses)),useButtonPillStyles=(0,makeStyles_esm.Z)(Object.assign({},colorPillClasses,sizePillClasses)),useButtonBrickStyles=(0,makeStyles_esm.Z)(Object.assign({primary:{color:tokens.T.colorNeutralBackground1,backgroundColor:tokens.T.colorBrandForegroundInverted,borderTopColor:tokens.T.colorBrandForegroundInverted,borderRightColor:tokens.T.colorBrandForegroundInverted,borderLeftColor:tokens.T.colorBrandForegroundInverted,borderBottomColor:tokens.T.colorBrandForegroundInverted,"&:focus-visible, &:hover":{backgroundColor:tokens.T.colorBrandForegroundInvertedHover,boxShadow:"0 0 2px "+colorMap.primary.foreground+", 0 8px 16px "+colorMap.primary.background}}},colorBrickClasses)),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["className","color","size","shape","children"];function button_objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function button_objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var Button=function Button(_ref){var className=_ref.className,_ref$color=_ref.color,color=void 0===_ref$color?"primary":_ref$color,_ref$size=_ref.size,size=void 0===_ref$size?"medium":_ref$size,_ref$shape=_ref.shape,shape=void 0===_ref$shape?"brick":_ref$shape,children=_ref.children,rest=button_objectWithoutProperties(_ref,_excluded),classes=useButtonStyles(),brickClasses=useButtonBrickStyles(),pillClasses=useButtonPillStyles(),isBrick="brick"===shape,isPill="pill"===shape;return(0,jsx_runtime.jsx)("button",Object.assign({className:(0,mergeClasses_esm.z)(classes.root,classes[size],isBrick&&brickClasses[color],isBrick&&classes.brick,isPill&&classes.pill,isPill&&pillClasses[color],isPill&&pillClasses[size],className)},rest,{children}))};Button.displayName="Button";try{Button.displayName="Button",Button.__docgenInfo={description:"",displayName:"Button",props:{size:{defaultValue:{value:"medium"},description:"Size of the button.",name:"size",required:!1,type:{name:"enum",value:[{value:'"small"'},{value:'"medium"'},{value:'"large"'}]}},shape:{defaultValue:{value:"brick"},description:"Shape variant options.",name:"shape",required:!1,type:{name:"enum",value:[{value:'"pill"'},{value:'"brick"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/button/src/button/button.tsx#Button"]={docgenInfo:Button.__docgenInfo,name:"Button",path:"components/button/src/button/button.tsx#Button"})}catch(__react_docgen_typescript_loader_error){}const button_stories={title:"Atoms/Button",component:Button,argTypes:{color:{options:Object.keys(colorMap),control:{type:"select"}}}};var Template=function Template(args){return(0,jsx_runtime.jsx)(Button,Object.assign({},args))};Template.displayName="Template";var Simple=Template.bind({});Simple.args={color:"primary",size:"medium",shape:"brick",children:"Click me!"};var __namedExportsOrder=["Simple"]},"./components/button/lib/button/button.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{z:()=>Button});__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var mergeClasses_esm=__webpack_require__("./node_modules/@griffel/core/mergeClasses.esm.js"),react=__webpack_require__("./node_modules/react/index.js"),tokens=__webpack_require__("./node_modules/@fluentui/tokens/lib/tokens.js"),makeStyles_esm=__webpack_require__("./node_modules/@griffel/react/makeStyles.esm.js"),map_to_styles=__webpack_require__("./styles/utilities/lib/map-to-styles.js");var colorMap={primary:{foreground:tokens.T.colorBrandForeground1,stroke:tokens.T.colorBrandForeground2,background:tokens.T.colorBrandBackground2},secondary:{foreground:tokens.T.colorNeutralForeground1,stroke:tokens.T.colorNeutralStroke1,background:tokens.T.colorNeutralBackground3},danger:{foreground:tokens.T.colorPaletteDarkOrangeForeground1,stroke:tokens.T.colorPaletteDarkOrangeBorder1,background:tokens.T.colorPaletteDarkOrangeBackground1},warning:{foreground:tokens.T.colorPaletteMarigoldForeground1,stroke:tokens.T.colorPaletteMarigoldBorder1,background:tokens.T.colorPaletteMarigoldBackground1},success:{foreground:tokens.T.colorPaletteGreenForeground1,stroke:tokens.T.colorPaletteGreenBorder1,background:tokens.T.colorPaletteGreenBackground1}},colorPillClasses=(0,map_to_styles.f)(colorMap,(function colorPillStyleFunction(_ref){var foreground=_ref.foreground,background=_ref.background,stroke=_ref.stroke;return{color:foreground,borderTopColor:stroke,borderRightColor:stroke,borderLeftColor:stroke,borderBottomColor:stroke,"&:focus-visible, &:hover":{backgroundColor:background,boxShadow:"0 0 2px "+background+", 0 8px 16px "+background+", inset 0 0 0px 0.5px "+stroke}}})),restColors=function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}(colorMap,["primary"]),colorBrickClasses=(0,map_to_styles.f)(restColors,(function colorBrickStyleFunction(_ref2){var foreground=_ref2.foreground,background=_ref2.background,stroke=_ref2.stroke;return{backgroundColor:background,color:foreground,borderTopColor:stroke,borderRightColor:stroke,borderLeftColor:stroke,borderBottomColor:stroke,"&:focus-visible, &:hover":{boxShadow:"0 0 2px "+background+", 0 8px 16px "+background+", inset 0 0 0px 0.5px "+stroke}}})),sizeMap={small:{x:tokens.T.spacingHorizontalM,y:tokens.T.spacingVerticalXS,fontSize:tokens.T.fontSizeBase300},medium:{x:tokens.T.spacingHorizontalL,y:tokens.T.spacingVerticalS,fontSize:tokens.T.fontSizeBase300},large:{x:tokens.T.spacingHorizontalXXL,y:tokens.T.spacingVerticalM,fontSize:tokens.T.fontSizeBase400}},sizeClasses=(0,map_to_styles.f)(sizeMap,(function sizeStyleFunction(_ref3){var y=_ref3.y,x=_ref3.x;return{paddingLeft:x,paddingRight:x,paddingTop:y,paddingBottom:y,fontSize:_ref3.fontSize}})),sizePillClasses=(0,map_to_styles.f)(sizeMap,(function sizePillStyleFunction(_ref4){var x=_ref4.x,fontSize=_ref4.fontSize;return{borderTopLeftRadius:"calc("+x+" * 2 + "+fontSize+")",borderTopRightRadius:"calc("+x+" * 2 + "+fontSize+")",borderBottomLeftRadius:"calc("+x+" * 2 + "+fontSize+")",borderBottomRightRadius:"calc("+x+" * 2 + "+fontSize+")"}})),useButtonStyles=(0,makeStyles_esm.Z)(Object.assign({root:{cursor:"pointer",transitionProperty:"all",transitionDuration:tokens.T.durationNormal,transitionTimingFunction:tokens.T.curveEasyEase,fontWeight:tokens.T.fontWeightSemibold,borderTopStyle:"solid",borderBottomStyle:"solid",borderLeftStyle:"solid",borderRightStyle:"solid",borderTopWidth:tokens.T.strokeWidthThin,borderBottomWidth:tokens.T.strokeWidthThin,borderLeftWidth:tokens.T.strokeWidthThin,borderRightWidth:tokens.T.strokeWidthThin,boxShadow:"0 0 2px transparent, 0 8px 16px transparent","@media (prefers-reduced-motion)":{transitionDuration:"0ms"},"&:focus-visible":{outlineStyle:"none",outlineColor:"transparent"}},pill:{backgroundColor:"transparent"},brick:{borderTopLeftRadius:tokens.T.borderRadiusMedium,borderTopRightRadius:tokens.T.borderRadiusMedium,borderBottomLeftRadius:tokens.T.borderRadiusMedium,borderBottomRightRadius:tokens.T.borderRadiusMedium}},sizeClasses)),useButtonPillStyles=(0,makeStyles_esm.Z)(Object.assign({},colorPillClasses,sizePillClasses)),useButtonBrickStyles=(0,makeStyles_esm.Z)(Object.assign({primary:{color:tokens.T.colorNeutralBackground1,backgroundColor:tokens.T.colorBrandForegroundInverted,borderTopColor:tokens.T.colorBrandForegroundInverted,borderRightColor:tokens.T.colorBrandForegroundInverted,borderLeftColor:tokens.T.colorBrandForegroundInverted,borderBottomColor:tokens.T.colorBrandForegroundInverted,"&:focus-visible, &:hover":{backgroundColor:tokens.T.colorBrandForegroundInvertedHover,boxShadow:"0 0 2px "+colorMap.primary.foreground+", 0 8px 16px "+colorMap.primary.background}}},colorBrickClasses)),_excluded=["className","color","size","shape","children"];function button_objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function button_objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var Button=function Button(_ref){var className=_ref.className,_ref$color=_ref.color,color=void 0===_ref$color?"primary":_ref$color,_ref$size=_ref.size,size=void 0===_ref$size?"medium":_ref$size,_ref$shape=_ref.shape,shape=void 0===_ref$shape?"brick":_ref$shape,children=_ref.children,rest=button_objectWithoutProperties(_ref,_excluded),classes=useButtonStyles(),brickClasses=useButtonBrickStyles(),pillClasses=useButtonPillStyles(),isBrick="brick"===shape,isPill="pill"===shape;return react.createElement("button",Object.assign({className:(0,mergeClasses_esm.z)(classes.root,classes[size],isBrick&&brickClasses[color],isBrick&&classes.brick,isPill&&classes.pill,isPill&&pillClasses[color],isPill&&pillClasses[size],className)},rest),children)};Button.__docgenInfo={description:"",methods:[],displayName:"Button",props:{color:{defaultValue:{value:"'primary'",computed:!1},required:!1},size:{defaultValue:{value:"'medium'",computed:!1},required:!1},shape:{defaultValue:{value:"'brick'",computed:!1},required:!1}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/button/lib/button/button.js"]={name:"Button",docgenInfo:Button.__docgenInfo,path:"components/button/lib/button/button.js"})},"./components/callout/__dev__/callout.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Simple:()=>Simple,__namedExportsOrder:()=>__namedExportsOrder,default:()=>callout_stories});__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/react/index.js");var tokens=__webpack_require__("./node_modules/@fluentui/tokens/lib/tokens.js"),index_esm=__webpack_require__("./node_modules/@griffel/core/index.esm.js"),makeStyles_esm=__webpack_require__("./node_modules/@griffel/react/makeStyles.esm.js"),map_to_styles=__webpack_require__("./styles/utilities/lib/map-to-styles.js"),colorMap={error:{background:tokens.T.colorPaletteDarkOrangeBackground1,stroke:tokens.T.colorPaletteDarkOrangeBorder1},warning:{background:tokens.T.colorPaletteMarigoldBackground1,stroke:tokens.T.colorPaletteMarigoldBorder1},success:{background:tokens.T.colorPaletteGreenBackground1,stroke:tokens.T.colorPaletteGreenBorder1},info:{background:tokens.T.colorNeutralBackground2,stroke:tokens.T.colorNeutralStroke2},accent:{background:tokens.T.colorBrandBackground2,stroke:tokens.T.colorBrandStroke2}},statusClasses=(0,map_to_styles.f)(colorMap,(function colorStyleFunction(_ref){var background=_ref.background,stroke=_ref.stroke;return Object.assign({backgroundColor:background},index_esm.q5.borderColor(stroke))})),useCalloutStyles=(0,makeStyles_esm.Z)(Object.assign({root:Object.assign({color:tokens.T.colorNeutralForeground1,display:"grid",gridTemplateColumns:tokens.T.spacingVerticalXXL+" auto",columnGap:tokens.T.spacingHorizontalL},index_esm.q5.borderRadius(tokens.T.borderRadiusXLarge),index_esm.q5.borderWidth(tokens.T.strokeWidthThin),index_esm.q5.borderStyle("solid"))},statusClasses)),mergeClasses_esm=__webpack_require__("./node_modules/@griffel/core/mergeClasses.esm.js"),text_text=__webpack_require__("./components/text/lib/text/text.js"),use_space_styles=__webpack_require__("./hooks/use-space-styles/lib/use-space-styles.js"),badge=__webpack_require__("./components/badge/lib/badge/badge.js"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),CalloutBadge=function CalloutBadge(_ref){var status=_ref.status,className=_ref.className;switch(status){case"success":return(0,jsx_runtime.jsx)(badge.C,{color:"positive",iconName:"check",className});case"error":return(0,jsx_runtime.jsx)(badge.C,{color:"negative",iconName:"x",className});case"warning":return(0,jsx_runtime.jsx)(badge.C,{color:"warning",iconName:"exclamation",className});case"accent":return(0,jsx_runtime.jsx)(badge.C,{color:"accent",iconName:"exclamation",className});default:return(0,jsx_runtime.jsx)(badge.C,{color:"secondary",iconName:"exclamation",className})}};try{CalloutBadge.displayName="CalloutBadge",CalloutBadge.__docgenInfo={description:"",displayName:"CalloutBadge",props:{className:{defaultValue:null,description:"Consumer provided class.",name:"className",required:!1,type:{name:"string"}},status:{defaultValue:null,description:"Status color variant options.",name:"status",required:!1,type:{name:"enum",value:[{value:'"accent"'},{value:'"warning"'},{value:'"info"'},{value:'"success"'},{value:'"error"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/callout/src/callout-badge/callout-badge.tsx#CalloutBadge"]={docgenInfo:CalloutBadge.__docgenInfo,name:"CalloutBadge",path:"components/callout/src/callout-badge/callout-badge.tsx#CalloutBadge"})}catch(__react_docgen_typescript_loader_error){}var Callout=function Callout(_ref){var _ref$status=_ref.status,status=void 0===_ref$status?"info":_ref$status,title=_ref.title,children=_ref.children,classes=useCalloutStyles(),space=(0,use_space_styles.z)();return(0,jsx_runtime.jsxs)("div",{className:(0,mergeClasses_esm.z)(classes.root,space.p7,classes[status]),children:[(0,jsx_runtime.jsx)(CalloutBadge,{status}),(0,jsx_runtime.jsxs)("div",{children:[(0,jsx_runtime.jsx)(text_text.x,{block:!0,as:"h3",variant:"caption",className:space.mb1,children:title}),(0,jsx_runtime.jsx)(text_text.x,{block:!0,variant:"description",children})]})]})};Callout.displayName="Callout";try{Callout.displayName="Callout",Callout.__docgenInfo={description:"",displayName:"Callout",props:{className:{defaultValue:null,description:"Consumer provided class.",name:"className",required:!1,type:{name:"string"}},title:{defaultValue:null,description:"String that renders as the Header text.",name:"title",required:!0,type:{name:"string"}},status:{defaultValue:{value:"info"},description:"Status color variant options.",name:"status",required:!1,type:{name:"enum",value:[{value:'"accent"'},{value:'"warning"'},{value:'"info"'},{value:'"success"'},{value:'"error"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/callout/src/callout/callout.tsx#Callout"]={docgenInfo:Callout.__docgenInfo,name:"Callout",path:"components/callout/src/callout/callout.tsx#Callout"})}catch(__react_docgen_typescript_loader_error){}const callout_stories={title:"Blocks/Callout",component:Callout,argTypes:{status:{options:Object.keys(colorMap),control:{type:"select"}}}};var Template=function Template(args){return(0,jsx_runtime.jsx)(Callout,Object.assign({},args,{children:(0,jsx_runtime.jsx)("p",{children:"Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates."})}))};Template.displayName="Template";var Simple=Template.bind({});Simple.args={title:"Simple Callout Example",status:"success"};var __namedExportsOrder=["Simple"]},"./components/code-snippet/__dev__/code-snippet.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Simple:()=>Simple,__namedExportsOrder:()=>__namedExportsOrder,default:()=>code_snippet_stories});__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/react/index.js");var decorators=__webpack_require__("./.storybook/decorators/index.ts"),use_theme=__webpack_require__("./styles/theming/lib/use-theme.js"),default_highlight=__webpack_require__("./node_modules/react-syntax-highlighter/dist/esm/default-highlight.js"),solarized_dark=__webpack_require__("./node_modules/react-syntax-highlighter/dist/esm/styles/hljs/solarized-dark.js"),solarized_light=__webpack_require__("./node_modules/react-syntax-highlighter/dist/esm/styles/hljs/solarized-light.js"),tokens=__webpack_require__("./node_modules/@fluentui/tokens/lib/tokens.js"),syntaxHighlighterCustomStyles={backgroundColor:tokens.T.colorNeutralBackground3,marginTop:0,marginBottom:0,boxSizing:"border-box",width:"100%",paddingTop:tokens.T.spacingVerticalL,paddingBottom:tokens.T.spacingVerticalL,paddingLeft:tokens.T.spacingVerticalXXL,paddingRight:tokens.T.spacingVerticalXXL,borderTopLeftRadius:"var(--arbutus--shape-border-radius)",borderTopRightRadius:"var(--arbutus--shape-border-radius)",borderBottomRightRadius:"var(--arbutus--shape-border-radius)",borderBottomLeftRadius:"var(--arbutus--shape-border-radius)"},jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),CodeSnippet=function CodeSnippet(_ref){var language=_ref.language,code=_ref.code,isDarkTheme="dark"===(0,use_theme.F)().themeKey;return(0,jsx_runtime.jsx)(default_highlight.Z,{language,showLineNumbers:!0,style:isDarkTheme?solarized_dark.Z:solarized_light.Z,customStyle:syntaxHighlighterCustomStyles,children:code})};CodeSnippet.displayName="CodeSnippet";try{CodeSnippet.displayName="CodeSnippet",CodeSnippet.__docgenInfo={description:"",displayName:"CodeSnippet",props:{language:{defaultValue:null,description:"The language of the code snippet.",name:"language",required:!0,type:{name:"string"}},code:{defaultValue:null,description:"The code snippet to display.",name:"code",required:!0,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/code-snippet/src/code-snippet/code-snippet.tsx#CodeSnippet"]={docgenInfo:CodeSnippet.__docgenInfo,name:"CodeSnippet",path:"components/code-snippet/src/code-snippet/code-snippet.tsx#CodeSnippet"})}catch(__react_docgen_typescript_loader_error){}const code_snippet_stories={title:"Blocks/CodeSnippet",component:CodeSnippet,decorators:[function(Story){return(0,jsx_runtime.jsx)(decorators.z,{children:(0,jsx_runtime.jsx)("div",{style:{minWidth:"860px"},children:(0,jsx_runtime.jsx)(Story,{})})})}]};var Template=function Template(args){return(0,jsx_runtime.jsx)(CodeSnippet,Object.assign({},args))};Template.displayName="Template";var Simple=Template.bind({});Simple.args={code:"import type { FC } from 'react';\nimport * as React from 'react';\nimport SyntaxHighlighter from 'react-syntax-highlighter';\n\nimport { useCodeSnippetStyles } from './code-snippet.styles';\nimport type { CodeSnippetProps } from './code-snippet.types';\n\nexport const CodeSnippet: FC = ({ language, code }) => {\n // Styles\n const classes = useCodeSnippetStyles();\n\n return (\n
\n \n {code}\n \n
\n );\n};\n",language:"tsx"};var __namedExportsOrder=["Simple"]},"./components/code-snippet/lib/code-snippet/code-snippet.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{O:()=>CodeSnippet});var use_theme=__webpack_require__("./styles/theming/lib/use-theme.js"),react=__webpack_require__("./node_modules/react/index.js"),default_highlight=__webpack_require__("./node_modules/react-syntax-highlighter/dist/esm/default-highlight.js"),solarized_dark=__webpack_require__("./node_modules/react-syntax-highlighter/dist/esm/styles/hljs/solarized-dark.js"),solarized_light=__webpack_require__("./node_modules/react-syntax-highlighter/dist/esm/styles/hljs/solarized-light.js"),tokens=__webpack_require__("./node_modules/@fluentui/tokens/lib/tokens.js"),syntaxHighlighterCustomStyles={backgroundColor:tokens.T.colorNeutralBackground3,marginTop:0,marginBottom:0,boxSizing:"border-box",width:"100%",paddingTop:tokens.T.spacingVerticalL,paddingBottom:tokens.T.spacingVerticalL,paddingLeft:tokens.T.spacingVerticalXXL,paddingRight:tokens.T.spacingVerticalXXL,borderTopLeftRadius:"var(--arbutus--shape-border-radius)",borderTopRightRadius:"var(--arbutus--shape-border-radius)",borderBottomRightRadius:"var(--arbutus--shape-border-radius)",borderBottomLeftRadius:"var(--arbutus--shape-border-radius)"},CodeSnippet=function CodeSnippet(_ref){var language=_ref.language,code=_ref.code,isDarkTheme="dark"===(0,use_theme.F)().themeKey;return react.createElement(default_highlight.Z,{language,showLineNumbers:!0,style:isDarkTheme?solarized_dark.Z:solarized_light.Z,customStyle:syntaxHighlighterCustomStyles},code)};CodeSnippet.__docgenInfo={description:"",methods:[],displayName:"CodeSnippet"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/code-snippet/lib/code-snippet/code-snippet.js"]={name:"CodeSnippet",docgenInfo:CodeSnippet.__docgenInfo,path:"components/code-snippet/lib/code-snippet/code-snippet.js"})},"./components/command/__dev__/command-block.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Simple:()=>Simple,__namedExportsOrder:()=>__namedExportsOrder,default:()=>command_block_stories});__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/react/index.js");var mergeClasses_esm=__webpack_require__("./node_modules/@griffel/core/mergeClasses.esm.js"),icon=__webpack_require__("./components/icon/lib/icon/icon.js"),use_copy_to_clipboard=__webpack_require__("./hooks/use-copy-to-clipboard/lib/use-copy-to-clipboard/use-copy-to-clipboard.js"),reach_visually_hidden=__webpack_require__("./node_modules/@reach/visually-hidden/dist/reach-visually-hidden.mjs"),tokens=__webpack_require__("./node_modules/@fluentui/tokens/lib/tokens.js"),useCommandStyles=(0,__webpack_require__("./node_modules/@griffel/react/makeStyles.esm.js").Z)({root:{paddingBottom:0,paddingTop:0,paddingLeft:tokens.T.spacingHorizontalXL,paddingRight:0,borderTopLeftRadius:tokens.T.borderRadiusMedium,borderTopRightRadius:tokens.T.borderRadiusMedium,borderBottomRightRadius:tokens.T.borderRadiusMedium,borderBottomLeftRadius:tokens.T.borderRadiusMedium,backgroundColor:tokens.T.colorNeutralBackground6,display:"grid",gridTemplateColumns:"auto 44px",columnGap:tokens.T.spacingHorizontalM,overflowX:"hidden",overflowY:"hidden"},command:{paddingTop:tokens.T.spacingVerticalM,paddingBottom:tokens.T.spacingVerticalM,fontSize:tokens.T.fontSizeBase300,fontWeight:tokens.T.fontWeightRegular,color:tokens.T.colorNeutralForeground2,lineHeight:tokens.T.lineHeightBase300},button:{borderTopStyle:"none",borderBottomStyle:"none",borderLeftStyle:"none",borderRightStyle:"none",height:"100%",cursor:"pointer",transitionProperty:"all",transitionDuration:tokens.T.durationNormal,transitionTimingFunction:tokens.T.curveEasyEase},idle:{backgroundColor:tokens.T.colorNeutralBackground4},complete:{backgroundColor:tokens.T.colorPaletteGreenBackground2,"& > svg":{color:tokens.T.colorPaletteGreenForeground2}}}),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),Command=function Command(_ref){var isCopyable=_ref.isCopyable,command=_ref.command,_ref$copyLabel=_ref.copyLabel,copyLabel=void 0===_ref$copyLabel?"Copy command.":_ref$copyLabel,_useCopyToClipboard=(0,use_copy_to_clipboard.m)(),copy=_useCopyToClipboard.copy,isCopied=_useCopyToClipboard.isCopied,classes=useCommandStyles(),buttonClasses=(0,mergeClasses_esm.z)(classes.button,isCopied?classes.complete:classes.idle);return(0,jsx_runtime.jsxs)("div",{className:classes.root,children:[(0,jsx_runtime.jsx)("span",{className:classes.command,children:command}),isCopyable&&(0,jsx_runtime.jsxs)("button",{onClick:function onClick(){return copy(command)},className:buttonClasses,children:[(0,jsx_runtime.jsx)(icon.J,{iconName:isCopied?"check":"copy",color:isCopied?"positive-inverse":"secondary"}),(0,jsx_runtime.jsx)(reach_visually_hidden.T,{children:copyLabel})]})]})};Command.displayName="Command";try{Command.displayName="Command",Command.__docgenInfo={description:"",displayName:"Command",props:{command:{defaultValue:null,description:"The command to render.",name:"command",required:!0,type:{name:"string"}},isCopyable:{defaultValue:null,description:"Whether the user should be able to copy the command to the clipboard.",name:"isCopyable",required:!1,type:{name:"boolean"}},copyLabel:{defaultValue:{value:"Copy command."},description:"Screen-reader accessible label for the copy command action.",name:"copyLabel",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/command/src/command/command.tsx#Command"]={docgenInfo:Command.__docgenInfo,name:"Command",path:"components/command/src/command/command.tsx#Command"})}catch(__react_docgen_typescript_loader_error){}const command_block_stories={title:"Blocks/Command",component:Command};var Template=function Template(args){return(0,jsx_runtime.jsx)(Command,Object.assign({},args))};Template.displayName="Template";var Simple=Template.bind({});Simple.args={command:"npm i @fluent/react-button",isCopyable:!0};var __namedExportsOrder=["Simple"]},"./components/command/lib/command/command.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{m:()=>Command});var mergeClasses_esm=__webpack_require__("./node_modules/@griffel/core/mergeClasses.esm.js"),icon=__webpack_require__("./components/icon/lib/icon/icon.js"),use_copy_to_clipboard=__webpack_require__("./hooks/use-copy-to-clipboard/lib/use-copy-to-clipboard/use-copy-to-clipboard.js"),reach_visually_hidden=__webpack_require__("./node_modules/@reach/visually-hidden/dist/reach-visually-hidden.mjs"),react=__webpack_require__("./node_modules/react/index.js"),tokens=__webpack_require__("./node_modules/@fluentui/tokens/lib/tokens.js"),useCommandStyles=(0,__webpack_require__("./node_modules/@griffel/react/makeStyles.esm.js").Z)({root:{paddingBottom:0,paddingTop:0,paddingLeft:tokens.T.spacingHorizontalXL,paddingRight:0,borderTopLeftRadius:tokens.T.borderRadiusMedium,borderTopRightRadius:tokens.T.borderRadiusMedium,borderBottomRightRadius:tokens.T.borderRadiusMedium,borderBottomLeftRadius:tokens.T.borderRadiusMedium,backgroundColor:tokens.T.colorNeutralBackground6,display:"grid",gridTemplateColumns:"auto 44px",columnGap:tokens.T.spacingHorizontalM,overflowX:"hidden",overflowY:"hidden"},command:{paddingTop:tokens.T.spacingVerticalM,paddingBottom:tokens.T.spacingVerticalM,fontSize:tokens.T.fontSizeBase300,fontWeight:tokens.T.fontWeightRegular,color:tokens.T.colorNeutralForeground2,lineHeight:tokens.T.lineHeightBase300},button:{borderTopStyle:"none",borderBottomStyle:"none",borderLeftStyle:"none",borderRightStyle:"none",height:"100%",cursor:"pointer",transitionProperty:"all",transitionDuration:tokens.T.durationNormal,transitionTimingFunction:tokens.T.curveEasyEase},idle:{backgroundColor:tokens.T.colorNeutralBackground4},complete:{backgroundColor:tokens.T.colorPaletteGreenBackground2,"& > svg":{color:tokens.T.colorPaletteGreenForeground2}}}),Command=function Command(_ref){var isCopyable=_ref.isCopyable,command=_ref.command,_ref$copyLabel=_ref.copyLabel,copyLabel=void 0===_ref$copyLabel?"Copy command.":_ref$copyLabel,_useCopyToClipboard=(0,use_copy_to_clipboard.m)(),copy=_useCopyToClipboard.copy,isCopied=_useCopyToClipboard.isCopied,classes=useCommandStyles(),buttonClasses=(0,mergeClasses_esm.z)(classes.button,isCopied?classes.complete:classes.idle);return react.createElement("div",{className:classes.root},react.createElement("span",{className:classes.command},command),isCopyable&&react.createElement("button",{onClick:function onClick(){return copy(command)},className:buttonClasses},react.createElement(icon.J,{iconName:isCopied?"check":"copy",color:isCopied?"positive-inverse":"secondary"}),react.createElement(reach_visually_hidden.T,null,copyLabel)))};Command.__docgenInfo={description:"",methods:[],displayName:"Command",props:{copyLabel:{defaultValue:{value:"'Copy command.'",computed:!1},required:!1}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/command/lib/command/command.js"]={name:"Command",docgenInfo:Command.__docgenInfo,path:"components/command/lib/command/command.js"})},"./components/component-preview/__dev__/component-preview.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Simple:()=>Simple,WithMenu:()=>WithMenu,__namedExportsOrder:()=>__namedExportsOrder,default:()=>component_preview_stories});__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js");var react=__webpack_require__("./node_modules/react/index.js"),decorators=__webpack_require__("./.storybook/decorators/index.ts"),Select=(__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/@fluentui/react-select/lib/components/Select/Select.js")),mergeClasses_esm=__webpack_require__("./node_modules/@griffel/core/mergeClasses.esm.js"),button_button=__webpack_require__("./components/button/lib/button/button.js"),icon=__webpack_require__("./components/icon/lib/icon/icon.js"),use_theme=__webpack_require__("./styles/theming/lib/use-theme.js"),use_copy_to_clipboard=__webpack_require__("./hooks/use-copy-to-clipboard/lib/use-copy-to-clipboard/use-copy-to-clipboard.js"),use_space_styles=__webpack_require__("./hooks/use-space-styles/lib/use-space-styles.js"),AnimatePresence=__webpack_require__("./node_modules/framer-motion/dist/es/components/AnimatePresence/index.mjs"),default_highlight=__webpack_require__("./node_modules/react-syntax-highlighter/dist/esm/default-highlight.js"),solarized_dark=__webpack_require__("./node_modules/react-syntax-highlighter/dist/esm/styles/hljs/solarized-dark.js"),solarized_light=__webpack_require__("./node_modules/react-syntax-highlighter/dist/esm/styles/hljs/solarized-light.js"),tokens=__webpack_require__("./node_modules/@fluentui/tokens/lib/tokens.js"),makeStyles_esm=__webpack_require__("./node_modules/@griffel/react/makeStyles.esm.js"),index_esm=__webpack_require__("./node_modules/@griffel/core/index.esm.js"),useComponentPreviewStyles=(0,makeStyles_esm.Z)({root:Object.assign({borderTopStyle:"solid",borderBottomStyle:"solid",borderLeftStyle:"solid",borderRightStyle:"solid",borderTopColor:tokens.T.colorNeutralStroke1,borderBottomColor:tokens.T.colorNeutralStroke1,borderLeftColor:tokens.T.colorNeutralStroke1,borderRightColor:tokens.T.colorNeutralStroke1,borderTopWidth:tokens.T.strokeWidthThin,borderBottomWidth:tokens.T.strokeWidthThin,borderLeftWidth:tokens.T.strokeWidthThin,borderRightWidth:tokens.T.strokeWidthThin},index_esm.q5.borderRadius(tokens.T.borderRadiusMedium),{overflowX:"hidden",overflowY:"hidden"}),previewHeader:{paddingTop:tokens.T.spacingVerticalM,paddingBottom:tokens.T.spacingVerticalM,paddingLeft:tokens.T.spacingHorizontalM,paddingRight:tokens.T.spacingHorizontalM,display:"flex",alignItems:"center",justifyContent:"flex-end",columnGap:tokens.T.spacingHorizontalM,borderBottomStyle:"solid",borderBottomWidth:tokens.T.strokeWidthThin,borderBottomColor:tokens.T.colorNeutralStroke1},menuItem:{minWidth:"124px","& select":{height:"26px"}},menuItemIcon:{color:tokens.T.colorNeutralForeground2},menuItemIconSuccess:{color:tokens.T.colorPaletteGreenForeground1},menuItemButton:{display:"flex",columnGap:tokens.T.spacingHorizontalS},codeSection:{backgroundColor:tokens.T.colorNeutralBackground3,maxHeight:"580px",overflowY:"auto"},codeHeader:{paddingTop:tokens.T.spacingVerticalM,paddingBottom:tokens.T.spacingVerticalM,paddingLeft:tokens.T.spacingHorizontalM,paddingRight:tokens.T.spacingHorizontalM,display:"flex",alignItems:"center",justifyContent:"flex-end",columnGap:tokens.T.spacingHorizontalM}}),motion=__webpack_require__("./node_modules/framer-motion/dist/es/render/dom/motion.mjs"),use_reduced_motion=__webpack_require__("./node_modules/framer-motion/dist/es/utils/reduced-motion/use-reduced-motion.mjs"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),slideVariants=function slideVariants(_ref){var shouldReduceMotion=_ref.shouldReduceMotion;return{expanded:{height:"auto",transition:{ease:"easeOut",duration:shouldReduceMotion?0:.2}},collapsed:{height:0,transition:{delay:shouldReduceMotion?0:.075,ease:"easeOut",duration:shouldReduceMotion?0:.2}}}},SlideMotion=function SlideMotion(_ref2){var children=_ref2.children,isCollapsed=_ref2.isCollapsed,className=_ref2.className;return(0,jsx_runtime.jsx)(motion.E.section,{initial:isCollapsed?"collapsed":"expanded",animate:"expanded",exit:"collapsed",variants:slideVariants({shouldReduceMotion:(0,use_reduced_motion.J)()}),className,children})};SlideMotion.displayName="SlideMotion";var fadeVariants=function fadeVariants(_ref3){var shouldReduceMotion=_ref3.shouldReduceMotion;return{expanded:{opacity:1,top:"0",transition:{delay:shouldReduceMotion?0:.125,ease:"easeOut",duration:shouldReduceMotion?0:.15}},collapsed:{opacity:0,top:"-4px",transition:{ease:"easeOut",duration:shouldReduceMotion?0:.15}}}},FadeMotion=function FadeMotion(_ref4){var children=_ref4.children,isCollapsed=_ref4.isCollapsed;return(0,jsx_runtime.jsx)(motion.E.div,{style:{position:"relative"},initial:isCollapsed?"collapsed":"expanded",animate:"expanded",exit:"collapsed",variants:fadeVariants({shouldReduceMotion:(0,use_reduced_motion.J)()}),children})};FadeMotion.displayName="FadeMotion";try{SlideMotion.displayName="SlideMotion",SlideMotion.__docgenInfo={description:"",displayName:"SlideMotion",props:{isCollapsed:{defaultValue:null,description:"",name:"isCollapsed",required:!0,type:{name:"boolean"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/component-preview/src/component-preview/motion.tsx#SlideMotion"]={docgenInfo:SlideMotion.__docgenInfo,name:"SlideMotion",path:"components/component-preview/src/component-preview/motion.tsx#SlideMotion"})}catch(__react_docgen_typescript_loader_error){}try{FadeMotion.displayName="FadeMotion",FadeMotion.__docgenInfo={description:"",displayName:"FadeMotion",props:{isCollapsed:{defaultValue:null,description:"",name:"isCollapsed",required:!0,type:{name:"boolean"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/component-preview/src/component-preview/motion.tsx#FadeMotion"]={docgenInfo:FadeMotion.__docgenInfo,name:"FadeMotion",path:"components/component-preview/src/component-preview/motion.tsx#FadeMotion"})}catch(__react_docgen_typescript_loader_error){}var syntaxHighlighterCustomStyles={backgroundColor:tokens.T.colorNeutralBackground3,marginTop:0,marginBottom:0,paddingTop:tokens.T.spacingVerticalL,paddingBottom:tokens.T.spacingVerticalL,paddingLeft:tokens.T.spacingHorizontalM,paddingRight:tokens.T.spacingHorizontalM};function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null!=_i){var _s,_e,_x,_r,_arr=[],_n=!0,_d=!1;try{if(_x=(_i=_i.call(arr)).next,0===i){if(Object(_i)!==_i)return;_n=!1}else for(;!(_n=(_s=_x.call(_i)).done)&&(_arr.push(_s.value),_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{if(!_n&&null!=_i.return&&(_r=_i.return(),Object(_r)!==_r))return}finally{if(_d)throw _e}}return _arr}}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||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 _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i"}},wrapper:{defaultValue:{value:"({ children }) => <>{children}"},description:"Wrapper for the component. Use it to set up theme, context, custom styles, etc. See `themeKey` prop for info on how to change the theme.\n@example ({ children, currentThemeKey }) => {children}",name:"wrapper",required:!1,type:{name:"({ children, themeKey }: WrapperProps) => ReactElement"}},themes:{defaultValue:null,description:"Themes to be passed to the wrapper, if you want to add theme switcher.",name:"themes",required:!1,type:{name:"{ label: string; value: string; }[]"}},code:{defaultValue:null,description:"If you would like to show code implementation of the component, you can pass the string here.",name:"code",required:!1,type:{name:"string"}},codeLanguage:{defaultValue:{value:"tsx"},description:"Code language to be used for syntax highlighting.",name:"codeLanguage",required:!1,type:{name:"string"}},onFullScreen:{defaultValue:null,description:"If you want to render a button to open the preview in full screen, provide an on click handler for it here.\n@example () => window.open('https://bit.dev/bit/base-ui/preview', '_blank')",name:"onFullScreen",required:!1,type:{name:"() => void"}},onLiveEdit:{defaultValue:null,description:"If you want to render a button to open the preview in live edit mode, provide an on click handler for it here.\n@example () => window.open('https://bit.dev/bit/base-ui/edit', '_blank')",name:"onLiveEdit",required:!1,type:{name:"() => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/component-preview/src/component-preview/component-preview.tsx#ComponentPreview"]={docgenInfo:ComponentPreview.__docgenInfo,name:"ComponentPreview",path:"components/component-preview/src/component-preview/component-preview.tsx#ComponentPreview"})}catch(__react_docgen_typescript_loader_error){}var text_text=__webpack_require__("./components/text/lib/text/text.js"),tile=__webpack_require__("./components/tile/lib/tile.js"),ExampleComponent=function ExampleComponent(){var space=(0,use_space_styles.z)();return(0,jsx_runtime.jsxs)(tile.n,{variant:"card",className:(0,mergeClasses_esm.z)(space.py9,space.px7),children:[(0,jsx_runtime.jsx)(text_text.x,{variant:"headline",className:space.mb7,block:!0,children:"Example Component"}),(0,jsx_runtime.jsx)(text_text.x,{variant:"description",block:!0,children:"Lorem ipsum dolor sit amet consectetur adipisicing elit. Veniam sapiente voluptas laudantium placeat aliquam eum nesciunt dolorem rerum, quasi ea quisquam natus repellendus! Laudantium expedita laborum natus, earum tenetur quidem?"})]})};ExampleComponent.displayName="ExampleComponent";var theme_provider=__webpack_require__("./styles/theming/lib/theme-provider.js"),useWrapperStyles=(0,makeStyles_esm.Z)({root:{minHeight:"480px",display:"grid",justifyItems:"center",alignItems:"center",height:"100%",paddingTop:"40px",paddingBottom:"40px",paddingLeft:"40px",paddingRight:"40px",backgroundColor:tokens.T.colorNeutralBackground1}}),ExampleWrapper=function ExampleWrapper(_ref){var children=_ref.children,themeKey=_ref.themeKey,classes=useWrapperStyles();return(0,jsx_runtime.jsx)(theme_provider.f,{currentThemeKey:themeKey,children:(0,jsx_runtime.jsx)("div",{className:classes.root,children})})};ExampleWrapper.displayName="ExampleWrapper";try{ExampleWrapper.displayName="ExampleWrapper",ExampleWrapper.__docgenInfo={description:"",displayName:"ExampleWrapper",props:{children:{defaultValue:null,description:"Wrapper is going to render the component as children.",name:"children",required:!1,type:{name:"ReactNode"}},themeKey:{defaultValue:null,description:"Wrapper can receive a theme key to change the theme.\n@example 'dark'",name:"themeKey",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/component-preview/__dev__/example-wrapper.tsx#ExampleWrapper"]={docgenInfo:ExampleWrapper.__docgenInfo,name:"ExampleWrapper",path:"components/component-preview/__dev__/example-wrapper.tsx#ExampleWrapper"})}catch(__react_docgen_typescript_loader_error){}const component_preview_stories={title:"Blocks/ComponentPreview",component:ComponentPreview,decorators:[function(Story){return(0,jsx_runtime.jsx)(decorators.z,{children:(0,jsx_runtime.jsx)("div",{style:{maxWidth:"640px"},children:(0,jsx_runtime.jsx)(Story,{})})})}]};var Template=function Template(args){return(0,jsx_runtime.jsx)(ComponentPreview,Object.assign({},args))};Template.displayName="Template";var Simple=Template.bind({});Simple.args={component:ExampleComponent,wrapper:ExampleWrapper,onFullScreen:void 0};var WithMenu=Template.bind({});WithMenu.args={component:ExampleComponent,wrapper:ExampleWrapper,code:"import { mergeClasses } from '@griffel/react';\nimport { Text } from '@microsoft/arbutus.text';\nimport { Tile } from '@microsoft/arbutus.tile';\nimport { useSpaceStyles } from '@microsoft/arbutus.use-space-styles';\nimport * as React from 'react';\n\nexport const ExampleComponent = () => {\n const space = useSpaceStyles();\n\n return (\n \n \n Example Component\n \n \n Lorem ipsum dolor sit amet consectetur adipisicing elit. Veniam sapiente voluptas\n laudantium placeat aliquam eum nesciunt dolorem rerum, quasi ea quisquam natus\n repellendus! Laudantium expedita laborum natus, earum tenetur quidem?\n \n \n );\n};\n",themes:[{value:"light",label:"Light Theme"},{value:"dark",label:"Dark Theme"}]};var __namedExportsOrder=["Simple","WithMenu"]},"./components/data-table/__dev__/data-table.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Simple:()=>Simple,__namedExportsOrder:()=>__namedExportsOrder,default:()=>data_table_stories});__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/react/index.js");var tokens=__webpack_require__("./node_modules/@fluentui/tokens/lib/tokens.js"),useDataTableStyles=(0,__webpack_require__("./node_modules/@griffel/react/makeStyles.esm.js").Z)({root:{borderTopWidth:"1px",borderTopStyle:"solid",borderTopColor:tokens.T.colorNeutralStroke1,paddingTop:"0",paddingRight:"0",paddingBottom:"0",paddingLeft:"0",marginTop:"0",marginRight:"0",marginBottom:"0",marginLeft:"0",width:"100%",borderCollapse:"collapse",tableLayout:"fixed"},row:{width:"100%"},cell:{borderBottomWidth:"1px",borderBottomStyle:"solid",borderBottomColor:tokens.T.colorNeutralStroke1,paddingTop:"0.6rem",paddingRight:"1.2rem",paddingBottom:"0.6rem",paddingLeft:"1.2rem",fontSize:tokens.T.fontSizeBase200,color:tokens.T.colorNeutralForeground1,"& p":{fontSize:tokens.T.fontSizeBase200,marginTop:"0",marginRight:"0",marginBottom:"1.2rem",marginLeft:"0","&:last-child":{marginTop:"0",marginRight:"0",marginBottom:"0",marginLeft:"0"}},"& ul, & ol":{width:"100%",marginTop:"0",marginRight:"0",marginBottom:"1.2rem",marginLeft:"0",paddingTop:"0",paddingRight:"0",paddingBottom:"0",paddingLeft:"0.875rem","& li":{width:"100%",fontSize:tokens.T.fontSizeBase200,marginTop:"0",marginRight:"0",marginBottom:"1rem",marginLeft:"0","&:last-child":{marginTop:"0",marginRight:"0",marginBottom:"0",marginLeft:"0"}},"&:last-child":{marginTop:"0",marginRight:"0",marginBottom:"0",marginLeft:"0"}},"& a":{color:tokens.T.colorNeutralForeground1,textDecorationLine:"underline","&:hover":{color:tokens.T.colorNeutralForeground2}},"& pre, & code":{backgroundColor:tokens.T.colorNeutralBackground6,paddingTop:"0",paddingRight:tokens.T.spacingHorizontalSNudge,paddingBottom:"0",paddingLeft:tokens.T.spacingHorizontalSNudge,borderTopLeftRadius:tokens.T.borderRadiusSmall,borderTopRightRadius:tokens.T.borderRadiusSmall,borderBottomRightRadius:tokens.T.borderRadiusSmall,borderBottomLeftRadius:tokens.T.borderRadiusSmall,fontSize:tokens.T.fontSizeBase200,"& span, & li, & p":{fontSize:tokens.T.fontSizeBase200},"& code":{borderTopLeftRadius:"0",borderTopRightRadius:"0",borderBottomRightRadius:"0",borderBottomLeftRadius:"0",paddingTop:"0",paddingRight:"0",paddingBottom:"0",paddingLeft:"0",fontSize:tokens.T.fontSizeBase200}}},content:{width:"100%"}}),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),DataCell=function DataCell(_ref){var cell=_ref.cell,rowIndex=_ref.rowIndex,cellIndex=_ref.cellIndex,classes=useDataTableStyles();return(0,jsx_runtime.jsxs)("td",{className:classes.cell,children:[(null==cell?void 0:cell.content)&&(0,jsx_runtime.jsx)("div",{className:classes.content,children:cell.content}),(null==cell?void 0:cell.imageSrc)&&(0,jsx_runtime.jsx)("img",{src:cell.imageSrc,alt:cell.imageAlt})]},"dataTableRow-"+rowIndex+"-Cell-"+cellIndex)};DataCell.displayName="DataCell";var DataRow=function DataRow(_ref2){var row=_ref2.row,rowIndex=_ref2.rowIndex,classes=useDataTableStyles();return(0,jsx_runtime.jsx)("tr",{className:classes.row,children:null==row?void 0:row.map((function(cell,cellIndex){return(0,jsx_runtime.jsx)(DataCell,{cell,cellIndex,rowIndex},cellIndex)}))},"dataTableRow-"+rowIndex)};DataRow.displayName="DataRow";var DataTable=function DataTable(_ref3){var rows=_ref3.rows,classes=useDataTableStyles();return(0,jsx_runtime.jsx)("table",{className:classes.root,children:(0,jsx_runtime.jsx)("tbody",{children:null==rows?void 0:rows.map((function(row,rowIndex){return(0,jsx_runtime.jsx)(DataRow,{row,rowIndex},rowIndex)}))})})};DataTable.displayName="DataTable";try{DataCell.displayName="DataCell",DataCell.__docgenInfo={description:"",displayName:"DataCell",props:{cell:{defaultValue:null,description:"",name:"cell",required:!1,type:{name:"DataTableCell"}},cellIndex:{defaultValue:null,description:"",name:"cellIndex",required:!0,type:{name:"number"}},rowIndex:{defaultValue:null,description:"",name:"rowIndex",required:!0,type:{name:"number"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/data-table/src/data-table/data-table.tsx#DataCell"]={docgenInfo:DataCell.__docgenInfo,name:"DataCell",path:"components/data-table/src/data-table/data-table.tsx#DataCell"})}catch(__react_docgen_typescript_loader_error){}try{DataRow.displayName="DataRow",DataRow.__docgenInfo={description:"",displayName:"DataRow",props:{row:{defaultValue:null,description:"",name:"row",required:!1,type:{name:"DataTableRow"}},rowIndex:{defaultValue:null,description:"",name:"rowIndex",required:!0,type:{name:"number"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/data-table/src/data-table/data-table.tsx#DataRow"]={docgenInfo:DataRow.__docgenInfo,name:"DataRow",path:"components/data-table/src/data-table/data-table.tsx#DataRow"})}catch(__react_docgen_typescript_loader_error){}try{DataTable.displayName="DataTable",DataTable.__docgenInfo={description:"",displayName:"DataTable",props:{rows:{defaultValue:null,description:"",name:"rows",required:!1,type:{name:"DataTableRow[]"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/data-table/src/data-table/data-table.tsx#DataTable"]={docgenInfo:DataTable.__docgenInfo,name:"DataTable",path:"components/data-table/src/data-table/data-table.tsx#DataTable"})}catch(__react_docgen_typescript_loader_error){}var data_table_stories_image=function image(_ref){return{imageSrc:"https://via.placeholder.com/200x150.png/f0f0f0",imageAlt:"Placeholder "+_ref.text}},Content=function Content(_ref2){var text=_ref2.text;return(0,jsx_runtime.jsxs)("section",{children:[(0,jsx_runtime.jsxs)("p",{children:["Content ",text,"."]}),(0,jsx_runtime.jsxs)("ul",{children:[(0,jsx_runtime.jsx)("li",{children:"Item One"}),(0,jsx_runtime.jsx)("li",{children:"Item Two"}),(0,jsx_runtime.jsx)("li",{children:"Item Three"})]}),(0,jsx_runtime.jsx)("code",{children:"npm i black-hole"})]})};Content.displayName="Content";var data=["One","Two","Three"].map((function(text){return[{content:(0,jsx_runtime.jsx)(Content,{text})},data_table_stories_image({text})]}));const data_table_stories={title:"Blocks/DataTable",component:DataTable};var Template=function Template(args){return(0,jsx_runtime.jsx)(DataTable,Object.assign({},args))};Template.displayName="Template";var Simple=Template.bind({});Simple.args={rows:data};var __namedExportsOrder=["Simple"]},"./components/divider/__dev__/divider.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Simple:()=>Simple,__namedExportsOrder:()=>__namedExportsOrder,default:()=>divider_stories});__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/react/index.js");var mergeClasses_esm=__webpack_require__("./node_modules/@griffel/core/mergeClasses.esm.js"),tokens=__webpack_require__("./node_modules/@fluentui/tokens/lib/tokens.js"),useDividerStyles=(0,__webpack_require__("./node_modules/@griffel/react/makeStyles.esm.js").Z)({root:{width:"100%",height:"0.0625rem",position:"relative",borderTopStyle:"none",borderRightStyle:"none",borderBottomStyle:"none",borderLeftStyle:"none",backgroundColor:tokens.T.colorNeutralStroke1,marginBottom:0,marginTop:0}}),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),Divider=function Divider(_ref){var className=_ref.className,classes=useDividerStyles(),rootClasses=(0,mergeClasses_esm.z)(classes.root,className);return(0,jsx_runtime.jsx)("hr",{className:rootClasses})};Divider.displayName="Divider";try{Divider.displayName="Divider",Divider.__docgenInfo={description:"",displayName:"Divider",props:{className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/divider/src/divider/divider.tsx#Divider"]={docgenInfo:Divider.__docgenInfo,name:"Divider",path:"components/divider/src/divider/divider.tsx#Divider"})}catch(__react_docgen_typescript_loader_error){}const divider_stories={title:"Atoms/Divider",component:Divider};var Template=function Template(args){return(0,jsx_runtime.jsx)(Divider,Object.assign({},args))};Template.displayName="Template";var Simple=Template.bind({});Simple.args={};var __namedExportsOrder=["Simple"]},"./components/divider/lib/divider/divider.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{i:()=>Divider});var mergeClasses_esm=__webpack_require__("./node_modules/@griffel/core/mergeClasses.esm.js"),react=__webpack_require__("./node_modules/react/index.js"),tokens=__webpack_require__("./node_modules/@fluentui/tokens/lib/tokens.js"),useDividerStyles=(0,__webpack_require__("./node_modules/@griffel/react/makeStyles.esm.js").Z)({root:{width:"100%",height:"0.0625rem",position:"relative",borderTopStyle:"none",borderRightStyle:"none",borderBottomStyle:"none",borderLeftStyle:"none",backgroundColor:tokens.T.colorNeutralStroke1,marginBottom:0,marginTop:0}}),Divider=function Divider(_ref){var className=_ref.className,classes=useDividerStyles(),rootClasses=(0,mergeClasses_esm.z)(classes.root,className);return react.createElement("hr",{className:rootClasses})};Divider.__docgenInfo={description:"",methods:[],displayName:"Divider"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/divider/lib/divider/divider.js"]={name:"Divider",docgenInfo:Divider.__docgenInfo,path:"components/divider/lib/divider/divider.js"})},"./components/embed/__dev__/embed.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{FigmaEmbed:()=>FigmaEmbed,StorybookEmbed:()=>StorybookEmbed,__namedExportsOrder:()=>__namedExportsOrder,default:()=>embed_stories});__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js");var react=__webpack_require__("./node_modules/react/index.js"),decorators=__webpack_require__("./.storybook/decorators/index.ts"),Spinner=(__webpack_require__("./node_modules/core-js/modules/web.timers.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/@fluentui/react-spinner/lib/components/Spinner/Spinner.js")),mergeClasses_esm=__webpack_require__("./node_modules/@griffel/core/mergeClasses.esm.js"),divider=__webpack_require__("./components/divider/lib/divider/divider.js"),icon_button=__webpack_require__("./components/icon-button/lib/icon-button/icon-button.js"),logo=__webpack_require__("./components/logo/lib/logo/logo.js"),text_text=__webpack_require__("./components/text/lib/text/text.js"),use_space_styles=__webpack_require__("./hooks/use-space-styles/lib/use-space-styles.js"),tokens=__webpack_require__("./node_modules/@fluentui/tokens/lib/tokens.js"),makeStyles_esm=__webpack_require__("./node_modules/@griffel/react/makeStyles.esm.js"),index_esm=__webpack_require__("./node_modules/@griffel/core/index.esm.js"),sizeClasses={small:{height:"calc("+tokens.T.spacingVerticalXS+" * 76)"},medium:{height:"calc("+tokens.T.spacingVerticalXS+" * 96)"},large:{height:"calc("+tokens.T.spacingVerticalXS+" * 116)"}},useEmbedStyles=(0,makeStyles_esm.Z)(Object.assign({root:Object.assign({width:"100%"},index_esm.q5.borderRadius(tokens.T.borderRadiusMedium),index_esm.q5.border("1px","solid",tokens.T.colorNeutralStroke1),{overflowX:"hidden",overflowY:"hidden"}),header:{height:"calc("+tokens.T.spacingVerticalXL+" + "+tokens.T.spacingVerticalSNudge+") + "+tokens.T.spacingVerticalSNudge,display:"grid",columnGap:tokens.T.spacingHorizontalXS,gridTemplateColumns:tokens.T.spacingHorizontalXXL+" auto "+tokens.T.spacingHorizontalXXL}},sizeClasses,{content:{width:"100%",height:"100%",position:"relative"},overlay:{position:"absolute",display:"grid",alignItems:"center",justifyItems:"center",top:0,left:0,width:"100%",height:"100%",transitionProperty:"all",transitionDuration:tokens.T.durationSlow,transitionTimingFunction:tokens.T.curveAccelerateMax,backgroundColor:"transparent"},removeOverlay:{display:"none"},loading:{backgroundColor:tokens.T.colorNeutralBackground1},iframe:Object.assign({width:"100%"},index_esm.q5.borderWidth(0),index_esm.q5.borderColor("transparent"),index_esm.q5.borderStyle("none"))})),getUrl=function getUrl(_ref){var type=_ref.type,url=_ref.url;switch(type){case"figma":return"https://www.figma.com/embed?embed_host=arbutus&url= "+url;case"storybook":return url}},jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null!=_i){var _s,_e,_x,_r,_arr=[],_n=!0,_d=!1;try{if(_x=(_i=_i.call(arr)).next,0===i){if(Object(_i)!==_i)return;_n=!1}else for(;!(_n=(_s=_x.call(_i)).done)&&(_arr.push(_s.value),_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{if(!_n&&null!=_i.return&&(_r=_i.return(),Object(_r)!==_r))return}finally{if(_d)throw _e}}return _arr}}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||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 _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Simple:()=>Simple,__namedExportsOrder:()=>__namedExportsOrder,default:()=>footer_stories});__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/react/index.js");var mergeClasses_esm=__webpack_require__("./node_modules/@griffel/core/mergeClasses.esm.js"),use_space_styles=__webpack_require__("./hooks/use-space-styles/lib/use-space-styles.js"),tokens=__webpack_require__("./node_modules/@fluentui/tokens/lib/tokens.js"),useFooterStyles=(0,__webpack_require__("./node_modules/@griffel/react/makeStyles.esm.js").Z)({root:{backgroundColor:tokens.T.colorNeutralBackground6}}),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),Footer=function Footer(_ref){var className=_ref.className,children=_ref.children,classes=useFooterStyles(),space=(0,use_space_styles.z)();return(0,jsx_runtime.jsx)("footer",{className:(0,mergeClasses_esm.z)(classes.root,space.p7,className),children})};Footer.displayName="Footer";try{Footer.displayName="Footer",Footer.__docgenInfo={description:"",displayName:"Footer",props:{className:{defaultValue:null,description:"Consumer provided class.",name:"className",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/footer/src/footer/footer.tsx#Footer"]={docgenInfo:Footer.__docgenInfo,name:"Footer",path:"components/footer/src/footer/footer.tsx#Footer"})}catch(__react_docgen_typescript_loader_error){}const footer_stories={title:"Layout/Footer",component:Footer};var Template=function Template(args){return(0,jsx_runtime.jsx)(Footer,Object.assign({},args))};Template.displayName="Template";var Simple=Template.bind({});Simple.args={children:"Simple Footer Example"};var __namedExportsOrder=["Simple"]},"./components/guidance/__dev__/guidance.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Full:()=>Full,Minimal:()=>Minimal,__namedExportsOrder:()=>__namedExportsOrder,default:()=>guidance_stories});__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js");var react=__webpack_require__("./node_modules/react/index.js"),mergeClasses_esm=(__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/@griffel/core/mergeClasses.esm.js")),icon_button=__webpack_require__("./components/icon-button/lib/icon-button/icon-button.js"),logo=__webpack_require__("./components/logo/lib/logo/logo.js"),tokens=__webpack_require__("./node_modules/@fluentui/tokens/lib/tokens.js"),makeStyles_esm=__webpack_require__("./node_modules/@griffel/react/makeStyles.esm.js"),index_esm=__webpack_require__("./node_modules/@griffel/core/index.esm.js"),useOrderedListStyles=(0,makeStyles_esm.Z)({root:Object.assign({display:"grid",rowGap:tokens.T.spacingVerticalM},index_esm.q5.padding(0))}),OrderedList=function OrderedList(_ref){var className=_ref.className,children=_ref.children,start=_ref.start,classes=useOrderedListStyles();return react.createElement("ol",{className:(0,mergeClasses_esm.z)(classes.root,className)},function injectIndex(_ref){var children=_ref.children,start=_ref.start,__index=start?start-1:0,__total=react.Children.count(children);return react.Children.map(children,(function(child){return(0,react.isValidElement)(child)?(__index+=1,(0,react.cloneElement)(child,{__index,__total})):child}))}({children,start}))};OrderedList.__docgenInfo={description:"",methods:[],displayName:"OrderedList"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/ordered-list/lib/ordered-list/ordered-list.js"]={name:"OrderedList",docgenInfo:OrderedList.__docgenInfo,path:"components/ordered-list/lib/ordered-list/ordered-list.js"});var useOrderedListItemStyles=(0,makeStyles_esm.Z)({root:Object.assign({listStyleType:"none"},index_esm.q5.padding(0),index_esm.q5.margin(0),{display:"grid",gridTemplateColumns:"min-content 1fr",columnGap:tokens.T.spacingHorizontalS}),puck:Object.assign({height:tokens.T.lineHeightBase400,width:tokens.T.lineHeightBase400,display:"grid",alignContent:"center",justifyContent:"center",fontWeight:tokens.T.fontWeightSemibold},index_esm.q5.borderRadius("50%")),accent:{color:tokens.T.colorNeutralForeground1,backgroundColor:tokens.T.colorBrandBackground2},primary:{color:tokens.T.colorNeutralBackground1,backgroundColor:tokens.T.colorNeutralForeground2},secondary:{color:tokens.T.colorNeutralForeground1,backgroundColor:tokens.T.colorNeutralBackground3}}),OrderedListItem=function OrderedListItem(_ref){var className=_ref.className,children=_ref.children,_ref$variant=_ref.variant,variant=void 0===_ref$variant?"primary":_ref$variant,__index=_ref.__index,classes=useOrderedListItemStyles();return react.createElement("li",{className:(0,mergeClasses_esm.z)(classes.root,className)},react.createElement("div",{className:(0,mergeClasses_esm.z)(classes.puck,classes[variant])},__index),react.createElement("div",null,children))};OrderedListItem.__docgenInfo={description:"",methods:[],displayName:"OrderedListItem",props:{variant:{defaultValue:{value:"'primary'",computed:!1},required:!1}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/ordered-list/lib/ordered-list-item/ordered-list-item.js"]={name:"OrderedListItem",docgenInfo:OrderedListItem.__docgenInfo,path:"components/ordered-list/lib/ordered-list-item/ordered-list-item.js"});var text_text=__webpack_require__("./components/text/lib/text/text.js"),use_space_styles=__webpack_require__("./hooks/use-space-styles/lib/use-space-styles.js"),dist_module=__webpack_require__("./node_modules/@react-hook/resize-observer/dist/module/index.js"),useGuidanceStyles=(0,makeStyles_esm.Z)({image:{width:"100%",height:"auto",objectFit:"cover"},figure:Object.assign({display:"grid"},index_esm.q5.margin(0),{borderTopLeftRadius:tokens.T.borderRadiusMedium,borderTopRightRadius:tokens.T.borderRadiusMedium,borderBottomLeftRadius:tokens.T.borderRadiusMedium,borderBottomRightRadius:tokens.T.borderRadiusMedium,borderBottomColor:tokens.T.colorNeutralStroke1,borderTopColor:tokens.T.colorNeutralStroke1,borderLeftColor:tokens.T.colorNeutralStroke1,borderRightColor:tokens.T.colorNeutralStroke1,borderTopStyle:"solid",borderBottomStyle:"solid",borderLeftStyle:"solid",borderRightStyle:"solid",borderTopWidth:"1px",borderBottomWidth:"1px",borderLeftWidth:"1px",borderRightWidth:"1px",overflowX:"hidden",overflowY:"hidden"}),figcaption:Object.assign({height:"calc("+tokens.T.spacingVerticalXL+" + "+tokens.T.spacingVerticalSNudge+") + "+tokens.T.spacingVerticalSNudge,display:"grid",columnGap:tokens.T.spacingHorizontalXS},index_esm.q5.padding(tokens.T.spacingHorizontalM),{borderTopColor:tokens.T.colorNeutralStroke1,borderTopStyle:"solid",borderTopWidth:"1px"}),figcaptionWithLogo:{gridTemplateColumns:tokens.T.spacingHorizontalXXL+" auto "+tokens.T.spacingHorizontalXXL},figcaptionWithoutLogo:{gridTemplateColumns:"auto "+tokens.T.spacingHorizontalXXL},twoColumn:{display:"grid",gridTemplateColumns:"1fr 1fr",alignItems:"flex-start",columnGap:tokens.T.spacingHorizontalXXXL}}),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null!=_i){var _s,_e,_x,_r,_arr=[],_n=!0,_d=!1;try{if(_x=(_i=_i.call(arr)).next,0===i){if(Object(_i)!==_i)return;_n=!1}else for(;!(_n=(_s=_x.call(_i)).done)&&(_arr.push(_s.value),_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{if(!_n&&null!=_i.return&&(_r=_i.return(),Object(_r)!==_r))return}finally{if(_d)throw _e}}return _arr}}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||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 _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i726,withLogo=logoName&&logoLabel;isTwoColumn&&(middle=Math.ceil(legendListItems.length/2),lists=[legendListItems.slice(0,middle),legendListItems.slice(middle)]);var classes=useGuidanceStyles(),space=(0,use_space_styles.z)();return(0,jsx_runtime.jsxs)("article",{className,ref,children:[(0,jsx_runtime.jsxs)("figure",{className:classes.figure,children:[(0,jsx_runtime.jsx)(Image,Object.assign({},imageProps,{className:classes.image})),(0,jsx_runtime.jsxs)("figcaption",{className:(0,mergeClasses_esm.z)(classes.figcaption,space.p5,withLogo?classes.figcaptionWithLogo:classes.figcaptionWithoutLogo),children:[withLogo&&(0,jsx_runtime.jsx)(logo.T,{logoName,label:logoLabel,size:"medium"}),(0,jsx_runtime.jsx)(text_text.x,{as:"h3",variant:"caption",className:space.mt2,children:fileTitle}),(0,jsx_runtime.jsx)(icon_button.h,{label:null!=openButtonLabel?openButtonLabel:"Open file.",iconName:"open",onClick:function openClickHandler(){var _window,_window$open;null===(_window=window)||void 0===_window||null===(_window$open=_window.open(url,"_blank"))||void 0===_window$open||_window$open.focus()}})]})]}),(heading||description)&&(0,jsx_runtime.jsxs)("div",{className:space.mt7,children:[heading&&(0,jsx_runtime.jsx)(text_text.x,{as:"h2",variant:"headline",block:!0,children:heading}),description&&(0,jsx_runtime.jsx)(text_text.x,{as:"p",block:!0,children:description})]}),legendListItems&&(0,jsx_runtime.jsx)("div",{className:isTwoColumn?classes.twoColumn:"",children:lists.map((function(list,index){return(0,jsx_runtime.jsx)(OrderedList,{className:space.mt7,start:0===index?1:middle+1,children:null==list?void 0:list.map((function(_ref2,index){var heading=_ref2.heading,description=_ref2.description;return(0,jsx_runtime.jsxs)(OrderedListItem,{variant:"primary",children:[(0,jsx_runtime.jsx)(text_text.x,{block:!0,variant:"caption",children:heading}),(0,jsx_runtime.jsx)(text_text.x,{block:!0,variant:"description",children:description})]},(null!=heading?heading:"")+"--"+index)}))},index)}))})]})};Guidance.displayName="Guidance";try{Guidance.displayName="Guidance",Guidance.__docgenInfo={description:"",displayName:"Guidance",props:{className:{defaultValue:null,description:"Consumer provided class.",name:"className",required:!1,type:{name:"string"}},imageAs:{defaultValue:{value:"'img'"},description:"Image element.",name:"imageAs",required:!0,type:{name:"ElementType"}},imageProps:{defaultValue:null,description:"Image element props.",name:"imageProps",required:!0,type:{name:"Record"}},logoName:{defaultValue:null,description:"Selection of logos.",name:"logoName",required:!1,type:{name:"enum",value:[{value:'"figma"'},{value:'"storybook"'}]}},logoLabel:{defaultValue:null,description:"Accessible label for the logo.",name:"logoLabel",required:!1,type:{name:"string"}},fileTitle:{defaultValue:null,description:"File name of the image.",name:"fileTitle",required:!0,type:{name:"string"}},openButtonLabel:{defaultValue:null,description:"Descriptive label of the open button.",name:"openButtonLabel",required:!1,type:{name:"string"}},url:{defaultValue:null,description:"The URL of the Figma file you want to embed.",name:"url",required:!0,type:{name:"string"}},heading:{defaultValue:null,description:"Heading text.",name:"heading",required:!1,type:{name:"string"}},description:{defaultValue:null,description:"Description text.",name:"description",required:!1,type:{name:"string"}},legendListItems:{defaultValue:null,description:"Legend list items.",name:"legendListItems",required:!1,type:{name:"GuidanceLegendListItem[]"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/guidance/src/guidance/guidance.tsx#Guidance"]={docgenInfo:Guidance.__docgenInfo,name:"Guidance",path:"components/guidance/src/guidance/guidance.tsx#Guidance"})}catch(__react_docgen_typescript_loader_error){}const image_namespaceObject=__webpack_require__.p+"static/media/image.86995cdc.png";var Wrapper=function Wrapper(_ref){var children=_ref.children;return(0,jsx_runtime.jsx)("div",{style:{maxWidth:780,margin:"0 auto",padding:"24px"},children})};Wrapper.displayName="Wrapper";const guidance_stories={title:"Blocks/Guidance",component:Guidance};var legendListItems=Array.from({length:7},(function(_,index){return{heading:"Heading "+(index+1),description:"Description "+(index+1)+". Lorem ipsum dolor sit amet consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo."}})),Template=function Template(args){return(0,jsx_runtime.jsx)(Wrapper,{children:(0,jsx_runtime.jsx)(Guidance,Object.assign({},args))})};Template.displayName="Template";var Full=Template.bind({});Full.args={imageProps:{src:image_namespaceObject,alt:"Image alt text"},fileTitle:"Component grid",logoName:"figma",logoLabel:"Figma",url:"https://www.figma.com",heading:"Complete Example",description:"Component grid is a collection of similar components. This is a description of the guidance.",openButtonLabel:"Open in Figma",legendListItems};var Minimal=Template.bind({});Minimal.args={imageProps:{src:image_namespaceObject,alt:"Image alt text"},fileTitle:"Component grid",url:"https://www.figma.com",openButtonLabel:"Open in Figma"};var __namedExportsOrder=["Full","Minimal"]},"./components/header/__dev__/header.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Simple:()=>Simple,__namedExportsOrder:()=>__namedExportsOrder,default:()=>header_stories});__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/react/index.js");var mergeClasses_esm=__webpack_require__("./node_modules/@griffel/core/mergeClasses.esm.js"),use_space_styles=__webpack_require__("./hooks/use-space-styles/lib/use-space-styles.js"),tokens=__webpack_require__("./node_modules/@fluentui/tokens/lib/tokens.js"),useHeaderStyles=(0,__webpack_require__("./node_modules/@griffel/react/makeStyles.esm.js").Z)({root:{color:tokens.T.colorNeutralForeground1}}),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),Header=function Header(_ref){var className=_ref.className,children=_ref.children,classes=useHeaderStyles(),space=(0,use_space_styles.z)();return(0,jsx_runtime.jsx)("header",{className:(0,mergeClasses_esm.z)(classes.root,space.py5,className),children})};Header.displayName="Header";try{Header.displayName="Header",Header.__docgenInfo={description:"",displayName:"Header",props:{className:{defaultValue:null,description:"Consumer provided class.",name:"className",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/header/src/header/header.tsx#Header"]={docgenInfo:Header.__docgenInfo,name:"Header",path:"components/header/src/header/header.tsx#Header"})}catch(__react_docgen_typescript_loader_error){}const header_stories={title:"Layout/Header",component:Header};var Template=function Template(args){return(0,jsx_runtime.jsx)(Header,Object.assign({},args))};Template.displayName="Template";var Simple=Template.bind({});Simple.args={children:"Simple Header Example"};var __namedExportsOrder=["Simple"]},"./components/heading/__dev__/heading.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Simple:()=>Simple,WithCopyLinkButton:()=>WithCopyLinkButton,__namedExportsOrder:()=>__namedExportsOrder,default:()=>heading_stories});__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/web.timers.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js");var text_styles=__webpack_require__("./components/text/lib/text/text.styles.js"),text_text=__webpack_require__("./components/text/lib/text/text.js"),react=__webpack_require__("./node_modules/react/index.js"),icon_button=(__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./components/icon-button/lib/icon-button/icon-button.js")),use_copy_to_clipboard=__webpack_require__("./hooks/use-copy-to-clipboard/lib/use-copy-to-clipboard/use-copy-to-clipboard.js"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["as","children","className","copyLabel","headingUrl","onCopy"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var Heading=function Heading(_ref){var _ref$as=_ref.as,as=void 0===_ref$as?"h1":_ref$as,children=_ref.children,className=_ref.className,_ref$copyLabel=_ref.copyLabel,copyLabel=void 0===_ref$copyLabel?"Copy heading URL to clipboard.":_ref$copyLabel,headingUrl=_ref.headingUrl,onCopy=_ref.onCopy,textProps=_objectWithoutProperties(_ref,_excluded),_useCopyToClipboard=(0,use_copy_to_clipboard.m)(),copy=_useCopyToClipboard.copy,status=_useCopyToClipboard.status;return(0,react.useEffect)((function(){"success"===status&&headingUrl&&(null==onCopy||onCopy({url:headingUrl}))}),[status,onCopy,headingUrl]),(0,jsx_runtime.jsxs)(text_text.x,Object.assign({className,as,block:!0},textProps,{children:[children,headingUrl&&(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[" ",(0,jsx_runtime.jsx)(icon_button.h,{onClick:function onClick(){headingUrl&©(headingUrl)},label:copyLabel,iconName:"link",color:"secondary"})]})]}))};Heading.displayName="Heading";try{Heading.displayName="Heading",Heading.__docgenInfo={description:"",displayName:"Heading",props:{className:{defaultValue:null,description:"Consumer provided class.",name:"className",required:!1,type:{name:"string"}},as:{defaultValue:{value:"h1"},description:"Heading element.",name:"as",required:!1,type:{name:"enum",value:[{value:'"h1"'},{value:'"h2"'},{value:'"h3"'},{value:'"h4"'},{value:'"h5"'},{value:'"h6"'}]}},id:{defaultValue:null,description:"Heading id.",name:"id",required:!1,type:{name:"string"}},color:{defaultValue:null,description:"Selection of color options.",name:"color",required:!1,type:{name:"enum",value:[{value:'"action"'},{value:'"accent"'},{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'},{value:'"quaternary"'},{value:'"negative"'},{value:'"positive"'},{value:'"warning"'},{value:'"danger"'},{value:'"info"'},{value:'"background"'}]}},variant:{defaultValue:null,description:"Selection of text styles.",name:"variant",required:!1,type:{name:"enum",value:[{value:'"title"'},{value:'"description"'},{value:'"code"'},{value:'"caption"'},{value:'"jumbo"'},{value:'"headline"'},{value:'"subtitle"'},{value:'"leading"'},{value:'"paragraph"'}]}},headingUrl:{defaultValue:null,description:"Link to the heading section.",name:"headingUrl",required:!1,type:{name:"string"}},copyLabel:{defaultValue:{value:"Copy heading URL to clipboard."},description:"Screen-reader accessible label for the copy heading URL action.",name:"copyLabel",required:!1,type:{name:"string"}},onCopy:{defaultValue:null,description:"onCopy callback that fires after a successful copy heading URL action.",name:"onCopy",required:!1,type:{name:"((args0: OnCopyArgs) => void) | ((args0: OnCopyArgs) => void)"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/heading/src/heading/heading.tsx#Heading"]={docgenInfo:Heading.__docgenInfo,name:"Heading",path:"components/heading/src/heading/heading.tsx#Heading"})}catch(__react_docgen_typescript_loader_error){}function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null!=_i){var _s,_e,_x,_r,_arr=[],_n=!0,_d=!1;try{if(_x=(_i=_i.call(arr)).next,0===i){if(Object(_i)!==_i)return;_n=!1}else for(;!(_n=(_s=_x.call(_i)).done)&&(_arr.push(_s.value),_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{if(!_n&&null!=_i.return&&(_r=_i.return(),Object(_r)!==_r))return}finally{if(_d)throw _e}}return _arr}}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||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 _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Simple:()=>Simple,__namedExportsOrder:()=>__namedExportsOrder,default:()=>icon_button_stories});__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js");var icons=__webpack_require__("./components/icon/lib/icon/icons/index.js"),tokens=(__webpack_require__("./node_modules/react/index.js"),__webpack_require__("./node_modules/@fluentui/tokens/lib/tokens.js")),makeStyles_esm=__webpack_require__("./node_modules/@griffel/react/makeStyles.esm.js"),index_esm=__webpack_require__("./node_modules/@griffel/core/index.esm.js"),map_to_styles=__webpack_require__("./styles/utilities/lib/map-to-styles.js"),colorMap={primary:{background:tokens.T.colorNeutralBackground1,backgroundHover:tokens.T.colorNeutralBackground1Hover,outline:tokens.T.colorBrandStroke1,stroke:tokens.T.colorNeutralForeground1,strokeHover:tokens.T.colorNeutralForeground1Hover},secondary:{background:tokens.T.colorNeutralBackground1,backgroundHover:tokens.T.colorNeutralBackground2Hover,outline:tokens.T.colorBrandStroke1,stroke:tokens.T.colorNeutralForeground2,strokeHover:tokens.T.colorNeutralForeground2Hover},danger:{background:tokens.T.colorNeutralBackground1,backgroundHover:tokens.T.colorPaletteDarkOrangeBackground1,outline:tokens.T.colorPaletteDarkOrangeBorderActive,stroke:tokens.T.colorPaletteDarkOrangeForeground3,strokeHover:tokens.T.colorPaletteDarkOrangeForeground1},warning:{background:tokens.T.colorNeutralBackground1,backgroundHover:tokens.T.colorPaletteMarigoldBackground1,outline:tokens.T.colorPaletteMarigoldBorderActive,stroke:tokens.T.colorPaletteMarigoldForeground3,strokeHover:tokens.T.colorPaletteMarigoldForeground1},success:{background:tokens.T.colorNeutralBackground1,backgroundHover:tokens.T.colorPaletteLightGreenBackground1,outline:tokens.T.colorPaletteLightGreenBorderActive,stroke:tokens.T.colorPaletteLightGreenForeground1,strokeHover:tokens.T.colorPaletteLightGreenForeground3},info:{background:tokens.T.colorNeutralBackground1,backgroundHover:tokens.T.colorNeutralBackground2Hover,outline:tokens.T.colorBrandStroke1,stroke:tokens.T.colorNeutralForeground2,strokeHover:tokens.T.colorNeutralForeground2Hover},accent:{background:tokens.T.colorNeutralBackground1,backgroundHover:tokens.T.colorBrandBackgroundInvertedHover,outline:tokens.T.colorBrandStroke1,stroke:tokens.T.colorCompoundBrandStroke,strokeHover:tokens.T.colorCompoundBrandStrokeHover}},colorClasses=(0,map_to_styles.f)(colorMap,(function colorStyleFunction(_ref){var background=_ref.background,backgroundHover=_ref.backgroundHover,outline=_ref.outline;return{backgroundColor:background,"& > svg":{color:_ref.stroke},":hover":{backgroundColor:backgroundHover,"& > svg":{color:_ref.strokeHover}},":focus":{backgroundColor:backgroundHover,outlineColor:outline}}})),useIconButtonStyles=(0,makeStyles_esm.Z)(Object.assign({},colorClasses,{root:Object.assign({},index_esm.q5.borderRadius(tokens.T.borderRadiusXLarge),{cursor:"pointer",transitionProperty:"all",transitionDuration:tokens.T.durationNormal,transitionTimingFunction:tokens.T.curveEasyEase,lineHeight:0,borderTopStyle:"none",borderRightStyle:"none",borderBottomStyle:"none",borderLeftStyle:"none"})})),mergeClasses_esm=__webpack_require__("./node_modules/@griffel/core/mergeClasses.esm.js"),icon=__webpack_require__("./components/icon/lib/icon/icon.js"),use_space_styles=__webpack_require__("./hooks/use-space-styles/lib/use-space-styles.js"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),IconButton=function IconButton(_ref){var className=_ref.className,label=_ref.label,iconName=_ref.iconName,onClick=_ref.onClick,_ref$color=_ref.color,color=void 0===_ref$color?"primary":_ref$color,classes=useIconButtonStyles(),space=(0,use_space_styles.z)();return(0,jsx_runtime.jsx)("button",{onClick,"aria-label":label,className:(0,mergeClasses_esm.z)(classes.root,classes[color],space.p2,className),children:(0,jsx_runtime.jsx)(icon.J,{iconName})})};IconButton.displayName="IconButton";try{IconButton.displayName="IconButton",IconButton.__docgenInfo={description:"",displayName:"IconButton",props:{className:{defaultValue:null,description:"Consumer provided class.",name:"className",required:!1,type:{name:"string"}},label:{defaultValue:null,description:"Descriptive label of the button.",name:"label",required:!0,type:{name:"string"}},iconName:{defaultValue:null,description:"Selection of icons.",name:"iconName",required:!0,type:{name:"enum",value:[{value:'"link"'},{value:'"code"'},{value:'"arrow-right"'},{value:'"chevron-right"'},{value:'"full-screen"'},{value:'"slide-in"'},{value:'"slide-out"'},{value:'"open"'},{value:'"check"'},{value:'"copy"'},{value:'"download"'},{value:'"exclamation"'},{value:'"moon"'},{value:'"sun"'},{value:'"x"'}]}},color:{defaultValue:{value:"primary"},description:"Selection of color options.",name:"color",required:!1,type:{name:"enum",value:[{value:'"accent"'},{value:'"primary"'},{value:'"secondary"'},{value:'"warning"'},{value:'"danger"'},{value:'"info"'},{value:'"success"'}]}},onClick:{defaultValue:null,description:"Click handler.",name:"onClick",required:!0,type:{name:"(e?: SyntheticEvent) => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/icon-button/src/icon-button/icon-button.tsx#IconButton"]={docgenInfo:IconButton.__docgenInfo,name:"IconButton",path:"components/icon-button/src/icon-button/icon-button.tsx#IconButton"})}catch(__react_docgen_typescript_loader_error){}const icon_button_stories={title:"Atoms/IconButton",component:IconButton,argTypes:{onClick:{action:"clicked"},iconName:{options:Object.keys(icons.H),control:{type:"select"}},color:{options:Object.keys(colorMap),control:{type:"select"}}}};var Template=function Template(args){return(0,jsx_runtime.jsx)(IconButton,Object.assign({},args))};Template.displayName="Template";var Simple=Template.bind({});Simple.args={label:"Simple IconButton Example",iconName:"x"};var __namedExportsOrder=["Simple"]},"./components/icon-button/lib/icon-button/icon-button.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{h:()=>IconButton});var mergeClasses_esm=__webpack_require__("./node_modules/@griffel/core/mergeClasses.esm.js"),icon=__webpack_require__("./components/icon/lib/icon/icon.js"),use_space_styles=__webpack_require__("./hooks/use-space-styles/lib/use-space-styles.js"),react=__webpack_require__("./node_modules/react/index.js"),tokens=(__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/@fluentui/tokens/lib/tokens.js")),makeStyles_esm=__webpack_require__("./node_modules/@griffel/react/makeStyles.esm.js"),index_esm=__webpack_require__("./node_modules/@griffel/core/index.esm.js"),map_to_styles=__webpack_require__("./styles/utilities/lib/map-to-styles.js"),colorMap={primary:{background:tokens.T.colorNeutralBackground1,backgroundHover:tokens.T.colorNeutralBackground1Hover,outline:tokens.T.colorBrandStroke1,stroke:tokens.T.colorNeutralForeground1,strokeHover:tokens.T.colorNeutralForeground1Hover},secondary:{background:tokens.T.colorNeutralBackground1,backgroundHover:tokens.T.colorNeutralBackground2Hover,outline:tokens.T.colorBrandStroke1,stroke:tokens.T.colorNeutralForeground2,strokeHover:tokens.T.colorNeutralForeground2Hover},danger:{background:tokens.T.colorNeutralBackground1,backgroundHover:tokens.T.colorPaletteDarkOrangeBackground1,outline:tokens.T.colorPaletteDarkOrangeBorderActive,stroke:tokens.T.colorPaletteDarkOrangeForeground3,strokeHover:tokens.T.colorPaletteDarkOrangeForeground1},warning:{background:tokens.T.colorNeutralBackground1,backgroundHover:tokens.T.colorPaletteMarigoldBackground1,outline:tokens.T.colorPaletteMarigoldBorderActive,stroke:tokens.T.colorPaletteMarigoldForeground3,strokeHover:tokens.T.colorPaletteMarigoldForeground1},success:{background:tokens.T.colorNeutralBackground1,backgroundHover:tokens.T.colorPaletteLightGreenBackground1,outline:tokens.T.colorPaletteLightGreenBorderActive,stroke:tokens.T.colorPaletteLightGreenForeground1,strokeHover:tokens.T.colorPaletteLightGreenForeground3},info:{background:tokens.T.colorNeutralBackground1,backgroundHover:tokens.T.colorNeutralBackground2Hover,outline:tokens.T.colorBrandStroke1,stroke:tokens.T.colorNeutralForeground2,strokeHover:tokens.T.colorNeutralForeground2Hover},accent:{background:tokens.T.colorNeutralBackground1,backgroundHover:tokens.T.colorBrandBackgroundInvertedHover,outline:tokens.T.colorBrandStroke1,stroke:tokens.T.colorCompoundBrandStroke,strokeHover:tokens.T.colorCompoundBrandStrokeHover}},colorClasses=(0,map_to_styles.f)(colorMap,(function colorStyleFunction(_ref){var background=_ref.background,backgroundHover=_ref.backgroundHover,outline=_ref.outline;return{backgroundColor:background,"& > svg":{color:_ref.stroke},":hover":{backgroundColor:backgroundHover,"& > svg":{color:_ref.strokeHover}},":focus":{backgroundColor:backgroundHover,outlineColor:outline}}})),useIconButtonStyles=(0,makeStyles_esm.Z)(Object.assign({},colorClasses,{root:Object.assign({},index_esm.q5.borderRadius(tokens.T.borderRadiusXLarge),{cursor:"pointer",transitionProperty:"all",transitionDuration:tokens.T.durationNormal,transitionTimingFunction:tokens.T.curveEasyEase,lineHeight:0,borderTopStyle:"none",borderRightStyle:"none",borderBottomStyle:"none",borderLeftStyle:"none"})})),IconButton=function IconButton(_ref){var className=_ref.className,label=_ref.label,iconName=_ref.iconName,onClick=_ref.onClick,_ref$color=_ref.color,color=void 0===_ref$color?"primary":_ref$color,classes=useIconButtonStyles(),space=(0,use_space_styles.z)();return react.createElement("button",{onClick,"aria-label":label,className:(0,mergeClasses_esm.z)(classes.root,classes[color],space.p2,className)},react.createElement(icon.J,{iconName}))};IconButton.__docgenInfo={description:"",methods:[],displayName:"IconButton",props:{color:{defaultValue:{value:"'primary'",computed:!1},required:!1}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/icon-button/lib/icon-button/icon-button.js"]={name:"IconButton",docgenInfo:IconButton.__docgenInfo,path:"components/icon-button/lib/icon-button/icon-button.js"})},"./components/icon/__dev__/icon.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Simple:()=>Simple,__namedExportsOrder:()=>__namedExportsOrder,default:()=>icon_stories});__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js");var _colorMap,tokens=__webpack_require__("./node_modules/@fluentui/tokens/lib/tokens.js"),makeStyles_esm=__webpack_require__("./node_modules/@griffel/react/makeStyles.esm.js"),index_esm=__webpack_require__("./node_modules/@griffel/core/index.esm.js"),mergeClasses_esm=__webpack_require__("./node_modules/@griffel/core/mergeClasses.esm.js"),text_text=__webpack_require__("./components/text/lib/text/text.js"),use_space_styles=__webpack_require__("./hooks/use-space-styles/lib/use-space-styles.js"),react=__webpack_require__("./node_modules/react/index.js"),decorators=__webpack_require__("./.storybook/decorators/index.ts"),map_to_styles=__webpack_require__("./styles/utilities/lib/map-to-styles.js"),colorMap=((_colorMap={accent:tokens.T.colorBrandForeground1,primary:tokens.T.colorNeutralForeground1,secondary:tokens.T.colorNeutralForeground2,tertiary:tokens.T.colorNeutralForeground3,quaternary:tokens.T.colorNeutralForeground4,negative:tokens.T.colorPaletteDarkOrangeForeground1,positive:tokens.T.colorPaletteGreenForeground1,warning:tokens.T.colorPaletteMarigoldForeground1,danger:tokens.T.colorPaletteDarkOrangeForeground1,info:tokens.T.colorBrandForeground2})["accent-inverse"]=tokens.T.colorBrandBackground,_colorMap["primary-inverse"]=tokens.T.colorNeutralBackground1,_colorMap["secondary-inverse"]=tokens.T.colorNeutralBackground2,_colorMap["tertiary-inverse"]=tokens.T.colorNeutralBackground3,_colorMap["quaternary-inverse"]=tokens.T.colorNeutralBackground4,_colorMap["negative-inverse"]=tokens.T.colorPaletteDarkOrangeBackground1,_colorMap["positive-inverse"]=tokens.T.colorPaletteGreenBackground1,_colorMap["warning-inverse"]=tokens.T.colorPaletteMarigoldBackground1,_colorMap["danger-inverse"]=tokens.T.colorPaletteDarkOrangeBackground1,_colorMap["info-inverse"]=tokens.T.colorBrandBackground2,_colorMap),colorClasses=(0,map_to_styles.f)(colorMap,(function colorStyleFunction(color){return{color}})),sizeClasses={small:{height:tokens.T.spacingVerticalM},medium:{height:tokens.T.spacingVerticalL},large:{height:tokens.T.spacingVerticalXL}},useIconStyles=(0,makeStyles_esm.Z)(Object.assign({},colorClasses,sizeClasses,{root:{width:"auto"},inline:{display:"inline-block",verticalAlign:"middle"}})),index_browser=__webpack_require__("./components/icon/node_modules/nanoid/index.browser.js"),jsx_runtime=(__webpack_require__("./node_modules/core-js/modules/es.string.link.js"),__webpack_require__("./node_modules/react/jsx-runtime.js")),ArrowRight=function ArrowRight(){return(0,jsx_runtime.jsx)("path",{d:"M2.5 7.50001C2.22386 7.50001 2 7.72386 2 8.00001C2 8.27615 2.22386 8.50001 2.5 8.50001L12.197 8.5L8.16552 12.1284C7.96026 12.3131 7.94362 12.6292 8.12835 12.8345C8.31308 13.0397 8.62923 13.0564 8.83448 12.8717L13.8345 8.37165C13.9398 8.27683 14 8.14175 14 8C14 7.85826 13.9398 7.72318 13.8345 7.62836L8.83448 3.12836C8.62923 2.94363 8.31308 2.96027 8.12835 3.16552C7.94362 3.37078 7.96026 3.68692 8.16552 3.87165L12.197 7.5L2.5 7.50001Z",fill:"currentColor"})};ArrowRight.displayName="ArrowRight";var Check=function Check(){return(0,jsx_runtime.jsx)("path",{d:"M0 9.27233C0 9.12371 0.0270213 8.98522 0.081064 8.85687C0.141862 8.72177 0.219548 8.60693 0.314123 8.51235C0.415453 8.41102 0.530293 8.33333 0.658645 8.27929C0.793751 8.21849 0.935613 8.18809 1.08423 8.18809C1.37471 8.18809 1.62803 8.29618 1.84421 8.51235L5.40089 12.069L14.1457 3.32426C14.3618 3.10809 14.6185 3 14.9158 3C15.0644 3 15.2029 3.0304 15.3312 3.0912C15.4663 3.14524 15.5812 3.22293 15.6757 3.32426C15.7771 3.42559 15.8548 3.5438 15.9088 3.67891C15.9696 3.80726 16 3.94237 16 4.08423C16 4.38147 15.8919 4.63817 15.6757 4.85434L6.16086 14.3591C6.05953 14.4604 5.94131 14.5415 5.80621 14.6023C5.67786 14.6563 5.54275 14.6833 5.40089 14.6833C5.11041 14.6833 4.85708 14.5753 4.64091 14.3591L0.314123 10.0424C0.104708 9.83302 0 9.57632 0 9.27233Z",fill:"currentColor"})};Check.displayName="Check";var ChevronRight=function ChevronRight(){return(0,jsx_runtime.jsx)("path",{d:"M5.73966 3.20041C5.43613 3.48226 5.41856 3.95681 5.70041 4.26034L9.22652 8L5.70041 11.7397C5.41856 12.0432 5.43613 12.5177 5.73967 12.7996C6.0432 13.0815 6.51775 13.0639 6.7996 12.7603L10.7996 8.51034C11.0668 8.22258 11.0668 7.77743 10.7996 7.48966L6.7996 3.23966C6.51775 2.93613 6.0432 2.91856 5.73966 3.20041Z",fill:"currentColor"})};ChevronRight.displayName="ChevronRight";var Code=function Code(){return(0,jsx_runtime.jsx)("path",{d:"M5.39035 12.4075L9.3878 3.0711C9.53267 2.73262 9.92453 2.57572 10.2631 2.72064C10.5773 2.85521 10.7351 3.2027 10.64 3.52266L10.6135 3.59589L6.61606 12.9323C6.47114 13.2707 6.07928 13.4276 5.74081 13.2827C5.42651 13.1481 5.26877 12.8007 5.36387 12.4807L5.39035 12.4075ZM1.52859 7.52872L4.19526 4.86209C4.45561 4.60174 4.87772 4.60174 5.13807 4.86209C5.37839 5.10241 5.39688 5.48057 5.19353 5.7421L5.13807 5.8049L2.94281 8.00019L5.13807 10.1954C5.39842 10.4558 5.39842 10.8779 5.13807 11.1383C4.89775 11.3785 4.51959 11.3971 4.25807 11.1937L4.19526 11.1383L1.52859 8.47159C1.28827 8.23126 1.26979 7.85306 1.47313 7.59159L1.52859 7.52872ZM10.8614 4.86126C11.1017 4.62095 11.4799 4.60248 11.7414 4.80584L11.8042 4.86131L14.4714 7.52879C14.7119 7.76919 14.7302 8.14759 14.5266 8.40906L14.4711 8.47186L11.8039 11.1356C11.5433 11.3957 11.1212 11.3955 10.8611 11.1349C10.6209 10.8945 10.6027 10.5163 10.8062 10.2549L10.8617 10.1921L13.0569 7.99986L10.8613 5.80408C10.601 5.54371 10.601 5.1216 10.8614 4.86126Z",fill:"currentColor"})};Code.displayName="Code";var Copy=function Copy(){return(0,jsx_runtime.jsx)("path",{d:"M4.00029 4.08525L4 10.5C4 11.8255 5.03154 12.91 6.33562 12.9947L6.5 13L10.9144 13.0007C10.7083 13.5829 10.1528 14 9.5 14H6C4.34315 14 3 12.6569 3 11V5.5C3 4.84678 3.41754 4.29109 4.00029 4.08525ZM11.5 2C12.3284 2 13 2.67157 13 3.5V10.5C13 11.3284 12.3284 12 11.5 12H6.5C5.67157 12 5 11.3284 5 10.5V3.5C5 2.67157 5.67157 2 6.5 2H11.5ZM11.5 3H6.5C6.22386 3 6 3.22386 6 3.5V10.5C6 10.7761 6.22386 11 6.5 11H11.5C11.7761 11 12 10.7761 12 10.5V3.5C12 3.22386 11.7761 3 11.5 3Z",fill:"currentColor"})};Copy.displayName="Copy";var Download=function Download(){return(0,jsx_runtime.jsx)("path",{d:"M13.2452 14.4998C13.4352 14.4999 13.6182 14.5721 13.757 14.7018C13.8959 14.8316 13.9803 15.0092 13.9933 15.1988C14.0063 15.3884 13.9467 15.5758 13.8268 15.7233C13.7069 15.8707 13.5355 15.9671 13.3472 15.993L13.2452 16H2.74987C2.55982 15.9999 2.37688 15.9277 2.23801 15.798C2.09914 15.6683 2.0147 15.4906 2.00175 15.301C1.98879 15.1114 2.04829 14.924 2.16823 14.7765C2.28816 14.6291 2.45958 14.5327 2.64785 14.5068L2.74987 14.4998H13.2452ZM8.00452 0.00100017C8.18561 0.00124928 8.36049 0.0670014 8.49689 0.186119C8.63329 0.305236 8.72199 0.469676 8.74661 0.649081L8.75362 0.751094V10.9454L11.72 7.975C11.8469 7.84781 12.0152 7.77039 12.1943 7.75681C12.3734 7.74323 12.5515 7.79439 12.6961 7.90099L12.7811 7.973C12.9084 8.10006 12.9858 8.26863 12.9992 8.44799C13.0126 8.62735 12.9611 8.80555 12.8541 8.95012L12.7821 9.03413L8.53859 13.2847L8.46858 13.3477L8.37657 13.4067L8.34056 13.4277L8.24955 13.4657L8.12954 13.4957L8.05953 13.5037L7.99952 13.5057C7.94876 13.5056 7.89815 13.5002 7.8485 13.4897L7.76849 13.4667C7.67343 13.4361 7.58563 13.3864 7.51046 13.3207L3.21992 9.03513C3.08537 8.90146 3.00645 8.72177 2.99905 8.53225C2.99165 8.34273 3.05633 8.15744 3.18005 8.01368C3.30378 7.86993 3.47737 7.77838 3.66588 7.75747C3.85439 7.73656 4.04382 7.78784 4.19605 7.90099L4.28006 7.974L7.25343 10.9414V0.750094C7.25343 0.551157 7.33246 0.360367 7.47313 0.219697C7.61379 0.0790275 7.80458 0 8.00352 0L8.00452 0.00100017Z",fill:"currentColor"})};Download.displayName="Download";var Exclamation=function Exclamation(){return(0,jsx_runtime.jsx)("path",{d:"M6.38422 7.80332V1.55517C6.38422 1.34172 6.42386 1.14046 6.50314 0.951401C6.58853 0.76234 6.70135 0.597675 6.84162 0.457404C6.98799 0.317134 7.15571 0.207357 7.34477 0.128073C7.53383 0.0426911 7.73509 0 7.94854 0C8.162 0 8.36326 0.0426911 8.55232 0.128073C8.74138 0.207357 8.90604 0.317134 9.04631 0.457404C9.19268 0.597675 9.30551 0.76234 9.38479 0.951401C9.47017 1.14046 9.51286 1.34172 9.51286 1.55517V7.80332C9.51286 8.01677 9.47017 8.21803 9.38479 8.40709C9.30551 8.59615 9.19268 8.76387 9.04631 8.91023C8.90604 9.0505 8.74138 9.16333 8.55232 9.24871C8.36326 9.328 8.162 9.36764 7.94854 9.36764C7.73509 9.36764 7.53383 9.328 7.34477 9.24871C7.15571 9.16333 6.98799 9.0505 6.84162 8.91023C6.70135 8.76387 6.58853 8.59615 6.50314 8.40709C6.42386 8.21803 6.38422 8.01677 6.38422 7.80332ZM6 14.0515C6 13.7831 6.05184 13.53 6.15552 13.2922C6.2592 13.0543 6.39947 12.847 6.57633 12.6701C6.75319 12.4932 6.9575 12.353 7.18925 12.2493C7.4271 12.1456 7.6802 12.0938 7.94854 12.0938C8.21689 12.0938 8.46693 12.1456 8.69869 12.2493C8.93654 12.353 9.14389 12.4932 9.32075 12.6701C9.49762 12.847 9.63789 13.0543 9.74157 13.2922C9.84525 13.53 9.89708 13.7831 9.89708 14.0515C9.89708 14.3198 9.84525 14.5729 9.74157 14.8107C9.63789 15.0425 9.49762 15.2468 9.32075 15.4237C9.14389 15.6005 8.93654 15.7408 8.69869 15.8445C8.46083 15.9482 8.21079 16 7.94854 16C7.6802 16 7.4271 15.9482 7.18925 15.8445C6.9575 15.7408 6.75319 15.6005 6.57633 15.4237C6.39947 15.2468 6.2592 15.0425 6.15552 14.8107C6.05184 14.5729 6 14.3198 6 14.0515Z",fill:"currentColor"})};Exclamation.displayName="Exclamation";var FullScreen=function FullScreen(){return(0,jsx_runtime.jsx)("path",{d:"M3.33333 4C3.33333 3.63181 3.63181 3.33333 4 3.33333H5.33333C5.70152 3.33333 6 3.03485 6 2.66667C6 2.29848 5.70152 2 5.33333 2H4C2.89543 2 2 2.89543 2 4V5.33333C2 5.70152 2.29848 6 2.66667 6C3.03485 6 3.33333 5.70152 3.33333 5.33333V4ZM3.33333 12C3.33333 12.3682 3.63181 12.6667 4 12.6667H5.33333C5.70152 12.6667 6 12.9651 6 13.3333C6 13.7015 5.70152 14 5.33333 14H4C2.89543 14 2 13.1046 2 12V10.6667C2 10.2985 2.29848 10 2.66667 10C3.03485 10 3.33333 10.2985 3.33333 10.6667V12ZM12 3.33333C12.3682 3.33333 12.6667 3.63181 12.6667 4V5.33333C12.6667 5.70152 12.9651 6 13.3333 6C13.7015 6 14 5.70152 14 5.33333V4C14 2.89543 13.1046 2 12 2H10.6667C10.2985 2 10 2.29848 10 2.66667C10 3.03485 10.2985 3.33333 10.6667 3.33333H12ZM12.6667 12C12.6667 12.3682 12.3682 12.6667 12 12.6667H10.6667C10.2985 12.6667 10 12.9651 10 13.3333C10 13.7015 10.2985 14 10.6667 14H12C13.1046 14 14 13.1046 14 12V10.6667C14 10.2985 13.7015 10 13.3333 10C12.9651 10 12.6667 10.2985 12.6667 10.6667V12Z",fill:"currentColor"})};FullScreen.displayName="FullScreen";var Link=function Link(){return(0,jsx_runtime.jsx)("path",{d:"M5.59845 4C5.80248 4.00023 5.99873 4.07835 6.1471 4.21842C6.29546 4.35849 6.38475 4.54992 6.3967 4.7536C6.40866 4.95729 6.34239 5.15785 6.21143 5.31431C6.08048 5.47078 5.89472 5.57133 5.69211 5.59543L5.59845 5.60103H3.99742C3.37229 5.60043 2.77156 5.84361 2.32288 6.27889C1.8742 6.71417 1.61293 7.30725 1.59459 7.93211C1.57624 8.55697 1.80227 9.16435 2.22464 9.62521C2.64701 10.0861 3.23244 10.3641 3.85652 10.4001L3.99742 10.4041H5.59845C5.80248 10.4044 5.99873 10.4825 6.1471 10.6226C6.29546 10.7626 6.38475 10.9541 6.3967 11.1577C6.40866 11.3614 6.34239 11.562 6.21143 11.7184C6.08048 11.8749 5.89472 11.9755 5.69211 11.9996L5.59845 12.0052H3.99742C2.95181 12.0038 1.94824 11.5934 1.20137 10.8616C0.454502 10.1298 0.0236398 9.13483 0.000944088 8.08947C-0.0217517 7.0441 0.365521 6.03136 1.07992 5.26786C1.79433 4.50436 2.77914 4.05073 3.8237 4.004L3.99742 4H5.59845ZM12.0026 4C13.0482 4.00135 14.0518 4.41181 14.7986 5.14358C15.5455 5.87536 15.9764 6.87034 15.9991 7.9157C16.0218 8.96107 15.6345 9.97381 14.9201 10.7373C14.2057 11.5008 13.2209 11.9544 12.1763 12.0012L12.0026 12.0052H10.4016C10.1975 12.0049 10.0013 11.9268 9.8529 11.7867C9.70454 11.6467 9.61525 11.4553 9.6033 11.2516C9.59134 11.0479 9.65761 10.8473 9.78857 10.6909C9.91952 10.5344 10.1053 10.4338 10.3079 10.4097L10.4016 10.4041H12.0026C12.6277 10.4047 13.2284 10.1616 13.6771 9.72628C14.1258 9.291 14.3871 8.69792 14.4054 8.07306C14.4238 7.4482 14.1977 6.84081 13.7754 6.37996C13.353 5.91911 12.7676 5.64111 12.1435 5.60504L12.0026 5.60103H10.4016C10.1975 5.60081 10.0013 5.52268 9.8529 5.38261C9.70454 5.24255 9.61525 5.05112 9.6033 4.84743C9.59134 4.64375 9.65761 4.44318 9.78857 4.28672C9.91952 4.13026 10.1053 4.0297 10.3079 4.0056L10.4016 4H12.0026ZM3.99742 7.20207H12.0026C12.2066 7.20229 12.4029 7.28042 12.5512 7.42049C12.6996 7.56055 12.7889 7.75198 12.8008 7.95567C12.8128 8.15935 12.7465 8.35992 12.6156 8.51638C12.4846 8.67284 12.2989 8.7734 12.0962 8.7975L12.0026 8.8031H3.99742C3.79338 8.80287 3.59713 8.72475 3.44877 8.58468C3.3004 8.44462 3.21112 8.25318 3.19916 8.0495C3.18721 7.84581 3.25348 7.64525 3.38443 7.48879C3.51539 7.33232 3.70115 7.23177 3.90376 7.20767L3.99742 7.20207H12.0026H3.99742Z",fill:"currentColor"})};Link.displayName="Link";var Moon=function Moon(){return(0,jsx_runtime.jsx)("path",{d:"M13.3505 11.3343C11.5093 14.5234 7.4314 15.6161 4.24227 13.7748C3.37379 13.2734 2.64267 12.5951 2.08581 11.7865C1.89963 11.5161 2.02007 11.1427 2.32913 11.0321C4.84075 10.1331 6.18595 9.09146 6.96653 7.60139C7.78833 6.03271 8.00067 4.3144 7.4258 1.95907C7.34633 1.63338 7.60353 1.32327 7.93833 1.34123C8.97633 1.39692 9.9904 1.69508 10.9099 2.22601C14.0991 4.06724 15.1917 8.14512 13.3505 11.3343Z",fill:"currentColor"})};Moon.displayName="Moon";var Open=function Open(){return(0,jsx_runtime.jsx)("path",{d:"M3.71429 1.71429C3.18385 1.71429 2.67515 1.925 2.30007 2.30007C1.925 2.67515 1.71429 3.18385 1.71429 3.71429V12.2857C1.71429 13.3897 2.61029 14.2857 3.71429 14.2857H12.2857C12.8161 14.2857 13.3249 14.075 13.6999 13.6999C14.075 13.3249 14.2857 12.8161 14.2857 12.2857V10C14.2857 9.77267 14.376 9.55465 14.5368 9.39391C14.6975 9.23316 14.9155 9.14286 15.1429 9.14286C15.3702 9.14286 15.5882 9.23316 15.749 9.39391C15.9097 9.55465 16 9.77267 16 10V12.2857C16 13.2708 15.6087 14.2155 14.9121 14.9121C14.2155 15.6087 13.2708 16 12.2857 16H3.71429C2.7292 16 1.78445 15.6087 1.08789 14.9121C0.391325 14.2155 0 13.2708 0 12.2857V3.71429C0 2.7292 0.391325 1.78445 1.08789 1.08789C1.78445 0.391325 2.7292 0 3.71429 0H6C6.22733 0 6.44535 0.0903058 6.60609 0.251051C6.76684 0.411797 6.85714 0.629814 6.85714 0.857143C6.85714 1.08447 6.76684 1.30249 6.60609 1.46323C6.44535 1.62398 6.22733 1.71429 6 1.71429H3.71429ZM8.57143 0.857143C8.57143 0.629814 8.66174 0.411797 8.82248 0.251051C8.98323 0.0903058 9.20124 0 9.42857 0H15.1429C15.3702 0 15.5882 0.0903058 15.749 0.251051C15.9097 0.411797 16 0.629814 16 0.857143V6.57143C16 6.79876 15.9097 7.01677 15.749 7.17752C15.5882 7.33827 15.3702 7.42857 15.1429 7.42857C14.9155 7.42857 14.6975 7.33827 14.5368 7.17752C14.376 7.01677 14.2857 6.79876 14.2857 6.57143V2.92571L10.0343 7.17714C9.95581 7.26136 9.86119 7.3289 9.75604 7.37575C9.6509 7.4226 9.5374 7.44779 9.42231 7.44982C9.30722 7.45185 9.1929 7.43068 9.08617 7.38757C8.97945 7.34446 8.88249 7.28029 8.8011 7.1989C8.71971 7.11751 8.65554 7.02056 8.61243 6.91383C8.56932 6.8071 8.54815 6.69278 8.55018 6.57769C8.55221 6.4626 8.5774 6.3491 8.62425 6.24396C8.6711 6.13881 8.73864 6.04419 8.82286 5.96571L13.0743 1.71429H9.42857C9.20124 1.71429 8.98323 1.62398 8.82248 1.46323C8.66174 1.30249 8.57143 1.08447 8.57143 0.857143V0.857143Z",fill:"currentColor"})};Open.displayName="Open";var SlideIn=function SlideIn(){return(0,jsx_runtime.jsx)("path",{d:"M10.246 6.19922C10.0243 5.95297 9.64493 5.933 9.39862 6.15463L7.39862 7.95421C7.27219 8.06796 7.2 8.23003 7.2 8.40008C7.2 8.57013 7.27219 8.73219 7.39862 8.84595L9.39862 10.6455C9.64493 10.8672 10.0243 10.8472 10.246 10.601C10.4677 10.3547 10.4477 9.97542 10.2014 9.7538L9.36358 8.99995H12.2C12.5314 8.99995 12.8 8.73138 12.8 8.40009C12.8 8.06879 12.5314 7.80022 12.2 7.80022H9.36357L10.2014 7.04638C10.4477 6.82475 10.4677 6.44547 10.246 6.19922ZM1.52588e-06 12.6005C1.52588e-06 13.8153 0.984975 14.8 2.2 14.8L13.8 14.8C15.015 14.8 16 13.8153 16 12.6005V4.19949C16 2.98475 15.015 2 13.8 2H2.2C0.984975 2 0 2.98475 0 4.19949L1.52588e-06 12.6005ZM2.2 13.6003C1.64772 13.6003 1.2 13.1527 1.2 12.6005L1.2 4.19949C1.2 3.64734 1.64772 3.19972 2.2 3.19972L4.80332 3.19972L4.80332 13.6003H2.2ZM6.00332 13.6003L6.00332 3.19972L13.8 3.19972C14.3523 3.19972 14.8 3.64734 14.8 4.19949L14.8 12.6005C14.8 13.1527 14.3523 13.6003 13.8 13.6003L6.00332 13.6003Z",fill:"currentColor"})};SlideIn.displayName="SlideIn";var SlideOut=function SlideOut(){return(0,jsx_runtime.jsx)("path",{d:"M9.75402 10.601C9.9757 10.8472 10.3551 10.8672 10.6014 10.6456L12.6014 8.84599C12.7278 8.73223 12.8 8.57017 12.8 8.40012C12.8 8.23006 12.7278 8.068 12.6014 7.95424L10.6014 6.15465C10.3551 5.93303 9.9757 5.95299 9.75403 6.19924C9.53235 6.44548 9.55232 6.82477 9.79862 7.0464L10.6364 7.80025L7.8 7.80025C7.46863 7.80025 7.2 8.06881 7.2 8.40011C7.2 8.7314 7.46863 8.99997 7.8 8.99997H10.6364L9.79862 9.75382C9.55232 9.97544 9.53235 10.3547 9.75402 10.601ZM0 4.2C0 2.98497 0.984974 2 2.2 2H13.8C15.015 2 16 2.98497 16 4.2V12.6C16 13.815 15.015 14.8 13.8 14.8H2.2C0.984974 14.8 0 13.815 0 12.6V4.2ZM2.2 3.2C1.64772 3.2 1.2 3.64772 1.2 4.2V12.6C1.2 13.1523 1.64772 13.6 2.2 13.6H4.80342V3.2H2.2ZM6.00342 3.2V13.6H13.8C14.3523 13.6 14.8 13.1523 14.8 12.6V4.2C14.8 3.64772 14.3523 3.2 13.8 3.2H6.00342Z",fill:"currentColor"})};SlideOut.displayName="SlideOut";var _paths,X=function X(){return(0,jsx_runtime.jsx)("path",{d:"M7.9956 9.33187L3.6 13.7363C3.41832 13.9179 3.1956 14.0088 2.93187 14.0088C2.66813 14.0088 2.44542 13.9209 2.26374 13.7451C2.08791 13.5634 2 13.3407 2 13.0769C2 12.8132 2.09084 12.5905 2.27253 12.4088L6.66813 8.0044L2.27253 3.60879C2.09084 3.42711 2 3.20733 2 2.94945C2 2.82051 2.02344 2.69744 2.07033 2.58022C2.11722 2.463 2.18168 2.36337 2.26374 2.28132C2.35165 2.19927 2.45128 2.1348 2.56264 2.08791C2.67399 2.03516 2.79707 2.00879 2.93187 2.00879C3.18974 2.00879 3.40952 2.09963 3.59121 2.28132L7.9956 6.68571L12.3912 2.28132C12.5788 2.09377 12.8015 2 13.0593 2C13.1883 2 13.3084 2.02637 13.4198 2.07912C13.537 2.12601 13.6366 2.19341 13.7187 2.28132C13.8066 2.36337 13.874 2.463 13.9209 2.58022C13.9678 2.69158 13.9912 2.81172 13.9912 2.94066C13.9912 3.19853 13.9004 3.41832 13.7187 3.6L9.31429 8.0044L13.7187 12.4088C13.9062 12.5963 14 12.819 14 13.0769C14 13.2059 13.9736 13.326 13.9209 13.4374C13.874 13.5487 13.8066 13.6484 13.7187 13.7363C13.6366 13.8183 13.537 13.8857 13.4198 13.9385C13.3084 13.9853 13.1883 14.0088 13.0593 14.0088C12.7956 14.0088 12.5729 13.9179 12.3912 13.7363L7.9956 9.33187Z",fill:"currentColor"})};X.displayName="X";var paths=((_paths={})["arrow-right"]=ArrowRight,_paths["chevron-right"]=ChevronRight,_paths["full-screen"]=FullScreen,_paths["slide-in"]=SlideIn,_paths["slide-out"]=SlideOut,_paths.check=Check,_paths.code=Code,_paths.copy=Copy,_paths.download=Download,_paths.exclamation=Exclamation,_paths.link=Link,_paths.moon=Moon,_paths.open=Open,_paths.sun=function Sun(){return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)("g",{clipPath:"url(#arbutus-sun-icon-clip0_212_184)",children:(0,jsx_runtime.jsx)("path",{d:"M8 0C8.33136 0 8.6 0.268632 8.6 0.6V1.8C8.6 2.13137 8.33136 2.4 8 2.4C7.66864 2.4 7.4 2.13137 7.4 1.8V0.6C7.4 0.268632 7.66864 0 8 0ZM12 8C12 10.2091 10.2091 12 8 12C5.79086 12 4 10.2091 4 8C4 5.79086 5.79086 4 8 4C10.2091 4 12 5.79086 12 8ZM15.4 8.6C15.7314 8.6 16 8.33136 16 8C16 7.66864 15.7314 7.4 15.4 7.4H14.2C13.8686 7.4 13.6 7.66864 13.6 8C13.6 8.33136 13.8686 8.6 14.2 8.6H15.4ZM8 13.6C8.33136 13.6 8.6 13.8686 8.6 14.2V15.4C8.6 15.7314 8.33136 16 8 16C7.66864 16 7.4 15.7314 7.4 15.4V14.2C7.4 13.8686 7.66864 13.6 8 13.6ZM1.8 8.6C2.13137 8.6 2.4 8.33136 2.4 8C2.4 7.66864 2.13137 7.4 1.8 7.4H0.6C0.268632 7.4 0 7.66864 0 8C0 8.33136 0.268632 8.6 0.6 8.6H1.8ZM1.77574 1.77603C2.01005 1.54172 2.38995 1.54172 2.62426 1.77603L3.82426 2.97603C4.05858 3.21035 4.05858 3.59025 3.82426 3.82456C3.58995 4.05888 3.21005 4.05888 2.97574 3.82456L1.77574 2.62456C1.54142 2.39025 1.54142 2.01035 1.77574 1.77603ZM2.62426 14.2246C2.38995 14.4589 2.01005 14.4589 1.77574 14.2246C1.54142 13.9902 1.54142 13.6103 1.77574 13.376L2.97574 12.176C3.21005 11.9417 3.58995 11.9417 3.82426 12.176C4.05858 12.4103 4.05858 12.7902 3.82426 13.0246L2.62426 14.2246ZM14.2242 1.77603C13.9899 1.54172 13.6101 1.54172 13.3758 1.77603L12.1758 2.97603C11.9414 3.21035 11.9414 3.59025 12.1758 3.82456C12.4101 4.05888 12.7899 4.05888 13.0242 3.82456L14.2242 2.62456C14.4586 2.39025 14.4586 2.01035 14.2242 1.77603ZM13.3758 14.2246C13.6101 14.4589 13.9899 14.4589 14.2242 14.2246C14.4586 13.9902 14.4586 13.6103 14.2242 13.376L13.0242 12.176C12.7899 11.9417 12.4101 11.9417 12.1758 12.176C11.9414 12.4103 11.9414 12.7902 12.1758 13.0246L13.3758 14.2246Z",fill:"currentColor"})}),(0,jsx_runtime.jsx)("defs",{children:(0,jsx_runtime.jsx)("clipPath",{id:"arbutus-sun-icon-clip0_212_184",children:(0,jsx_runtime.jsx)("rect",{width:"16",height:"16",fill:"white"})})})]})},_paths.x=X,_paths),Icon=function Icon(_ref){var className=_ref.className,_ref$color=_ref.color,color=void 0===_ref$color?"primary":_ref$color,label=_ref.label,iconName=_ref.iconName,_ref$size=_ref.size,size=void 0===_ref$size?"medium":_ref$size,isInline=_ref.isInline,Icon=(0,react.useMemo)((function(){return paths[iconName]}),[iconName]),a11yId=(0,react.useMemo)((function(){return(0,index_browser.x0)()}),[]),a11yProps={};label?(a11yProps.role="img",a11yProps["aria-labelledby"]=label):a11yProps["aria-hidden"]=!0;var classes=useIconStyles(),rootClasses=(0,mergeClasses_esm.z)(classes.root,classes[color],classes[size],isInline&&classes.inline,className);return(0,jsx_runtime.jsxs)("svg",Object.assign({viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg",className:rootClasses,fill:"currentColor"},a11yProps,{children:[label&&(0,jsx_runtime.jsx)("title",{id:a11yId,children:label}),(0,jsx_runtime.jsx)(Icon,{})]}))};Icon.displayName="Icon";try{Icon.displayName="Icon",Icon.__docgenInfo={description:"",displayName:"Icon",props:{iconName:{defaultValue:null,description:"Selection of icons.",name:"iconName",required:!0,type:{name:"enum",value:[{value:'"link"'},{value:'"code"'},{value:'"arrow-right"'},{value:'"chevron-right"'},{value:'"full-screen"'},{value:'"slide-in"'},{value:'"slide-out"'},{value:'"open"'},{value:'"check"'},{value:'"copy"'},{value:'"download"'},{value:'"exclamation"'},{value:'"moon"'},{value:'"sun"'},{value:'"x"'}]}},className:{defaultValue:null,description:"Consumer provided class.",name:"className",required:!1,type:{name:"string"}},color:{defaultValue:{value:"primary"},description:"Selection of color options.",name:"color",required:!1,type:{name:"enum",value:[{value:'"accent"'},{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'},{value:'"quaternary"'},{value:'"negative"'},{value:'"positive"'},{value:'"warning"'},{value:'"danger"'},{value:'"info"'},{value:'"accent-inverse"'},{value:'"primary-inverse"'},{value:'"secondary-inverse"'},{value:'"tertiary-inverse"'},{value:'"quaternary-inverse"'},{value:'"negative-inverse"'},{value:'"positive-inverse"'},{value:'"warning-inverse"'},{value:'"danger-inverse"'},{value:'"info-inverse"'}]}},size:{defaultValue:{value:"medium"},description:"Selection of size options.",name:"size",required:!1,type:{name:"enum",value:[{value:'"small"'},{value:'"medium"'},{value:'"large"'}]}},label:{defaultValue:null,description:"Description of the icon for assistive technology. No label hides the icon from assistive technology\n(applicable for purely decorative elements).",name:"label",required:!1,type:{name:"string"}},isInline:{defaultValue:null,description:"Sets the Icon to be an inline element.",name:"isInline",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/icon/src/icon/icon.tsx#Icon"]={docgenInfo:Icon.__docgenInfo,name:"Icon",path:"components/icon/src/icon/icon.tsx#Icon"})}catch(__react_docgen_typescript_loader_error){}const icon_stories={title:"Atoms/Icon",component:Icon,argTypes:{color:{options:Object.keys(colorMap),control:{type:"select"}},iconName:{options:Object.keys(paths),control:{type:"select"}},size:{options:Object.keys(sizeClasses),control:{type:"select"}}},decorators:[function(Story){return(0,jsx_runtime.jsx)(decorators.z,{children:(0,jsx_runtime.jsx)(Story,{})})}]};var useGridStyles=(0,makeStyles_esm.Z)({root:Object.assign({backgroundColor:tokens.T.colorNeutralBackground6,maxWidth:"48rem",display:"grid",gridTemplateColumns:"1fr",columnGap:"0.5rem",rowGap:"0.5rem",gridAutoRows:"1.5rem"},index_esm.q5.borderRadius("var(--arbutus--shape-border-radius)")),tile:{display:"grid",gridTemplateColumns:"1.5rem auto",columnGap:"0.5rem"},swatch:Object.assign({display:"grid",height:"100%",alignItems:"center",justifyItems:"center",backgroundColor:tokens.T.colorNeutralBackground1},index_esm.q5.borderRadius("0.25rem")),label:{alignSelf:"center"}}),Template=function Template(args){var classes=useGridStyles(),space=(0,use_space_styles.z)();return(0,jsx_runtime.jsx)("div",{className:(0,mergeClasses_esm.z)(classes.root,space.p4),children:Object.keys(paths).map((function(iconName,i){return(0,jsx_runtime.jsxs)("div",{className:classes.tile,children:[(0,jsx_runtime.jsx)("div",{className:classes.swatch,children:(0,jsx_runtime.jsx)(Icon,Object.assign({},args,{iconName}))}),(0,jsx_runtime.jsx)(text_text.x,{className:classes.label,as:"span",children:iconName})]},iconName+"-"+i)}))})};Template.displayName="Template";var Simple=Template.bind({});Simple.args={iconName:"exclamation",size:"medium",color:"primary"};var __namedExportsOrder=["Simple"]},"./components/icon/lib/icon/icon.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{J:()=>Icon});__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var _griffel_react__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@griffel/core/mergeClasses.esm.js"),nanoid__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./components/icon/node_modules/nanoid/index.browser.js"),react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/index.js"),_icon_styles__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./components/icon/lib/icon/icon.styles.js"),_icons__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./components/icon/lib/icon/icons/index.js"),Icon=function Icon(_ref){var className=_ref.className,_ref$color=_ref.color,color=void 0===_ref$color?"primary":_ref$color,label=_ref.label,iconName=_ref.iconName,_ref$size=_ref.size,size=void 0===_ref$size?"medium":_ref$size,isInline=_ref.isInline,Icon=(0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)((function(){return _icons__WEBPACK_IMPORTED_MODULE_2__.H[iconName]}),[iconName]),a11yId=(0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)((function(){return(0,nanoid__WEBPACK_IMPORTED_MODULE_3__.x0)()}),[]),a11yProps={};label?(a11yProps.role="img",a11yProps["aria-labelledby"]=label):a11yProps["aria-hidden"]=!0;var classes=(0,_icon_styles__WEBPACK_IMPORTED_MODULE_4__.Zu)(),rootClasses=(0,_griffel_react__WEBPACK_IMPORTED_MODULE_5__.z)(classes.root,classes[color],classes[size],isInline&&classes.inline,className);return react__WEBPACK_IMPORTED_MODULE_1__.createElement("svg",Object.assign({viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg",className:rootClasses,fill:"currentColor"},a11yProps),label&&react__WEBPACK_IMPORTED_MODULE_1__.createElement("title",{id:a11yId},label),react__WEBPACK_IMPORTED_MODULE_1__.createElement(Icon,null))};Icon.__docgenInfo={description:"",methods:[],displayName:"Icon",props:{color:{defaultValue:{value:"'primary'",computed:!1},required:!1},size:{defaultValue:{value:"'medium'",computed:!1},required:!1}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/icon/lib/icon/icon.js"]={name:"Icon",docgenInfo:Icon.__docgenInfo,path:"components/icon/lib/icon/icon.js"})},"./components/icon/lib/icon/icon.styles.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Zu:()=>useIconStyles,bG:()=>colorClasses});__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var _colorMap,_fluentui_react_theme__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@fluentui/tokens/lib/tokens.js"),_griffel_react__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@griffel/react/makeStyles.esm.js"),_microsoft_arbutus_style_utilities__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./styles/utilities/lib/map-to-styles.js"),colorMap=((_colorMap={accent:_fluentui_react_theme__WEBPACK_IMPORTED_MODULE_1__.T.colorBrandForeground1,primary:_fluentui_react_theme__WEBPACK_IMPORTED_MODULE_1__.T.colorNeutralForeground1,secondary:_fluentui_react_theme__WEBPACK_IMPORTED_MODULE_1__.T.colorNeutralForeground2,tertiary:_fluentui_react_theme__WEBPACK_IMPORTED_MODULE_1__.T.colorNeutralForeground3,quaternary:_fluentui_react_theme__WEBPACK_IMPORTED_MODULE_1__.T.colorNeutralForeground4,negative:_fluentui_react_theme__WEBPACK_IMPORTED_MODULE_1__.T.colorPaletteDarkOrangeForeground1,positive:_fluentui_react_theme__WEBPACK_IMPORTED_MODULE_1__.T.colorPaletteGreenForeground1,warning:_fluentui_react_theme__WEBPACK_IMPORTED_MODULE_1__.T.colorPaletteMarigoldForeground1,danger:_fluentui_react_theme__WEBPACK_IMPORTED_MODULE_1__.T.colorPaletteDarkOrangeForeground1,info:_fluentui_react_theme__WEBPACK_IMPORTED_MODULE_1__.T.colorBrandForeground2})["accent-inverse"]=_fluentui_react_theme__WEBPACK_IMPORTED_MODULE_1__.T.colorBrandBackground,_colorMap["primary-inverse"]=_fluentui_react_theme__WEBPACK_IMPORTED_MODULE_1__.T.colorNeutralBackground1,_colorMap["secondary-inverse"]=_fluentui_react_theme__WEBPACK_IMPORTED_MODULE_1__.T.colorNeutralBackground2,_colorMap["tertiary-inverse"]=_fluentui_react_theme__WEBPACK_IMPORTED_MODULE_1__.T.colorNeutralBackground3,_colorMap["quaternary-inverse"]=_fluentui_react_theme__WEBPACK_IMPORTED_MODULE_1__.T.colorNeutralBackground4,_colorMap["negative-inverse"]=_fluentui_react_theme__WEBPACK_IMPORTED_MODULE_1__.T.colorPaletteDarkOrangeBackground1,_colorMap["positive-inverse"]=_fluentui_react_theme__WEBPACK_IMPORTED_MODULE_1__.T.colorPaletteGreenBackground1,_colorMap["warning-inverse"]=_fluentui_react_theme__WEBPACK_IMPORTED_MODULE_1__.T.colorPaletteMarigoldBackground1,_colorMap["danger-inverse"]=_fluentui_react_theme__WEBPACK_IMPORTED_MODULE_1__.T.colorPaletteDarkOrangeBackground1,_colorMap["info-inverse"]=_fluentui_react_theme__WEBPACK_IMPORTED_MODULE_1__.T.colorBrandBackground2,_colorMap),colorClasses=(0,_microsoft_arbutus_style_utilities__WEBPACK_IMPORTED_MODULE_2__.f)(colorMap,(function colorStyleFunction(color){return{color}})),sizeClasses={small:{height:_fluentui_react_theme__WEBPACK_IMPORTED_MODULE_1__.T.spacingVerticalM},medium:{height:_fluentui_react_theme__WEBPACK_IMPORTED_MODULE_1__.T.spacingVerticalL},large:{height:_fluentui_react_theme__WEBPACK_IMPORTED_MODULE_1__.T.spacingVerticalXL}},useIconStyles=(0,_griffel_react__WEBPACK_IMPORTED_MODULE_3__.Z)(Object.assign({},colorClasses,sizeClasses,{root:{width:"auto"},inline:{display:"inline-block",verticalAlign:"middle"}}))},"./components/icon/lib/icon/icons/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{H:()=>paths});__webpack_require__("./node_modules/core-js/modules/es.string.link.js");var react=__webpack_require__("./node_modules/react/index.js"),ArrowRight=function ArrowRight(){return react.createElement("path",{d:"M2.5 7.50001C2.22386 7.50001 2 7.72386 2 8.00001C2 8.27615 2.22386 8.50001 2.5 8.50001L12.197 8.5L8.16552 12.1284C7.96026 12.3131 7.94362 12.6292 8.12835 12.8345C8.31308 13.0397 8.62923 13.0564 8.83448 12.8717L13.8345 8.37165C13.9398 8.27683 14 8.14175 14 8C14 7.85826 13.9398 7.72318 13.8345 7.62836L8.83448 3.12836C8.62923 2.94363 8.31308 2.96027 8.12835 3.16552C7.94362 3.37078 7.96026 3.68692 8.16552 3.87165L12.197 7.5L2.5 7.50001Z",fill:"currentColor"})};ArrowRight.__docgenInfo={description:"",methods:[],displayName:"ArrowRight"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/icon/lib/icon/icons/arrow-right.js"]={name:"ArrowRight",docgenInfo:ArrowRight.__docgenInfo,path:"components/icon/lib/icon/icons/arrow-right.js"});var Check=function Check(){return react.createElement("path",{d:"M0 9.27233C0 9.12371 0.0270213 8.98522 0.081064 8.85687C0.141862 8.72177 0.219548 8.60693 0.314123 8.51235C0.415453 8.41102 0.530293 8.33333 0.658645 8.27929C0.793751 8.21849 0.935613 8.18809 1.08423 8.18809C1.37471 8.18809 1.62803 8.29618 1.84421 8.51235L5.40089 12.069L14.1457 3.32426C14.3618 3.10809 14.6185 3 14.9158 3C15.0644 3 15.2029 3.0304 15.3312 3.0912C15.4663 3.14524 15.5812 3.22293 15.6757 3.32426C15.7771 3.42559 15.8548 3.5438 15.9088 3.67891C15.9696 3.80726 16 3.94237 16 4.08423C16 4.38147 15.8919 4.63817 15.6757 4.85434L6.16086 14.3591C6.05953 14.4604 5.94131 14.5415 5.80621 14.6023C5.67786 14.6563 5.54275 14.6833 5.40089 14.6833C5.11041 14.6833 4.85708 14.5753 4.64091 14.3591L0.314123 10.0424C0.104708 9.83302 0 9.57632 0 9.27233Z",fill:"currentColor"})};Check.__docgenInfo={description:"",methods:[],displayName:"Check"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/icon/lib/icon/icons/check.js"]={name:"Check",docgenInfo:Check.__docgenInfo,path:"components/icon/lib/icon/icons/check.js"});var ChevronRight=function ChevronRight(){return react.createElement("path",{d:"M5.73966 3.20041C5.43613 3.48226 5.41856 3.95681 5.70041 4.26034L9.22652 8L5.70041 11.7397C5.41856 12.0432 5.43613 12.5177 5.73967 12.7996C6.0432 13.0815 6.51775 13.0639 6.7996 12.7603L10.7996 8.51034C11.0668 8.22258 11.0668 7.77743 10.7996 7.48966L6.7996 3.23966C6.51775 2.93613 6.0432 2.91856 5.73966 3.20041Z",fill:"currentColor"})};ChevronRight.__docgenInfo={description:"",methods:[],displayName:"ChevronRight"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/icon/lib/icon/icons/chevron-right.js"]={name:"ChevronRight",docgenInfo:ChevronRight.__docgenInfo,path:"components/icon/lib/icon/icons/chevron-right.js"});var Code=function Code(){return react.createElement("path",{d:"M5.39035 12.4075L9.3878 3.0711C9.53267 2.73262 9.92453 2.57572 10.2631 2.72064C10.5773 2.85521 10.7351 3.2027 10.64 3.52266L10.6135 3.59589L6.61606 12.9323C6.47114 13.2707 6.07928 13.4276 5.74081 13.2827C5.42651 13.1481 5.26877 12.8007 5.36387 12.4807L5.39035 12.4075ZM1.52859 7.52872L4.19526 4.86209C4.45561 4.60174 4.87772 4.60174 5.13807 4.86209C5.37839 5.10241 5.39688 5.48057 5.19353 5.7421L5.13807 5.8049L2.94281 8.00019L5.13807 10.1954C5.39842 10.4558 5.39842 10.8779 5.13807 11.1383C4.89775 11.3785 4.51959 11.3971 4.25807 11.1937L4.19526 11.1383L1.52859 8.47159C1.28827 8.23126 1.26979 7.85306 1.47313 7.59159L1.52859 7.52872ZM10.8614 4.86126C11.1017 4.62095 11.4799 4.60248 11.7414 4.80584L11.8042 4.86131L14.4714 7.52879C14.7119 7.76919 14.7302 8.14759 14.5266 8.40906L14.4711 8.47186L11.8039 11.1356C11.5433 11.3957 11.1212 11.3955 10.8611 11.1349C10.6209 10.8945 10.6027 10.5163 10.8062 10.2549L10.8617 10.1921L13.0569 7.99986L10.8613 5.80408C10.601 5.54371 10.601 5.1216 10.8614 4.86126Z",fill:"currentColor"})};Code.__docgenInfo={description:"",methods:[],displayName:"Code"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/icon/lib/icon/icons/code.js"]={name:"Code",docgenInfo:Code.__docgenInfo,path:"components/icon/lib/icon/icons/code.js"});var Copy=function Copy(){return react.createElement("path",{d:"M4.00029 4.08525L4 10.5C4 11.8255 5.03154 12.91 6.33562 12.9947L6.5 13L10.9144 13.0007C10.7083 13.5829 10.1528 14 9.5 14H6C4.34315 14 3 12.6569 3 11V5.5C3 4.84678 3.41754 4.29109 4.00029 4.08525ZM11.5 2C12.3284 2 13 2.67157 13 3.5V10.5C13 11.3284 12.3284 12 11.5 12H6.5C5.67157 12 5 11.3284 5 10.5V3.5C5 2.67157 5.67157 2 6.5 2H11.5ZM11.5 3H6.5C6.22386 3 6 3.22386 6 3.5V10.5C6 10.7761 6.22386 11 6.5 11H11.5C11.7761 11 12 10.7761 12 10.5V3.5C12 3.22386 11.7761 3 11.5 3Z",fill:"currentColor"})};Copy.__docgenInfo={description:"",methods:[],displayName:"Copy"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/icon/lib/icon/icons/copy.js"]={name:"Copy",docgenInfo:Copy.__docgenInfo,path:"components/icon/lib/icon/icons/copy.js"});var Download=function Download(){return react.createElement("path",{d:"M13.2452 14.4998C13.4352 14.4999 13.6182 14.5721 13.757 14.7018C13.8959 14.8316 13.9803 15.0092 13.9933 15.1988C14.0063 15.3884 13.9467 15.5758 13.8268 15.7233C13.7069 15.8707 13.5355 15.9671 13.3472 15.993L13.2452 16H2.74987C2.55982 15.9999 2.37688 15.9277 2.23801 15.798C2.09914 15.6683 2.0147 15.4906 2.00175 15.301C1.98879 15.1114 2.04829 14.924 2.16823 14.7765C2.28816 14.6291 2.45958 14.5327 2.64785 14.5068L2.74987 14.4998H13.2452ZM8.00452 0.00100017C8.18561 0.00124928 8.36049 0.0670014 8.49689 0.186119C8.63329 0.305236 8.72199 0.469676 8.74661 0.649081L8.75362 0.751094V10.9454L11.72 7.975C11.8469 7.84781 12.0152 7.77039 12.1943 7.75681C12.3734 7.74323 12.5515 7.79439 12.6961 7.90099L12.7811 7.973C12.9084 8.10006 12.9858 8.26863 12.9992 8.44799C13.0126 8.62735 12.9611 8.80555 12.8541 8.95012L12.7821 9.03413L8.53859 13.2847L8.46858 13.3477L8.37657 13.4067L8.34056 13.4277L8.24955 13.4657L8.12954 13.4957L8.05953 13.5037L7.99952 13.5057C7.94876 13.5056 7.89815 13.5002 7.8485 13.4897L7.76849 13.4667C7.67343 13.4361 7.58563 13.3864 7.51046 13.3207L3.21992 9.03513C3.08537 8.90146 3.00645 8.72177 2.99905 8.53225C2.99165 8.34273 3.05633 8.15744 3.18005 8.01368C3.30378 7.86993 3.47737 7.77838 3.66588 7.75747C3.85439 7.73656 4.04382 7.78784 4.19605 7.90099L4.28006 7.974L7.25343 10.9414V0.750094C7.25343 0.551157 7.33246 0.360367 7.47313 0.219697C7.61379 0.0790275 7.80458 0 8.00352 0L8.00452 0.00100017Z",fill:"currentColor"})};Download.__docgenInfo={description:"",methods:[],displayName:"Download"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/icon/lib/icon/icons/download.js"]={name:"Download",docgenInfo:Download.__docgenInfo,path:"components/icon/lib/icon/icons/download.js"});var Exclamation=function Exclamation(){return react.createElement("path",{d:"M6.38422 7.80332V1.55517C6.38422 1.34172 6.42386 1.14046 6.50314 0.951401C6.58853 0.76234 6.70135 0.597675 6.84162 0.457404C6.98799 0.317134 7.15571 0.207357 7.34477 0.128073C7.53383 0.0426911 7.73509 0 7.94854 0C8.162 0 8.36326 0.0426911 8.55232 0.128073C8.74138 0.207357 8.90604 0.317134 9.04631 0.457404C9.19268 0.597675 9.30551 0.76234 9.38479 0.951401C9.47017 1.14046 9.51286 1.34172 9.51286 1.55517V7.80332C9.51286 8.01677 9.47017 8.21803 9.38479 8.40709C9.30551 8.59615 9.19268 8.76387 9.04631 8.91023C8.90604 9.0505 8.74138 9.16333 8.55232 9.24871C8.36326 9.328 8.162 9.36764 7.94854 9.36764C7.73509 9.36764 7.53383 9.328 7.34477 9.24871C7.15571 9.16333 6.98799 9.0505 6.84162 8.91023C6.70135 8.76387 6.58853 8.59615 6.50314 8.40709C6.42386 8.21803 6.38422 8.01677 6.38422 7.80332ZM6 14.0515C6 13.7831 6.05184 13.53 6.15552 13.2922C6.2592 13.0543 6.39947 12.847 6.57633 12.6701C6.75319 12.4932 6.9575 12.353 7.18925 12.2493C7.4271 12.1456 7.6802 12.0938 7.94854 12.0938C8.21689 12.0938 8.46693 12.1456 8.69869 12.2493C8.93654 12.353 9.14389 12.4932 9.32075 12.6701C9.49762 12.847 9.63789 13.0543 9.74157 13.2922C9.84525 13.53 9.89708 13.7831 9.89708 14.0515C9.89708 14.3198 9.84525 14.5729 9.74157 14.8107C9.63789 15.0425 9.49762 15.2468 9.32075 15.4237C9.14389 15.6005 8.93654 15.7408 8.69869 15.8445C8.46083 15.9482 8.21079 16 7.94854 16C7.6802 16 7.4271 15.9482 7.18925 15.8445C6.9575 15.7408 6.75319 15.6005 6.57633 15.4237C6.39947 15.2468 6.2592 15.0425 6.15552 14.8107C6.05184 14.5729 6 14.3198 6 14.0515Z",fill:"currentColor"})};Exclamation.__docgenInfo={description:"",methods:[],displayName:"Exclamation"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/icon/lib/icon/icons/exclamation.js"]={name:"Exclamation",docgenInfo:Exclamation.__docgenInfo,path:"components/icon/lib/icon/icons/exclamation.js"});var FullScreen=function FullScreen(){return react.createElement("path",{d:"M3.33333 4C3.33333 3.63181 3.63181 3.33333 4 3.33333H5.33333C5.70152 3.33333 6 3.03485 6 2.66667C6 2.29848 5.70152 2 5.33333 2H4C2.89543 2 2 2.89543 2 4V5.33333C2 5.70152 2.29848 6 2.66667 6C3.03485 6 3.33333 5.70152 3.33333 5.33333V4ZM3.33333 12C3.33333 12.3682 3.63181 12.6667 4 12.6667H5.33333C5.70152 12.6667 6 12.9651 6 13.3333C6 13.7015 5.70152 14 5.33333 14H4C2.89543 14 2 13.1046 2 12V10.6667C2 10.2985 2.29848 10 2.66667 10C3.03485 10 3.33333 10.2985 3.33333 10.6667V12ZM12 3.33333C12.3682 3.33333 12.6667 3.63181 12.6667 4V5.33333C12.6667 5.70152 12.9651 6 13.3333 6C13.7015 6 14 5.70152 14 5.33333V4C14 2.89543 13.1046 2 12 2H10.6667C10.2985 2 10 2.29848 10 2.66667C10 3.03485 10.2985 3.33333 10.6667 3.33333H12ZM12.6667 12C12.6667 12.3682 12.3682 12.6667 12 12.6667H10.6667C10.2985 12.6667 10 12.9651 10 13.3333C10 13.7015 10.2985 14 10.6667 14H12C13.1046 14 14 13.1046 14 12V10.6667C14 10.2985 13.7015 10 13.3333 10C12.9651 10 12.6667 10.2985 12.6667 10.6667V12Z",fill:"currentColor"})};FullScreen.__docgenInfo={description:"",methods:[],displayName:"FullScreen"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/icon/lib/icon/icons/full-screen.js"]={name:"FullScreen",docgenInfo:FullScreen.__docgenInfo,path:"components/icon/lib/icon/icons/full-screen.js"});var Link=function Link(){return react.createElement("path",{d:"M5.59845 4C5.80248 4.00023 5.99873 4.07835 6.1471 4.21842C6.29546 4.35849 6.38475 4.54992 6.3967 4.7536C6.40866 4.95729 6.34239 5.15785 6.21143 5.31431C6.08048 5.47078 5.89472 5.57133 5.69211 5.59543L5.59845 5.60103H3.99742C3.37229 5.60043 2.77156 5.84361 2.32288 6.27889C1.8742 6.71417 1.61293 7.30725 1.59459 7.93211C1.57624 8.55697 1.80227 9.16435 2.22464 9.62521C2.64701 10.0861 3.23244 10.3641 3.85652 10.4001L3.99742 10.4041H5.59845C5.80248 10.4044 5.99873 10.4825 6.1471 10.6226C6.29546 10.7626 6.38475 10.9541 6.3967 11.1577C6.40866 11.3614 6.34239 11.562 6.21143 11.7184C6.08048 11.8749 5.89472 11.9755 5.69211 11.9996L5.59845 12.0052H3.99742C2.95181 12.0038 1.94824 11.5934 1.20137 10.8616C0.454502 10.1298 0.0236398 9.13483 0.000944088 8.08947C-0.0217517 7.0441 0.365521 6.03136 1.07992 5.26786C1.79433 4.50436 2.77914 4.05073 3.8237 4.004L3.99742 4H5.59845ZM12.0026 4C13.0482 4.00135 14.0518 4.41181 14.7986 5.14358C15.5455 5.87536 15.9764 6.87034 15.9991 7.9157C16.0218 8.96107 15.6345 9.97381 14.9201 10.7373C14.2057 11.5008 13.2209 11.9544 12.1763 12.0012L12.0026 12.0052H10.4016C10.1975 12.0049 10.0013 11.9268 9.8529 11.7867C9.70454 11.6467 9.61525 11.4553 9.6033 11.2516C9.59134 11.0479 9.65761 10.8473 9.78857 10.6909C9.91952 10.5344 10.1053 10.4338 10.3079 10.4097L10.4016 10.4041H12.0026C12.6277 10.4047 13.2284 10.1616 13.6771 9.72628C14.1258 9.291 14.3871 8.69792 14.4054 8.07306C14.4238 7.4482 14.1977 6.84081 13.7754 6.37996C13.353 5.91911 12.7676 5.64111 12.1435 5.60504L12.0026 5.60103H10.4016C10.1975 5.60081 10.0013 5.52268 9.8529 5.38261C9.70454 5.24255 9.61525 5.05112 9.6033 4.84743C9.59134 4.64375 9.65761 4.44318 9.78857 4.28672C9.91952 4.13026 10.1053 4.0297 10.3079 4.0056L10.4016 4H12.0026ZM3.99742 7.20207H12.0026C12.2066 7.20229 12.4029 7.28042 12.5512 7.42049C12.6996 7.56055 12.7889 7.75198 12.8008 7.95567C12.8128 8.15935 12.7465 8.35992 12.6156 8.51638C12.4846 8.67284 12.2989 8.7734 12.0962 8.7975L12.0026 8.8031H3.99742C3.79338 8.80287 3.59713 8.72475 3.44877 8.58468C3.3004 8.44462 3.21112 8.25318 3.19916 8.0495C3.18721 7.84581 3.25348 7.64525 3.38443 7.48879C3.51539 7.33232 3.70115 7.23177 3.90376 7.20767L3.99742 7.20207H12.0026H3.99742Z",fill:"currentColor"})};Link.__docgenInfo={description:"",methods:[],displayName:"Link"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/icon/lib/icon/icons/link.js"]={name:"Link",docgenInfo:Link.__docgenInfo,path:"components/icon/lib/icon/icons/link.js"});var Moon=function Moon(){return react.createElement("path",{d:"M13.3505 11.3343C11.5093 14.5234 7.4314 15.6161 4.24227 13.7748C3.37379 13.2734 2.64267 12.5951 2.08581 11.7865C1.89963 11.5161 2.02007 11.1427 2.32913 11.0321C4.84075 10.1331 6.18595 9.09146 6.96653 7.60139C7.78833 6.03271 8.00067 4.3144 7.4258 1.95907C7.34633 1.63338 7.60353 1.32327 7.93833 1.34123C8.97633 1.39692 9.9904 1.69508 10.9099 2.22601C14.0991 4.06724 15.1917 8.14512 13.3505 11.3343Z",fill:"currentColor"})};Moon.__docgenInfo={description:"",methods:[],displayName:"Moon"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/icon/lib/icon/icons/moon.js"]={name:"Moon",docgenInfo:Moon.__docgenInfo,path:"components/icon/lib/icon/icons/moon.js"});var Open=function Open(){return react.createElement("path",{d:"M3.71429 1.71429C3.18385 1.71429 2.67515 1.925 2.30007 2.30007C1.925 2.67515 1.71429 3.18385 1.71429 3.71429V12.2857C1.71429 13.3897 2.61029 14.2857 3.71429 14.2857H12.2857C12.8161 14.2857 13.3249 14.075 13.6999 13.6999C14.075 13.3249 14.2857 12.8161 14.2857 12.2857V10C14.2857 9.77267 14.376 9.55465 14.5368 9.39391C14.6975 9.23316 14.9155 9.14286 15.1429 9.14286C15.3702 9.14286 15.5882 9.23316 15.749 9.39391C15.9097 9.55465 16 9.77267 16 10V12.2857C16 13.2708 15.6087 14.2155 14.9121 14.9121C14.2155 15.6087 13.2708 16 12.2857 16H3.71429C2.7292 16 1.78445 15.6087 1.08789 14.9121C0.391325 14.2155 0 13.2708 0 12.2857V3.71429C0 2.7292 0.391325 1.78445 1.08789 1.08789C1.78445 0.391325 2.7292 0 3.71429 0H6C6.22733 0 6.44535 0.0903058 6.60609 0.251051C6.76684 0.411797 6.85714 0.629814 6.85714 0.857143C6.85714 1.08447 6.76684 1.30249 6.60609 1.46323C6.44535 1.62398 6.22733 1.71429 6 1.71429H3.71429ZM8.57143 0.857143C8.57143 0.629814 8.66174 0.411797 8.82248 0.251051C8.98323 0.0903058 9.20124 0 9.42857 0H15.1429C15.3702 0 15.5882 0.0903058 15.749 0.251051C15.9097 0.411797 16 0.629814 16 0.857143V6.57143C16 6.79876 15.9097 7.01677 15.749 7.17752C15.5882 7.33827 15.3702 7.42857 15.1429 7.42857C14.9155 7.42857 14.6975 7.33827 14.5368 7.17752C14.376 7.01677 14.2857 6.79876 14.2857 6.57143V2.92571L10.0343 7.17714C9.95581 7.26136 9.86119 7.3289 9.75604 7.37575C9.6509 7.4226 9.5374 7.44779 9.42231 7.44982C9.30722 7.45185 9.1929 7.43068 9.08617 7.38757C8.97945 7.34446 8.88249 7.28029 8.8011 7.1989C8.71971 7.11751 8.65554 7.02056 8.61243 6.91383C8.56932 6.8071 8.54815 6.69278 8.55018 6.57769C8.55221 6.4626 8.5774 6.3491 8.62425 6.24396C8.6711 6.13881 8.73864 6.04419 8.82286 5.96571L13.0743 1.71429H9.42857C9.20124 1.71429 8.98323 1.62398 8.82248 1.46323C8.66174 1.30249 8.57143 1.08447 8.57143 0.857143V0.857143Z",fill:"currentColor"})};Open.__docgenInfo={description:"",methods:[],displayName:"Open"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/icon/lib/icon/icons/open.js"]={name:"Open",docgenInfo:Open.__docgenInfo,path:"components/icon/lib/icon/icons/open.js"});var SlideIn=function SlideIn(){return react.createElement("path",{d:"M10.246 6.19922C10.0243 5.95297 9.64493 5.933 9.39862 6.15463L7.39862 7.95421C7.27219 8.06796 7.2 8.23003 7.2 8.40008C7.2 8.57013 7.27219 8.73219 7.39862 8.84595L9.39862 10.6455C9.64493 10.8672 10.0243 10.8472 10.246 10.601C10.4677 10.3547 10.4477 9.97542 10.2014 9.7538L9.36358 8.99995H12.2C12.5314 8.99995 12.8 8.73138 12.8 8.40009C12.8 8.06879 12.5314 7.80022 12.2 7.80022H9.36357L10.2014 7.04638C10.4477 6.82475 10.4677 6.44547 10.246 6.19922ZM1.52588e-06 12.6005C1.52588e-06 13.8153 0.984975 14.8 2.2 14.8L13.8 14.8C15.015 14.8 16 13.8153 16 12.6005V4.19949C16 2.98475 15.015 2 13.8 2H2.2C0.984975 2 0 2.98475 0 4.19949L1.52588e-06 12.6005ZM2.2 13.6003C1.64772 13.6003 1.2 13.1527 1.2 12.6005L1.2 4.19949C1.2 3.64734 1.64772 3.19972 2.2 3.19972L4.80332 3.19972L4.80332 13.6003H2.2ZM6.00332 13.6003L6.00332 3.19972L13.8 3.19972C14.3523 3.19972 14.8 3.64734 14.8 4.19949L14.8 12.6005C14.8 13.1527 14.3523 13.6003 13.8 13.6003L6.00332 13.6003Z",fill:"currentColor"})};SlideIn.__docgenInfo={description:"",methods:[],displayName:"SlideIn"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/icon/lib/icon/icons/slide-in.js"]={name:"SlideIn",docgenInfo:SlideIn.__docgenInfo,path:"components/icon/lib/icon/icons/slide-in.js"});var SlideOut=function SlideOut(){return react.createElement("path",{d:"M9.75402 10.601C9.9757 10.8472 10.3551 10.8672 10.6014 10.6456L12.6014 8.84599C12.7278 8.73223 12.8 8.57017 12.8 8.40012C12.8 8.23006 12.7278 8.068 12.6014 7.95424L10.6014 6.15465C10.3551 5.93303 9.9757 5.95299 9.75403 6.19924C9.53235 6.44548 9.55232 6.82477 9.79862 7.0464L10.6364 7.80025L7.8 7.80025C7.46863 7.80025 7.2 8.06881 7.2 8.40011C7.2 8.7314 7.46863 8.99997 7.8 8.99997H10.6364L9.79862 9.75382C9.55232 9.97544 9.53235 10.3547 9.75402 10.601ZM0 4.2C0 2.98497 0.984974 2 2.2 2H13.8C15.015 2 16 2.98497 16 4.2V12.6C16 13.815 15.015 14.8 13.8 14.8H2.2C0.984974 14.8 0 13.815 0 12.6V4.2ZM2.2 3.2C1.64772 3.2 1.2 3.64772 1.2 4.2V12.6C1.2 13.1523 1.64772 13.6 2.2 13.6H4.80342V3.2H2.2ZM6.00342 3.2V13.6H13.8C14.3523 13.6 14.8 13.1523 14.8 12.6V4.2C14.8 3.64772 14.3523 3.2 13.8 3.2H6.00342Z",fill:"currentColor"})};SlideOut.__docgenInfo={description:"",methods:[],displayName:"SlideOut"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/icon/lib/icon/icons/slide-out.js"]={name:"SlideOut",docgenInfo:SlideOut.__docgenInfo,path:"components/icon/lib/icon/icons/slide-out.js"});var Sun=function Sun(){return react.createElement(react.Fragment,null,react.createElement("g",{clipPath:"url(#arbutus-sun-icon-clip0_212_184)"},react.createElement("path",{d:"M8 0C8.33136 0 8.6 0.268632 8.6 0.6V1.8C8.6 2.13137 8.33136 2.4 8 2.4C7.66864 2.4 7.4 2.13137 7.4 1.8V0.6C7.4 0.268632 7.66864 0 8 0ZM12 8C12 10.2091 10.2091 12 8 12C5.79086 12 4 10.2091 4 8C4 5.79086 5.79086 4 8 4C10.2091 4 12 5.79086 12 8ZM15.4 8.6C15.7314 8.6 16 8.33136 16 8C16 7.66864 15.7314 7.4 15.4 7.4H14.2C13.8686 7.4 13.6 7.66864 13.6 8C13.6 8.33136 13.8686 8.6 14.2 8.6H15.4ZM8 13.6C8.33136 13.6 8.6 13.8686 8.6 14.2V15.4C8.6 15.7314 8.33136 16 8 16C7.66864 16 7.4 15.7314 7.4 15.4V14.2C7.4 13.8686 7.66864 13.6 8 13.6ZM1.8 8.6C2.13137 8.6 2.4 8.33136 2.4 8C2.4 7.66864 2.13137 7.4 1.8 7.4H0.6C0.268632 7.4 0 7.66864 0 8C0 8.33136 0.268632 8.6 0.6 8.6H1.8ZM1.77574 1.77603C2.01005 1.54172 2.38995 1.54172 2.62426 1.77603L3.82426 2.97603C4.05858 3.21035 4.05858 3.59025 3.82426 3.82456C3.58995 4.05888 3.21005 4.05888 2.97574 3.82456L1.77574 2.62456C1.54142 2.39025 1.54142 2.01035 1.77574 1.77603ZM2.62426 14.2246C2.38995 14.4589 2.01005 14.4589 1.77574 14.2246C1.54142 13.9902 1.54142 13.6103 1.77574 13.376L2.97574 12.176C3.21005 11.9417 3.58995 11.9417 3.82426 12.176C4.05858 12.4103 4.05858 12.7902 3.82426 13.0246L2.62426 14.2246ZM14.2242 1.77603C13.9899 1.54172 13.6101 1.54172 13.3758 1.77603L12.1758 2.97603C11.9414 3.21035 11.9414 3.59025 12.1758 3.82456C12.4101 4.05888 12.7899 4.05888 13.0242 3.82456L14.2242 2.62456C14.4586 2.39025 14.4586 2.01035 14.2242 1.77603ZM13.3758 14.2246C13.6101 14.4589 13.9899 14.4589 14.2242 14.2246C14.4586 13.9902 14.4586 13.6103 14.2242 13.376L13.0242 12.176C12.7899 11.9417 12.4101 11.9417 12.1758 12.176C11.9414 12.4103 11.9414 12.7902 12.1758 13.0246L13.3758 14.2246Z",fill:"currentColor"})),react.createElement("defs",null,react.createElement("clipPath",{id:"arbutus-sun-icon-clip0_212_184"},react.createElement("rect",{width:"16",height:"16",fill:"white"}))))};Sun.__docgenInfo={description:"",methods:[],displayName:"Sun"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/icon/lib/icon/icons/sun.js"]={name:"Sun",docgenInfo:Sun.__docgenInfo,path:"components/icon/lib/icon/icons/sun.js"});var _paths,X=function X(){return react.createElement("path",{d:"M7.9956 9.33187L3.6 13.7363C3.41832 13.9179 3.1956 14.0088 2.93187 14.0088C2.66813 14.0088 2.44542 13.9209 2.26374 13.7451C2.08791 13.5634 2 13.3407 2 13.0769C2 12.8132 2.09084 12.5905 2.27253 12.4088L6.66813 8.0044L2.27253 3.60879C2.09084 3.42711 2 3.20733 2 2.94945C2 2.82051 2.02344 2.69744 2.07033 2.58022C2.11722 2.463 2.18168 2.36337 2.26374 2.28132C2.35165 2.19927 2.45128 2.1348 2.56264 2.08791C2.67399 2.03516 2.79707 2.00879 2.93187 2.00879C3.18974 2.00879 3.40952 2.09963 3.59121 2.28132L7.9956 6.68571L12.3912 2.28132C12.5788 2.09377 12.8015 2 13.0593 2C13.1883 2 13.3084 2.02637 13.4198 2.07912C13.537 2.12601 13.6366 2.19341 13.7187 2.28132C13.8066 2.36337 13.874 2.463 13.9209 2.58022C13.9678 2.69158 13.9912 2.81172 13.9912 2.94066C13.9912 3.19853 13.9004 3.41832 13.7187 3.6L9.31429 8.0044L13.7187 12.4088C13.9062 12.5963 14 12.819 14 13.0769C14 13.2059 13.9736 13.326 13.9209 13.4374C13.874 13.5487 13.8066 13.6484 13.7187 13.7363C13.6366 13.8183 13.537 13.8857 13.4198 13.9385C13.3084 13.9853 13.1883 14.0088 13.0593 14.0088C12.7956 14.0088 12.5729 13.9179 12.3912 13.7363L7.9956 9.33187Z",fill:"currentColor"})};X.__docgenInfo={description:"",methods:[],displayName:"X"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/icon/lib/icon/icons/x.js"]={name:"X",docgenInfo:X.__docgenInfo,path:"components/icon/lib/icon/icons/x.js"});var paths=((_paths={})["arrow-right"]=ArrowRight,_paths["chevron-right"]=ChevronRight,_paths["full-screen"]=FullScreen,_paths["slide-in"]=SlideIn,_paths["slide-out"]=SlideOut,_paths.check=Check,_paths.code=Code,_paths.copy=Copy,_paths.download=Download,_paths.exclamation=Exclamation,_paths.link=Link,_paths.moon=Moon,_paths.open=Open,_paths.sun=Sun,_paths.x=X,_paths)},"./components/illustration-tile/__dev__/illustration-tile.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Interactive:()=>Interactive,Static:()=>Static,__namedExportsOrder:()=>__namedExportsOrder,default:()=>illustration_tile_stories});__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js");var makeStyles_esm=__webpack_require__("./node_modules/@griffel/react/makeStyles.esm.js"),tile=__webpack_require__("./components/tile/lib/tile.js"),mergeClasses_esm=(__webpack_require__("./node_modules/react/index.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/@griffel/core/mergeClasses.esm.js")),text_text=__webpack_require__("./components/text/lib/text/text.js"),use_space_styles=__webpack_require__("./hooks/use-space-styles/lib/use-space-styles.js"),index_esm=__webpack_require__("./node_modules/@griffel/core/index.esm.js"),useIllustrationTileStyles=(0,makeStyles_esm.Z)({root:{textAlign:"center","& img":{display:"inline-block",maxWidth:"100%"}},isInteractive:Object.assign({cursor:"pointer"},index_esm.q5.borderStyle("none"),index_esm.q5.borderColor("transparent"))}),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),IllustrationTile=function IllustrationTile(_ref){var className=_ref.className,title=_ref.title,description=_ref.description,illustrationAlt=_ref.illustrationAlt,illustrationSrc=_ref.illustrationSrc,onClick=_ref.onClick,classes=useIllustrationTileStyles(),space=(0,use_space_styles.z)();return(0,jsx_runtime.jsxs)(tile.n,{as:onClick?"button":"div",variant:onClick?"card":"solid-color",className:(0,mergeClasses_esm.z)(classes.root,onClick&&classes.isInteractive,space.p9,className),onClick,children:[(0,jsx_runtime.jsx)("img",{src:illustrationSrc,alt:illustrationAlt}),title&&(0,jsx_runtime.jsx)(text_text.x,{block:!0,variant:"caption",align:"center",className:space.mt4,children:title}),description&&(0,jsx_runtime.jsx)(text_text.x,{block:!0,variant:"description",color:"secondary",align:"center",className:space.mt4,children:description})]})};IllustrationTile.displayName="IllustrationTile";try{IllustrationTile.displayName="IllustrationTile",IllustrationTile.__docgenInfo={description:"",displayName:"IllustrationTile",props:{className:{defaultValue:null,description:"Consumer provided class.",name:"className",required:!1,type:{name:"string"}},title:{defaultValue:null,description:"Title of the tile.",name:"title",required:!1,type:{name:"string"}},description:{defaultValue:null,description:"Description of the tile.",name:"description",required:!1,type:{name:"string"}},illustrationSrc:{defaultValue:null,description:"Custom optional icon.",name:"illustrationSrc",required:!0,type:{name:"string"}},illustrationAlt:{defaultValue:null,description:"Accessible icon description.",name:"illustrationAlt",required:!0,type:{name:"string"}},onClick:{defaultValue:null,description:"Click handler.",name:"onClick",required:!1,type:{name:"(e?: SyntheticEvent) => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/illustration-tile/src/illustration-tile/illustration-tile.tsx#IllustrationTile"]={docgenInfo:IllustrationTile.__docgenInfo,name:"IllustrationTile",path:"components/illustration-tile/src/illustration-tile/illustration-tile.tsx#IllustrationTile"})}catch(__react_docgen_typescript_loader_error){}const interactive_namespaceObject=__webpack_require__.p+"static/media/interactive.9297aa56.svg",static_namespaceObject=__webpack_require__.p+"static/media/static.79745d91.svg",illustration_tile_stories={title:"Tiles/IllustrationTile",component:IllustrationTile,argTypes:{onClick:{action:"clicked"}}};var useTileGridStyles=(0,makeStyles_esm.Z)({root:{width:"100%",display:"grid",gridTemplateColumns:"repeat(auto-fill, minmax(16rem, 1fr))",columnGap:"2.5rem",rowGap:"2.5rem","@media screen and (max-width: var(--arbutus--breakpoint-xxs))":{gridTemplateColumns:"100%"}}}),Template=function Template(args){var classes=useTileGridStyles();return(0,jsx_runtime.jsxs)("div",{className:classes.root,children:[(0,jsx_runtime.jsx)(tile.n,{variant:"solid-color",children:" "}),(0,jsx_runtime.jsx)(IllustrationTile,Object.assign({},args)),(0,jsx_runtime.jsx)(tile.n,{variant:"solid-color",children:" "})]})};Template.displayName="Template";var Interactive=Template.bind({});Interactive.args={title:"Accessibility",description:"Guidance on how you can make your products accessible with our library.",illustrationAlt:"Icon representing accessibility",illustrationSrc:interactive_namespaceObject};var Static=Template.bind({});Static.args={illustrationAlt:"Icon representing accessibility",illustrationSrc:static_namespaceObject,onClick:void 0};var __namedExportsOrder=["Interactive","Static"]},"./components/image-tile/__dev__/image-tile.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{DescriptionOnly:()=>DescriptionOnly,Simple:()=>Simple,TitleOnly:()=>TitleOnly,__namedExportsOrder:()=>__namedExportsOrder,default:()=>image_tile_stories});__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/react/index.js");var decorators=__webpack_require__("./.storybook/decorators/index.ts"),mergeClasses_esm=(__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/@griffel/core/mergeClasses.esm.js")),text_text=__webpack_require__("./components/text/lib/text/text.js"),tile=__webpack_require__("./components/tile/lib/tile.js"),use_space_styles=__webpack_require__("./hooks/use-space-styles/lib/use-space-styles.js"),tokens=__webpack_require__("./node_modules/@fluentui/tokens/lib/tokens.js"),useImageTileStyles=(0,__webpack_require__("./node_modules/@griffel/react/makeStyles.esm.js").Z)({image:{width:"100%",height:"auto",borderTopLeftRadius:tokens.T.borderRadiusLarge,borderTopRightRadius:tokens.T.borderRadiusLarge}}),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),ImageTile=function ImageTile(_ref){var className=_ref.className,description=_ref.description,_ref$imageAs=_ref.imageAs,Image=void 0===_ref$imageAs?"img":_ref$imageAs,imageProps=_ref.imageProps,onClick=_ref.onClick,title=_ref.title,classes=useImageTileStyles(),space=(0,use_space_styles.z)();return(0,jsx_runtime.jsxs)(tile.n,{variant:"card",className,onClick,children:[(0,jsx_runtime.jsx)(Image,Object.assign({},imageProps,{className:(0,mergeClasses_esm.z)(classes.image,null==imageProps?void 0:imageProps.className)})),(title||description)&&(0,jsx_runtime.jsxs)("div",{className:(0,mergeClasses_esm.z)(space.px9,space.pb7,space.pt4),children:[title&&(0,jsx_runtime.jsx)(text_text.x,{block:!0,variant:"caption",className:description?space.mb2:"",children:title}),description&&(0,jsx_runtime.jsx)(text_text.x,{block:!0,variant:"description",children:description})]})]})};ImageTile.displayName="ImageTile";try{ImageTile.displayName="ImageTile",ImageTile.__docgenInfo={description:"",displayName:"ImageTile",props:{className:{defaultValue:null,description:"Consumer provided class.",name:"className",required:!1,type:{name:"string"}},imageAs:{defaultValue:{value:"'img'"},description:"Image element.",name:"imageAs",required:!0,type:{name:"ElementType"}},imageProps:{defaultValue:null,description:"Image element props.",name:"imageProps",required:!1,type:{name:"Record"}},title:{defaultValue:null,description:"Title text.",name:"title",required:!1,type:{name:"string"}},description:{defaultValue:null,description:"Description text.",name:"description",required:!1,type:{name:"string"}},onClick:{defaultValue:null,description:"Click handler.",name:"onClick",required:!0,type:{name:"(e?: SyntheticEvent) => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/image-tile/src/image-tile/image-tile.tsx#ImageTile"]={docgenInfo:ImageTile.__docgenInfo,name:"ImageTile",path:"components/image-tile/src/image-tile/image-tile.tsx#ImageTile"})}catch(__react_docgen_typescript_loader_error){}const image_namespaceObject=__webpack_require__.p+"static/media/image.0f52fefe.svg",image_tile_stories={title:"Tiles/ImageTile",component:ImageTile,argTypes:{onClick:{action:"clicked"}},decorators:[function(Story){return(0,jsx_runtime.jsx)(decorators.z,{children:(0,jsx_runtime.jsx)("div",{style:{maxWidth:" "},children:(0,jsx_runtime.jsx)(Story,{})})})}]};var Template=function Template(args){return(0,jsx_runtime.jsx)(ImageTile,Object.assign({},args))};Template.displayName="Template";var Simple=Template.bind({});Simple.args={title:"InfoTip",description:"A simple info tip lorem ipsum dolor sit amet, consectetur.",imageProps:{src:image_namespaceObject,alt:"InfoTip graphic"}};var TitleOnly=Template.bind({});TitleOnly.args={title:"InfoTip",imageProps:{src:image_namespaceObject,alt:"InfoTip graphic"}};var DescriptionOnly=Template.bind({});DescriptionOnly.args={description:"A simple info tip lorem ipsum dolor sit amet, consectetur.",imageProps:{src:image_namespaceObject,alt:"InfoTip graphic"}};var __namedExportsOrder=["Simple","TitleOnly","DescriptionOnly"]},"./components/link/__dev__/link.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{IsUnderlined:()=>IsUnderlined,Simple:()=>Simple,WithIcon:()=>WithIcon,__namedExportsOrder:()=>__namedExportsOrder,default:()=>link_stories});__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/react/index.js");var mergeClasses_esm=__webpack_require__("./node_modules/@griffel/core/mergeClasses.esm.js"),icon=__webpack_require__("./components/icon/lib/icon/icon.js"),text_text=__webpack_require__("./components/text/lib/text/text.js"),use_space_styles=__webpack_require__("./hooks/use-space-styles/lib/use-space-styles.js"),makeStyles_esm=__webpack_require__("./node_modules/@griffel/react/makeStyles.esm.js"),index_esm=__webpack_require__("./node_modules/@griffel/core/index.esm.js"),useLinkStyles=(0,makeStyles_esm.Z)({root:Object.assign({cursor:"pointer",backgroundColor:"transparent"},index_esm.q5.borderStyle("none"),{outlineStyle:"none",display:"inline-flex",textDecorationLine:"none",alignItems:"center"}),isUnderlined:{textDecorationLine:"underline",textDecorationSkipInk:"all"}}),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),getTextProps=function getTextProps(_ref){switch(_ref.variant){case"caption":return{variant:"caption",color:"primary"};case"inverse":return{color:"background"};case"secondary":return{variant:"description",color:"secondary"};default:return{color:"action"}}},Link=function Link(_ref2){var Link=_ref2.as,children=_ref2.children,className=_ref2.className,elementProps=_ref2.elementProps,variant=_ref2.variant,withIcon=_ref2.withIcon,isUnderlined=_ref2.isUnderlined,_ref2$iconName=_ref2.iconName,iconName=void 0===_ref2$iconName?"open":_ref2$iconName,space=(0,use_space_styles.z)(),classes=useLinkStyles();return(0,jsx_runtime.jsxs)(Link,Object.assign({className:(0,mergeClasses_esm.z)(classes.root,className)},elementProps,{children:[(0,jsx_runtime.jsx)(text_text.x,Object.assign({as:"span",className:isUnderlined?classes.isUnderlined:""},getTextProps({variant}),{children})),withIcon&&(0,jsx_runtime.jsx)(icon.J,{iconName,color:"tertiary",isInline:!0,className:space.ml3})]}))};Link.displayName="Link";try{Link.displayName="Link",Link.__docgenInfo={description:"",displayName:"Link",props:{className:{defaultValue:null,description:"Consumer provided class.",name:"className",required:!1,type:{name:"string"}},as:{defaultValue:null,description:"Link element.",name:"as",required:!0,type:{name:"ElementType"}},elementProps:{defaultValue:null,description:"Link element props.",name:"elementProps",required:!1,type:{name:"Record"}},variant:{defaultValue:null,description:"Selection of link styles.",name:"variant",required:!1,type:{name:"enum",value:[{value:'"primary"'},{value:'"secondary"'},{value:'"caption"'},{value:'"inverse"'}]}},withIcon:{defaultValue:null,description:"Adds an icon that indicates that the link will open in a new tab.",name:"withIcon",required:!1,type:{name:"boolean"}},isUnderlined:{defaultValue:null,description:"Adds an underline to the link.",name:"isUnderlined",required:!1,type:{name:"boolean"}},iconName:{defaultValue:{value:"open"},description:"Additional icon variants.",name:"iconName",required:!1,type:{name:"enum",value:[{value:'"link"'},{value:'"code"'},{value:'"arrow-right"'},{value:'"chevron-right"'},{value:'"full-screen"'},{value:'"slide-in"'},{value:'"slide-out"'},{value:'"open"'},{value:'"check"'},{value:'"copy"'},{value:'"download"'},{value:'"exclamation"'},{value:'"moon"'},{value:'"sun"'},{value:'"x"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/link/src/link/link.tsx#Link"]={docgenInfo:Link.__docgenInfo,name:"Link",path:"components/link/src/link/link.tsx#Link"})}catch(__react_docgen_typescript_loader_error){}const link_stories={title:"Atoms/Link",component:Link,argTypes:{variant:{options:["primary","secondary","inverse","caption"],control:{type:"select"}},withIcon:{control:{type:"boolean"}}}};var LinkSample=function LinkSample(_ref){var children=_ref.children,className=_ref.className;return(0,jsx_runtime.jsx)("button",{className,onClick:function onClick(e){e.preventDefault(),alert("Clicked!")},children})};LinkSample.displayName="LinkSample";var Template=function Template(args){return(0,jsx_runtime.jsx)(Link,Object.assign({},args))};Template.displayName="Template";var Simple=Template.bind({});Simple.args={children:"Simple Link Example",as:LinkSample};var IsUnderlined=Template.bind({});IsUnderlined.args={children:"Queen of Style",isUnderlined:!0,as:LinkSample};var WithIcon=Template.bind({});WithIcon.args={children:"Open in new tab",withIcon:!0,as:LinkSample};var __namedExportsOrder=["Simple","IsUnderlined","WithIcon"]},"./components/link/lib/link/link.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{r:()=>Link});__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var mergeClasses_esm=__webpack_require__("./node_modules/@griffel/core/mergeClasses.esm.js"),icon=__webpack_require__("./components/icon/lib/icon/icon.js"),text_text=__webpack_require__("./components/text/lib/text/text.js"),use_space_styles=__webpack_require__("./hooks/use-space-styles/lib/use-space-styles.js"),react=__webpack_require__("./node_modules/react/index.js"),makeStyles_esm=__webpack_require__("./node_modules/@griffel/react/makeStyles.esm.js"),index_esm=__webpack_require__("./node_modules/@griffel/core/index.esm.js"),useLinkStyles=(0,makeStyles_esm.Z)({root:Object.assign({cursor:"pointer",backgroundColor:"transparent"},index_esm.q5.borderStyle("none"),{outlineStyle:"none",display:"inline-flex",textDecorationLine:"none",alignItems:"center"}),isUnderlined:{textDecorationLine:"underline",textDecorationSkipInk:"all"}}),Link=function Link(_ref2){var Link=_ref2.as,children=_ref2.children,className=_ref2.className,elementProps=_ref2.elementProps,variant=_ref2.variant,withIcon=_ref2.withIcon,isUnderlined=_ref2.isUnderlined,_ref2$iconName=_ref2.iconName,iconName=void 0===_ref2$iconName?"open":_ref2$iconName,space=(0,use_space_styles.z)(),classes=useLinkStyles();return react.createElement(Link,Object.assign({className:(0,mergeClasses_esm.z)(classes.root,className)},elementProps),react.createElement(text_text.x,Object.assign({as:"span",className:isUnderlined?classes.isUnderlined:""},function getTextProps(_ref){switch(_ref.variant){case"caption":return{variant:"caption",color:"primary"};case"inverse":return{color:"background"};case"secondary":return{variant:"description",color:"secondary"};default:return{color:"action"}}}({variant})),children),withIcon&&react.createElement(icon.J,{iconName,color:"tertiary",isInline:!0,className:space.ml3}))};Link.__docgenInfo={description:"",methods:[],displayName:"Link",props:{iconName:{defaultValue:{value:"'open'",computed:!1},required:!1}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/link/lib/link/link.js"]={name:"Link",docgenInfo:Link.__docgenInfo,path:"components/link/lib/link/link.js"})},"./components/logo/__dev__/logo.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Simple:()=>Simple,__namedExportsOrder:()=>__namedExportsOrder,default:()=>logo_stories});__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js");var react=__webpack_require__("./node_modules/react/index.js"),mergeClasses_esm=__webpack_require__("./node_modules/@griffel/core/mergeClasses.esm.js"),index_browser=__webpack_require__("./components/logo/node_modules/nanoid/index.browser.js"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),Figma=function Figma(_ref){var className=_ref.className,_ref$label=_ref.label,label=void 0===_ref$label?"Figma logo":_ref$label,a11yId=(0,react.useMemo)((function(){return"FigmaLogoSVG--"+(0,index_browser.x0)()}),[]);return(0,jsx_runtime.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 200 300",className,role:"img","aria-labelledby":a11yId,children:[(0,jsx_runtime.jsx)("title",{id:a11yId,children:label}),(0,jsx_runtime.jsx)("path",{fill:"#0acf83",d:"M50 300c27.6 0 50-22.4 50-50v-50H50c-27.6 0-50 22.4-50 50s22.4 50 50 50z"}),(0,jsx_runtime.jsx)("path",{fill:"#a259ff",d:"M0 150c0-27.6 22.4-50 50-50h50v100H50c-27.6 0-50-22.4-50-50z"}),(0,jsx_runtime.jsx)("path",{fill:"#f24e1e",d:"M0 50C0 22.4 22.4 0 50 0h50v100H50C22.4 100 0 77.6 0 50z"}),(0,jsx_runtime.jsx)("path",{fill:"#ff7262",d:"M100 0h50c27.6 0 50 22.4 50 50s-22.4 50-50 50h-50V0z"}),(0,jsx_runtime.jsx)("path",{fill:"#1abcfe",d:"M200 150c0 27.6-22.4 50-50 50s-50-22.4-50-50 22.4-50 50-50 50 22.4 50 50z"})]})};Figma.displayName="Figma";try{Figma.displayName="Figma",Figma.__docgenInfo={description:"",displayName:"Figma",props:{className:{defaultValue:null,description:"Consumer provided class.",name:"className",required:!1,type:{name:"string"}},label:{defaultValue:{value:"Figma logo"},description:"Accessible label for the logo.",name:"label",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/logo/src/logos/figma.tsx#Figma"]={docgenInfo:Figma.__docgenInfo,name:"Figma",path:"components/logo/src/logos/figma.tsx#Figma"})}catch(__react_docgen_typescript_loader_error){}var Storybook=function Storybook(_ref){var className=_ref.className,_ref$label=_ref.label,label=void 0===_ref$label?"Storybook logo":_ref$label,a11yId=(0,react.useMemo)((function(){return"FigmaLogoSVG--"+(0,index_browser.x0)()}),[]),path1Id=(0,react.useMemo)((function(){return"FigmaLogoSVG-path1-"+(0,index_browser.x0)()}),[]),mask2Id=(0,react.useMemo)((function(){return"FigmaLogoSVG-mask2-"+(0,index_browser.x0)()}),[]);return(0,jsx_runtime.jsxs)("svg",{className,role:"img","aria-labelledby":a11yId,viewBox:"0 0 256 319",preserveAspectRatio:"xMidYMid",children:[(0,jsx_runtime.jsx)("title",{id:a11yId,children:label}),(0,jsx_runtime.jsx)("defs",{children:(0,jsx_runtime.jsx)("path",{d:"M9.87245893,293.324145 L0.0114611411,30.5732167 C-0.314208957,21.8955842 6.33948896,14.5413918 15.0063196,13.9997149 L238.494389,0.0317105427 C247.316188,-0.519651867 254.914637,6.18486163 255.466,15.0066607 C255.486773,15.339032 255.497167,15.6719708 255.497167,16.0049907 L255.497167,302.318596 C255.497167,311.157608 248.331732,318.323043 239.492719,318.323043 C239.253266,318.323043 239.013844,318.317669 238.774632,318.306926 L25.1475605,308.712253 C16.8276309,308.338578 10.1847994,301.646603 9.87245893,293.324145 L9.87245893,293.324145 Z",id:path1Id})}),(0,jsx_runtime.jsxs)("g",{children:[(0,jsx_runtime.jsx)("mask",{id:mask2Id,fill:"white",children:(0,jsx_runtime.jsx)("use",{xlinkHref:"#"+path1Id})}),(0,jsx_runtime.jsx)("use",{fill:"#FF4785",fillRule:"nonzero",xlinkHref:"#"+path1Id}),(0,jsx_runtime.jsx)("path",{d:"M188.665358,39.126973 L190.191903,2.41148534 L220.883535,0 L222.205755,37.8634126 C222.251771,39.1811466 221.22084,40.2866846 219.903106,40.3327009 C219.338869,40.3524045 218.785907,40.1715096 218.342409,39.8221376 L206.506729,30.4984116 L192.493574,41.1282444 C191.443077,41.9251106 189.945493,41.7195021 189.148627,40.6690048 C188.813185,40.2267976 188.6423,39.6815326 188.665358,39.126973 Z M149.413703,119.980309 C149.413703,126.206975 191.355678,123.222696 196.986019,118.848893 C196.986019,76.4467826 174.234041,54.1651411 132.57133,54.1651411 C90.9086182,54.1651411 67.5656805,76.7934542 67.5656805,110.735941 C67.5656805,169.85244 147.345341,170.983856 147.345341,203.229219 C147.345341,212.280549 142.913138,217.654777 133.162291,217.654777 C120.456641,217.654777 115.433477,211.165914 116.024438,189.103298 C116.024438,184.317101 67.5656805,182.824962 66.0882793,189.103298 C62.3262146,242.56887 95.6363019,257.990394 133.753251,257.990394 C170.688279,257.990394 199.645341,238.303123 199.645341,202.663511 C199.645341,139.304202 118.683759,141.001326 118.683759,109.604526 C118.683759,96.8760922 128.139127,95.178968 133.753251,95.178968 C139.662855,95.178968 150.300143,96.2205679 149.413703,119.980309 Z",fill:"#FFFFFF",fillRule:"nonzero",mask:"url(#"+mask2Id+")"})]})]})};Storybook.displayName="Storybook";try{Storybook.displayName="Storybook",Storybook.__docgenInfo={description:"",displayName:"Storybook",props:{className:{defaultValue:null,description:"Consumer provided class.",name:"className",required:!1,type:{name:"string"}},label:{defaultValue:{value:"Storybook logo"},description:"Accessible label for the logo.",name:"label",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/logo/src/logos/storybook.tsx#Storybook"]={docgenInfo:Storybook.__docgenInfo,name:"Storybook",path:"components/logo/src/logos/storybook.tsx#Storybook"})}catch(__react_docgen_typescript_loader_error){}var logos={figma:Figma,storybook:Storybook},tokens=__webpack_require__("./node_modules/@fluentui/tokens/lib/tokens.js"),makeStyles_esm=__webpack_require__("./node_modules/@griffel/react/makeStyles.esm.js"),sizeClasses={small:{height:tokens.T.spacingVerticalXL},medium:{height:tokens.T.spacingVerticalXXL},large:{height:tokens.T.spacingVerticalXXXL},fill:{height:"100%"}},useLogoStyles=(0,makeStyles_esm.Z)(Object.assign({root:{width:"auto"},inline:{display:"inline-block",verticalAlign:"middle"}},sizeClasses)),Logo=function Logo(_ref){var className=_ref.className,logoName=_ref.logoName,_ref$size=_ref.size,size=void 0===_ref$size?"fill":_ref$size,isInline=_ref.isInline,label=_ref.label,classes=useLogoStyles(),LogoSVG=(0,react.useMemo)((function(){return logos[logoName]}),[logoName]),rootClasses=(0,mergeClasses_esm.z)(classes[size],isInline&&classes.inline,className);return(0,jsx_runtime.jsx)(LogoSVG,{className:rootClasses,label})};Logo.displayName="Logo";try{Logo.displayName="Logo",Logo.__docgenInfo={description:"",displayName:"Logo",props:{className:{defaultValue:null,description:"Consumer provided class.",name:"className",required:!1,type:{name:"string"}},logoName:{defaultValue:null,description:"Selection of logos.",name:"logoName",required:!0,type:{name:"enum",value:[{value:'"figma"'},{value:'"storybook"'}]}},size:{defaultValue:{value:"fill"},description:"Selection of size options.",name:"size",required:!1,type:{name:"enum",value:[{value:'"small"'},{value:'"medium"'},{value:'"large"'},{value:'"fill"'}]}},isInline:{defaultValue:null,description:"Sets the Icon to be an inline element.",name:"isInline",required:!1,type:{name:"boolean"}},label:{defaultValue:null,description:"Accessible label for the logo.",name:"label",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/logo/src/logo/logo.tsx#Logo"]={docgenInfo:Logo.__docgenInfo,name:"Logo",path:"components/logo/src/logo/logo.tsx#Logo"})}catch(__react_docgen_typescript_loader_error){}const logo_stories={title:"Atoms/Logo",component:Logo,argTypes:{logoName:{options:Object.keys(logos),control:{type:"select"}},size:{options:["small","medium","large","fill"],control:{type:"select"}}}};var Template=function Template(args){return(0,jsx_runtime.jsx)(Logo,Object.assign({},args))};Template.displayName="Template";var Simple=Template.bind({});Simple.args={logoName:"figma",size:"medium"};var __namedExportsOrder=["Simple"]},"./components/logo/lib/logo/logo.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{T:()=>Logo});var mergeClasses_esm=__webpack_require__("./node_modules/@griffel/core/mergeClasses.esm.js"),react=__webpack_require__("./node_modules/react/index.js"),index_browser=__webpack_require__("./components/logo/node_modules/nanoid/index.browser.js"),Figma=function Figma(_ref){var className=_ref.className,_ref$label=_ref.label,label=void 0===_ref$label?"Figma logo":_ref$label,a11yId=(0,react.useMemo)((function(){return"FigmaLogoSVG--"+(0,index_browser.x0)()}),[]);return react.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 200 300",className,role:"img","aria-labelledby":a11yId},react.createElement("title",{id:a11yId},label),react.createElement("path",{fill:"#0acf83",d:"M50 300c27.6 0 50-22.4 50-50v-50H50c-27.6 0-50 22.4-50 50s22.4 50 50 50z"}),react.createElement("path",{fill:"#a259ff",d:"M0 150c0-27.6 22.4-50 50-50h50v100H50c-27.6 0-50-22.4-50-50z"}),react.createElement("path",{fill:"#f24e1e",d:"M0 50C0 22.4 22.4 0 50 0h50v100H50C22.4 100 0 77.6 0 50z"}),react.createElement("path",{fill:"#ff7262",d:"M100 0h50c27.6 0 50 22.4 50 50s-22.4 50-50 50h-50V0z"}),react.createElement("path",{fill:"#1abcfe",d:"M200 150c0 27.6-22.4 50-50 50s-50-22.4-50-50 22.4-50 50-50 50 22.4 50 50z"}))};Figma.__docgenInfo={description:"",methods:[],displayName:"Figma",props:{label:{defaultValue:{value:"'Figma logo'",computed:!1},required:!1}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/logo/lib/logos/figma.js"]={name:"Figma",docgenInfo:Figma.__docgenInfo,path:"components/logo/lib/logos/figma.js"});var Storybook=function Storybook(_ref){var className=_ref.className,_ref$label=_ref.label,label=void 0===_ref$label?"Storybook logo":_ref$label,a11yId=(0,react.useMemo)((function(){return"FigmaLogoSVG--"+(0,index_browser.x0)()}),[]),path1Id=(0,react.useMemo)((function(){return"FigmaLogoSVG-path1-"+(0,index_browser.x0)()}),[]),mask2Id=(0,react.useMemo)((function(){return"FigmaLogoSVG-mask2-"+(0,index_browser.x0)()}),[]);return react.createElement("svg",{className,role:"img","aria-labelledby":a11yId,viewBox:"0 0 256 319",preserveAspectRatio:"xMidYMid"},react.createElement("title",{id:a11yId},label),react.createElement("defs",null,react.createElement("path",{d:"M9.87245893,293.324145 L0.0114611411,30.5732167 C-0.314208957,21.8955842 6.33948896,14.5413918 15.0063196,13.9997149 L238.494389,0.0317105427 C247.316188,-0.519651867 254.914637,6.18486163 255.466,15.0066607 C255.486773,15.339032 255.497167,15.6719708 255.497167,16.0049907 L255.497167,302.318596 C255.497167,311.157608 248.331732,318.323043 239.492719,318.323043 C239.253266,318.323043 239.013844,318.317669 238.774632,318.306926 L25.1475605,308.712253 C16.8276309,308.338578 10.1847994,301.646603 9.87245893,293.324145 L9.87245893,293.324145 Z",id:path1Id})),react.createElement("g",null,react.createElement("mask",{id:mask2Id,fill:"white"},react.createElement("use",{xlinkHref:"#"+path1Id})),react.createElement("use",{fill:"#FF4785",fillRule:"nonzero",xlinkHref:"#"+path1Id}),react.createElement("path",{d:"M188.665358,39.126973 L190.191903,2.41148534 L220.883535,0 L222.205755,37.8634126 C222.251771,39.1811466 221.22084,40.2866846 219.903106,40.3327009 C219.338869,40.3524045 218.785907,40.1715096 218.342409,39.8221376 L206.506729,30.4984116 L192.493574,41.1282444 C191.443077,41.9251106 189.945493,41.7195021 189.148627,40.6690048 C188.813185,40.2267976 188.6423,39.6815326 188.665358,39.126973 Z M149.413703,119.980309 C149.413703,126.206975 191.355678,123.222696 196.986019,118.848893 C196.986019,76.4467826 174.234041,54.1651411 132.57133,54.1651411 C90.9086182,54.1651411 67.5656805,76.7934542 67.5656805,110.735941 C67.5656805,169.85244 147.345341,170.983856 147.345341,203.229219 C147.345341,212.280549 142.913138,217.654777 133.162291,217.654777 C120.456641,217.654777 115.433477,211.165914 116.024438,189.103298 C116.024438,184.317101 67.5656805,182.824962 66.0882793,189.103298 C62.3262146,242.56887 95.6363019,257.990394 133.753251,257.990394 C170.688279,257.990394 199.645341,238.303123 199.645341,202.663511 C199.645341,139.304202 118.683759,141.001326 118.683759,109.604526 C118.683759,96.8760922 128.139127,95.178968 133.753251,95.178968 C139.662855,95.178968 150.300143,96.2205679 149.413703,119.980309 Z",fill:"#FFFFFF",fillRule:"nonzero",mask:"url(#"+mask2Id+")"})))};Storybook.__docgenInfo={description:"",methods:[],displayName:"Storybook",props:{label:{defaultValue:{value:"'Storybook logo'",computed:!1},required:!1}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/logo/lib/logos/storybook.js"]={name:"Storybook",docgenInfo:Storybook.__docgenInfo,path:"components/logo/lib/logos/storybook.js"});var logos={figma:Figma,storybook:Storybook},tokens=(__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/@fluentui/tokens/lib/tokens.js")),makeStyles_esm=__webpack_require__("./node_modules/@griffel/react/makeStyles.esm.js"),sizeClasses={small:{height:tokens.T.spacingVerticalXL},medium:{height:tokens.T.spacingVerticalXXL},large:{height:tokens.T.spacingVerticalXXXL},fill:{height:"100%"}},useLogoStyles=(0,makeStyles_esm.Z)(Object.assign({root:{width:"auto"},inline:{display:"inline-block",verticalAlign:"middle"}},sizeClasses)),Logo=function Logo(_ref){var className=_ref.className,logoName=_ref.logoName,_ref$size=_ref.size,size=void 0===_ref$size?"fill":_ref$size,isInline=_ref.isInline,label=_ref.label,classes=useLogoStyles(),LogoSVG=(0,react.useMemo)((function(){return logos[logoName]}),[logoName]),rootClasses=(0,mergeClasses_esm.z)(classes[size],isInline&&classes.inline,className);return react.createElement(LogoSVG,{className:rootClasses,label})};Logo.__docgenInfo={description:"",methods:[],displayName:"Logo",props:{size:{defaultValue:{value:"'fill'",computed:!1},required:!1}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/logo/lib/logo/logo.js"]={name:"Logo",docgenInfo:Logo.__docgenInfo,path:"components/logo/lib/logo/logo.js"})},"./components/main-navigation/__dev__/main-navigation.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Simple:()=>Simple,__namedExportsOrder:()=>__namedExportsOrder,default:()=>main_navigation_stories});__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js");var tokens=__webpack_require__("./node_modules/@fluentui/tokens/lib/tokens.js"),makeStyles_esm=__webpack_require__("./node_modules/@griffel/react/makeStyles.esm.js"),mergeClasses_esm=__webpack_require__("./node_modules/@griffel/core/mergeClasses.esm.js"),text_text=__webpack_require__("./components/text/lib/text/text.js"),tile=__webpack_require__("./components/tile/lib/tile.js"),use_space_styles=__webpack_require__("./hooks/use-space-styles/lib/use-space-styles.js"),react=__webpack_require__("./node_modules/react/index.js"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),MainNavigation=function MainNavigation(_ref){var className=_ref.className,children=_ref.children;return(0,jsx_runtime.jsx)("div",{className,children})};MainNavigation.displayName="MainNavigation";try{MainNavigation.displayName="MainNavigation",MainNavigation.__docgenInfo={description:"",displayName:"MainNavigation",props:{className:{defaultValue:null,description:"Consumer provided class.",name:"className",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/main-navigation/src/main-navigation/main-navigation.tsx#MainNavigation"]={docgenInfo:MainNavigation.__docgenInfo,name:"MainNavigation",path:"components/main-navigation/src/main-navigation/main-navigation.tsx#MainNavigation"})}catch(__react_docgen_typescript_loader_error){}__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.object.entries.js"),__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js");var divider=__webpack_require__("./components/divider/lib/divider/divider.js"),index_esm=__webpack_require__("./node_modules/@griffel/core/index.esm.js"),useMainNavigationLinkStyles=(0,makeStyles_esm.Z)({root:Object.assign({},index_esm.q5.padding(0,tokens.T.spacingHorizontalM,0,tokens.T.spacingHorizontalXXXL),{alignItems:"center",backgroundColor:"transparent",color:tokens.T.colorNeutralForeground1,cursor:"pointer",display:"grid",fontSize:tokens.T.fontSizeBase300,fontWeight:tokens.T.fontWeightRegular,height:tokens.T.spacingHorizontalXXXL,lineHeight:tokens.T.lineHeightBase300,marginBottom:tokens.T.spacingHorizontalS,marginTop:tokens.T.spacingHorizontalS,paddingLeft:tokens.T.spacingHorizontalXXL,textAlign:"left",textDecorationLine:"none",transitionDuration:tokens.T.durationNormal,transitionProperty:"all",transitionTimingFunction:tokens.T.curveEasyEase,width:"100%"},index_esm.q5.borderRadius("0.5rem"),index_esm.q5.borderStyle("none"),index_esm.q5.borderColor("transparent"),index_esm.q5.borderStyle("none"),index_esm.q5.borderColor("transparent"),{":hover":{backgroundColor:tokens.T.colorBrandBackground2,color:tokens.T.colorBrandForeground2,":focus":{outlineColor:tokens.T.colorBrandForeground2}}}),active:{backgroundColor:tokens.T.colorBrandBackground2,"& a":{color:tokens.T.colorBrandForeground2}}}),MainNavigationLink=function MainNavigationLink(_ref){var Link=_ref.as,children=_ref.children,elementProps=_ref.elementProps,isActive=_ref.isActive,className=_ref.className,classes=useMainNavigationLinkStyles();return(0,jsx_runtime.jsx)(Link,Object.assign({className:(0,mergeClasses_esm.z)(classes.root,isActive&&classes.active,className)},elementProps,{children}))};MainNavigationLink.displayName="MainNavigationLink";try{MainNavigationLink.displayName="MainNavigationLink",MainNavigationLink.__docgenInfo={description:"",displayName:"MainNavigationLink",props:{as:{defaultValue:null,description:"Link element.",name:"as",required:!0,type:{name:"ElementType"}},elementProps:{defaultValue:null,description:"Link element props.",name:"elementProps",required:!0,type:{name:"Record"}},isActive:{defaultValue:null,description:"Whether this link is currently active.",name:"isActive",required:!1,type:{name:"boolean"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/main-navigation/src/main-navigation-link/main-navigation-link.tsx#MainNavigationLink"]={docgenInfo:MainNavigationLink.__docgenInfo,name:"MainNavigationLink",path:"components/main-navigation/src/main-navigation-link/main-navigation-link.tsx#MainNavigationLink"})}catch(__react_docgen_typescript_loader_error){}var icon=__webpack_require__("./components/icon/lib/icon/icon.js"),AnimatePresence=__webpack_require__("./node_modules/framer-motion/dist/es/components/AnimatePresence/index.mjs"),index_browser=__webpack_require__("./components/main-navigation/node_modules/nanoid/index.browser.js"),useMainNavigationSubStyles=(0,makeStyles_esm.Z)({button:Object.assign({},index_esm.q5.padding(0,tokens.T.spacingHorizontalM,0,tokens.T.spacingHorizontalS),{marginBottom:tokens.T.spacingHorizontalS,color:tokens.T.colorNeutralForeground1,fontWeight:tokens.T.fontWeightSemibold,fontSize:tokens.T.fontSizeBase300,lineHeight:tokens.T.lineHeightBase300,textAlign:"left",display:"grid",gridTemplateColumns:tokens.T.spacingHorizontalL+" auto",columnGap:tokens.T.spacingHorizontalS,alignItems:"center",width:"100%",height:tokens.T.spacingHorizontalXXXL,transitionProperty:"all",transitionDuration:tokens.T.durationNormal,transitionTimingFunction:tokens.T.curveEasyEase,backgroundColor:"transparent",cursor:"pointer"},index_esm.q5.borderStyle("none"),index_esm.q5.borderColor("transparent"),index_esm.q5.borderRadius("0.5rem"),{":hover":{color:tokens.T.colorBrandForeground2,backgroundColor:tokens.T.colorBrandBackground2,"& svg":{color:tokens.T.colorBrandForeground2},":focus":{outlineColor:tokens.T.colorBrandForeground2}},'&[data-state="open"]':{"& svg":{transform:"rotate(90deg)"}}}),subList:{paddingLeft:tokens.T.spacingHorizontalXXL},toggle:{transitionProperty:"transform",transitionDuration:tokens.T.durationNormal,transitionTimingFunction:tokens.T.curveEasyEase},toggleExpanded:{transform:"rotate(90deg)"},toggleIdle:{transform:"rotate(0deg)"}}),motion=__webpack_require__("./node_modules/framer-motion/dist/es/render/dom/motion.mjs"),use_reduced_motion=__webpack_require__("./node_modules/framer-motion/dist/es/utils/reduced-motion/use-reduced-motion.mjs"),slideVariants=function slideVariants(_ref){var shouldReduceMotion=_ref.shouldReduceMotion;return{expanded:{height:"auto",transition:{ease:"easeOut",duration:shouldReduceMotion?0:.2}},collapsed:{height:0,transition:{delay:shouldReduceMotion?0:.075,ease:"easeOut",duration:shouldReduceMotion?0:.2}}}},SlideMotion=function SlideMotion(_ref2){var children=_ref2.children,initial=_ref2.initial,a11yLabelId=_ref2.a11yLabelId,a11yContentId=_ref2.a11yContentId,className=_ref2.className;return(0,jsx_runtime.jsx)(motion.E.section,{initial,animate:"expanded",exit:"collapsed",variants:slideVariants({shouldReduceMotion:(0,use_reduced_motion.J)()}),className,id:a11yContentId,"aria-labelledby":a11yLabelId,role:"region",children})};SlideMotion.displayName="SlideMotion";var fadeVariants=function fadeVariants(_ref3){var shouldReduceMotion=_ref3.shouldReduceMotion;return{expanded:{opacity:1,top:"0",transition:{delay:shouldReduceMotion?0:.125,ease:"easeOut",duration:shouldReduceMotion?0:.15}},collapsed:{opacity:0,top:"-4px",transition:{ease:"easeOut",duration:shouldReduceMotion?0:.15}}}},FadeMotion=function FadeMotion(_ref4){var children=_ref4.children,initial=_ref4.initial;return(0,jsx_runtime.jsx)(motion.E.div,{style:{position:"relative"},initial,animate:"expanded",exit:"collapsed",variants:fadeVariants({shouldReduceMotion:(0,use_reduced_motion.J)()}),children})};FadeMotion.displayName="FadeMotion";try{SlideMotion.displayName="SlideMotion",SlideMotion.__docgenInfo={description:"",displayName:"SlideMotion",props:{initial:{defaultValue:null,description:"",name:"initial",required:!0,type:{name:"enum",value:[{value:'"collapsed"'},{value:'"expanded"'}]}},a11yLabelId:{defaultValue:null,description:"",name:"a11yLabelId",required:!0,type:{name:"string"}},a11yContentId:{defaultValue:null,description:"",name:"a11yContentId",required:!0,type:{name:"string"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/main-navigation/src/main-navigation-sub/motion.tsx#SlideMotion"]={docgenInfo:SlideMotion.__docgenInfo,name:"SlideMotion",path:"components/main-navigation/src/main-navigation-sub/motion.tsx#SlideMotion"})}catch(__react_docgen_typescript_loader_error){}try{FadeMotion.displayName="FadeMotion",FadeMotion.__docgenInfo={description:"",displayName:"FadeMotion",props:{initial:{defaultValue:null,description:"",name:"initial",required:!0,type:{name:"enum",value:[{value:'"collapsed"'},{value:'"expanded"'}]}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/main-navigation/src/main-navigation-sub/motion.tsx#FadeMotion"]={docgenInfo:FadeMotion.__docgenInfo,name:"FadeMotion",path:"components/main-navigation/src/main-navigation-sub/motion.tsx#FadeMotion"})}catch(__react_docgen_typescript_loader_error){}function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null!=_i){var _s,_e,_x,_r,_arr=[],_n=!0,_d=!1;try{if(_x=(_i=_i.call(arr)).next,0===i){if(Object(_i)!==_i)return;_n=!1}else for(;!(_n=(_s=_x.call(_i)).done)&&(_arr.push(_s.value),_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{if(!_n&&null!=_i.return&&(_r=_i.return(),Object(_r)!==_r))return}finally{if(_d)throw _e}}return _arr}}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||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 _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function main_navigation_renderer_slicedToArray(arr,i){return function main_navigation_renderer_arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function main_navigation_renderer_iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null!=_i){var _s,_e,_x,_r,_arr=[],_n=!0,_d=!1;try{if(_x=(_i=_i.call(arr)).next,0===i){if(Object(_i)!==_i)return;_n=!1}else for(;!(_n=(_s=_x.call(_i)).done)&&(_arr.push(_s.value),_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{if(!_n&&null!=_i.return&&(_r=_i.return(),Object(_r)!==_r))return}finally{if(_d)throw _e}}return _arr}}(arr,i)||function main_navigation_renderer_unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return main_navigation_renderer_arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return main_navigation_renderer_arrayLikeToArray(o,minLen)}(arr,i)||function main_navigation_renderer_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 main_navigation_renderer_arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i"}},items:{defaultValue:null,description:"Navigation items of the sub-navigation.",name:"items",required:!0,type:{name:"Record"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/main-navigation/src/main-navigation-renderer/main-navigation-renderer.tsx#isSubMenu"]={docgenInfo:isSubMenu.__docgenInfo,name:"isSubMenu",path:"components/main-navigation/src/main-navigation-renderer/main-navigation-renderer.tsx#isSubMenu"})}catch(__react_docgen_typescript_loader_error){}try{isButton.displayName="isButton",isButton.__docgenInfo={description:"",displayName:"isButton",props:{id:{defaultValue:null,description:"Unique id of the item. Use the route path as id, if applicable. Id is used to determine the active item.",name:"id",required:!0,type:{name:"string"}},title:{defaultValue:null,description:"Human-readable title of the navigation button.\nHuman-readable title of the sub-navigation button.",name:"title",required:!0,type:{name:"string"}},hasDivider:{defaultValue:{value:"false\nfalse"},description:"Adds an optional divider **after** the navigation button.\nAdds an optional divider **after** the sub-navigation button.",name:"hasDivider",required:!1,type:{name:"boolean"}},linkProps:{defaultValue:null,description:"Rest of the props are passed to the link element.",name:"linkProps",required:!1,type:{name:"{ [key: string]: unknown; }"}},linkAs:{defaultValue:null,description:"Overrides the link element passed to `MainNavigationRenderer`.",name:"linkAs",required:!1,type:{name:"ElementType"}},items:{defaultValue:null,description:"Navigation items of the sub-navigation.",name:"items",required:!0,type:{name:"Record"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/main-navigation/src/main-navigation-renderer/main-navigation-renderer.tsx#isButton"]={docgenInfo:isButton.__docgenInfo,name:"isButton",path:"components/main-navigation/src/main-navigation-renderer/main-navigation-renderer.tsx#isButton"})}catch(__react_docgen_typescript_loader_error){}try{MainNavigationItems.displayName="MainNavigationItems",MainNavigationItems.__docgenInfo={description:"",displayName:"MainNavigationItems",props:{item:{defaultValue:null,description:"",name:"item",required:!0,type:{name:"NavigationLink | SubNavigation"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/main-navigation/src/main-navigation-renderer/main-navigation-renderer.tsx#MainNavigationItems"]={docgenInfo:MainNavigationItems.__docgenInfo,name:"MainNavigationItems",path:"components/main-navigation/src/main-navigation-renderer/main-navigation-renderer.tsx#MainNavigationItems"})}catch(__react_docgen_typescript_loader_error){}try{MainNavigationRenderer.displayName="MainNavigationRenderer",MainNavigationRenderer.__docgenInfo={description:"",displayName:"MainNavigationRenderer",props:{items:{defaultValue:null,description:"Navigation items of the sub-navigation.",name:"items",required:!0,type:{name:"NavigationItems | []"}},activeItemId:{defaultValue:null,description:"Id of the active navigation item. It is used to visually highlight an active page. `activeItemId` should match the\n`id` of the `NavigationLink` item in your `NavigationItems` object (passed through `items`).\n\nIf none is provided, no item will be highlighted.",name:"activeItemId",required:!1,type:{name:"string"}},linkAs:{defaultValue:null,description:"Link element.",name:"linkAs",required:!0,type:{name:"ElementType"}},onNavigationItemClick:{defaultValue:null,description:"Optional callback that is called when a navigation item is clicked.\n@param id - Id of the `NavigationButton` item in your `NavigationItems` object (passed through `items`).",name:"onNavigationItemClick",required:!1,type:{name:"(item: NavigationLinkClickValue) => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/main-navigation/src/main-navigation-renderer/main-navigation-renderer.tsx#MainNavigationRenderer"]={docgenInfo:MainNavigationRenderer.__docgenInfo,name:"MainNavigationRenderer",path:"components/main-navigation/src/main-navigation-renderer/main-navigation-renderer.tsx#MainNavigationRenderer"})}catch(__react_docgen_typescript_loader_error){}function main_navigation_stories_slicedToArray(arr,i){return function main_navigation_stories_arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function main_navigation_stories_iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null!=_i){var _s,_e,_x,_r,_arr=[],_n=!0,_d=!1;try{if(_x=(_i=_i.call(arr)).next,0===i){if(Object(_i)!==_i)return;_n=!1}else for(;!(_n=(_s=_x.call(_i)).done)&&(_arr.push(_s.value),_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{if(!_n&&null!=_i.return&&(_r=_i.return(),Object(_r)!==_r))return}finally{if(_d)throw _e}}return _arr}}(arr,i)||function main_navigation_stories_unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return main_navigation_stories_arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return main_navigation_stories_arrayLikeToArray(o,minLen)}(arr,i)||function main_navigation_stories_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 main_navigation_stories_arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i{"use strict";__webpack_require__.d(__webpack_exports__,{G:()=>MainNavigationLink});__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var mergeClasses_esm=__webpack_require__("./node_modules/@griffel/core/mergeClasses.esm.js"),react=__webpack_require__("./node_modules/react/index.js"),tokens=__webpack_require__("./node_modules/@fluentui/tokens/lib/tokens.js"),makeStyles_esm=__webpack_require__("./node_modules/@griffel/react/makeStyles.esm.js"),index_esm=__webpack_require__("./node_modules/@griffel/core/index.esm.js"),useMainNavigationLinkStyles=(0,makeStyles_esm.Z)({root:Object.assign({},index_esm.q5.padding(0,tokens.T.spacingHorizontalM,0,tokens.T.spacingHorizontalXXXL),{alignItems:"center",backgroundColor:"transparent",color:tokens.T.colorNeutralForeground1,cursor:"pointer",display:"grid",fontSize:tokens.T.fontSizeBase300,fontWeight:tokens.T.fontWeightRegular,height:tokens.T.spacingHorizontalXXXL,lineHeight:tokens.T.lineHeightBase300,marginBottom:tokens.T.spacingHorizontalS,marginTop:tokens.T.spacingHorizontalS,paddingLeft:tokens.T.spacingHorizontalXXL,textAlign:"left",textDecorationLine:"none",transitionDuration:tokens.T.durationNormal,transitionProperty:"all",transitionTimingFunction:tokens.T.curveEasyEase,width:"100%"},index_esm.q5.borderRadius("0.5rem"),index_esm.q5.borderStyle("none"),index_esm.q5.borderColor("transparent"),index_esm.q5.borderStyle("none"),index_esm.q5.borderColor("transparent"),{":hover":{backgroundColor:tokens.T.colorBrandBackground2,color:tokens.T.colorBrandForeground2,":focus":{outlineColor:tokens.T.colorBrandForeground2}}}),active:{backgroundColor:tokens.T.colorBrandBackground2,"& a":{color:tokens.T.colorBrandForeground2}}}),MainNavigationLink=function MainNavigationLink(_ref){var Link=_ref.as,children=_ref.children,elementProps=_ref.elementProps,isActive=_ref.isActive,className=_ref.className,classes=useMainNavigationLinkStyles();return react.createElement(Link,Object.assign({className:(0,mergeClasses_esm.z)(classes.root,isActive&&classes.active,className)},elementProps),children)};MainNavigationLink.__docgenInfo={description:"",methods:[],displayName:"MainNavigationLink"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/main-navigation/lib/main-navigation-link/main-navigation-link.js"]={name:"MainNavigationLink",docgenInfo:MainNavigationLink.__docgenInfo,path:"components/main-navigation/lib/main-navigation-link/main-navigation-link.js"})},"./components/main-navigation/lib/main-navigation-sub/main-navigation-sub.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{S:()=>MainNavigationSub});__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js");var mergeClasses_esm=__webpack_require__("./node_modules/@griffel/core/mergeClasses.esm.js"),icon=__webpack_require__("./components/icon/lib/icon/icon.js"),AnimatePresence=__webpack_require__("./node_modules/framer-motion/dist/es/components/AnimatePresence/index.mjs"),index_browser=__webpack_require__("./components/main-navigation/node_modules/nanoid/index.browser.js"),react=__webpack_require__("./node_modules/react/index.js"),tokens=(__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/@fluentui/tokens/lib/tokens.js")),makeStyles_esm=__webpack_require__("./node_modules/@griffel/react/makeStyles.esm.js"),index_esm=__webpack_require__("./node_modules/@griffel/core/index.esm.js"),useMainNavigationSubStyles=(0,makeStyles_esm.Z)({button:Object.assign({},index_esm.q5.padding(0,tokens.T.spacingHorizontalM,0,tokens.T.spacingHorizontalS),{marginBottom:tokens.T.spacingHorizontalS,color:tokens.T.colorNeutralForeground1,fontWeight:tokens.T.fontWeightSemibold,fontSize:tokens.T.fontSizeBase300,lineHeight:tokens.T.lineHeightBase300,textAlign:"left",display:"grid",gridTemplateColumns:tokens.T.spacingHorizontalL+" auto",columnGap:tokens.T.spacingHorizontalS,alignItems:"center",width:"100%",height:tokens.T.spacingHorizontalXXXL,transitionProperty:"all",transitionDuration:tokens.T.durationNormal,transitionTimingFunction:tokens.T.curveEasyEase,backgroundColor:"transparent",cursor:"pointer"},index_esm.q5.borderStyle("none"),index_esm.q5.borderColor("transparent"),index_esm.q5.borderRadius("0.5rem"),{":hover":{color:tokens.T.colorBrandForeground2,backgroundColor:tokens.T.colorBrandBackground2,"& svg":{color:tokens.T.colorBrandForeground2},":focus":{outlineColor:tokens.T.colorBrandForeground2}},'&[data-state="open"]':{"& svg":{transform:"rotate(90deg)"}}}),subList:{paddingLeft:tokens.T.spacingHorizontalXXL},toggle:{transitionProperty:"transform",transitionDuration:tokens.T.durationNormal,transitionTimingFunction:tokens.T.curveEasyEase},toggleExpanded:{transform:"rotate(90deg)"},toggleIdle:{transform:"rotate(0deg)"}}),motion=__webpack_require__("./node_modules/framer-motion/dist/es/render/dom/motion.mjs"),use_reduced_motion=__webpack_require__("./node_modules/framer-motion/dist/es/utils/reduced-motion/use-reduced-motion.mjs"),slideVariants=function slideVariants(_ref){var shouldReduceMotion=_ref.shouldReduceMotion;return{expanded:{height:"auto",transition:{ease:"easeOut",duration:shouldReduceMotion?0:.2}},collapsed:{height:0,transition:{delay:shouldReduceMotion?0:.075,ease:"easeOut",duration:shouldReduceMotion?0:.2}}}},SlideMotion=function SlideMotion(_ref2){var children=_ref2.children,initial=_ref2.initial,a11yLabelId=_ref2.a11yLabelId,a11yContentId=_ref2.a11yContentId,className=_ref2.className;return react.createElement(motion.E.section,{initial,animate:"expanded",exit:"collapsed",variants:slideVariants({shouldReduceMotion:(0,use_reduced_motion.J)()}),className,id:a11yContentId,"aria-labelledby":a11yLabelId,role:"region"},children)},fadeVariants=function fadeVariants(_ref3){var shouldReduceMotion=_ref3.shouldReduceMotion;return{expanded:{opacity:1,top:"0",transition:{delay:shouldReduceMotion?0:.125,ease:"easeOut",duration:shouldReduceMotion?0:.15}},collapsed:{opacity:0,top:"-4px",transition:{ease:"easeOut",duration:shouldReduceMotion?0:.15}}}},FadeMotion=function FadeMotion(_ref4){var children=_ref4.children,initial=_ref4.initial;return react.createElement(motion.E.div,{style:{position:"relative"},initial,animate:"expanded",exit:"collapsed",variants:fadeVariants({shouldReduceMotion:(0,use_reduced_motion.J)()})},children)};function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null!=_i){var _s,_e,_x,_r,_arr=[],_n=!0,_d=!1;try{if(_x=(_i=_i.call(arr)).next,0===i){if(Object(_i)!==_i)return;_n=!1}else for(;!(_n=(_s=_x.call(_i)).done)&&(_arr.push(_s.value),_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{if(!_n&&null!=_i.return&&(_r=_i.return(),Object(_r)!==_r))return}finally{if(_d)throw _e}}return _arr}}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||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 _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i{"use strict";__webpack_require__.d(__webpack_exports__,{o:()=>MainNavigation});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),MainNavigation=function MainNavigation(_ref){var className=_ref.className,children=_ref.children;return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className},children)};MainNavigation.__docgenInfo={description:"",methods:[],displayName:"MainNavigation"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/main-navigation/lib/main-navigation/main-navigation.js"]={name:"MainNavigation",docgenInfo:MainNavigation.__docgenInfo,path:"components/main-navigation/lib/main-navigation/main-navigation.js"})},"./components/mark-list/__dev__/mark-list.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Simple:()=>Simple,WithIcon:()=>WithIcon,__namedExportsOrder:()=>__namedExportsOrder,default:()=>mark_list_stories});__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js");var makeStyles_esm=__webpack_require__("./node_modules/@griffel/react/makeStyles.esm.js"),icons=__webpack_require__("./components/icon/lib/icon/icons/index.js"),icon_styles=__webpack_require__("./components/icon/lib/icon/icon.styles.js"),text_text=__webpack_require__("./components/text/lib/text/text.js"),react=__webpack_require__("./node_modules/react/index.js"),decorators=__webpack_require__("./.storybook/decorators/index.ts"),mergeClasses_esm=__webpack_require__("./node_modules/@griffel/core/mergeClasses.esm.js"),MarkListContext=(0,react.createContext)({}),tokens=__webpack_require__("./node_modules/@fluentui/tokens/lib/tokens.js"),useMarkListStyles=(0,makeStyles_esm.Z)({root:{listStyleType:"none",display:"grid",gridTemplateColumns:"1fr",rowGap:tokens.T.spacingHorizontalM}}),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),MarkList=function MarkList(_ref){var className=_ref.className,children=_ref.children,iconColor=_ref.iconColor,iconName=_ref.iconName,classes=useMarkListStyles();return(0,jsx_runtime.jsx)(MarkListContext.Provider,{value:{iconColor,iconName},children:(0,jsx_runtime.jsx)("ul",{className:(0,mergeClasses_esm.z)(classes.root,className),children})})};MarkList.displayName="MarkList";try{MarkList.displayName="MarkList",MarkList.__docgenInfo={description:"",displayName:"MarkList",props:{className:{defaultValue:null,description:"Consumer provided class.",name:"className",required:!1,type:{name:"string"}},iconName:{defaultValue:null,description:"Selection of icons.",name:"iconName",required:!1,type:{name:"enum",value:[{value:'"link"'},{value:'"code"'},{value:'"arrow-right"'},{value:'"chevron-right"'},{value:'"full-screen"'},{value:'"slide-in"'},{value:'"slide-out"'},{value:'"open"'},{value:'"check"'},{value:'"copy"'},{value:'"download"'},{value:'"exclamation"'},{value:'"moon"'},{value:'"sun"'},{value:'"x"'}]}},iconColor:{defaultValue:null,description:"Selection of icon color options.",name:"iconColor",required:!1,type:{name:"enum",value:[{value:'"accent"'},{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'},{value:'"quaternary"'},{value:'"negative"'},{value:'"positive"'},{value:'"warning"'},{value:'"danger"'},{value:'"info"'},{value:'"accent-inverse"'},{value:'"primary-inverse"'},{value:'"secondary-inverse"'},{value:'"tertiary-inverse"'},{value:'"quaternary-inverse"'},{value:'"negative-inverse"'},{value:'"positive-inverse"'},{value:'"warning-inverse"'},{value:'"danger-inverse"'},{value:'"info-inverse"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/mark-list/src/mark-list/mark-list.tsx#MarkList"]={docgenInfo:MarkList.__docgenInfo,name:"MarkList",path:"components/mark-list/src/mark-list/mark-list.tsx#MarkList"})}catch(__react_docgen_typescript_loader_error){}var icon=__webpack_require__("./components/icon/lib/icon/icon.js"),use_space_styles=__webpack_require__("./hooks/use-space-styles/lib/use-space-styles.js"),useMarkListItemStyles=(0,makeStyles_esm.Z)({root:{display:"grid",gridTemplateColumns:tokens.T.spacingHorizontalL+" auto",columnGap:tokens.T.spacingHorizontalM},mark:{color:tokens.T.colorNeutralForeground4}}),MarkListItem=function MarkListItem(_ref){var className=_ref.className,children=_ref.children,_useContext=(0,react.useContext)(MarkListContext),iconColor=_useContext.iconColor,iconName=_useContext.iconName,classes=useMarkListItemStyles(),space=(0,use_space_styles.z)();return(0,jsx_runtime.jsxs)("li",{className:(0,mergeClasses_esm.z)(classes.root,className),children:[iconName?(0,jsx_runtime.jsx)(icon.J,{iconName,color:iconColor,className:space.mt2}):(0,jsx_runtime.jsx)("span",{className:classes.mark,children:"— "}),(0,jsx_runtime.jsx)("div",{children})]})};MarkListItem.displayName="MarkListItem";try{MarkListItem.displayName="MarkListItem",MarkListItem.__docgenInfo={description:"",displayName:"MarkListItem",props:{className:{defaultValue:null,description:"Consumer provided class.",name:"className",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/mark-list/src/mark-list-item/mark-list-item.tsx#MarkListItem"]={docgenInfo:MarkListItem.__docgenInfo,name:"MarkListItem",path:"components/mark-list/src/mark-list-item/mark-list-item.tsx#MarkListItem"})}catch(__react_docgen_typescript_loader_error){}const mark_list_stories={title:"Lists/MarkList",component:MarkList,argTypes:{iconName:{options:Object.keys(icons.H),control:{type:"select"}},iconColor:{options:Object.keys(icon_styles.bG),control:{type:"select"}}},decorators:[decorators.z]};var useTileGridStyles=(0,makeStyles_esm.Z)({root:{width:"100%",display:"grid",gridTemplateColumns:"repeat(2, 1fr)",columnGap:"2.5rem",rowGap:"2.5rem","@media screen and (max-width: var(--arbutus--breakpoint-xxs))":{gridTemplateColumns:"100%"}}}),Template=function Template(args){return(0,jsx_runtime.jsxs)(MarkList,Object.assign({},args,{children:[(0,jsx_runtime.jsxs)(MarkListItem,{children:[(0,jsx_runtime.jsxs)(text_text.x,{as:"span",variant:"caption",children:["Natural on every platform."," "]}),(0,jsx_runtime.jsx)(text_text.x,{as:"span",color:"secondary",children:"You want to know what to do. Your experiences should adapt to the device you’re on and should build off the familiar — designing for what you already understand. You want to know what to do. Your experiences should adapt to the device you’re on and should build off the familiar — designing for what you already understand."})]}),(0,jsx_runtime.jsxs)(MarkListItem,{children:[(0,jsx_runtime.jsxs)(text_text.x,{as:"span",variant:"caption",children:["One for all, all for one. You want to be included."," "]}),(0,jsx_runtime.jsx)(text_text.x,{as:"span",color:"secondary",children:"Your experiences should consider, learn, and reflect a range of perspectives and abilities for the benefit of all."})]}),(0,jsx_runtime.jsxs)(MarkListItem,{children:[(0,jsx_runtime.jsxs)(text_text.x,{as:"span",variant:"caption",children:["Built for focus. You want to stay in the flow."," "]}),(0,jsx_runtime.jsx)(text_text.x,{as:"span",color:"secondary",children:"Your experiences should inspire action, drawing you forward, simply and seamlessly."})]}),(0,jsx_runtime.jsxs)(MarkListItem,{children:[(0,jsx_runtime.jsxs)(text_text.x,{as:"span",variant:"caption",children:["Unmistakably Microsoft."," "]}),(0,jsx_runtime.jsx)(text_text.x,{as:"span",color:"secondary",children:"You want to recognize what you’re looking for. Your experiences should feel like one Microsoft. One moment, one product, one experience at a time."})]})]}))};Template.displayName="Template";var TemplateWithIcon=function TemplateWithIcon(args){var classes=useTileGridStyles();return(0,jsx_runtime.jsxs)("div",{className:classes.root,children:[(0,jsx_runtime.jsx)(MarkList,Object.assign({},args,{children:Array.from({length:3}).map((function(_,i){return(0,jsx_runtime.jsx)(MarkListItem,{children:(0,jsx_runtime.jsx)(text_text.x,{variant:"description",color:"secondary",children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam pulvinar commodo purus."})},i)}))})),(0,jsx_runtime.jsx)(MarkList,{iconColor:"negative",iconName:"x",children:Array.from({length:3}).map((function(_,i){return(0,jsx_runtime.jsx)(MarkListItem,{children:(0,jsx_runtime.jsx)(text_text.x,{variant:"description",color:"secondary",children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam pulvinar commodo purus."})},i)}))})]})};TemplateWithIcon.displayName="TemplateWithIcon";var Simple=Template.bind({});Simple.args={iconName:void 0,iconColor:void 0};var WithIcon=TemplateWithIcon.bind({});WithIcon.args={iconName:"check",iconColor:"positive"};var __namedExportsOrder=["Simple","WithIcon"]},"./components/mark-list/lib/context.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{z:()=>MarkListContext});var MarkListContext=(0,__webpack_require__("./node_modules/react/index.js").createContext)({})},"./components/mark-list/lib/mark-list-item/mark-list-item.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{O:()=>MarkListItem});var mergeClasses_esm=__webpack_require__("./node_modules/@griffel/core/mergeClasses.esm.js"),icon=__webpack_require__("./components/icon/lib/icon/icon.js"),use_space_styles=__webpack_require__("./hooks/use-space-styles/lib/use-space-styles.js"),react=__webpack_require__("./node_modules/react/index.js"),context=__webpack_require__("./components/mark-list/lib/context.js"),tokens=__webpack_require__("./node_modules/@fluentui/tokens/lib/tokens.js"),useMarkListItemStyles=(0,__webpack_require__("./node_modules/@griffel/react/makeStyles.esm.js").Z)({root:{display:"grid",gridTemplateColumns:tokens.T.spacingHorizontalL+" auto",columnGap:tokens.T.spacingHorizontalM},mark:{color:tokens.T.colorNeutralForeground4}}),MarkListItem=function MarkListItem(_ref){var className=_ref.className,children=_ref.children,_useContext=(0,react.useContext)(context.z),iconColor=_useContext.iconColor,iconName=_useContext.iconName,classes=useMarkListItemStyles(),space=(0,use_space_styles.z)();return react.createElement("li",{className:(0,mergeClasses_esm.z)(classes.root,className)},iconName?react.createElement(icon.J,{iconName,color:iconColor,className:space.mt2}):react.createElement("span",{className:classes.mark},"— "),react.createElement("div",null,children))};MarkListItem.__docgenInfo={description:"",methods:[],displayName:"MarkListItem"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/mark-list/lib/mark-list-item/mark-list-item.js"]={name:"MarkListItem",docgenInfo:MarkListItem.__docgenInfo,path:"components/mark-list/lib/mark-list-item/mark-list-item.js"})},"./components/mark-list/lib/mark-list/mark-list.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{N:()=>MarkList});var mergeClasses_esm=__webpack_require__("./node_modules/@griffel/core/mergeClasses.esm.js"),react=__webpack_require__("./node_modules/react/index.js"),context=__webpack_require__("./components/mark-list/lib/context.js"),tokens=__webpack_require__("./node_modules/@fluentui/tokens/lib/tokens.js"),useMarkListStyles=(0,__webpack_require__("./node_modules/@griffel/react/makeStyles.esm.js").Z)({root:{listStyleType:"none",display:"grid",gridTemplateColumns:"1fr",rowGap:tokens.T.spacingHorizontalM}}),MarkList=function MarkList(_ref){var className=_ref.className,children=_ref.children,iconColor=_ref.iconColor,iconName=_ref.iconName,classes=useMarkListStyles();return react.createElement(context.z.Provider,{value:{iconColor,iconName}},react.createElement("ul",{className:(0,mergeClasses_esm.z)(classes.root,className)},children))};MarkList.__docgenInfo={description:"",methods:[],displayName:"MarkList"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/mark-list/lib/mark-list/mark-list.js"]={name:"MarkList",docgenInfo:MarkList.__docgenInfo,path:"components/mark-list/lib/mark-list/mark-list.js"})},"./components/ordered-list/__dev__/ordered-list.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Simple:()=>Simple,__namedExportsOrder:()=>__namedExportsOrder,default:()=>ordered_list_stories});__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js");var text_text=__webpack_require__("./components/text/lib/text/text.js"),react=__webpack_require__("./node_modules/react/index.js"),mergeClasses_esm=__webpack_require__("./node_modules/@griffel/core/mergeClasses.esm.js"),injectIndex=(__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),function injectIndex(_ref){var children=_ref.children,start=_ref.start,__index=start?start-1:0,__total=react.Children.count(children);return react.Children.map(children,(function(child){return(0,react.isValidElement)(child)?(__index+=1,(0,react.cloneElement)(child,{__index,__total})):child}))}),tokens=__webpack_require__("./node_modules/@fluentui/tokens/lib/tokens.js"),makeStyles_esm=__webpack_require__("./node_modules/@griffel/react/makeStyles.esm.js"),index_esm=__webpack_require__("./node_modules/@griffel/core/index.esm.js"),useOrderedListStyles=(0,makeStyles_esm.Z)({root:Object.assign({display:"grid",rowGap:tokens.T.spacingVerticalM},index_esm.q5.padding(0))}),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),OrderedList=function OrderedList(_ref){var className=_ref.className,children=_ref.children,start=_ref.start,classes=useOrderedListStyles();return(0,jsx_runtime.jsx)("ol",{className:(0,mergeClasses_esm.z)(classes.root,className),children:injectIndex({children,start})})};OrderedList.displayName="OrderedList";try{OrderedList.displayName="OrderedList",OrderedList.__docgenInfo={description:"",displayName:"OrderedList",props:{className:{defaultValue:null,description:"Consumer provided class.",name:"className",required:!1,type:{name:"string"}},start:{defaultValue:{value:"1"},description:"Start value for the ordered list.",name:"start",required:!1,type:{name:"number"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/ordered-list/src/ordered-list/ordered-list.tsx#OrderedList"]={docgenInfo:OrderedList.__docgenInfo,name:"OrderedList",path:"components/ordered-list/src/ordered-list/ordered-list.tsx#OrderedList"})}catch(__react_docgen_typescript_loader_error){}var useOrderedListItemStyles=(0,makeStyles_esm.Z)({root:Object.assign({listStyleType:"none"},index_esm.q5.padding(0),index_esm.q5.margin(0),{display:"grid",gridTemplateColumns:"min-content 1fr",columnGap:tokens.T.spacingHorizontalS}),puck:Object.assign({height:tokens.T.lineHeightBase400,width:tokens.T.lineHeightBase400,display:"grid",alignContent:"center",justifyContent:"center",fontWeight:tokens.T.fontWeightSemibold},index_esm.q5.borderRadius("50%")),accent:{color:tokens.T.colorNeutralForeground1,backgroundColor:tokens.T.colorBrandBackground2},primary:{color:tokens.T.colorNeutralBackground1,backgroundColor:tokens.T.colorNeutralForeground2},secondary:{color:tokens.T.colorNeutralForeground1,backgroundColor:tokens.T.colorNeutralBackground3}}),OrderedListItem=function OrderedListItem(_ref){var className=_ref.className,children=_ref.children,_ref$variant=_ref.variant,variant=void 0===_ref$variant?"primary":_ref$variant,__index=_ref.__index,classes=useOrderedListItemStyles();return(0,jsx_runtime.jsxs)("li",{className:(0,mergeClasses_esm.z)(classes.root,className),children:[(0,jsx_runtime.jsx)("div",{className:(0,mergeClasses_esm.z)(classes.puck,classes[variant]),children:__index}),(0,jsx_runtime.jsx)("div",{children})]})};OrderedListItem.displayName="OrderedListItem";try{OrderedListItem.displayName="OrderedListItem",OrderedListItem.__docgenInfo={description:"",displayName:"OrderedListItem",props:{className:{defaultValue:null,description:"Consumer provided class.",name:"className",required:!1,type:{name:"string"}},variant:{defaultValue:{value:"primary"},description:"Color variants.",name:"variant",required:!1,type:{name:"enum",value:[{value:'"accent"'},{value:'"primary"'},{value:'"secondary"'}]}},__index:{defaultValue:null,description:"@private [INTERNAL] DO NOT USE.",name:"__index",required:!1,type:{name:"number"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/ordered-list/src/ordered-list-item/ordered-list-item.tsx#OrderedListItem"]={docgenInfo:OrderedListItem.__docgenInfo,name:"OrderedListItem",path:"components/ordered-list/src/ordered-list-item/ordered-list-item.tsx#OrderedListItem"})}catch(__react_docgen_typescript_loader_error){}const ordered_list_stories={title:"Lists/OrderedList",component:OrderedList};var Template=function Template(args){return(0,jsx_runtime.jsxs)(OrderedList,Object.assign({},args,{children:[(0,jsx_runtime.jsx)(OrderedListItem,{children:(0,jsx_runtime.jsxs)("div",{children:[(0,jsx_runtime.jsx)(text_text.x,{block:!0,variant:"caption",children:"Primary variant"}),(0,jsx_runtime.jsx)(text_text.x,{block:!0,variant:"description",children:"Description item one on the list."})]})}),(0,jsx_runtime.jsx)(OrderedListItem,{variant:"secondary",children:(0,jsx_runtime.jsxs)("div",{children:[(0,jsx_runtime.jsx)(text_text.x,{block:!0,variant:"caption",children:"Secondary variant"}),(0,jsx_runtime.jsx)(text_text.x,{block:!0,variant:"description",children:"Description item two on the list."})]})}),(0,jsx_runtime.jsx)(OrderedListItem,{variant:"accent",children:(0,jsx_runtime.jsxs)("div",{children:[(0,jsx_runtime.jsx)(text_text.x,{block:!0,variant:"caption",children:"Accent variant"}),(0,jsx_runtime.jsx)(text_text.x,{block:!0,variant:"description",children:"Description item three on the list."})]})})]}))};Template.displayName="Template";var Simple=Template.bind({});Simple.args={};var __namedExportsOrder=["Simple"]},"./components/person-tile/__dev__/person-tile.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Simple:()=>Simple,WithCustomIcon:()=>WithCustomIcon,__namedExportsOrder:()=>__namedExportsOrder,default:()=>person_tile_stories});__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/react/index.js");var Avatar=__webpack_require__("./node_modules/@fluentui/react-avatar/lib/components/Avatar/Avatar.js"),mergeClasses_esm=__webpack_require__("./node_modules/@griffel/core/mergeClasses.esm.js"),icon=__webpack_require__("./components/icon/lib/icon/icon.js"),text_text=__webpack_require__("./components/text/lib/text/text.js"),tile=__webpack_require__("./components/tile/lib/tile.js"),use_space_styles=__webpack_require__("./hooks/use-space-styles/lib/use-space-styles.js"),tokens=__webpack_require__("./node_modules/@fluentui/tokens/lib/tokens.js"),usePersonTileStyles=(0,__webpack_require__("./node_modules/@griffel/react/makeStyles.esm.js").Z)({root:{display:"grid",gridTemplateColumns:"40px auto min-content",columnGap:tokens.T.spacingHorizontalXL,alignItems:"center"},image:{height:tokens.T.spacingVerticalXL}}),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),PersonTile=function PersonTile(_ref){var className=_ref.className,avatarSrc=_ref.avatarSrc,firstName=_ref.firstName,lastName=_ref.lastName,onClick=_ref.onClick,role=_ref.role,iconSrc=_ref.iconSrc,iconAlt=_ref.iconAlt,classes=usePersonTileStyles(),space=(0,use_space_styles.z)();return(0,jsx_runtime.jsxs)(tile.n,{onClick,variant:"card",className:(0,mergeClasses_esm.z)(classes.root,space.p7,className),children:[(0,jsx_runtime.jsx)(Avatar.q,{size:40,image:{as:"img",src:avatarSrc,"aria-hidden":!0}}),(0,jsx_runtime.jsxs)("div",{children:[(0,jsx_runtime.jsxs)(text_text.x,{variant:"caption",block:!0,children:[firstName," ",lastName]}),(0,jsx_runtime.jsx)(text_text.x,{variant:"paragraph",color:"secondary",block:!0,children:role})]}),iconSrc&&iconAlt?(0,jsx_runtime.jsx)("img",{src:iconSrc,alt:iconAlt,className:(0,mergeClasses_esm.z)(classes.image,space.px3)}):(0,jsx_runtime.jsx)(icon.J,{iconName:"open",label:iconAlt,className:space.px3,color:"secondary"})]})};PersonTile.displayName="PersonTile";try{PersonTile.displayName="PersonTile",PersonTile.__docgenInfo={description:"",displayName:"PersonTile",props:{className:{defaultValue:null,description:"Consumer provided class.",name:"className",required:!1,type:{name:"string"}},firstName:{defaultValue:null,description:"First name of the person.",name:"firstName",required:!0,type:{name:"string"}},lastName:{defaultValue:null,description:"Last name of the person.",name:"lastName",required:!0,type:{name:"string"}},avatarSrc:{defaultValue:null,description:"Avatar of the person.",name:"avatarSrc",required:!1,type:{name:"string"}},role:{defaultValue:null,description:"Role of the person.",name:"role",required:!0,type:{name:"string"}},onClick:{defaultValue:null,description:"Action that handles click on the person tile.",name:"onClick",required:!0,type:{name:"(e?: SyntheticEvent) => void"}},image:{defaultValue:null,description:"The Avatar's image.\n\nUsage e.g.: `image={{ src: '...' }}`",name:"image",required:!1,type:{name:'{ as?: "img"; } & Pick, HTMLImageElement>, "key" | keyof ImgHTMLAttributes<...>> & { ...; } & { ...; } & { ...; }'}},iconSrc:{defaultValue:null,description:"Custom optional icon.",name:"iconSrc",required:!1,type:{name:"string"}},iconAlt:{defaultValue:null,description:"Accessible icon description.",name:"iconAlt",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/person-tile/src/person-tile/person-tile.tsx#PersonTile"]={docgenInfo:PersonTile.__docgenInfo,name:"PersonTile",path:"components/person-tile/src/person-tile/person-tile.tsx#PersonTile"})}catch(__react_docgen_typescript_loader_error){}const avatar_namespaceObject=__webpack_require__.p+"static/media/avatar.3e128d47.jpg",teams_icon_namespaceObject=__webpack_require__.p+"static/media/teams-icon.22fada98.svg",person_tile_stories={title:"Tiles/PersonTile",component:PersonTile,argTypes:{onClick:{action:"clicked"}}};var Template=function Template(args){return(0,jsx_runtime.jsx)(PersonTile,Object.assign({},args))};Template.displayName="Template";var Simple=Template.bind({});Simple.args={firstName:"Joanne",lastName:"Doe",role:"Software Engineer",avatarSrc:avatar_namespaceObject};var WithCustomIcon=Template.bind({});WithCustomIcon.args={firstName:"Joanne",lastName:"Doe",role:"Software Engineer",avatarSrc:avatar_namespaceObject,iconSrc:teams_icon_namespaceObject,iconAlt:"Open in Teams"};var __namedExportsOrder=["Simple","WithCustomIcon"]},"./components/prop-table/__dev__/prop-table.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Simple:()=>Simple,__namedExportsOrder:()=>__namedExportsOrder,default:()=>prop_table_stories});__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/react/index.js");var decorators=__webpack_require__("./.storybook/decorators/index.ts");const demo_component_props={tags:{},filePath:"__dev__/demo-component/demo-component.tsx",description:"",displayName:"DemoComponent",methods:[],props:{title:{defaultValue:null,description:"The title of the DemoComponent.",name:"title",declarations:[{fileName:"prop-table/__dev__/demo-component/demo-component.types.tsx",name:"TypeLiteral"}],required:!0,type:{name:"string"}},description:{defaultValue:null,description:"Description of the DemoComponent.",name:"description",declarations:[{fileName:"prop-table/__dev__/demo-component/demo-component.types.tsx",name:"TypeLiteral"}],required:!1,type:{name:"string"}},callToAction:{defaultValue:{value:"Hello 👋"},description:"Call to action text.",name:"callToAction",declarations:[{fileName:"prop-table/__dev__/demo-component/demo-component.types.tsx",name:"TypeLiteral"}],required:!1,type:{name:"string"}},className:{defaultValue:null,description:"Custom class name for the component root.",name:"className",declarations:[{fileName:"prop-table/__dev__/demo-component/demo-component.types.tsx",name:"TypeLiteral"}],required:!1,type:{name:"string"}},onClick:{defaultValue:null,description:"Click handler.",name:"onClick",declarations:[{fileName:"prop-table/__dev__/demo-component/demo-component.types.tsx",name:"TypeLiteral"}],required:!0,type:{name:"() => void"}},text:{defaultValue:null,description:"Text to display.\n@deprecated Use `title` instead.",name:"text",declarations:[{fileName:"prop-table/__dev__/demo-component/demo-component.types.tsx",name:"TypeLiteral"}],required:!1,type:{name:"string"}}}};__webpack_require__("./node_modules/core-js/modules/es.array.for-each.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.for-each.js"),__webpack_require__("./node_modules/core-js/modules/es.object.values.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js");var table_list=__webpack_require__("./components/table-list/lib/table-list/table-list.js"),table_row=__webpack_require__("./components/table-list/lib/table-row/table-row.js"),table_cell=__webpack_require__("./components/table-list/lib/table-cell/table-cell.js"),makeStyles_esm=(__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/@griffel/react/makeStyles.esm.js")),text_text=__webpack_require__("./components/text/lib/text/text.js"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),useTableRowsStyles=(0,makeStyles_esm.Z)({deprecated:{textDecorationLine:"line-through"}}),TableRows=function TableRows(_ref){var propsDocItems=_ref.propsDocItems,isRequired=_ref.isRequired,isDeprecated=_ref.isDeprecated,classes=useTableRowsStyles();return(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children:propsDocItems.map((function(prop){var _prop$name,_prop$type$name,_prop$type,_prop$description,_prop$defaultValue$va,_prop$defaultValue;return(0,jsx_runtime.jsxs)(table_row.S,{children:[(0,jsx_runtime.jsxs)(table_cell.p,{isHeader:!0,children:[(0,jsx_runtime.jsx)(text_text.x,{className:isDeprecated?classes.deprecated:"",children:null!==(_prop$name=prop.name)&&void 0!==_prop$name?_prop$name:""}),isRequired?(0,jsx_runtime.jsx)(text_text.x,{color:"danger",children:" *"}):"",isDeprecated?(0,jsx_runtime.jsx)(text_text.x,{color:"tertiary",children:" (deprecated)"}):""]}),(0,jsx_runtime.jsx)(table_cell.p,{children:(0,jsx_runtime.jsx)(text_text.x,{variant:"code",children:null!==(_prop$type$name=null===(_prop$type=prop.type)||void 0===_prop$type?void 0:_prop$type.name)&&void 0!==_prop$type$name?_prop$type$name:""})}),(0,jsx_runtime.jsx)(table_cell.p,{children:null!==(_prop$description=prop.description)&&void 0!==_prop$description?_prop$description:""}),(0,jsx_runtime.jsx)(table_cell.p,{children:(0,jsx_runtime.jsx)(text_text.x,{variant:"code",children:null!==(_prop$defaultValue$va=null===(_prop$defaultValue=prop.defaultValue)||void 0===_prop$defaultValue?void 0:_prop$defaultValue.value)&&void 0!==_prop$defaultValue$va?_prop$defaultValue$va:""})})]},prop.name)}))})};try{TableRows.displayName="TableRows",TableRows.__docgenInfo={description:"",displayName:"TableRows",props:{propsDocItems:{defaultValue:null,description:"",name:"propsDocItems",required:!0,type:{name:"PropItem[]"}},isRequired:{defaultValue:null,description:"",name:"isRequired",required:!0,type:{name:"boolean"}},isDeprecated:{defaultValue:null,description:"",name:"isDeprecated",required:!0,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/prop-table/src/prop-table/partials/table-rows.tsx#TableRows"]={docgenInfo:TableRows.__docgenInfo,name:"TableRows",path:"components/prop-table/src/prop-table/partials/table-rows.tsx#TableRows"})}catch(__react_docgen_typescript_loader_error){}var PropTable=function PropTable(_ref){var className=_ref.className,propsDoc=_ref.propsDoc,caption=_ref.caption;if(!propsDoc)return null;var _filterPropsDoc=function filterPropsDoc(props){var required=[],deprecated=[],optional=[];return Object.values(props).forEach((function(prop){var _prop$description;null!==(_prop$description=prop.description)&&void 0!==_prop$description&&_prop$description.includes("@deprecated")?deprecated.push(prop):prop.required?required.push(prop):optional.push(prop)})),{required,deprecated,optional}}(propsDoc.props),required=_filterPropsDoc.required,deprecated=_filterPropsDoc.deprecated,optional=_filterPropsDoc.optional;return(0,jsx_runtime.jsxs)(table_list.b,{className,caption,children:[(0,jsx_runtime.jsxs)(table_row.S,{children:[(0,jsx_runtime.jsx)(table_cell.p,{isHeader:!0,children:"Name"}),(0,jsx_runtime.jsx)(table_cell.p,{isHeader:!0,children:"Type"}),(0,jsx_runtime.jsx)(table_cell.p,{isHeader:!0,children:"Description"}),(0,jsx_runtime.jsx)(table_cell.p,{isHeader:!0,children:"Default"})]}),(0,jsx_runtime.jsx)(TableRows,{propsDocItems:required,isRequired:!0,isDeprecated:!1}),(0,jsx_runtime.jsx)(TableRows,{propsDocItems:optional,isRequired:!1,isDeprecated:!1}),(0,jsx_runtime.jsx)(TableRows,{propsDocItems:deprecated,isRequired:!1,isDeprecated:!0})]})};PropTable.displayName="PropTable";try{PropTable.displayName="PropTable",PropTable.__docgenInfo={description:"",displayName:"PropTable",props:{className:{defaultValue:null,description:"Consumer provided class.",name:"className",required:!1,type:{name:"string"}},propsDoc:{defaultValue:null,description:"A component from the manifest generated by the `@microsoft/arbutus.prop-docs-cli`.",name:"propsDoc",required:!0,type:{name:"ComponentDoc"}},caption:{defaultValue:null,description:"Caption for the table.",name:"caption",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/prop-table/src/prop-table/prop-table.tsx#PropTable"]={docgenInfo:PropTable.__docgenInfo,name:"PropTable",path:"components/prop-table/src/prop-table/prop-table.tsx#PropTable"})}catch(__react_docgen_typescript_loader_error){}const prop_table_stories={title:"Blocks/PropTable",component:PropTable,decorators:[function(Story){return(0,jsx_runtime.jsx)(decorators.z,{children:(0,jsx_runtime.jsx)("div",{children:(0,jsx_runtime.jsx)(Story,{})})})}]};var Template=function Template(args){return(0,jsx_runtime.jsx)(PropTable,Object.assign({},args))};Template.displayName="Template";var Simple=Template.bind({});Simple.args={propsDoc:demo_component_props,caption:"DemoComponent"};var __namedExportsOrder=["Simple"]},"./components/recommendation-tile/__dev__/recommendation-tile.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{WithImage:()=>WithImage,WithImageAndWithLink:()=>WithImageAndWithLink,WithLink:()=>WithLink,WithRecommendationList:()=>WithRecommendationList,WithoutImage:()=>WithoutImage,__namedExportsOrder:()=>__namedExportsOrder,default:()=>recommendation_tile_stories});__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js");var makeStyles_esm=__webpack_require__("./node_modules/@griffel/react/makeStyles.esm.js"),tile=__webpack_require__("./components/tile/lib/tile.js"),decorators=(__webpack_require__("./node_modules/react/index.js"),__webpack_require__("./.storybook/decorators/index.ts")),mergeClasses_esm=(__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/@griffel/core/mergeClasses.esm.js")),badge=__webpack_require__("./components/badge/lib/badge/badge.js"),link_link=__webpack_require__("./components/link/lib/link/link.js"),mark_list=__webpack_require__("./components/mark-list/lib/mark-list/mark-list.js"),mark_list_item=__webpack_require__("./components/mark-list/lib/mark-list-item/mark-list-item.js"),text_text=__webpack_require__("./components/text/lib/text/text.js"),use_space_styles=__webpack_require__("./hooks/use-space-styles/lib/use-space-styles.js"),tokens=__webpack_require__("./node_modules/@fluentui/tokens/lib/tokens.js"),index_esm=__webpack_require__("./node_modules/@griffel/core/index.esm.js"),useRecommendationTileStyles=(0,makeStyles_esm.Z)({image:Object.assign({},index_esm.q5.borderRadius("var(--arbutus--shape-border-radius)"),{height:"13.75rem",width:"100%",objectFit:"cover"}),imageContainer:{position:"relative"},overlayBadge:{position:"absolute",left:tokens.T.spacingHorizontalM,top:tokens.T.spacingHorizontalM},recommendationList:{paddingLeft:0}}),getBackgroundColor=function getBackgroundColor(_ref){var withImage=_ref.withImage,recommendation=_ref.recommendation;switch(!0){case withImage:return"none";case!withImage&&"positive"===recommendation:return"positive";case!withImage&&"negative"===recommendation:return"negative";default:return"none"}},jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),RecommendationTile=function RecommendationTile(_ref){var className=_ref.className,description=_ref.description,Image=_ref.imageAs,imageProps=_ref.imageProps,linkAs=_ref.linkAs,linkProps=_ref.linkProps,linkText=_ref.linkText,linkWithIcon=_ref.linkWithIcon,recommendation=_ref.recommendation,recommendationsList=_ref.recommendationsList,title=_ref.title,classes=useRecommendationTileStyles(),space=(0,use_space_styles.z)();return(0,jsx_runtime.jsxs)(tile.n,{variant:"solid-color",backgroundColor:getBackgroundColor({withImage:Boolean(Image),recommendation}),className:(0,mergeClasses_esm.z)(!Image&&space.p9,className),children:[Image&&(0,jsx_runtime.jsxs)("div",{className:classes.imageContainer,children:[(0,jsx_runtime.jsx)(badge.C,{iconName:"positive"===recommendation?"check":"x",color:"positive"===recommendation?"positive":"negative",className:classes.overlayBadge}),(0,jsx_runtime.jsx)(Image,Object.assign({},imageProps,{className:(0,mergeClasses_esm.z)(classes.image,space.mb4)}))]}),(0,jsx_runtime.jsxs)(text_text.x,{block:!0,variant:recommendationsList?"headline":"caption",color:recommendation,className:recommendationsList?space.mb7:space.mb5,children:[!Image||recommendationsList&&(0,jsx_runtime.jsx)(badge.C,{iconName:"positive"===recommendation?"check":"x",color:"positive"===recommendation?"positive":"negative",isInline:!0,className:space.mr5}),title]}),description&&(0,jsx_runtime.jsx)(text_text.x,{block:!0,variant:"description",children:description}),recommendationsList&&(0,jsx_runtime.jsx)(mark_list.N,{iconName:"positive"===recommendation?"check":"x",iconColor:"positive"===recommendation?"positive":"negative",className:(0,mergeClasses_esm.z)(classes.recommendationList,space.mt5),children:recommendationsList.map((function(recommendation,index){return(0,jsx_runtime.jsx)(mark_list_item.O,{children:recommendation},index)}))}),linkAs&&linkText&&(0,jsx_runtime.jsx)(link_link.r,{as:linkAs,variant:"caption",elementProps:linkProps,className:space.mt5,withIcon:linkWithIcon,children:linkText})]})};RecommendationTile.displayName="RecommendationTile";try{RecommendationTile.displayName="RecommendationTile",RecommendationTile.__docgenInfo={description:"",displayName:"RecommendationTile",props:{className:{defaultValue:null,description:"Consumer provided class.",name:"className",required:!1,type:{name:"string"}},title:{defaultValue:null,description:"Title of the bookmark.",name:"title",required:!0,type:{name:"string"}},description:{defaultValue:null,description:"Description of the bookmark.",name:"description",required:!1,type:{name:"string"}},recommendation:{defaultValue:null,description:"Sets whether this tile represents an encouraged or discouraged example",name:"recommendation",required:!0,type:{name:"enum",value:[{value:'"negative"'},{value:'"positive"'}]}},recommendationsList:{defaultValue:null,description:"Adds an unordered list of recommendations.",name:"recommendationsList",required:!1,type:{name:"string[]"}},imageAs:{defaultValue:null,description:"Image element.",name:"imageAs",required:!1,type:{name:"ElementType"}},imageProps:{defaultValue:null,description:"Image element props.",name:"imageProps",required:!1,type:{name:"Record"}},linkText:{defaultValue:null,description:"Link text.",name:"linkText",required:!1,type:{name:"string"}},linkAs:{defaultValue:null,description:"Link element.",name:"linkAs",required:!1,type:{name:"ElementType"}},linkProps:{defaultValue:null,description:"Link element props.",name:"linkProps",required:!1,type:{name:"Record"}},linkWithIcon:{defaultValue:null,description:"Adds an icon that indicates that the link will open in a new tab.",name:"linkWithIcon",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/recommendation-tile/src/recommendation-tile/recommendation-tile.tsx#RecommendationTile"]={docgenInfo:RecommendationTile.__docgenInfo,name:"RecommendationTile",path:"components/recommendation-tile/src/recommendation-tile/recommendation-tile.tsx#RecommendationTile"})}catch(__react_docgen_typescript_loader_error){}var DemoImage=function DemoImage(_ref){var className=_ref.className,alt=_ref.alt,src=_ref.src;return(0,jsx_runtime.jsx)("img",{className,alt,src})};DemoImage.displayName="DemoImage";var DemoLink=function DemoLink(_ref2){var className=_ref2.className,href=_ref2.href,children=_ref2.children;return(0,jsx_runtime.jsx)("a",{className,href,target:"__blank",children})};DemoLink.displayName="DemoLink";const recommendation_tile_stories={title:"Tiles/RecommendationTile",component:RecommendationTile,argTypes:{onClick:{action:"clicked"},recommendation:{options:["positive","negative"],control:{type:"select"}}},decorators:[function(Story){return(0,jsx_runtime.jsx)(decorators.z,{children:(0,jsx_runtime.jsx)("div",{style:{maxWidth:"980px"},children:(0,jsx_runtime.jsx)(Story,{})})})}]};var useTileGridStyles=(0,makeStyles_esm.Z)({root:{width:"100%",display:"grid",gridTemplateColumns:"repeat(2, 1fr)",columnGap:"2.5rem",rowGap:"2.5rem","@media screen and (max-width: var(--arbutus--breakpoint-xxs))":{gridTemplateColumns:"100%"}}}),Template=function Template(args){var classes=useTileGridStyles();return(0,jsx_runtime.jsxs)("div",{className:classes.root,children:[(0,jsx_runtime.jsx)(RecommendationTile,Object.assign({},args)),(0,jsx_runtime.jsx)(tile.n,{variant:"solid-color",children:" "})]})};Template.displayName="Template";var WithImageAndWithLink=Template.bind({});WithImageAndWithLink.args={title:"Give primary buttons prominence",description:"Primary buttons have to draw users’s attention right away. Make sure there is only one primary button in the view.",recommendation:"positive",imageAs:DemoImage,imageProps:{src:"https://via.placeholder.com/300x200.png/FAF9F8",alt:"Image placeholder"},linkAs:DemoLink,linkText:"Learn more",linkWithIcon:!0,linkProps:{href:"https://www.microsoft.com"}};var WithImage=Template.bind({});WithImage.args={title:"Give primary buttons prominence",description:"Primary buttons have to draw users’s attention right away. Make sure there is only one primary button in the view.",recommendation:"positive",imageAs:DemoImage,imageProps:{src:"https://via.placeholder.com/300x200.png/FAF9F8",alt:"Image placeholder"}};var WithoutImage=Template.bind({});WithoutImage.args={title:"Give primary buttons prominence",description:"Primary buttons have to draw users’s attention right away. Make sure there is only one primary button in the view.",recommendation:"positive",imageAs:void 0,imageProps:void 0};var WithLink=Template.bind({});WithLink.args={title:"Give primary buttons prominence",description:"Primary buttons have to draw users’s attention right away. Make sure there is only one primary button in the view.",recommendation:"positive",imageAs:void 0,imageProps:void 0,linkAs:DemoLink,linkText:"Learn more",linkWithIcon:!0,linkProps:{href:"https://www.microsoft.com"}};var WithRecommendationList=Template.bind({});WithRecommendationList.args={title:"Give primary buttons prominence",recommendationsList:["Primary buttons have to draw users’s attention right away. Make sure there is only one primary button in the view.","Eu zril ignota quaestio nec, no agam meliore sit, duo posse utinam deleniti id. Ut his veniam verear, ei sea mazim mentitum probatus.","Ut sit alienum molestie referrentur, ius tollit definitiones ad, audiam vidisse gubergren id mea.","Elit veniam ocurreret et ius, menandri atomorum voluptaria eum ad. Ius ex dolor utamur partiendo."],recommendation:"positive"};var __namedExportsOrder=["WithImageAndWithLink","WithImage","WithoutImage","WithLink","WithRecommendationList"]},"./components/sandbox/__dev__/sandbox.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Simple:()=>Simple,__namedExportsOrder:()=>__namedExportsOrder,default:()=>sandbox_stories});__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/react/index.js");var decorators=__webpack_require__("./.storybook/decorators/index.ts"),esm=__webpack_require__("./node_modules/@codesandbox/sandpack-react/dist/esm/index.js"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),Sandbox=function Sandbox(_ref){var files=_ref.files,dependencies=_ref.dependencies,customSetup={};return dependencies&&(customSetup.dependencies=dependencies),(0,jsx_runtime.jsx)(esm.xR,{template:"react-ts",files,customSetup})};Sandbox.displayName="Sandbox";try{Sandbox.displayName="Sandbox",Sandbox.__docgenInfo={description:"",displayName:"Sandbox",props:{files:{defaultValue:null,description:"Files of the sandboxed application.",name:"files",required:!0,type:{name:"Record | SandpackFile | Record"}},dependencies:{defaultValue:null,description:"Dependencies of the sandboxed application.",name:"dependencies",required:!0,type:{name:"{ [dependency: string]: string; }"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/sandbox/src/sandbox/sandbox.tsx#Sandbox"]={docgenInfo:Sandbox.__docgenInfo,name:"Sandbox",path:"components/sandbox/src/sandbox/sandbox.tsx#Sandbox"})}catch(__react_docgen_typescript_loader_error){}const sandbox_stories={title:"Examples/Sandbox",component:Sandbox,decorators:[function(Story){return(0,jsx_runtime.jsx)(decorators.z,{children:(0,jsx_runtime.jsx)(Story,{})})}]};var Template=function Template(args){return(0,jsx_runtime.jsx)(Sandbox,Object.assign({},args))};Template.displayName="Template";var Simple=Template.bind({});Simple.args={files:{"/App.tsx":{code:"import { Button } from '@microsoft/arbutus.button';\n\nimport { Theme } from './theme';\nimport { Centered } from './centered';\n\nexport default function App() {\n return (\n \n \n \n \n \n )\n}",active:!0},"/theme.tsx":"import 'normalize.css';\n\nimport { makeStaticStyles } from '@griffel/react';\nimport {\n useSegoeUI100,\n useSegoeUI200,\n useSegoeUI400,\n useSegoeUI600,\n useSegoeUI700,\n} from '@microsoft/arbutus.fonts';\nimport { ThemeProvider } from '@microsoft/arbutus.theming';\nimport type { FC } from 'react';\nimport React from 'react';\n\nconst useGlobalStyles = makeStaticStyles({\n '*': {\n boxSizing: 'border-box',\n },\n div: {\n width: '100%',\n },\n});\n\nexport const Theme: FC = ({ children }) => {\n useSegoeUI100();\n useSegoeUI200();\n useSegoeUI400();\n useSegoeUI600();\n useSegoeUI700();\n useGlobalStyles();\n\n return {children};\n};","/centered.tsx":"import { makeStyles } from '@griffel/react';\nimport type { FC, ReactNode } from 'react';\nimport * as React from 'react';\n\nconst useCenteredClasses = makeStyles({\n root: {\n minHeight: '100vh',\n width: '100%',\n display: 'grid',\n alignItems: 'center',\n justifyItems: 'center',\n },\n});\n\nexport const Centered: FC<{ children?: ReactNode }> = ({ children }) => {\n const classes = useCenteredClasses();\n\n return
{children}
;\n};"},dependencies:{"@griffel/react":"^1.5.1","@microsoft/arbutus.button":"^0.0.2","@microsoft/arbutus.fonts":"0.0.1","@microsoft/arbutus.theming":"0.0.4","normalize.css":"^8.0.1"}};var __namedExportsOrder=["Simple"]},"./components/shell/__dev__/crown.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{ImageOnly:()=>ImageOnly,Simple:()=>Simple,TabletLayout:()=>TabletLayout,__namedExportsOrder:()=>__namedExportsOrder,default:()=>crown_stories});__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/react/index.js");var decorators=__webpack_require__("./.storybook/decorators/index.ts"),crown=__webpack_require__("./components/shell/src/crown/crown.tsx"),fluentui_logo=__webpack_require__("./components/shell/__dev__/fluentui-logo.svg");const logo_namespaceObject=__webpack_require__.p+"static/media/logo.2527fa69.svg";var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const crown_stories={title:"Layout/Crown",component:crown._,argTypes:{onClick:{action:"clicked"},onLogoClick:{action:"clicked"}},decorators:[function(Story){return(0,jsx_runtime.jsx)(decorators.z,{children:(0,jsx_runtime.jsx)("div",{style:{maxWidth:"360px"},children:(0,jsx_runtime.jsx)(Story,{})})})}]};var Template=function Template(args){return(0,jsx_runtime.jsx)(crown._,Object.assign({},args))};Template.displayName="Template";var Simple=Template.bind({});Simple.args={logoMarkAlt:"Arbutus logo",logoMarkSrc:fluentui_logo,logoText:"Arbutus",isTabletLayout:!1};var TabletLayout=Template.bind({});TabletLayout.args={logoMarkAlt:"Arbutus logo",logoMarkSrc:logo_namespaceObject,logoText:"Arbutus",isTabletLayout:!0};var ImageOnly=Template.bind({});ImageOnly.args={logoMarkAlt:"Fluent logo",logoMarkSrc:fluentui_logo,isTabletLayout:!0};var __namedExportsOrder=["Simple","TabletLayout","ImageOnly"]},"./components/shell/__dev__/shell.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{FullExample:()=>FullExample,HeroExample:()=>HeroExample,Simple:()=>Simple,__namedExportsOrder:()=>__namedExportsOrder,default:()=>shell_stories});__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js");var tokens=__webpack_require__("./node_modules/@fluentui/tokens/lib/tokens.js"),makeStyles_esm=__webpack_require__("./node_modules/@griffel/react/makeStyles.esm.js"),layout=__webpack_require__("./styles/theming/lib/layout.js"),react=__webpack_require__("./node_modules/react/index.js"),mergeClasses_esm=__webpack_require__("./node_modules/@griffel/core/mergeClasses.esm.js"),use_space_styles=__webpack_require__("./hooks/use-space-styles/lib/use-space-styles.js"),useFooterStyles=(0,makeStyles_esm.Z)({root:{backgroundColor:tokens.T.colorNeutralBackground6}}),Footer=function Footer(_ref){var className=_ref.className,children=_ref.children,classes=useFooterStyles(),space=(0,use_space_styles.z)();return react.createElement("footer",{className:(0,mergeClasses_esm.z)(classes.root,space.p7,className)},children)};Footer.__docgenInfo={description:"",methods:[],displayName:"Footer"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/footer/lib/footer/footer.js"]={name:"Footer",docgenInfo:Footer.__docgenInfo,path:"components/footer/lib/footer/footer.js"});var useHeaderStyles=(0,makeStyles_esm.Z)({root:{color:tokens.T.colorNeutralForeground1}}),Header=function Header(_ref){var className=_ref.className,children=_ref.children,classes=useHeaderStyles(),space=(0,use_space_styles.z)();return react.createElement("header",{className:(0,mergeClasses_esm.z)(classes.root,space.py5,className)},children)};Header.__docgenInfo={description:"",methods:[],displayName:"Header"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/header/lib/header/header.js"]={name:"Header",docgenInfo:Header.__docgenInfo,path:"components/header/lib/header/header.js"});__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null!=_i){var _s,_e,_x,_r,_arr=[],_n=!0,_d=!1;try{if(_x=(_i=_i.call(arr)).next,0===i){if(Object(_i)!==_i)return;_n=!1}else for(;!(_n=(_s=_x.call(_i)).done)&&(_arr.push(_s.value),_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{if(!_n&&null!=_i.return&&(_r=_i.return(),Object(_r)!==_r))return}finally{if(_d)throw _e}}return _arr}}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||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 _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i) => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/shell/src/shell/shell.tsx#Shell"]={docgenInfo:Shell.__docgenInfo,name:"Shell",path:"components/shell/src/shell/shell.tsx#Shell"})}catch(__react_docgen_typescript_loader_error){}var text_text=__webpack_require__("./components/text/lib/text/text.js"),tile=__webpack_require__("./components/tile/lib/tile.js"),Area=function Area(_ref){var children=_ref.children,className=_ref.className;return(0,jsx_runtime.jsx)(tile.n,{className,variant:"solid-color",backgroundColor:"tertiary",children:(0,jsx_runtime.jsx)(text_text.x,{block:!0,variant:"caption",className:(0,use_space_styles.z)().p8,children})})};Area.displayName="Area";try{Area.displayName="Area",Area.__docgenInfo={description:"",displayName:"Area",props:{className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/shell/__dev__/area.tsx#Area"]={docgenInfo:Area.__docgenInfo,name:"Area",path:"components/shell/__dev__/area.tsx#Area"})}catch(__react_docgen_typescript_loader_error){}var fluentui_logo=__webpack_require__("./components/shell/__dev__/fluentui-logo.svg"),divider=__webpack_require__("./components/divider/lib/divider/divider.js"),link_link=__webpack_require__("./components/link/lib/link/link.js"),LinkSample=function LinkSample(_ref){var children=_ref.children;return(0,jsx_runtime.jsx)("button",{style:{backgroundColor:"transparent",border:"none"},onClick:function onClick(e){e.preventDefault(),alert("Clicked!")},children})};LinkSample.displayName="LinkSample";var footer_sample_useFooterStyles=(0,makeStyles_esm.Z)({root:{display:"grid",gridTemplateColumns:"repeat(2, 1fr)",columnGap:"1rem"},links:{display:"flex",justifyContent:"flex-end",columnGap:"0.5rem"}}),FooterSample=function FooterSample(){var classes=footer_sample_useFooterStyles(),space=(0,use_space_styles.z)();return(0,jsx_runtime.jsxs)("div",{children:[(0,jsx_runtime.jsxs)("div",{className:classes.root,children:[(0,jsx_runtime.jsx)("div",{children:" "}),(0,jsx_runtime.jsxs)("div",{className:classes.links,children:[(0,jsx_runtime.jsx)(link_link.r,{as:LinkSample,variant:"caption",children:"Design"}),(0,jsx_runtime.jsx)(link_link.r,{as:LinkSample,variant:"caption",children:"Develop"}),(0,jsx_runtime.jsx)(link_link.r,{as:LinkSample,variant:"caption",withIcon:!0,children:"Microsfoft Design"})]})]}),(0,jsx_runtime.jsx)(divider.i,{className:space.my6}),(0,jsx_runtime.jsxs)("div",{className:classes.root,children:[(0,jsx_runtime.jsx)("div",{children:" "}),(0,jsx_runtime.jsxs)("div",{className:classes.links,children:[(0,jsx_runtime.jsx)(link_link.r,{as:LinkSample,variant:"secondary",children:"Contact"}),(0,jsx_runtime.jsx)(link_link.r,{as:LinkSample,variant:"secondary",children:"Trademarks"}),(0,jsx_runtime.jsx)(link_link.r,{as:LinkSample,variant:"secondary",children:"Terms of use"}),(0,jsx_runtime.jsx)(link_link.r,{as:LinkSample,variant:"secondary",children:"© Microsoft 2021"})]})]})]})};FooterSample.displayName="FooterSample";var index_esm=__webpack_require__("./node_modules/@griffel/core/index.esm.js"),header_sample_LinkSample=function LinkSample(_ref){var children=_ref.children;return(0,jsx_runtime.jsx)("button",{style:{backgroundColor:"transparent",border:"none"},onClick:function onClick(e){e.preventDefault(),alert("Clicked!")},children})};header_sample_LinkSample.displayName="LinkSample";var useHeaderSampleStyles=(0,makeStyles_esm.Z)({root:{display:"flex",justifyContent:"flex-end",alignItems:"center",columnGap:"0.5rem"},button:Object.assign({},index_esm.q5.border("1px","solid",tokens.T.colorBrandForeground2),index_esm.q5.borderRadius(tokens.T.spacingHorizontalXXL),{height:"48px",color:tokens.T.colorBrandForeground2,display:"inline-grid",alignItems:"center",justifyItems:"center",paddingTop:"0px",paddingRight:"1rem",paddingBottom:"0px",paddingLeft:"1rem"})}),HeaderSample=function HeaderSample(_ref2){var isHeroMode=_ref2.isHeroMode,classes=useHeaderSampleStyles();return(0,jsx_runtime.jsxs)("div",{className:classes.root,children:[(0,jsx_runtime.jsx)(link_link.r,{as:header_sample_LinkSample,variant:isHeroMode?"caption":"primary",children:"Blog"}),(0,jsx_runtime.jsx)(link_link.r,{as:header_sample_LinkSample,variant:isHeroMode?"caption":"primary",children:"GitHub"}),(0,jsx_runtime.jsx)(link_link.r,{as:header_sample_LinkSample,variant:isHeroMode?"caption":"primary",children:"Contact Us"}),(0,jsx_runtime.jsx)("div",{className:classes.button,children:"Button"})]})};HeaderSample.displayName="HeaderSample";try{HeaderSample.displayName="HeaderSample",HeaderSample.__docgenInfo={description:"",displayName:"HeaderSample",props:{isHeroMode:{defaultValue:null,description:"",name:"isHeroMode",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/shell/__dev__/header-sample.tsx#HeaderSample"]={docgenInfo:HeaderSample.__docgenInfo,name:"HeaderSample",path:"components/shell/__dev__/header-sample.tsx#HeaderSample"})}catch(__react_docgen_typescript_loader_error){}const hero_background_namespaceObject=__webpack_require__.p+"static/media/hero-background.3b01da00.png";var _container,useMainStyles=(0,makeStyles_esm.Z)({thirds:{display:"grid",gridTemplateColumns:"repeat(3, 1fr)",columnGap:"1rem",paddingBottom:"40px",marginBottom:"72px"},heroBackground:{position:"absolute",top:"-80px",height:"620px",width:"100%"},heroText:{position:"relative",maxWidth:"720px",paddingTop:"92px",paddingBottom:tokens.T.spacingVerticalXXXL,display:"grid",rowGap:tokens.T.spacingVerticalXXXL},backgroundImage:{width:"100%",height:"620px",objectFit:"cover"},gradientTransition:{height:"340px",width:"100%",position:"absolute",bottom:"0"},container:(_container={position:"relative",maxWidth:CONTAINER_WIDTH,width:"100%",marginRight:"auto",marginLeft:"auto"},_container["@media screen and (max-width: "+CONTAINER_WIDTH+")"]={paddingRight:tokens.T.spacingHorizontalL,paddingLeft:tokens.T.spacingHorizontalL},_container),mockCard:{height:"300px"},titleMarginTop:{paddingTop:"72px"},titleMarginBottom:{paddingBottom:tokens.T.spacingVerticalXXXL}}),HeroSample=function HeroSample(){var classes=useMainStyles();return(0,jsx_runtime.jsxs)("div",{children:[(0,jsx_runtime.jsxs)("div",{className:classes.heroBackground,"aria-hidden":"true",children:[(0,jsx_runtime.jsx)("img",{className:classes.backgroundImage,src:hero_background_namespaceObject,alt:""}),(0,jsx_runtime.jsx)("div",{style:{background:"linear-gradient(180deg, transparent, "+tokens.T.colorNeutralBackground1+")"},className:classes.gradientTransition})]}),(0,jsx_runtime.jsxs)("div",{className:classes.container,children:[(0,jsx_runtime.jsxs)(text_text.x,{block:!0,as:"h1",variant:"jumbo",className:classes.titleMarginTop,children:["Start building",(0,jsx_runtime.jsx)("br",{}),"with Arbutus"]}),(0,jsx_runtime.jsx)(text_text.x,{block:!0,variant:"headline",className:classes.titleMarginBottom,children:"A library of all sort of useful building blocks for documentation sites."}),(0,jsx_runtime.jsxs)("div",{className:classes.thirds,children:[(0,jsx_runtime.jsx)(tile.n,{variant:"card",className:classes.mockCard,children:" "}),(0,jsx_runtime.jsx)(tile.n,{variant:"card",className:classes.mockCard,children:" "}),(0,jsx_runtime.jsx)(tile.n,{variant:"card",className:classes.mockCard,children:" "})]})]})]})};HeroSample.displayName="HeroSample";var main_navigation=__webpack_require__("./components/main-navigation/lib/main-navigation/main-navigation.js"),main_navigation_sub=__webpack_require__("./components/main-navigation/lib/main-navigation-sub/main-navigation-sub.js"),main_navigation_link=__webpack_require__("./components/main-navigation/lib/main-navigation-link/main-navigation-link.js"),Link=function Link(_ref){var children=_ref.children,href=_ref.href;return(0,jsx_runtime.jsx)("a",{href,children})};Link.displayName="Link";var NavigationMenu=function NavigationMenu(){return(0,jsx_runtime.jsxs)(main_navigation.o,{children:[(0,jsx_runtime.jsxs)(main_navigation_sub.S,{title:"About us",children:[(0,jsx_runtime.jsx)(main_navigation_link.G,{as:Link,elementProps:{href:"#"},children:"Overview"}),(0,jsx_runtime.jsx)(main_navigation_link.G,{as:Link,elementProps:{href:"#"},children:"Getting started"})]}),(0,jsx_runtime.jsx)(divider.i,{}),(0,jsx_runtime.jsxs)(main_navigation_sub.S,{title:"Design Fundamentals",children:[(0,jsx_runtime.jsx)(main_navigation_link.G,{as:Link,elementProps:{href:"#"},children:"Typography"}),(0,jsx_runtime.jsx)(main_navigation_link.G,{as:Link,elementProps:{href:"#"},children:"Colors"}),(0,jsx_runtime.jsx)(main_navigation_link.G,{as:Link,elementProps:{href:"#"},children:"Space grid"})]}),(0,jsx_runtime.jsx)(divider.i,{}),(0,jsx_runtime.jsxs)(main_navigation_sub.S,{title:"Components",children:[(0,jsx_runtime.jsxs)(main_navigation_sub.S,{title:"Button",children:[(0,jsx_runtime.jsx)(main_navigation_link.G,{as:Link,elementProps:{href:"#"},children:"Primary"}),(0,jsx_runtime.jsx)(main_navigation_link.G,{as:Link,elementProps:{href:"#"},children:"Secondary"}),(0,jsx_runtime.jsx)(main_navigation_link.G,{as:Link,elementProps:{href:"#"},children:"Umph"})]}),(0,jsx_runtime.jsx)(main_navigation_link.G,{as:Link,elementProps:{href:"#"},children:"Text"}),(0,jsx_runtime.jsx)(main_navigation_link.G,{as:Link,elementProps:{href:"#"},children:"Link"})]}),(0,jsx_runtime.jsx)(divider.i,{}),(0,jsx_runtime.jsx)(main_navigation_link.G,{as:Link,elementProps:{href:"#"},children:"Credits"})]})};NavigationMenu.displayName="NavigationMenu";var NavigationSample=function NavigationSample(){return(0,jsx_runtime.jsx)(NavigationMenu,{})};NavigationSample.displayName="NavigationSample";__webpack_require__("./node_modules/core-js/modules/es.string.split.js");var AsideNavigationContext=(0,react.createContext)({}),useAsideNavigationStyles=(0,makeStyles_esm.Z)({list:Object.assign({display:"grid",position:"relative",gridTemplateColumns:"1fr",rowGap:tokens.T.spacingVerticalS,paddingLeft:tokens.T.spacingHorizontalS},index_esm.q5.borderLeft(tokens.T.strokeWidthThin,"solid",tokens.T.colorNeutralStroke1)),title:Object.assign({},index_esm.q5.borderLeft(tokens.T.strokeWidthThin,"solid",tokens.T.colorNeutralStroke1)),highlight:{transitionProperty:"all",transitionDuration:tokens.T.durationNormal,transitionTimingFunction:tokens.T.curveEasyEase,position:"absolute",height:tokens.T.lineHeightBase600,width:tokens.T.strokeWidthThick,left:"calc("+tokens.T.strokeWidthThin+" * -1)",backgroundColor:tokens.T.colorBrandForeground1}}),AsideNavigation=function AsideNavigation(_ref){var _ref$as=_ref.as,Root=void 0===_ref$as?"aside":_ref$as,className=_ref.className,children=_ref.children,currentIndex=_ref.currentIndex,title=_ref.title,classes=useAsideNavigationStyles(),space=(0,use_space_styles.z)(),count=react.Children.count(children),highlightStyle={top:"calc((100% + "+tokens.T.spacingVerticalS+") / "+count+" * "+currentIndex+")"};return react.createElement(AsideNavigationContext.Provider,{value:{currentIndex}},react.createElement(Root,{className},title&&react.createElement(text_text.x,{block:!0,as:"h3",variant:"caption",className:(0,mergeClasses_esm.z)(space.pl4,space.pb6,space.pt1,classes.title)},title),react.createElement("div",{className:classes.list},react.createElement("div",{className:classes.highlight,style:highlightStyle}," "),children)))};AsideNavigation.__docgenInfo={description:"",methods:[],displayName:"AsideNavigation",props:{as:{defaultValue:{value:"'aside'",computed:!1},required:!1}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/aside-navigation/lib/aside-navigation/aside-navigation.js"]={name:"AsideNavigation",docgenInfo:AsideNavigation.__docgenInfo,path:"components/aside-navigation/lib/aside-navigation/aside-navigation.js"});var useAsideNavigationLinkStyles=(0,makeStyles_esm.Z)({root:Object.assign({},index_esm.q5.padding(0,tokens.T.spacingHorizontalS),{textAlign:"left",height:tokens.T.lineHeightBase600,transitionProperty:"all",transitionDuration:tokens.T.durationNormal,transitionTimingFunction:tokens.T.curveEasyEase,backgroundColor:"transparent",cursor:"pointer"},index_esm.q5.borderStyle("none"),index_esm.q5.borderColor("transparent"),index_esm.q5.borderRadius("0.5rem"),{":hover":{backgroundColor:tokens.T.colorBrandBackground2,"& > *":{color:tokens.T.colorBrandForeground2},":focus":{outlineColor:tokens.T.colorBrandForeground2}}}),active:{fontWeight:tokens.T.fontWeightSemibold}}),AsideNavigationLink=function AsideNavigationLink(_ref){var children=_ref.children,_ref$as=_ref.as,Root=void 0===_ref$as?"button":_ref$as,onClick=_ref.onClick,index=_ref.index,classes=useAsideNavigationLinkStyles(),isActive=(0,react.useContext)(AsideNavigationContext).currentIndex===index;return react.createElement(Root,{onClick,className:(0,mergeClasses_esm.z)(classes.root)},react.createElement(text_text.x,{as:"span",color:isActive?"action":"secondary",className:isActive?classes.active:void 0},children))};AsideNavigationLink.__docgenInfo={description:"",methods:[],displayName:"AsideNavigationLink",props:{as:{defaultValue:{value:"'button'",computed:!1},required:!1}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/aside-navigation/lib/aside-navigation-link/aside-navigation-link.js"]={name:"AsideNavigationLink",docgenInfo:AsideNavigationLink.__docgenInfo,path:"components/aside-navigation/lib/aside-navigation-link/aside-navigation-link.js"});var icon=__webpack_require__("./components/icon/lib/icon/icon.js"),useBookmarkTileStyles=(0,makeStyles_esm.Z)({root:Object.assign({textAlign:"left",cursor:"pointer",backgroundColor:"transparent"},index_esm.q5.borderStyle("none"),index_esm.q5.borderColor("transparent")),header:{display:"flex",justifyContent:"space-between",alignItems:"center"},image:{height:tokens.T.spacingHorizontalXXXL,width:tokens.T.spacingHorizontalXXXL,objectFit:"contain"},fallbackIcon:Object.assign({height:tokens.T.spacingHorizontalXXXL,width:tokens.T.spacingHorizontalXXXL},index_esm.q5.borderRadius(tokens.T.spacingHorizontalL),{backgroundColor:tokens.T.colorBrandBackground2,display:"grid",alignItems:"center",justifyItems:"center"})}),BookmarkTile=function BookmarkTile(_ref){var className=_ref.className,iconAlt=_ref.iconAlt,iconSrc=_ref.iconSrc,title=_ref.title,description=_ref.description,onClick=_ref.onClick,classes=useBookmarkTileStyles(),space=(0,use_space_styles.z)();return react.createElement(tile.n,{as:"button",variant:"card",onClick,className:(0,mergeClasses_esm.z)(classes.root,space.p9,className)},react.createElement("div",null,react.createElement("header",{className:(0,mergeClasses_esm.z)(classes.header,space.mb7)},iconSrc&&iconAlt?react.createElement("img",{src:iconSrc,alt:iconAlt,className:classes.image}):react.createElement("div",{className:classes.fallbackIcon},react.createElement(icon.J,{iconName:"link",color:"accent"})),react.createElement(icon.J,{iconName:"open",color:"secondary"})),react.createElement(text_text.x,{block:!0,as:"h3",variant:"caption",className:space.mb1},title),react.createElement(text_text.x,{block:!0,variant:"description",color:"secondary"},description)))};BookmarkTile.__docgenInfo={description:"",methods:[],displayName:"BookmarkTile"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/bookmark-tile/lib/bookmark-tile/bookmark-tile.js"]={name:"BookmarkTile",docgenInfo:BookmarkTile.__docgenInfo,path:"components/bookmark-tile/lib/bookmark-tile/bookmark-tile.js"});var mark_list=__webpack_require__("./components/mark-list/lib/mark-list/mark-list.js"),mark_list_item=__webpack_require__("./components/mark-list/lib/mark-list-item/mark-list-item.js"),badge=(__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./components/badge/lib/badge/badge.js")),useRecommendationTileStyles=(0,makeStyles_esm.Z)({image:Object.assign({},index_esm.q5.borderRadius("var(--arbutus--shape-border-radius)"),{height:"13.75rem",width:"100%",objectFit:"cover"}),imageContainer:{position:"relative"},overlayBadge:{position:"absolute",left:tokens.T.spacingHorizontalM,top:tokens.T.spacingHorizontalM},recommendationList:{paddingLeft:0}}),getBackgroundColor=function getBackgroundColor(_ref){var withImage=_ref.withImage,recommendation=_ref.recommendation;switch(!0){case withImage:return"none";case!withImage&&"positive"===recommendation:return"positive";case!withImage&&"negative"===recommendation:return"negative";default:return"none"}},RecommendationTile=function RecommendationTile(_ref){var className=_ref.className,description=_ref.description,Image=_ref.imageAs,imageProps=_ref.imageProps,linkAs=_ref.linkAs,linkProps=_ref.linkProps,linkText=_ref.linkText,linkWithIcon=_ref.linkWithIcon,recommendation=_ref.recommendation,recommendationsList=_ref.recommendationsList,title=_ref.title,classes=useRecommendationTileStyles(),space=(0,use_space_styles.z)();return react.createElement(tile.n,{variant:"solid-color",backgroundColor:getBackgroundColor({withImage:Boolean(Image),recommendation}),className:(0,mergeClasses_esm.z)(!Image&&space.p9,className)},Image&&react.createElement("div",{className:classes.imageContainer},react.createElement(badge.C,{iconName:"positive"===recommendation?"check":"x",color:"positive"===recommendation?"positive":"negative",className:classes.overlayBadge}),react.createElement(Image,Object.assign({},imageProps,{className:(0,mergeClasses_esm.z)(classes.image,space.mb4)}))),react.createElement(text_text.x,{block:!0,variant:recommendationsList?"headline":"caption",color:recommendation,className:recommendationsList?space.mb7:space.mb5},!Image||recommendationsList&&react.createElement(badge.C,{iconName:"positive"===recommendation?"check":"x",color:"positive"===recommendation?"positive":"negative",isInline:!0,className:space.mr5}),title),description&&react.createElement(text_text.x,{block:!0,variant:"description"},description),recommendationsList&&react.createElement(mark_list.N,{iconName:"positive"===recommendation?"check":"x",iconColor:"positive"===recommendation?"positive":"negative",className:(0,mergeClasses_esm.z)(classes.recommendationList,space.mt5)},recommendationsList.map((function(recommendation,index){return react.createElement(mark_list_item.O,{key:index},recommendation)}))),linkAs&&linkText&&react.createElement(link_link.r,{as:linkAs,variant:"caption",elementProps:linkProps,className:space.mt5,withIcon:linkWithIcon},linkText))};RecommendationTile.__docgenInfo={description:"",methods:[],displayName:"RecommendationTile"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/recommendation-tile/lib/recommendation-tile/recommendation-tile.js"]={name:"RecommendationTile",docgenInfo:RecommendationTile.__docgenInfo,path:"components/recommendation-tile/lib/recommendation-tile/recommendation-tile.js"});var index_browser=__webpack_require__("./components/tabs/node_modules/nanoid/index.browser.js"),TabsContext=(0,react.createContext)({currentIndex:0,prevIndex:void 0,id:"",onChangeIndex:function onChangeIndex(_ref){_ref.nextIndex}}),TabsProvider=TabsContext.Provider,useTabsStyles=(0,makeStyles_esm.Z)({root:{color:tokens.T.colorNeutralForeground1,":global(:root)":{"--reach-tabs":1},'& [data-reach-tabs][data-orientation="vertical"]':{display:"flex"},'& [data-reach-tab-list][aria-orientation="vertical"]':{flexDirection:"column"},"& [data-reach-tab]":Object.assign({},index_esm.q5.margin("0"),{paddingTop:tokens.T.spacingHorizontalS,paddingBottom:tokens.T.spacingHorizontalS,paddingLeft:tokens.T.spacingHorizontalL,paddingRight:tokens.T.spacingHorizontalL,display:"inline-block"},index_esm.q5.borderColor("transparent"),index_esm.q5.borderWidth(0),index_esm.q5.borderStyle("none"),index_esm.q5.borderRadius("0.25rem 0.25rem 0 0"),{boxShadow:"0 0 0 -2px transparent",backgroundColor:"transparent",color:"inherit",cursor:"pointer",WebkitAppearance:"none",MozAppearance:"none",fontWeight:tokens.T.fontWeightRegular,fontSize:tokens.T.fontSizeBase300,lineHeight:tokens.T.lineHeightBase300,transitionProperty:"box-shadow",transitionDuration:tokens.T.durationNormal,transitionTimingFunction:tokens.T.curveEasyEase,"&:focus":{outlineColor:"initial",outlineStyle:"none",outlineWidth:"initial"}}),"& [data-reach-tab]:active":{backgroundColor:tokens.T.colorNeutralBackground1},"& [data-reach-tab]:disabled":{opacity:"0.25",cursor:"default"},"& [data-reach-tab][data-selected]":{fontWeight:tokens.T.fontWeightSemibold,boxShadow:"0 0.125rem 0 0 "+tokens.T.colorBrandForeground1}}});function tabs_slicedToArray(arr,i){return function tabs_arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function tabs_iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null!=_i){var _s,_e,_x,_r,_arr=[],_n=!0,_d=!1;try{if(_x=(_i=_i.call(arr)).next,0===i){if(Object(_i)!==_i)return;_n=!1}else for(;!(_n=(_s=_x.call(_i)).done)&&(_arr.push(_s.value),_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{if(!_n&&null!=_i.return&&(_r=_i.return(),Object(_r)!==_r))return}finally{if(_d)throw _e}}return _arr}}(arr,i)||function tabs_unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return tabs_arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return tabs_arrayLikeToArray(o,minLen)}(arr,i)||function tabs_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 tabs_arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);iarr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i{"use strict";__webpack_require__.d(__webpack_exports__,{_:()=>Crown});var mergeClasses_esm=__webpack_require__("./node_modules/@griffel/core/mergeClasses.esm.js"),icon_button=__webpack_require__("./components/icon-button/lib/icon-button/icon-button.js"),text_text=__webpack_require__("./components/text/lib/text/text.js"),react=__webpack_require__("./node_modules/react/index.js"),context=__webpack_require__("./components/tray/lib/context.js"),tokens=(__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/@fluentui/tokens/lib/tokens.js")),makeStyles_esm=__webpack_require__("./node_modules/@griffel/react/makeStyles.esm.js"),index_esm=__webpack_require__("./node_modules/@griffel/core/index.esm.js"),useCrownStyles=(0,makeStyles_esm.Z)({root:{width:"100%",display:"inline-flex",alignItems:"center",minHeight:"60px",columnGap:tokens.T.spacingHorizontalM},image:{width:"auto",height:tokens.T.spacingHorizontalXXXL},logo:{display:"inline-flex",alignItems:"center",height:"100%",columnGap:tokens.T.spacingHorizontalM},interactive:{backgroundColor:"transparent",borderLeftWidth:"none",borderRightWidth:"none",borderTopWidth:"none",borderBottomWidth:"none",borderLeftColor:"none",borderRightColor:"none",borderTopColor:"none",borderBottomColor:"none",borderLeftStyle:"none",borderRightStyle:"none",borderTopStyle:"none",borderBottomStyle:"none",cursor:"pointer",position:"relative","&::after":Object.assign({content:'""',position:"absolute",top:"-1px",left:"-1px",height:"calc(100% + 2px)",width:"calc(100% + 2px)",boxShadow:"0 0 4px 1px transparent",transitionProperty:"box-shadow",transitionDuration:tokens.T.durationNormal,transitionTimingFunction:tokens.T.curveEasyEase},index_esm.q5.borderRadius(tokens.T.borderRadiusMedium)),"&:focus":{outlineColor:"initial",outlineStyle:"none",outlineWidth:"initial",position:"relative"},"&:focus-visible":{outlineStyle:"none","&::after":{boxShadow:"0 0 4px 2px "+tokens.T.colorBrandForeground1}}}}),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),Logo=function Logo(_ref){var onClick=_ref.onClick,children=_ref.children,classes=useCrownStyles();return onClick?(0,jsx_runtime.jsx)("button",{className:(0,mergeClasses_esm.z)(classes.logo,classes.interactive),onClick,children}):(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children})},Crown=function Crown(_ref2){var className=_ref2.className,onClick=_ref2.onClick,_ref2$closeTrayLabel=_ref2.closeTrayLabel,closeTrayLabel=void 0===_ref2$closeTrayLabel?"Close navigation":_ref2$closeTrayLabel,isTabletLayout=_ref2.isTabletLayout,logoMarkAlt=_ref2.logoMarkAlt,logoMarkSrc=_ref2.logoMarkSrc,logoText=_ref2.logoText,_ref2$openTrayLabel=_ref2.openTrayLabel,openTrayLabel=void 0===_ref2$openTrayLabel?"Open navigation":_ref2$openTrayLabel,_useTrayContext=function useTrayContext(){return(0,react.useContext)(context.Se)}(),isOpen=_useTrayContext.isOpen,setIsOpen=_useTrayContext.setIsOpen,classes=useCrownStyles();return(0,jsx_runtime.jsxs)("div",{className:(0,mergeClasses_esm.z)(classes.root,className),children:[isTabletLayout&&(0,jsx_runtime.jsx)(icon_button.h,{iconName:isOpen?"slide-in":"slide-out",label:isOpen?closeTrayLabel:openTrayLabel,onClick:isOpen?function onCloseTray(){return setIsOpen(!1)}:function onOpenTray(){return setIsOpen(!0)},"aria-hidden":!0}),(0,jsx_runtime.jsxs)(Logo,{onClick,children:[logoMarkSrc&&(0,jsx_runtime.jsx)("img",{src:logoMarkSrc,alt:logoMarkAlt,className:classes.image}),logoText&&(0,jsx_runtime.jsx)(text_text.x,{as:"h1",variant:"subtitle",children:logoText})]})]})};Crown.displayName="Crown";try{Crown.displayName="Crown",Crown.__docgenInfo={description:"",displayName:"Crown",props:{className:{defaultValue:null,description:"Consumer provided class.",name:"className",required:!1,type:{name:"string"}},logoMarkSrc:{defaultValue:null,description:"Logo mark src.",name:"logoMarkSrc",required:!1,type:{name:"string"}},logoMarkAlt:{defaultValue:null,description:"Logo mark alt.",name:"logoMarkAlt",required:!1,type:{name:"string"}},logoText:{defaultValue:null,description:"Logo text.",name:"logoText",required:!1,type:{name:"string"}},isTabletLayout:{defaultValue:null,description:"Adds tablet tray controls.",name:"isTabletLayout",required:!1,type:{name:"boolean"}},closeTrayLabel:{defaultValue:{value:"Close navigation"},description:"Accessible text for the close tray action.",name:"closeTrayLabel",required:!1,type:{name:"string"}},openTrayLabel:{defaultValue:{value:"Open navigation"},description:"Accessible text for the open tray action.",name:"openTrayLabel",required:!1,type:{name:"string"}},onClick:{defaultValue:null,description:"Click handler.",name:"onClick",required:!1,type:{name:"(event?: MouseEvent) => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/shell/src/crown/crown.tsx#Crown"]={docgenInfo:Crown.__docgenInfo,name:"Crown",path:"components/shell/src/crown/crown.tsx#Crown"})}catch(__react_docgen_typescript_loader_error){}},"./components/table-list/__dev__/table-list.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Alternating:()=>Alternating,Simple:()=>Simple,__namedExportsOrder:()=>__namedExportsOrder,default:()=>table_list_stories});__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js");var makeStyles_esm=__webpack_require__("./node_modules/@griffel/react/makeStyles.esm.js"),text_text=__webpack_require__("./components/text/lib/text/text.js"),react=__webpack_require__("./node_modules/react/index.js"),decorators=__webpack_require__("./.storybook/decorators/index.ts"),mergeClasses_esm=__webpack_require__("./node_modules/@griffel/core/mergeClasses.esm.js"),TableListContext=(0,react.createContext)({isAlternating:!1}),TableListProvider=TableListContext.Provider,tokens=__webpack_require__("./node_modules/@fluentui/tokens/lib/tokens.js"),index_esm=__webpack_require__("./node_modules/@griffel/core/index.esm.js"),useTableListStyles=(0,makeStyles_esm.Z)({root:Object.assign({borderSpacing:0,width:"100%"},index_esm.q5.borderColor(tokens.T.colorNeutralStroke1),index_esm.q5.borderWidth(tokens.T.strokeWidthThin),index_esm.q5.borderStyle("solid"),index_esm.q5.borderRadius(tokens.T.borderRadiusXLarge),{tableLayout:"fixed","& thead > tr > th":Object.assign({borderBottomColor:tokens.T.colorNeutralStroke1,borderBottomWidth:tokens.T.strokeWidthThin,borderBottomStyle:"solid"},index_esm.q5.borderRadius(0)),"& thead tr:last-child td:first-child, &:last-child th:first-child":{borderBottomLeftRadius:0},"& thead tr:last-child td:last-child, &:last-child th:last-child":{borderBottomRightRadius:0}}),caption:{color:tokens.T.colorNeutralForeground1,fontFamily:tokens.T.fontFamilyBase,fontSize:tokens.T.fontSizeBase500,lineHeight:tokens.T.lineHeightBase500,fontWeight:tokens.T.fontWeightSemibold,marginBottom:tokens.T.spacingVerticalL,textAlign:"left","@media screen and (max-width: 600px)":{fontSize:tokens.T.fontSizeBase400,lineHeight:tokens.T.lineHeightBase400}}}),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),TableList=function TableList(_ref){var className=_ref.className,isAlternating=_ref.isAlternating,children=_ref.children,caption=_ref.caption,classes=useTableListStyles();return(0,jsx_runtime.jsx)(TableListProvider,{value:{isAlternating},children:(0,jsx_runtime.jsxs)("table",{className:(0,mergeClasses_esm.z)(classes.root,className),children:[caption&&(0,jsx_runtime.jsx)("caption",{className:classes.caption,children:caption}),children]})})};TableList.displayName="TableList";try{TableList.displayName="TableList",TableList.__docgenInfo={description:"",displayName:"TableList",props:{className:{defaultValue:null,description:"Consumer provided class.",name:"className",required:!1,type:{name:"string"}},isAlternating:{defaultValue:null,description:"Alternating row colors variant.",name:"isAlternating",required:!1,type:{name:"boolean"}},caption:{defaultValue:null,description:"Table title (caption).",name:"caption",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/table-list/src/table-list/table-list.tsx#TableList"]={docgenInfo:TableList.__docgenInfo,name:"TableList",path:"components/table-list/src/table-list/table-list.tsx#TableList"})}catch(__react_docgen_typescript_loader_error){}var useTableRowStyles=(0,makeStyles_esm.Z)({root:{"&:first-child td:first-child, &:first-child th:first-child":{borderTopLeftRadius:tokens.T.borderRadiusXLarge},"&:first-child td:last-child, &:first-child th:last-child":{borderTopRightRadius:tokens.T.borderRadiusXLarge},"&:last-child td:first-child, &:last-child th:first-child":{borderBottomLeftRadius:tokens.T.borderRadiusXLarge},"&:last-child td:last-child, &:last-child th:last-child":{borderBottomRightRadius:tokens.T.borderRadiusXLarge}},simple:{"&:not(:last-child) td":{borderBottomColor:tokens.T.colorNeutralStroke1,borderBottomWidth:tokens.T.strokeWidthThin,borderBottomStyle:"solid"},"&:not(:last-child) th":{borderBottomColor:tokens.T.colorNeutralStroke1,borderBottomWidth:tokens.T.strokeWidthThin,borderBottomStyle:"solid"}},alternating:{"&:nth-child(even) td, &:nth-child(even) th":{backgroundColor:tokens.T.colorNeutralBackground3}}}),TableRow=function TableRow(_ref){var className=_ref.className,children=_ref.children,isAlternating=function useTableListContext(){return(0,react.useContext)(TableListContext)}().isAlternating,classes=useTableRowStyles();return(0,jsx_runtime.jsx)("tr",{className:(0,mergeClasses_esm.z)(classes.root,isAlternating?classes.alternating:classes.simple,className),children})};TableRow.displayName="TableRow";try{TableRow.displayName="TableRow",TableRow.__docgenInfo={description:"",displayName:"TableRow",props:{className:{defaultValue:null,description:"Consumer provided class.",name:"className",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/table-list/src/table-row/table-row.tsx#TableRow"]={docgenInfo:TableRow.__docgenInfo,name:"TableRow",path:"components/table-list/src/table-row/table-row.tsx#TableRow"})}catch(__react_docgen_typescript_loader_error){}__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js");var useTableCellStyles=(0,makeStyles_esm.Z)({root:Object.assign({},index_esm.q5.padding(tokens.T.spacingVerticalXL))}),_excluded=["className","isHeader","children"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var TableCell=function TableCell(_ref){var className=_ref.className,isHeader=_ref.isHeader,children=_ref.children,props=_objectWithoutProperties(_ref,_excluded),classes=useTableCellStyles();return isHeader?(0,jsx_runtime.jsx)("th",Object.assign({className:(0,mergeClasses_esm.z)(classes.root,className)},props,{children})):(0,jsx_runtime.jsx)("td",Object.assign({className:(0,mergeClasses_esm.z)(classes.root,className)},props,{children}))};TableCell.displayName="TableCell";try{TableCell.displayName="TableCell",TableCell.__docgenInfo={description:"",displayName:"TableCell",props:{className:{defaultValue:null,description:"Consumer provided class.",name:"className",required:!1,type:{name:"string"}},isHeader:{defaultValue:null,description:"Sets the cell to be a header cell (``).",name:"isHeader",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/table-list/src/table-cell/table-cell.tsx#TableCell"]={docgenInfo:TableCell.__docgenInfo,name:"TableCell",path:"components/table-list/src/table-cell/table-cell.tsx#TableCell"})}catch(__react_docgen_typescript_loader_error){}var useTemplateStyles=(0,makeStyles_esm.Z)({header:{width:"120px"},domain:{width:"120px"}});const table_list_stories={title:"Lists/TableList",component:TableList,decorators:[function(Story){return(0,jsx_runtime.jsx)(decorators.z,{children:(0,jsx_runtime.jsx)("div",{children:(0,jsx_runtime.jsx)(Story,{})})})}]};var Template=function Template(args){var classes=useTemplateStyles();return(0,jsx_runtime.jsxs)(TableList,Object.assign({},args,{children:[(0,jsx_runtime.jsx)("thead",{children:(0,jsx_runtime.jsxs)(TableRow,{children:[(0,jsx_runtime.jsx)(TableCell,{isHeader:!0,className:classes.header,children:"Component"}),(0,jsx_runtime.jsx)(TableCell,{isHeader:!0,className:classes.domain,children:"Domain"}),(0,jsx_runtime.jsx)(TableCell,{isHeader:!0,children:"Example"}),(0,jsx_runtime.jsx)(TableCell,{isHeader:!0,children:"Notes"})]})}),(0,jsx_runtime.jsxs)("tbody",{children:[(0,jsx_runtime.jsxs)(TableRow,{children:[(0,jsx_runtime.jsx)(TableCell,{isHeader:!0,className:classes.header,children:"Table"}),(0,jsx_runtime.jsx)(TableCell,{className:classes.domain,children:"Lists"}),(0,jsx_runtime.jsx)(TableCell,{children:(0,jsx_runtime.jsx)(text_text.x,{variant:"code",children:"{children}"})}),(0,jsx_runtime.jsx)(TableCell,{children:"No additional info."})]}),(0,jsx_runtime.jsxs)(TableRow,{children:[(0,jsx_runtime.jsx)(TableCell,{isHeader:!0,className:classes.header,children:"Button"}),(0,jsx_runtime.jsx)(TableCell,{className:classes.domain,children:"Actions"}),(0,jsx_runtime.jsx)(TableCell,{children:(0,jsx_runtime.jsx)(text_text.x,{variant:"code",children:""})}),(0,jsx_runtime.jsx)(TableCell,{children:"No additional info."})]}),(0,jsx_runtime.jsxs)(TableRow,{children:[(0,jsx_runtime.jsx)(TableCell,{isHeader:!0,className:classes.header,children:"Link"}),(0,jsx_runtime.jsx)(TableCell,{className:classes.domain,children:"Navigation"}),(0,jsx_runtime.jsx)(TableCell,{children:(0,jsx_runtime.jsx)(text_text.x,{variant:"code",children:" {}}>Click me!"})}),(0,jsx_runtime.jsx)(TableCell,{children:"Deprecated"})]})]})]}))};Template.displayName="Template";var Simple=Template.bind({});Simple.args={isAlternating:!1,caption:"TableList Example"};var Alternating=Template.bind({});Alternating.args={isAlternating:!0};var __namedExportsOrder=["Simple","Alternating"]},"./components/table-list/lib/table-cell/table-cell.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{p:()=>TableCell});__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var mergeClasses_esm=__webpack_require__("./node_modules/@griffel/core/mergeClasses.esm.js"),react=__webpack_require__("./node_modules/react/index.js"),tokens=__webpack_require__("./node_modules/@fluentui/tokens/lib/tokens.js"),makeStyles_esm=__webpack_require__("./node_modules/@griffel/react/makeStyles.esm.js"),index_esm=__webpack_require__("./node_modules/@griffel/core/index.esm.js"),useTableCellStyles=(0,makeStyles_esm.Z)({root:Object.assign({},index_esm.q5.padding(tokens.T.spacingVerticalXL))}),_excluded=["className","isHeader","children"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var TableCell=function TableCell(_ref){var className=_ref.className,isHeader=_ref.isHeader,children=_ref.children,props=_objectWithoutProperties(_ref,_excluded),classes=useTableCellStyles();return isHeader?react.createElement("th",Object.assign({className:(0,mergeClasses_esm.z)(classes.root,className)},props),children):react.createElement("td",Object.assign({className:(0,mergeClasses_esm.z)(classes.root,className)},props),children)};TableCell.__docgenInfo={description:"",methods:[],displayName:"TableCell"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/table-list/lib/table-cell/table-cell.js"]={name:"TableCell",docgenInfo:TableCell.__docgenInfo,path:"components/table-list/lib/table-cell/table-cell.js"})},"./components/table-list/lib/table-list-context/table-list-context.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{P_:()=>TableListProvider,oO:()=>useTableListContext});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),TableListContext=(0,react__WEBPACK_IMPORTED_MODULE_0__.createContext)({isAlternating:!1}),TableListProvider=TableListContext.Provider,useTableListContext=function useTableListContext(){return(0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(TableListContext)}},"./components/table-list/lib/table-list/table-list.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{b:()=>TableList});var mergeClasses_esm=__webpack_require__("./node_modules/@griffel/core/mergeClasses.esm.js"),react=__webpack_require__("./node_modules/react/index.js"),table_list_context=__webpack_require__("./components/table-list/lib/table-list-context/table-list-context.js"),tokens=(__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/@fluentui/tokens/lib/tokens.js")),makeStyles_esm=__webpack_require__("./node_modules/@griffel/react/makeStyles.esm.js"),index_esm=__webpack_require__("./node_modules/@griffel/core/index.esm.js"),useTableListStyles=(0,makeStyles_esm.Z)({root:Object.assign({borderSpacing:0,width:"100%"},index_esm.q5.borderColor(tokens.T.colorNeutralStroke1),index_esm.q5.borderWidth(tokens.T.strokeWidthThin),index_esm.q5.borderStyle("solid"),index_esm.q5.borderRadius(tokens.T.borderRadiusXLarge),{tableLayout:"fixed","& thead > tr > th":Object.assign({borderBottomColor:tokens.T.colorNeutralStroke1,borderBottomWidth:tokens.T.strokeWidthThin,borderBottomStyle:"solid"},index_esm.q5.borderRadius(0)),"& thead tr:last-child td:first-child, &:last-child th:first-child":{borderBottomLeftRadius:0},"& thead tr:last-child td:last-child, &:last-child th:last-child":{borderBottomRightRadius:0}}),caption:{color:tokens.T.colorNeutralForeground1,fontFamily:tokens.T.fontFamilyBase,fontSize:tokens.T.fontSizeBase500,lineHeight:tokens.T.lineHeightBase500,fontWeight:tokens.T.fontWeightSemibold,marginBottom:tokens.T.spacingVerticalL,textAlign:"left","@media screen and (max-width: 600px)":{fontSize:tokens.T.fontSizeBase400,lineHeight:tokens.T.lineHeightBase400}}}),TableList=function TableList(_ref){var className=_ref.className,isAlternating=_ref.isAlternating,children=_ref.children,caption=_ref.caption,classes=useTableListStyles();return react.createElement(table_list_context.P_,{value:{isAlternating}},react.createElement("table",{className:(0,mergeClasses_esm.z)(classes.root,className)},caption&&react.createElement("caption",{className:classes.caption},caption),children))};TableList.__docgenInfo={description:"",methods:[],displayName:"TableList"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/table-list/lib/table-list/table-list.js"]={name:"TableList",docgenInfo:TableList.__docgenInfo,path:"components/table-list/lib/table-list/table-list.js"})},"./components/table-list/lib/table-row/table-row.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{S:()=>TableRow});var mergeClasses_esm=__webpack_require__("./node_modules/@griffel/core/mergeClasses.esm.js"),react=__webpack_require__("./node_modules/react/index.js"),table_list_context=__webpack_require__("./components/table-list/lib/table-list-context/table-list-context.js"),tokens=__webpack_require__("./node_modules/@fluentui/tokens/lib/tokens.js"),useTableRowStyles=(0,__webpack_require__("./node_modules/@griffel/react/makeStyles.esm.js").Z)({root:{"&:first-child td:first-child, &:first-child th:first-child":{borderTopLeftRadius:tokens.T.borderRadiusXLarge},"&:first-child td:last-child, &:first-child th:last-child":{borderTopRightRadius:tokens.T.borderRadiusXLarge},"&:last-child td:first-child, &:last-child th:first-child":{borderBottomLeftRadius:tokens.T.borderRadiusXLarge},"&:last-child td:last-child, &:last-child th:last-child":{borderBottomRightRadius:tokens.T.borderRadiusXLarge}},simple:{"&:not(:last-child) td":{borderBottomColor:tokens.T.colorNeutralStroke1,borderBottomWidth:tokens.T.strokeWidthThin,borderBottomStyle:"solid"},"&:not(:last-child) th":{borderBottomColor:tokens.T.colorNeutralStroke1,borderBottomWidth:tokens.T.strokeWidthThin,borderBottomStyle:"solid"}},alternating:{"&:nth-child(even) td, &:nth-child(even) th":{backgroundColor:tokens.T.colorNeutralBackground3}}}),TableRow=function TableRow(_ref){var className=_ref.className,children=_ref.children,isAlternating=(0,table_list_context.oO)().isAlternating,classes=useTableRowStyles();return react.createElement("tr",{className:(0,mergeClasses_esm.z)(classes.root,isAlternating?classes.alternating:classes.simple,className)},children)};TableRow.__docgenInfo={description:"",methods:[],displayName:"TableRow"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/table-list/lib/table-row/table-row.js"]={name:"TableRow",docgenInfo:TableRow.__docgenInfo,path:"components/table-list/lib/table-row/table-row.js"})},"./components/tabs/__dev__/tabs.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Simple:()=>Simple,__namedExportsOrder:()=>__namedExportsOrder,default:()=>tabs_stories});__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js");var makeStyles_esm=__webpack_require__("./node_modules/@griffel/react/makeStyles.esm.js"),text_text=__webpack_require__("./components/text/lib/text/text.js"),tile=__webpack_require__("./components/tile/lib/tile.js"),use_space_styles=__webpack_require__("./hooks/use-space-styles/lib/use-space-styles.js"),react=__webpack_require__("./node_modules/react/index.js"),mergeClasses_esm=(__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/@griffel/core/mergeClasses.esm.js")),index_browser=__webpack_require__("./components/tabs/node_modules/nanoid/index.browser.js"),TabsContext=(0,react.createContext)({currentIndex:0,prevIndex:void 0,id:"",onChangeIndex:function onChangeIndex(_ref){_ref.nextIndex}}),TabsProvider=TabsContext.Provider,tokens=__webpack_require__("./node_modules/@fluentui/tokens/lib/tokens.js"),index_esm=__webpack_require__("./node_modules/@griffel/core/index.esm.js"),useTabsStyles=(0,makeStyles_esm.Z)({root:{color:tokens.T.colorNeutralForeground1,":global(:root)":{"--reach-tabs":1},'& [data-reach-tabs][data-orientation="vertical"]':{display:"flex"},'& [data-reach-tab-list][aria-orientation="vertical"]':{flexDirection:"column"},"& [data-reach-tab]":Object.assign({},index_esm.q5.margin("0"),{paddingTop:tokens.T.spacingHorizontalS,paddingBottom:tokens.T.spacingHorizontalS,paddingLeft:tokens.T.spacingHorizontalL,paddingRight:tokens.T.spacingHorizontalL,display:"inline-block"},index_esm.q5.borderColor("transparent"),index_esm.q5.borderWidth(0),index_esm.q5.borderStyle("none"),index_esm.q5.borderRadius("0.25rem 0.25rem 0 0"),{boxShadow:"0 0 0 -2px transparent",backgroundColor:"transparent",color:"inherit",cursor:"pointer",WebkitAppearance:"none",MozAppearance:"none",fontWeight:tokens.T.fontWeightRegular,fontSize:tokens.T.fontSizeBase300,lineHeight:tokens.T.lineHeightBase300,transitionProperty:"box-shadow",transitionDuration:tokens.T.durationNormal,transitionTimingFunction:tokens.T.curveEasyEase,"&:focus":{outlineColor:"initial",outlineStyle:"none",outlineWidth:"initial"}}),"& [data-reach-tab]:active":{backgroundColor:tokens.T.colorNeutralBackground1},"& [data-reach-tab]:disabled":{opacity:"0.25",cursor:"default"},"& [data-reach-tab][data-selected]":{fontWeight:tokens.T.fontWeightSemibold,boxShadow:"0 0.125rem 0 0 "+tokens.T.colorBrandForeground1}}}),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null!=_i){var _s,_e,_x,_r,_arr=[],_n=!0,_d=!1;try{if(_x=(_i=_i.call(arr)).next,0===i){if(Object(_i)!==_i)return;_n=!1}else for(;!(_n=(_s=_x.call(_i)).done)&&(_arr.push(_s.value),_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{if(!_n&&null!=_i.return&&(_r=_i.return(),Object(_r)!==_r))return}finally{if(_d)throw _e}}return _arr}}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||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 _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Simple:()=>Simple,__namedExportsOrder:()=>__namedExportsOrder,default:()=>tag_stories});__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/react/index.js");var mergeClasses_esm=__webpack_require__("./node_modules/@griffel/core/mergeClasses.esm.js"),tokens=__webpack_require__("./node_modules/@fluentui/tokens/lib/tokens.js"),makeStyles_esm=__webpack_require__("./node_modules/@griffel/react/makeStyles.esm.js"),index_esm=__webpack_require__("./node_modules/@griffel/core/index.esm.js"),map_to_styles=__webpack_require__("./styles/utilities/lib/map-to-styles.js"),colorMap={new:{background:tokens.T.colorPaletteLavenderBackground2,text:tokens.T.colorPaletteLavenderForeground2},error:{background:tokens.T.colorPaletteDarkOrangeBackground2,text:tokens.T.colorPaletteDarkOrangeForeground2},warning:{background:tokens.T.colorPaletteMarigoldBackground2,text:tokens.T.colorPaletteMarigoldForeground2},success:{background:tokens.T.colorPaletteGreenBackground2,text:tokens.T.colorPaletteGreenForeground2},info:{background:tokens.T.colorNeutralBackground3,text:tokens.T.colorNeutralForeground3},accent:{background:tokens.T.colorBrandBackground2,text:tokens.T.colorBrandForeground2}},typeClasses=(0,map_to_styles.f)(colorMap,(function colorStyleFunction(_ref){return{backgroundColor:_ref.background,color:_ref.text}})),useTagStyles=(0,makeStyles_esm.Z)(Object.assign({root:Object.assign({color:tokens.T.colorNeutralForeground1,display:"block",textTransform:"uppercase"},index_esm.q5.borderRadius(tokens.T.borderRadiusMedium)),medium:{paddingTop:tokens.T.spacingVerticalXS,paddingBottom:tokens.T.spacingVerticalXS,paddingLeft:tokens.T.spacingHorizontalS,paddingRight:tokens.T.spacingHorizontalS,fontSize:tokens.T.fontSizeBase200,fontWeight:tokens.T.fontWeightSemibold,lineHeight:tokens.T.lineHeightBase200},small:{paddingTop:tokens.T.spacingVerticalXXS,paddingBottom:tokens.T.spacingVerticalXXS,paddingLeft:tokens.T.spacingHorizontalXS,paddingRight:tokens.T.spacingHorizontalXS,fontSize:tokens.T.fontSizeBase100,lineHeight:tokens.T.lineHeightBase100,fontWeight:tokens.T.fontWeightSemibold,letterSpacing:"0.5px"}},typeClasses,{inline:{display:"inline-block"}})),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),Tag=function Tag(_ref){var children=_ref.children,className=_ref.className,isInline=_ref.isInline,_ref$size=_ref.size,size=void 0===_ref$size?"medium":_ref$size,_ref$type=_ref.type,type=void 0===_ref$type?"accent":_ref$type,classes=useTagStyles();return(0,jsx_runtime.jsx)("span",{className:(0,mergeClasses_esm.z)(classes.root,classes[type],classes[size],isInline&&classes.inline,className),children})};Tag.displayName="Tag";try{Tag.displayName="Tag",Tag.__docgenInfo={description:"",displayName:"Tag",props:{className:{defaultValue:null,description:"Consumer provided class.",name:"className",required:!1,type:{name:"string"}},type:{defaultValue:{value:"accent"},description:"Type color variant options.",name:"type",required:!1,type:{name:"enum",value:[{value:'"accent"'},{value:'"warning"'},{value:'"info"'},{value:'"success"'},{value:'"error"'},{value:'"new"'}]}},size:{defaultValue:{value:"medium"},description:"Size variant options.",name:"size",required:!1,type:{name:"enum",value:[{value:'"small"'},{value:'"medium"'}]}},isInline:{defaultValue:{value:"false"},description:"Inline variant.",name:"isInline",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/tag/src/tag/tag.tsx#Tag"]={docgenInfo:Tag.__docgenInfo,name:"Tag",path:"components/tag/src/tag/tag.tsx#Tag"})}catch(__react_docgen_typescript_loader_error){}const tag_stories={title:"Atoms/Tag",component:Tag};var Template=function Template(args){return(0,jsx_runtime.jsx)(Tag,Object.assign({},args))};Template.displayName="Template";var Simple=Template.bind({});Simple.args={type:"accent",children:"Future",isInline:!1,size:"medium"};var __namedExportsOrder=["Simple"]},"./components/text/__dev__/text.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Code:()=>Code,Simple:()=>Simple,StylesDemo:()=>StylesDemo,__namedExportsOrder:()=>__namedExportsOrder,default:()=>text_stories});__webpack_require__("./node_modules/core-js/modules/es.array.concat.js"),__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js");var makeStyles_esm=__webpack_require__("./node_modules/@griffel/react/makeStyles.esm.js"),index_esm=__webpack_require__("./node_modules/@griffel/core/index.esm.js"),mergeClasses_esm=__webpack_require__("./node_modules/@griffel/core/mergeClasses.esm.js"),divider=__webpack_require__("./components/divider/lib/divider/divider.js"),use_space_styles=__webpack_require__("./hooks/use-space-styles/lib/use-space-styles.js"),decorators=(__webpack_require__("./node_modules/react/index.js"),__webpack_require__("./.storybook/decorators/index.ts")),Text_Text=(__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/@fluentui/react-text/lib/components/Text/Text.js")),tokens=__webpack_require__("./node_modules/@fluentui/tokens/lib/tokens.js"),map_to_styles=__webpack_require__("./styles/utilities/lib/map-to-styles.js"),colorMap={accent:tokens.T.colorBrandForeground1,action:tokens.T.colorBrandForeground2,primary:tokens.T.colorNeutralForeground1,secondary:tokens.T.colorNeutralForeground2,tertiary:tokens.T.colorNeutralForeground3,quaternary:tokens.T.colorNeutralForeground4,negative:tokens.T.colorPaletteDarkOrangeForeground1,positive:tokens.T.colorPaletteGreenForeground1,warning:tokens.T.colorPaletteMarigoldForeground1,danger:tokens.T.colorPaletteDarkOrangeForeground1,info:tokens.T.colorBrandForeground2,background:tokens.T.colorNeutralBackground1},colorClasses=(0,map_to_styles.f)(colorMap,(function colorStyleFunction(color){return{color}})),variantClasses={jumbo:{fontFamily:tokens.T.fontFamilyBase,fontSize:tokens.T.fontSizeHero1000,lineHeight:tokens.T.lineHeightHero1000,fontWeight:tokens.T.fontWeightBold},title:{fontFamily:tokens.T.fontFamilyBase,fontSize:tokens.T.fontSizeHero800,lineHeight:tokens.T.lineHeightHero800,fontWeight:tokens.T.fontWeightSemibold},subtitle:{fontFamily:tokens.T.fontFamilyBase,fontSize:tokens.T.fontSizeHero700,lineHeight:tokens.T.lineHeightHero700,fontWeight:tokens.T.fontWeightSemibold},headline:{fontFamily:tokens.T.fontFamilyBase,fontSize:tokens.T.fontSizeBase500,lineHeight:tokens.T.lineHeightBase500,fontWeight:tokens.T.fontWeightSemibold},leading:{fontFamily:tokens.T.fontFamilyBase,fontSize:tokens.T.fontSizeBase400,lineHeight:tokens.T.lineHeightBase400,fontWeight:tokens.T.fontWeightRegular},paragraph:{fontFamily:tokens.T.fontFamilyBase,fontSize:tokens.T.fontSizeBase300,lineHeight:tokens.T.lineHeightBase300,fontWeight:tokens.T.fontWeightRegular},caption:{fontFamily:tokens.T.fontFamilyBase,fontSize:tokens.T.fontSizeBase300,lineHeight:tokens.T.lineHeightBase300,fontWeight:tokens.T.fontWeightSemibold},description:{fontFamily:tokens.T.fontFamilyBase,fontSize:tokens.T.fontSizeBase200,lineHeight:tokens.T.lineHeightBase200,fontWeight:tokens.T.fontWeightRegular}},useTextStyles=(0,makeStyles_esm.Z)(Object.assign({},colorClasses,variantClasses,{root:Object.assign({},index_esm.q5.margin(0),index_esm.q5.padding(0)),code:Object.assign({display:"inline-block",fontFamily:tokens.T.fontFamilyMonospace,fontSize:tokens.T.fontSizeBase300,lineHeight:tokens.T.lineHeightBase300,backgroundColor:tokens.T.colorNeutralBackground3},index_esm.q5.borderRadius(tokens.T.borderRadiusSmall),{paddingLeft:tokens.T.spacingHorizontalXS,paddingRight:tokens.T.spacingHorizontalXS})})),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["children","color","variant","className","weight","size","font"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var Text=function Text(_ref){var children=_ref.children,_ref$color=_ref.color,color=void 0===_ref$color?"primary":_ref$color,variant=_ref.variant,className=_ref.className,weight=_ref.weight,size=_ref.size,font=_ref.font,props=_objectWithoutProperties(_ref,_excluded),classes=useTextStyles(),variantClass="";weight&&size&&font||(variantClass=variant?classes[variant]:classes.paragraph);var rootClasses=(0,mergeClasses_esm.z)(classes.root,classes[color],variantClass,className);return(0,jsx_runtime.jsx)(Text_Text.x,Object.assign({weight,size,font,className:rootClasses},props,{children}))};Text.displayName="Text";try{Text.displayName="Text",Text.__docgenInfo={description:"",displayName:"Text",props:{className:{defaultValue:null,description:"Consumer provided class.",name:"className",required:!1,type:{name:"string"}},variant:{defaultValue:null,description:"Selection of text styles.",name:"variant",required:!1,type:{name:"enum",value:[{value:'"title"'},{value:'"description"'},{value:'"code"'},{value:'"caption"'},{value:'"jumbo"'},{value:'"headline"'},{value:'"subtitle"'},{value:'"leading"'},{value:'"paragraph"'}]}},color:{defaultValue:{value:"primary"},description:"Selection of color options.",name:"color",required:!1,type:{name:"enum",value:[{value:'"action"'},{value:'"accent"'},{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'},{value:'"quaternary"'},{value:'"negative"'},{value:'"positive"'},{value:'"warning"'},{value:'"danger"'},{value:'"info"'},{value:'"background"'}]}},as:{defaultValue:null,description:"",name:"as",required:!1,type:{name:"enum",value:[{value:'"h1"'},{value:'"h2"'},{value:'"h3"'},{value:'"h4"'},{value:'"h5"'},{value:'"h6"'},{value:'"p"'},{value:'"pre"'},{value:'"span"'}]}},align:{defaultValue:{value:"start"},description:"Aligns text based on the parent container.",name:"align",required:!1,type:{name:"enum",value:[{value:'"start"'},{value:'"center"'},{value:'"end"'},{value:'"justify"'}]}},block:{defaultValue:{value:"false"},description:"Applies a block display for the content.",name:"block",required:!1,type:{name:"boolean"}},font:{defaultValue:{value:"base"},description:"Applies the font family to the content.",name:"font",required:!1,type:{name:"enum",value:[{value:'"numeric"'},{value:'"base"'},{value:'"monospace"'}]}},italic:{defaultValue:{value:"false"},description:"Applies the italic font style to the content.",name:"italic",required:!1,type:{name:"boolean"}},size:{defaultValue:{value:"300"},description:"Applies font size and line height based on the theme tokens.",name:"size",required:!1,type:{name:"enum",value:[{value:"100"},{value:"200"},{value:"300"},{value:"400"},{value:"500"},{value:"600"},{value:"700"},{value:"800"},{value:"900"},{value:"1000"}]}},strikethrough:{defaultValue:{value:"false"},description:"Applies the strikethrough text decoration to the content.",name:"strikethrough",required:!1,type:{name:"boolean"}},truncate:{defaultValue:{value:"false"},description:"Truncate overflowing text for block displays.",name:"truncate",required:!1,type:{name:"boolean"}},underline:{defaultValue:{value:"false"},description:"Applies the underline text decoration to the content.",name:"underline",required:!1,type:{name:"boolean"}},weight:{defaultValue:{value:"regular"},description:"Applies font weight to the content.",name:"weight",required:!1,type:{name:"enum",value:[{value:'"medium"'},{value:'"regular"'},{value:'"semibold"'},{value:'"bold"'}]}},wrap:{defaultValue:{value:"true"},description:"Wraps the text content on white spaces.",name:"wrap",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/text/src/text/text.tsx#Text"]={docgenInfo:Text.__docgenInfo,name:"Text",path:"components/text/src/text/text.tsx#Text"})}catch(__react_docgen_typescript_loader_error){}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);iHello!'}))};CodeTemplate.displayName="CodeTemplate";var Simple=Template.bind({});Simple.args={color:"primary",variant:"paragraph"};var Code=CodeTemplate.bind({});Code.args={variant:"code"};var useGridStyles=(0,makeStyles_esm.Z)({root:{maxWidth:"60rem"},article:{display:"grid",gridTemplateColumns:"repeat(2, 1fr)",columnGap:"1rem"},image:Object.assign({},index_esm.q5.borderRadius("var(--arbutus--shape-border-radius)"),{width:"100%"})}),TemplateDemo=function TemplateDemo(){var space=(0,use_space_styles.z)(),grid=useGridStyles(),imageClasses=(0,mergeClasses_esm.z)(grid.image,space.mb4);return(0,jsx_runtime.jsxs)("main",{className:(0,mergeClasses_esm.z)(space.pb12,grid.root),children:[(0,jsx_runtime.jsx)(Text,{block:!0,as:"h1",variant:"title",className:space.my4,children:"Title"}),(0,jsx_runtime.jsx)(Text,{block:!0,variant:"leading",children:"Leading Lorem ipsum dolor, sit amet consectetur adipisicing elit. Cupiditate modi eveniet dolorum officiis assumenda similique a voluptas voluptatum ducimus temporibus. Culpa animi labore molestiae nesciunt suscipit, architecto optio sit iusto."}),(0,jsx_runtime.jsx)(divider.i,{className:space.my8}),(0,jsx_runtime.jsx)(Text,{block:!0,as:"h2",variant:"subtitle",className:space.mb2,children:"Subheading"}),(0,jsx_runtime.jsx)(Text,{block:!0,variant:"leading",children:"Leading Lorem ipsum dolor, sit amet consectetur adipisicing elit. Cupiditate modi eveniet dolorum officiis assumenda similique a voluptas voluptatum ducimus temporibus. Culpa animi labore molestiae nesciunt suscipit, architecto optio sit iusto."}),(0,jsx_runtime.jsx)(divider.i,{className:space.my8}),(0,jsx_runtime.jsx)(Text,{block:!0,as:"h1",variant:"headline",className:space.my4,children:"Headline"}),(0,jsx_runtime.jsx)(Text,{block:!0,variant:"paragraph",className:space.mb8,children:"Paragraph Lorem ipsum dolor, sit amet consectetur adipisicing elit. Cupiditate modi eveniet dolorum officiis assumenda similique a voluptas voluptatum ducimus temporibus. Culpa animi labore molestiae nesciunt suscipit, architecto optio sit iusto."}),(0,jsx_runtime.jsxs)("div",{className:grid.article,children:[(0,jsx_runtime.jsxs)("section",{children:[(0,jsx_runtime.jsx)("img",{src:"https://via.placeholder.com/300x100.png/f0f0f0",alt:"Text demo 1",className:imageClasses}),(0,jsx_runtime.jsx)(Text,{block:!0,as:"h2",variant:"caption",className:space.mb1,color:"positive",children:"Caption: What do you see?"}),(0,jsx_runtime.jsx)(Text,{block:!0,variant:"description",color:"tertiary",children:"Description: Lorem ipsum dolor, sit amet consectetur adipisicing elit. Cupiditate modi eveniet dolorum officiis assumenda similique a voluptas voluptatum ducimus temporibus. Culpa animi labore molestiae nesciunt suscipit, architecto optio sit iusto."})]}),(0,jsx_runtime.jsxs)("section",{children:[(0,jsx_runtime.jsx)("img",{src:"https://via.placeholder.com/300x100.png/f0f0f0",alt:"Text demo 1",className:imageClasses}),(0,jsx_runtime.jsx)(Text,{block:!0,as:"h2",variant:"caption",className:space.mb1,color:"negative",children:"Caption: What do you see?"}),(0,jsx_runtime.jsx)(Text,{block:!0,variant:"description",color:"tertiary",children:"Description: Lorem ipsum dolor, sit amet consectetur adipisicing elit. Cupiditate modi eveniet dolorum officiis assumenda similique a voluptas voluptatum ducimus temporibus. Culpa animi labore molestiae nesciunt suscipit, architecto optio sit iusto."})]})]}),(0,jsx_runtime.jsx)(divider.i,{className:space.my12}),(0,jsx_runtime.jsxs)("div",{className:grid.article,children:[(0,jsx_runtime.jsxs)("section",{children:[(0,jsx_runtime.jsx)(Text,{block:!0,as:"h4",variant:"jumbo",color:"quaternary",className:space.my6,children:"Jumbo Text"}),(0,jsx_runtime.jsx)(Text,{block:!0,variant:"description",color:"secondary",children:"Description: Lorem ipsum dolor, sit amet consectetur adipisicing elit. Cupiditate modi eveniet dolorum officiis assumenda similique a voluptas voluptatum ducimus temporibus. Culpa animi labore molestiae nesciunt suscipit, architecto optio sit iusto."})]}),(0,jsx_runtime.jsx)("img",{src:"https://via.placeholder.com/300x200.png/f0f0f0",alt:"Text demo 2",className:grid.image})]})]})};TemplateDemo.displayName="TemplateDemo";var StylesDemo=TemplateDemo.bind({}),__namedExportsOrder=["Simple","Code","StylesDemo"]},"./components/text/lib/text/text.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{x:()=>Text});__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var _fluentui_react_text__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/@fluentui/react-text/lib/components/Text/Text.js"),_griffel_react__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@griffel/core/mergeClasses.esm.js"),react__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/react/index.js"),_text_styles__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./components/text/lib/text/text.styles.js"),_excluded=["children","color","variant","className","weight","size","font"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var Text=function Text(_ref){var children=_ref.children,_ref$color=_ref.color,color=void 0===_ref$color?"primary":_ref$color,variant=_ref.variant,className=_ref.className,weight=_ref.weight,size=_ref.size,font=_ref.font,props=_objectWithoutProperties(_ref,_excluded),classes=(0,_text_styles__WEBPACK_IMPORTED_MODULE_5__.Ke)(),variantClass="";weight&&size&&font||(variantClass=variant?classes[variant]:classes.paragraph);var rootClasses=(0,_griffel_react__WEBPACK_IMPORTED_MODULE_6__.z)(classes.root,classes[color],variantClass,className);return react__WEBPACK_IMPORTED_MODULE_4__.createElement(_fluentui_react_text__WEBPACK_IMPORTED_MODULE_7__.x,Object.assign({weight,size,font,className:rootClasses},props),children)};Text.__docgenInfo={description:"",methods:[],displayName:"Text",props:{color:{defaultValue:{value:"'primary'",computed:!1},required:!1}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/text/lib/text/text.js"]={name:"Text",docgenInfo:Text.__docgenInfo,path:"components/text/lib/text/text.js"})},"./components/text/lib/text/text.styles.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{AD:()=>variantClasses,Ke:()=>useTextStyles,bG:()=>colorClasses});__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var _fluentui_react_theme__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@fluentui/tokens/lib/tokens.js"),_griffel_react__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@griffel/react/makeStyles.esm.js"),_griffel_react__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/@griffel/core/index.esm.js"),_microsoft_arbutus_style_utilities__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./styles/utilities/lib/map-to-styles.js"),colorMap={accent:_fluentui_react_theme__WEBPACK_IMPORTED_MODULE_1__.T.colorBrandForeground1,action:_fluentui_react_theme__WEBPACK_IMPORTED_MODULE_1__.T.colorBrandForeground2,primary:_fluentui_react_theme__WEBPACK_IMPORTED_MODULE_1__.T.colorNeutralForeground1,secondary:_fluentui_react_theme__WEBPACK_IMPORTED_MODULE_1__.T.colorNeutralForeground2,tertiary:_fluentui_react_theme__WEBPACK_IMPORTED_MODULE_1__.T.colorNeutralForeground3,quaternary:_fluentui_react_theme__WEBPACK_IMPORTED_MODULE_1__.T.colorNeutralForeground4,negative:_fluentui_react_theme__WEBPACK_IMPORTED_MODULE_1__.T.colorPaletteDarkOrangeForeground1,positive:_fluentui_react_theme__WEBPACK_IMPORTED_MODULE_1__.T.colorPaletteGreenForeground1,warning:_fluentui_react_theme__WEBPACK_IMPORTED_MODULE_1__.T.colorPaletteMarigoldForeground1,danger:_fluentui_react_theme__WEBPACK_IMPORTED_MODULE_1__.T.colorPaletteDarkOrangeForeground1,info:_fluentui_react_theme__WEBPACK_IMPORTED_MODULE_1__.T.colorBrandForeground2,background:_fluentui_react_theme__WEBPACK_IMPORTED_MODULE_1__.T.colorNeutralBackground1},colorClasses=(0,_microsoft_arbutus_style_utilities__WEBPACK_IMPORTED_MODULE_2__.f)(colorMap,(function colorStyleFunction(color){return{color}})),variantClasses={jumbo:{fontFamily:_fluentui_react_theme__WEBPACK_IMPORTED_MODULE_1__.T.fontFamilyBase,fontSize:_fluentui_react_theme__WEBPACK_IMPORTED_MODULE_1__.T.fontSizeHero1000,lineHeight:_fluentui_react_theme__WEBPACK_IMPORTED_MODULE_1__.T.lineHeightHero1000,fontWeight:_fluentui_react_theme__WEBPACK_IMPORTED_MODULE_1__.T.fontWeightBold},title:{fontFamily:_fluentui_react_theme__WEBPACK_IMPORTED_MODULE_1__.T.fontFamilyBase,fontSize:_fluentui_react_theme__WEBPACK_IMPORTED_MODULE_1__.T.fontSizeHero800,lineHeight:_fluentui_react_theme__WEBPACK_IMPORTED_MODULE_1__.T.lineHeightHero800,fontWeight:_fluentui_react_theme__WEBPACK_IMPORTED_MODULE_1__.T.fontWeightSemibold},subtitle:{fontFamily:_fluentui_react_theme__WEBPACK_IMPORTED_MODULE_1__.T.fontFamilyBase,fontSize:_fluentui_react_theme__WEBPACK_IMPORTED_MODULE_1__.T.fontSizeHero700,lineHeight:_fluentui_react_theme__WEBPACK_IMPORTED_MODULE_1__.T.lineHeightHero700,fontWeight:_fluentui_react_theme__WEBPACK_IMPORTED_MODULE_1__.T.fontWeightSemibold},headline:{fontFamily:_fluentui_react_theme__WEBPACK_IMPORTED_MODULE_1__.T.fontFamilyBase,fontSize:_fluentui_react_theme__WEBPACK_IMPORTED_MODULE_1__.T.fontSizeBase500,lineHeight:_fluentui_react_theme__WEBPACK_IMPORTED_MODULE_1__.T.lineHeightBase500,fontWeight:_fluentui_react_theme__WEBPACK_IMPORTED_MODULE_1__.T.fontWeightSemibold},leading:{fontFamily:_fluentui_react_theme__WEBPACK_IMPORTED_MODULE_1__.T.fontFamilyBase,fontSize:_fluentui_react_theme__WEBPACK_IMPORTED_MODULE_1__.T.fontSizeBase400,lineHeight:_fluentui_react_theme__WEBPACK_IMPORTED_MODULE_1__.T.lineHeightBase400,fontWeight:_fluentui_react_theme__WEBPACK_IMPORTED_MODULE_1__.T.fontWeightRegular},paragraph:{fontFamily:_fluentui_react_theme__WEBPACK_IMPORTED_MODULE_1__.T.fontFamilyBase,fontSize:_fluentui_react_theme__WEBPACK_IMPORTED_MODULE_1__.T.fontSizeBase300,lineHeight:_fluentui_react_theme__WEBPACK_IMPORTED_MODULE_1__.T.lineHeightBase300,fontWeight:_fluentui_react_theme__WEBPACK_IMPORTED_MODULE_1__.T.fontWeightRegular},caption:{fontFamily:_fluentui_react_theme__WEBPACK_IMPORTED_MODULE_1__.T.fontFamilyBase,fontSize:_fluentui_react_theme__WEBPACK_IMPORTED_MODULE_1__.T.fontSizeBase300,lineHeight:_fluentui_react_theme__WEBPACK_IMPORTED_MODULE_1__.T.lineHeightBase300,fontWeight:_fluentui_react_theme__WEBPACK_IMPORTED_MODULE_1__.T.fontWeightSemibold},description:{fontFamily:_fluentui_react_theme__WEBPACK_IMPORTED_MODULE_1__.T.fontFamilyBase,fontSize:_fluentui_react_theme__WEBPACK_IMPORTED_MODULE_1__.T.fontSizeBase200,lineHeight:_fluentui_react_theme__WEBPACK_IMPORTED_MODULE_1__.T.lineHeightBase200,fontWeight:_fluentui_react_theme__WEBPACK_IMPORTED_MODULE_1__.T.fontWeightRegular}},useTextStyles=(0,_griffel_react__WEBPACK_IMPORTED_MODULE_3__.Z)(Object.assign({},colorClasses,variantClasses,{root:Object.assign({},_griffel_react__WEBPACK_IMPORTED_MODULE_4__.q5.margin(0),_griffel_react__WEBPACK_IMPORTED_MODULE_4__.q5.padding(0)),code:Object.assign({display:"inline-block",fontFamily:_fluentui_react_theme__WEBPACK_IMPORTED_MODULE_1__.T.fontFamilyMonospace,fontSize:_fluentui_react_theme__WEBPACK_IMPORTED_MODULE_1__.T.fontSizeBase300,lineHeight:_fluentui_react_theme__WEBPACK_IMPORTED_MODULE_1__.T.lineHeightBase300,backgroundColor:_fluentui_react_theme__WEBPACK_IMPORTED_MODULE_1__.T.colorNeutralBackground3},_griffel_react__WEBPACK_IMPORTED_MODULE_4__.q5.borderRadius(_fluentui_react_theme__WEBPACK_IMPORTED_MODULE_1__.T.borderRadiusSmall),{paddingLeft:_fluentui_react_theme__WEBPACK_IMPORTED_MODULE_1__.T.spacingHorizontalXS,paddingRight:_fluentui_react_theme__WEBPACK_IMPORTED_MODULE_1__.T.spacingHorizontalXS})}))},"./components/theme-switch/__dev__/theme-switch.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Simple:()=>Simple,__namedExportsOrder:()=>__namedExportsOrder,default:()=>theme_switch_stories});__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/react/index.js");var decorators=__webpack_require__("./.storybook/decorators/index.ts"),mergeClasses_esm=__webpack_require__("./node_modules/@griffel/core/mergeClasses.esm.js"),icon=__webpack_require__("./components/icon/lib/icon/icon.js"),reach_visually_hidden=__webpack_require__("./node_modules/@reach/visually-hidden/dist/reach-visually-hidden.mjs"),tokens=__webpack_require__("./node_modules/@fluentui/tokens/lib/tokens.js"),makeStyles_esm=__webpack_require__("./node_modules/@griffel/react/makeStyles.esm.js"),index_esm=__webpack_require__("./node_modules/@griffel/core/index.esm.js"),buttonHeight=tokens.T.spacingVerticalXXL,toggleHeight=tokens.T.spacingVerticalL,useThemeSwitchStyles=(0,makeStyles_esm.Z)({root:Object.assign({position:"relative",backgroundColor:tokens.T.colorNeutralBackground2,height:buttonHeight,width:"calc("+buttonHeight+" * 2 + -2px)",paddingTop:"calc(("+buttonHeight+" - "+toggleHeight+") / 2)",paddingBottom:"calc(("+buttonHeight+" - "+toggleHeight+") / 2)",paddingLeft:"calc(("+buttonHeight+" - "+toggleHeight+") / 2)",paddingRight:"calc(("+buttonHeight+" - "+toggleHeight+") / 2)",outlineStyle:"none",cursor:"pointer",transitionProperty:"all",transitionDuration:tokens.T.durationNormal,transitionTimingFunction:tokens.T.curveEasyEase,borderTopStyle:"none",borderBottomStyle:"none",borderLeftStyle:"none",borderRightStyle:"none",boxShadow:tokens.T.shadow2},index_esm.q5.borderRadius("calc("+buttonHeight+" / 2)")),toggle:Object.assign({transitionProperty:"all",transitionDuration:tokens.T.durationNormal,transitionTimingFunction:tokens.T.curveEasyEase,position:"absolute",top:"calc(("+buttonHeight+" - "+toggleHeight+") / 2)",height:toggleHeight,width:toggleHeight,backgroundColor:tokens.T.colorNeutralForeground2,boxShadow:tokens.T.shadow4},index_esm.q5.borderRadius(toggleHeight)),toggleOff:{transform:"translateX(0)"},toggleOn:{transform:"translateX(calc("+buttonHeight+" + -2px))"},iconSun:{position:"absolute",transitionProperty:"all",transitionDuration:tokens.T.durationNormal,transitionTimingFunction:tokens.T.curveEasyEase,top:"calc(("+buttonHeight+" - "+toggleHeight+") / 2)",left:"calc(("+buttonHeight+" - "+toggleHeight+") / 2)",color:tokens.T.colorPaletteMarigoldBackground3,opacity:1},iconMoon:{position:"absolute",transitionProperty:"all",transitionDuration:tokens.T.durationNormal,transitionTimingFunction:tokens.T.curveEasyEase,top:"calc(("+buttonHeight+" - "+toggleHeight+") / 2)",right:"calc(("+buttonHeight+" - "+toggleHeight+") / 2)",color:tokens.T.colorPaletteMarigoldBackground3,opacity:1},iconOff:{opacity:0}}),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),ThemeSwitch=function ThemeSwitch(_ref){var className=_ref.className,_ref$label=_ref.label,label=void 0===_ref$label?"Dark mode":_ref$label,isDark=_ref.isDark,onToggle=_ref.onToggle,classes=useThemeSwitchStyles();return(0,jsx_runtime.jsxs)("button",{"aria-pressed":isDark,className:(0,mergeClasses_esm.z)(classes.root,className),onClick:function clickHandler(){return null==onToggle?void 0:onToggle()},children:[(0,jsx_runtime.jsx)(reach_visually_hidden.T,{children:label}),(0,jsx_runtime.jsx)("div",{"aria-hidden":!0,className:(0,mergeClasses_esm.z)(classes.toggle,isDark?classes.toggleOn:classes.toggleOff)}),(0,jsx_runtime.jsx)(icon.J,{iconName:"sun",className:(0,mergeClasses_esm.z)(classes.iconSun,!isDark&&classes.iconOff)}),(0,jsx_runtime.jsx)(icon.J,{iconName:"moon",className:(0,mergeClasses_esm.z)(classes.iconMoon,isDark&&classes.iconOff)})]})};ThemeSwitch.displayName="ThemeSwitch";try{ThemeSwitch.displayName="ThemeSwitch",ThemeSwitch.__docgenInfo={description:"",displayName:"ThemeSwitch",props:{className:{defaultValue:null,description:"Consumer provided class.",name:"className",required:!1,type:{name:"string"}},label:{defaultValue:{value:"Dark mode"},description:"Label for assistive technologies to indicate whether the theme is light or dark.",name:"label",required:!1,type:{name:"string"}},isDark:{defaultValue:null,description:"Whether the theme is light or dark.",name:"isDark",required:!0,type:{name:"boolean"}},onToggle:{defaultValue:null,description:"Callback to be called when the theme is toggled.\n@param isDark - Whether the theme is light or dark.",name:"onToggle",required:!1,type:{name:"() => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/theme-switch/src/theme-switch/theme-switch.tsx#ThemeSwitch"]={docgenInfo:ThemeSwitch.__docgenInfo,name:"ThemeSwitch",path:"components/theme-switch/src/theme-switch/theme-switch.tsx#ThemeSwitch"})}catch(__react_docgen_typescript_loader_error){}const theme_switch_stories={title:"Atoms/ThemeSwitch",component:ThemeSwitch,decorators:[function(Story){return(0,jsx_runtime.jsx)(decorators.z,{children:(0,jsx_runtime.jsx)("div",{style:{maxWidth:" "},children:(0,jsx_runtime.jsx)(Story,{})})})}]};var Template=function Template(args){return(0,jsx_runtime.jsx)(ThemeSwitch,Object.assign({},args))};Template.displayName="Template";var Simple=Template.bind({});Simple.args={isDark:!1};var __namedExportsOrder=["Simple"]},"./components/tile/__dev__/tile.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{CardVariant:()=>CardVariant,ImageVariant:()=>ImageVariant,InteractiveVariant:()=>InteractiveVariant,SolidColorVariant:()=>SolidColorVariant,__namedExportsOrder:()=>__namedExportsOrder,default:()=>tile_stories});__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js");var tokens=__webpack_require__("./node_modules/@fluentui/tokens/lib/tokens.js"),makeStyles_esm=__webpack_require__("./node_modules/@griffel/react/makeStyles.esm.js"),index_esm=__webpack_require__("./node_modules/@griffel/core/index.esm.js"),mergeClasses_esm=__webpack_require__("./node_modules/@griffel/core/mergeClasses.esm.js"),text_text=__webpack_require__("./components/text/lib/text/text.js"),use_space_styles=__webpack_require__("./hooks/use-space-styles/lib/use-space-styles.js"),map_to_styles=(__webpack_require__("./node_modules/react/index.js"),__webpack_require__("./styles/utilities/lib/map-to-styles.js")),colorMap={none:"transparent",primary:tokens.T.colorNeutralBackground1,secondary:tokens.T.colorNeutralBackground2,tertiary:tokens.T.colorNeutralBackground3,quaternary:tokens.T.colorNeutralBackground4,tile:tokens.T.colorNeutralBackground6,negative:tokens.T.colorPaletteDarkOrangeBackground1,positive:tokens.T.colorPaletteGreenBackground1,warning:tokens.T.colorPaletteMarigoldBackground1,danger:tokens.T.colorPaletteDarkOrangeBackground1,info:tokens.T.colorNeutralBackground2,accent:tokens.T.colorBrandBackground2},colorClasses=(0,map_to_styles.f)(colorMap,(function colorStyleFunction(color){return{backgroundColor:color}})),useTileStyles=(0,makeStyles_esm.Z)(Object.assign({root:{marginTop:0,marginBottom:0,marginLeft:0,marginRight:0},interactive:Object.assign({},index_esm.q5.borderStyle("none"),index_esm.q5.borderColor("transparent"),{cursor:"pointer",transitionProperty:"all",transitionDuration:tokens.T.durationNormal,transitionTimingFunction:tokens.T.curveEasyEase,":focus":{outlineColor:tokens.T.colorBrandForeground2}}),card:Object.assign({backgroundColor:tokens.T.colorNeutralBackground1},index_esm.q5.borderRadius(tokens.T.borderRadiusLarge),{boxShadow:tokens.T.shadow4}),interactiveCard:{":hover":{boxShadow:tokens.T.shadow16}},image:Object.assign({backgroundColor:tokens.T.colorNeutralBackground6},index_esm.q5.borderRadius("var(--arbutus--shape-border-radius)"),{backgroundSize:"cover",backgroundPositionX:"center",backgroundPositionY:"center"}),solidColor:Object.assign({},index_esm.q5.borderRadius("var(--arbutus--shape-border-radius)"))},colorClasses)),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),isImage=function isImage(_ref2){return"image"===_ref2.variant},Tile=function Tile(_ref4){var children=_ref4.children,variant=_ref4.variant,_ref4$as=_ref4.as,Root=void 0===_ref4$as?"div":_ref4$as,_ref4$backgroundColor=_ref4.backgroundColor,backgroundColor=void 0===_ref4$backgroundColor?"tile":_ref4$backgroundColor,imageSrc=_ref4.imageSrc,className=_ref4.className,onClick=_ref4.onClick,classes=useTileStyles(),variantClasses="";switch(!0){case function isCard(_ref){return"card"===_ref.variant}({variant}):variantClasses=(0,mergeClasses_esm.z)(classes.root,classes.card,onClick&&classes.interactive,onClick&&classes.interactiveCard,className);break;case isImage({variant}):variantClasses=(0,mergeClasses_esm.z)(classes.root,classes.image,onClick&&classes.interactive,className);break;case function isSolidColor(_ref3){return"solid-color"===_ref3.variant}({variant}):variantClasses=(0,mergeClasses_esm.z)(classes.root,classes.solidColor,onClick&&classes.interactive,classes[backgroundColor],className);break;default:variantClasses=(0,mergeClasses_esm.z)(classes.root,className)}var imageBackground=isImage({variant})?{style:{backgroundImage:'url("'+(null!=imageSrc?imageSrc:"")+'")'}}:{};return(0,jsx_runtime.jsx)(Root,Object.assign({className:variantClasses},imageBackground,{onClick,children}))};Tile.displayName="Tile";try{Tile.displayName="Tile",Tile.__docgenInfo={description:"",displayName:"Tile",props:{className:{defaultValue:null,description:"Consumer provided class.",name:"className",required:!1,type:{name:"string"}},as:{defaultValue:null,description:"Custom root element.",name:"as",required:!1,type:{name:"ElementType"}},onClick:{defaultValue:null,description:"Click handler.",name:"onClick",required:!1,type:{name:"(e?: SyntheticEvent) => void"}},variant:{defaultValue:null,description:"",name:"variant",required:!0,type:{name:"enum",value:[{value:'"image"'},{value:'"card"'},{value:'"solid-color"'}]}},imageSrc:{defaultValue:null,description:"[NOTE] Don not use with Solid Color variant.\nBackground image source.",name:"imageSrc",required:!1,type:{name:"string"}},backgroundColor:{defaultValue:{value:"tile"},description:"[NOTE] Don not use with Solid Color variant.\nSelection of color options.",name:"backgroundColor",required:!1,type:{name:"enum",value:[{value:'"accent"'},{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'},{value:'"quaternary"'},{value:'"negative"'},{value:'"positive"'},{value:'"warning"'},{value:'"danger"'},{value:'"info"'},{value:'"none"'},{value:'"tile"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/tile/src/tile.tsx#Tile"]={docgenInfo:Tile.__docgenInfo,name:"Tile",path:"components/tile/src/tile.tsx#Tile"})}catch(__react_docgen_typescript_loader_error){}const background_namespaceObject=__webpack_require__.p+"static/media/background.0b6922ce.png",logo_namespaceObject=__webpack_require__.p+"static/media/logo.06277550.svg",tile_stories={title:"Atoms/Tile",component:Tile,argTypes:{backgroundColor:{options:Object.keys(colorMap),control:{type:"select"}}}};var useGridStyles=(0,makeStyles_esm.Z)({root:{width:"100%",maxWidth:"60rem",display:"grid",gridTemplateColumns:"repeat(2, 1fr)",columnGap:"1rem",minHeight:"5rem","& button":{textAlign:"left"}},single:{gridTemplateColumns:"1fr",columnGap:"1rem"},double:{gridTemplateColumns:"repeat(2, 1fr)",columnGap:"1rem"},triple:{gridTemplateColumns:"repeat(3, 1fr)",columnGap:"1rem",gridTemplateRow:"10rem"},tile:{width:"100%"},imageContent:{display:"grid",height:"100%",alignItems:"center",gridTemplateColumns:"auto min-content"},imageButton:Object.assign({backgroundColor:tokens.T.colorNeutralBackground1,height:"2rem"},index_esm.q5.borderRadius("2rem"),{alignItems:"center",gridTemplateColumns:"repeat(2, 1fr)",paddingTop:"0.125rem"}),image:{backgroundPositionY:"70%"}}),Children=function Children(){var space=(0,use_space_styles.z)();return(0,jsx_runtime.jsxs)("div",{className:space.p6,children:[(0,jsx_runtime.jsx)(text_text.x,{variant:"subtitle",as:"h3",className:space.my2,children:"Hello 👋"}),(0,jsx_runtime.jsxs)("p",{children:["Lorem ipsum dolor sit amet consectetur adipisicing elit."," ",(0,jsx_runtime.jsx)("strong",{children:"Laboriosam"})," deleniti eius quam? Occupy tacos schlitz flexitarian. Ennui palo santo fingerstache sriracha, distillery shabby chic bitters craft beer kinfolk."]}),(0,jsx_runtime.jsxs)("ul",{children:[(0,jsx_runtime.jsx)("li",{children:"One"}),(0,jsx_runtime.jsx)("li",{children:"Two"}),(0,jsx_runtime.jsx)("li",{children:"Three"})]})]})};Children.displayName="Children";var Template=function Template(args){var classes=useGridStyles();return(0,jsx_runtime.jsxs)("div",{className:(0,mergeClasses_esm.z)(classes.root,classes.double),children:[(0,jsx_runtime.jsx)(Tile,Object.assign({},args,{children:(0,jsx_runtime.jsx)(Children,{})})),(0,jsx_runtime.jsx)(Tile,Object.assign({},args,{children:(0,jsx_runtime.jsx)(Children,{})}))]})};Template.displayName="Template";var CardVariant=Template.bind({});CardVariant.args={variant:"card"};var ImageTemplate=function ImageTemplate(args){var classes=useGridStyles(),space=(0,use_space_styles.z)();return(0,jsx_runtime.jsx)("div",{className:(0,mergeClasses_esm.z)(classes.root,classes.single),children:(0,jsx_runtime.jsx)(Tile,Object.assign({},args,{className:(0,mergeClasses_esm.z)(classes.tile,classes.image),children:(0,jsx_runtime.jsxs)("div",{className:(0,mergeClasses_esm.z)(classes.imageContent,space.px6),children:[(0,jsx_runtime.jsx)("img",{src:logo_namespaceObject,alt:"Windows 11"}),(0,jsx_runtime.jsx)("div",{className:(0,mergeClasses_esm.z)(classes.imageButton,space.px3),children:(0,jsx_runtime.jsx)(text_text.x,{as:"span",variant:"caption",children:"Design overview"})})]})}))})};ImageTemplate.displayName="ImageTemplate";var ImageVariant=ImageTemplate.bind({});ImageVariant.args={variant:"image",imageSrc:background_namespaceObject};var SolidColorVariant=Template.bind({});SolidColorVariant.args={variant:"solid-color",backgroundColor:"tile",as:"article"};var InteractiveTemplate=function InteractiveTemplate(){var classes=useGridStyles(),space=(0,use_space_styles.z)(),onClick=function onClick(){return console.log("onClick")};return(0,jsx_runtime.jsxs)("div",{className:(0,mergeClasses_esm.z)(classes.root,classes.triple),children:[(0,jsx_runtime.jsxs)(Tile,{as:"button",variant:"card",onClick,className:(0,mergeClasses_esm.z)(classes.tile,space.p6),children:[(0,jsx_runtime.jsx)(text_text.x,{variant:"caption",className:space.mb2,children:"Click Me!"}),(0,jsx_runtime.jsx)(text_text.x,{children:"Lorem ipsum dolor sit amet consectetur adipisicing elit. Debitis asperiores, repellendus esse labore dolore cupiditate veritatis non qui ut dolores."})]}),(0,jsx_runtime.jsx)(Tile,{as:"button",variant:"image",imageSrc:background_namespaceObject,onClick,className:(0,mergeClasses_esm.z)(classes.tile,space.p6),children:(0,jsx_runtime.jsx)(text_text.x,{variant:"jumbo",color:"background",children:"Click Me!"})}),(0,jsx_runtime.jsxs)(Tile,{as:"button",variant:"solid-color",onClick,className:(0,mergeClasses_esm.z)(classes.tile,space.p6),children:[(0,jsx_runtime.jsx)(text_text.x,{variant:"caption",className:space.mb2,children:"Click Me!"}),(0,jsx_runtime.jsx)(text_text.x,{children:"Lorem ipsum dolor sit amet consectetur adipisicing elit. Debitis asperiores, repellendus esse labore dolore cupiditate veritatis non qui ut dolores."})]})]})};InteractiveTemplate.displayName="InteractiveTemplate";var InteractiveVariant=InteractiveTemplate.bind({}),__namedExportsOrder=["CardVariant","ImageVariant","SolidColorVariant","InteractiveVariant"]},"./components/tile/lib/tile.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{n:()=>Tile});__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var mergeClasses_esm=__webpack_require__("./node_modules/@griffel/core/mergeClasses.esm.js"),react=__webpack_require__("./node_modules/react/index.js"),tokens=__webpack_require__("./node_modules/@fluentui/tokens/lib/tokens.js"),makeStyles_esm=__webpack_require__("./node_modules/@griffel/react/makeStyles.esm.js"),index_esm=__webpack_require__("./node_modules/@griffel/core/index.esm.js"),map_to_styles=__webpack_require__("./styles/utilities/lib/map-to-styles.js"),colorMap={none:"transparent",primary:tokens.T.colorNeutralBackground1,secondary:tokens.T.colorNeutralBackground2,tertiary:tokens.T.colorNeutralBackground3,quaternary:tokens.T.colorNeutralBackground4,tile:tokens.T.colorNeutralBackground6,negative:tokens.T.colorPaletteDarkOrangeBackground1,positive:tokens.T.colorPaletteGreenBackground1,warning:tokens.T.colorPaletteMarigoldBackground1,danger:tokens.T.colorPaletteDarkOrangeBackground1,info:tokens.T.colorNeutralBackground2,accent:tokens.T.colorBrandBackground2},colorClasses=(0,map_to_styles.f)(colorMap,(function colorStyleFunction(color){return{backgroundColor:color}})),useTileStyles=(0,makeStyles_esm.Z)(Object.assign({root:{marginTop:0,marginBottom:0,marginLeft:0,marginRight:0},interactive:Object.assign({},index_esm.q5.borderStyle("none"),index_esm.q5.borderColor("transparent"),{cursor:"pointer",transitionProperty:"all",transitionDuration:tokens.T.durationNormal,transitionTimingFunction:tokens.T.curveEasyEase,":focus":{outlineColor:tokens.T.colorBrandForeground2}}),card:Object.assign({backgroundColor:tokens.T.colorNeutralBackground1},index_esm.q5.borderRadius(tokens.T.borderRadiusLarge),{boxShadow:tokens.T.shadow4}),interactiveCard:{":hover":{boxShadow:tokens.T.shadow16}},image:Object.assign({backgroundColor:tokens.T.colorNeutralBackground6},index_esm.q5.borderRadius("var(--arbutus--shape-border-radius)"),{backgroundSize:"cover",backgroundPositionX:"center",backgroundPositionY:"center"}),solidColor:Object.assign({},index_esm.q5.borderRadius("var(--arbutus--shape-border-radius)"))},colorClasses)),isImage=function isImage(_ref2){return"image"===_ref2.variant},Tile=function Tile(_ref4){var children=_ref4.children,variant=_ref4.variant,_ref4$as=_ref4.as,Root=void 0===_ref4$as?"div":_ref4$as,_ref4$backgroundColor=_ref4.backgroundColor,backgroundColor=void 0===_ref4$backgroundColor?"tile":_ref4$backgroundColor,imageSrc=_ref4.imageSrc,className=_ref4.className,onClick=_ref4.onClick,classes=useTileStyles(),variantClasses="";switch(!0){case function isCard(_ref){return"card"===_ref.variant}({variant}):variantClasses=(0,mergeClasses_esm.z)(classes.root,classes.card,onClick&&classes.interactive,onClick&&classes.interactiveCard,className);break;case isImage({variant}):variantClasses=(0,mergeClasses_esm.z)(classes.root,classes.image,onClick&&classes.interactive,className);break;case function isSolidColor(_ref3){return"solid-color"===_ref3.variant}({variant}):variantClasses=(0,mergeClasses_esm.z)(classes.root,classes.solidColor,onClick&&classes.interactive,classes[backgroundColor],className);break;default:variantClasses=(0,mergeClasses_esm.z)(classes.root,className)}var imageBackground=isImage({variant})?{style:{backgroundImage:'url("'+(null!=imageSrc?imageSrc:"")+'")'}}:{};return react.createElement(Root,Object.assign({className:variantClasses},imageBackground,{onClick}),children)};Tile.__docgenInfo={description:"",methods:[],displayName:"Tile",props:{as:{defaultValue:{value:"'div'",computed:!1},required:!1},backgroundColor:{defaultValue:{value:"'tile'",computed:!1},required:!1}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/tile/lib/tile.js"]={name:"Tile",docgenInfo:Tile.__docgenInfo,path:"components/tile/lib/tile.js"})},"./components/tray/__dev__/tray.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{NavigationExample:()=>NavigationExample,Simple:()=>Simple,__namedExportsOrder:()=>__namedExportsOrder,default:()=>tray_stories});__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js");var _root,tokens=__webpack_require__("./node_modules/@fluentui/tokens/lib/tokens.js"),makeStyles_esm=__webpack_require__("./node_modules/@griffel/react/makeStyles.esm.js"),icon_button=__webpack_require__("./components/icon-button/lib/icon-button/icon-button.js"),text_text=__webpack_require__("./components/text/lib/text/text.js"),use_space_styles=__webpack_require__("./hooks/use-space-styles/lib/use-space-styles.js"),react=__webpack_require__("./node_modules/react/index.js"),mergeClasses_esm=__webpack_require__("./node_modules/@griffel/core/mergeClasses.esm.js"),useTrayStyles=(0,makeStyles_esm.Z)({root:(_root={zIndex:10,position:"fixed",width:"324px",height:"100vh",borderRightColor:tokens.T.colorNeutralStroke1,borderRightWidth:"1px",borderRightStyle:"solid",transform:"translate3D(-325px, 0, 0)",opacity:0,left:0,top:0,backgroundColor:tokens.T.colorNeutralBackground1,backdropFilter:"blur(1rem)","@media screen and (prefers-reduced-motion: no-preference)":{transitionProperty:"all",transitionDuration:tokens.T.durationNormal,transitionTimingFunction:tokens.T.curveEasyEase}},_root["@media screen and (max-width: 324px)"]={width:"100%"},_root),isOpen:{opacity:1,backgroundColor:"var(--arbutus--color-overlay-background)",transform:"translate3d(0, 0, 0)"}}),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),Tray=function Tray(_ref){var className=_ref.className,children=_ref.children,isOpen=_ref.isOpen,classes=useTrayStyles();return(0,jsx_runtime.jsx)("aside",{className:(0,mergeClasses_esm.z)(classes.root,isOpen&&classes.isOpen,className),children})};Tray.displayName="Tray";try{Tray.displayName="Tray",Tray.__docgenInfo={description:"",displayName:"Tray",props:{className:{defaultValue:null,description:"Consumer provided class.",name:"className",required:!1,type:{name:"string"}},isOpen:{defaultValue:null,description:"Controls whether the tray is open or closed.",name:"isOpen",required:!0,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/tray/src/tray/tray.tsx#Tray"]={docgenInfo:Tray.__docgenInfo,name:"Tray",path:"components/tray/src/tray/tray.tsx#Tray"})}catch(__react_docgen_typescript_loader_error){}var divider=__webpack_require__("./components/divider/lib/divider/divider.js"),main_navigation=__webpack_require__("./components/main-navigation/lib/main-navigation/main-navigation.js"),main_navigation_sub=__webpack_require__("./components/main-navigation/lib/main-navigation-sub/main-navigation-sub.js"),main_navigation_link=__webpack_require__("./components/main-navigation/lib/main-navigation-link/main-navigation-link.js"),Link=function Link(_ref){var children=_ref.children,href=_ref.href;return(0,jsx_runtime.jsx)("a",{href,children})};Link.displayName="Link";var NavigationSample=function NavigationSample(){return(0,jsx_runtime.jsxs)(main_navigation.o,{children:[(0,jsx_runtime.jsxs)(main_navigation_sub.S,{title:"About us",children:[(0,jsx_runtime.jsx)(main_navigation_link.G,{as:Link,elementProps:{href:"#"},children:"Overview"}),(0,jsx_runtime.jsx)(main_navigation_link.G,{as:Link,elementProps:{href:"#"},children:"Getting started"})]}),(0,jsx_runtime.jsx)(divider.i,{}),(0,jsx_runtime.jsxs)(main_navigation_sub.S,{title:"Design Fundamentals",children:[(0,jsx_runtime.jsx)(main_navigation_link.G,{as:Link,elementProps:{href:"#"},children:"Typography"}),(0,jsx_runtime.jsx)(main_navigation_link.G,{as:Link,elementProps:{href:"#"},children:"Colors"}),(0,jsx_runtime.jsx)(main_navigation_link.G,{as:Link,elementProps:{href:"#"},children:"Space grid"})]}),(0,jsx_runtime.jsx)(divider.i,{}),(0,jsx_runtime.jsxs)(main_navigation_sub.S,{title:"Components",children:[(0,jsx_runtime.jsxs)(main_navigation_sub.S,{title:"Button",children:[(0,jsx_runtime.jsx)(main_navigation_link.G,{as:Link,elementProps:{href:"#"},children:"Primary"}),(0,jsx_runtime.jsx)(main_navigation_link.G,{as:Link,elementProps:{href:"#"},children:"Secondary"}),(0,jsx_runtime.jsx)(main_navigation_link.G,{as:Link,elementProps:{href:"#"},children:"Umph"})]}),(0,jsx_runtime.jsx)(main_navigation_link.G,{as:Link,elementProps:{href:"#"},children:"Text"}),(0,jsx_runtime.jsx)(main_navigation_link.G,{as:Link,elementProps:{href:"#"},children:"Link"})]}),(0,jsx_runtime.jsx)(divider.i,{}),(0,jsx_runtime.jsx)(main_navigation_link.G,{as:Link,elementProps:{href:"#"},children:"Credits"})]})};NavigationSample.displayName="NavigationSample";var index_esm=__webpack_require__("./node_modules/@griffel/core/index.esm.js"),useGridStyles=(0,makeStyles_esm.Z)({root:{display:"grid",gridTemplateColumns:"repeat(2, 1fr)",columnGap:"1rem"},image:Object.assign({},index_esm.q5.borderRadius("var(--arbutus--shape-border-radius)"),{width:"100%"})}),PageSample=function PageSample(){var space=(0,use_space_styles.z)(),grid=useGridStyles(),imageClasses=(0,mergeClasses_esm.z)(grid.image,space.mb4);return(0,jsx_runtime.jsxs)("main",{className:space.pb12,children:[(0,jsx_runtime.jsx)(text_text.x,{block:!0,as:"h1",variant:"headline",children:"Headline"}),(0,jsx_runtime.jsx)(text_text.x,{block:!0,variant:"leading",children:"Leading Lorem ipsum dolor, sit amet consectetur adipisicing elit. Cupiditate modi eveniet dolorum officiis assumenda similique a voluptas voluptatum ducimus temporibus. Culpa animi labore molestiae nesciunt suscipit, architecto optio sit iusto."}),(0,jsx_runtime.jsx)(divider.i,{className:space.my8}),(0,jsx_runtime.jsx)(text_text.x,{block:!0,as:"h2",variant:"subtitle",children:"Subheading"}),(0,jsx_runtime.jsx)(text_text.x,{block:!0,variant:"paragraph",className:space.mb8,children:"Paragraph Lorem ipsum dolor, sit amet consectetur adipisicing elit. Cupiditate modi eveniet dolorum officiis assumenda similique a voluptas voluptatum ducimus temporibus. Culpa animi labore molestiae nesciunt suscipit, architecto optio sit iusto."}),(0,jsx_runtime.jsxs)("div",{className:grid.root,children:[(0,jsx_runtime.jsxs)("section",{children:[(0,jsx_runtime.jsx)("img",{src:"https://via.placeholder.com/300x100.png/f0f0f0",alt:"Text demo 1",className:imageClasses}),(0,jsx_runtime.jsx)(text_text.x,{block:!0,as:"h2",variant:"caption",className:space.mb1,children:"Caption: What do you see?"}),(0,jsx_runtime.jsx)(text_text.x,{block:!0,variant:"description",color:"tertiary",children:"Description: Lorem ipsum dolor, sit amet consectetur adipisicing elit. Cupiditate modi eveniet dolorum officiis assumenda similique a voluptas voluptatum ducimus temporibus. Culpa animi labore molestiae nesciunt suscipit, architecto optio sit iusto."})]}),(0,jsx_runtime.jsxs)("section",{children:[(0,jsx_runtime.jsx)("img",{src:"https://via.placeholder.com/300x100.png/f0f0f0",alt:"Text demo 1",className:imageClasses}),(0,jsx_runtime.jsx)(text_text.x,{block:!0,as:"h2",variant:"caption",className:space.mb1,children:"Caption: What do you see?"}),(0,jsx_runtime.jsx)(text_text.x,{block:!0,variant:"description",color:"tertiary",children:"Description: Lorem ipsum dolor, sit amet consectetur adipisicing elit. Cupiditate modi eveniet dolorum officiis assumenda similique a voluptas voluptatum ducimus temporibus. Culpa animi labore molestiae nesciunt suscipit, architecto optio sit iusto."})]})]}),(0,jsx_runtime.jsx)(divider.i,{className:space.my12}),(0,jsx_runtime.jsxs)("div",{className:grid.root,children:[(0,jsx_runtime.jsxs)("section",{children:[(0,jsx_runtime.jsx)(text_text.x,{block:!0,as:"h4",variant:"jumbo",color:"quaternary",className:space.mt4,children:"Jumbo Text"}),(0,jsx_runtime.jsx)(text_text.x,{block:!0,variant:"description",color:"secondary",children:"Description: Lorem ipsum dolor, sit amet consectetur adipisicing elit. Cupiditate modi eveniet dolorum officiis assumenda similique a voluptas voluptatum ducimus temporibus. Culpa animi labore molestiae nesciunt suscipit, architecto optio sit iusto."})]}),(0,jsx_runtime.jsx)("img",{src:"https://via.placeholder.com/300x100.png/f0f0f0",alt:"Text demo 2",className:grid.image})]})]})};function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null!=_i){var _s,_e,_x,_r,_arr=[],_n=!0,_d=!1;try{if(_x=(_i=_i.call(arr)).next,0===i){if(Object(_i)!==_i)return;_n=!1}else for(;!(_n=(_s=_x.call(_i)).done)&&(_arr.push(_s.value),_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{if(!_n&&null!=_i.return&&(_r=_i.return(),Object(_r)!==_r))return}finally{if(_d)throw _e}}return _arr}}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||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 _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i{"use strict";__webpack_require__.d(__webpack_exports__,{QH:()=>TrayProvider,Se:()=>TrayContext,i:()=>TrayConsumer});var TrayContext=(0,__webpack_require__("./node_modules/react/index.js").createContext)({isOpen:!1,setIsOpen:function setIsOpen(isOpen){}}),TrayProvider=TrayContext.Provider,TrayConsumer=TrayContext.Consumer},"./hooks/use-copy-to-clipboard/__dev__/use-copy-to-clipboard.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Demo:()=>Demo,__namedExportsOrder:()=>__namedExportsOrder,default:()=>use_copy_to_clipboard_stories});__webpack_require__("./node_modules/core-js/modules/es.function.bind.js");var react=__webpack_require__("./node_modules/react/index.js");__webpack_require__("./node_modules/core-js/modules/web.timers.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null!=_i){var _s,_e,_x,_r,_arr=[],_n=!0,_d=!1;try{if(_x=(_i=_i.call(arr)).next,0===i){if(Object(_i)!==_i)return;_n=!1}else for(;!(_n=(_s=_x.call(_i)).done)&&(_arr.push(_s.value),_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{if(!_n&&null!=_i.return&&(_r=_i.return(),Object(_r)!==_r))return}finally{if(_d)throw _e}}return _arr}}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||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 _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i{"use strict";__webpack_require__.d(__webpack_exports__,{m:()=>useCopyToClipboard});__webpack_require__("./node_modules/core-js/modules/web.timers.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js");var react__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__("./node_modules/react/index.js");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null!=_i){var _s,_e,_x,_r,_arr=[],_n=!0,_d=!1;try{if(_x=(_i=_i.call(arr)).next,0===i){if(Object(_i)!==_i)return;_n=!1}else for(;!(_n=(_s=_x.call(_i)).done)&&(_arr.push(_s.value),_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{if(!_n&&null!=_i.return&&(_r=_i.return(),Object(_r)!==_r))return}finally{if(_d)throw _e}}return _arr}}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||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 _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i{"use strict";__webpack_require__.d(__webpack_exports__,{z:()=>useCSSVars});__webpack_require__("./node_modules/core-js/modules/es.array.for-each.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.for-each.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js");var react=__webpack_require__("./node_modules/react/index.js");__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.concat.js"),__webpack_require__("./node_modules/core-js/modules/es.object.entries.js");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null!=_i){var _s,_e,_x,_r,_arr=[],_n=!0,_d=!1;try{if(_x=(_i=_i.call(arr)).next,0===i){if(Object(_i)!==_i)return;_n=!1}else for(;!(_n=(_s=_x.call(_i)).done)&&(_arr.push(_s.value),_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{if(!_n&&null!=_i.return&&(_r=_i.return(),Object(_r)!==_r))return}finally{if(_d)throw _e}}return _arr}}(arr,i)||_unsupportedIterableToArray(arr,i)||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 _toConsumableArray(arr){return function _arrayWithoutHoles(arr){if(Array.isArray(arr))return _arrayLikeToArray(arr)}(arr)||function _iterableToArray(iter){if("undefined"!=typeof Symbol&&null!=iter[Symbol.iterator]||null!=iter["@@iterator"])return Array.from(iter)}(arr)||_unsupportedIterableToArray(arr)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _unsupportedIterableToArray(o,minLen){if(o){if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);return"Object"===n&&o.constructor&&(n=o.constructor.name),"Map"===n||"Set"===n?Array.from(o):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?_arrayLikeToArray(o,minLen):void 0}}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);iarr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i1&&void 0!==arguments[1]?arguments[1]:prefix?"--"+prefix+"-":"-";"string"==typeof v&&(acc=[].concat(_toConsumableArray(acc),[[pre,v]])),v&&!isEmptyObject(v)&&isObject(v)&&Object.entries(v).forEach((function(_ref){var _ref2=_slicedToArray(_ref,2),k=_ref2[0],v=_ref2[1];return traverseObject(v,pre+"-"+k)}))}(theme),acc}(theme,prefix);return cssVarTuples.forEach((function(_ref2){var _document,_document$documentEle,_document$documentEle2,_ref3=lib_slicedToArray(_ref2,2),k=_ref3[0],v=_ref3[1];return null===(_document=document)||void 0===_document||null===(_document$documentEle=_document.documentElement)||void 0===_document$documentEle||null===(_document$documentEle2=_document$documentEle.style)||void 0===_document$documentEle2?void 0:_document$documentEle2.setProperty(k,v)})),function(){cssVarTuples.forEach((function(_ref4){var _document2,_document2$documentEl,_document2$documentEl2,k=lib_slicedToArray(_ref4,1)[0];return null===(_document2=document)||void 0===_document2||null===(_document2$documentEl=_document2.documentElement)||void 0===_document2$documentEl||null===(_document2$documentEl2=_document2$documentEl.style)||void 0===_document2$documentEl2?void 0:_document2$documentEl2.removeProperty(k)}))}}),[theme,prefix])}},"./hooks/use-prefers-color-scheme/__dev__/use-prefers-color-scheme.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Simple:()=>Simple,__namedExportsOrder:()=>__namedExportsOrder,default:()=>use_prefers_color_scheme_stories});__webpack_require__("./node_modules/core-js/modules/es.function.bind.js");var text_text=__webpack_require__("./components/text/lib/text/text.js"),react=__webpack_require__("./node_modules/react/index.js"),decorators=__webpack_require__("./.storybook/decorators/index.ts");__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null!=_i){var _s,_e,_x,_r,_arr=[],_n=!0,_d=!1;try{if(_x=(_i=_i.call(arr)).next,0===i){if(Object(_i)!==_i)return;_n=!1}else for(;!(_n=(_s=_x.call(_i)).done)&&(_arr.push(_s.value),_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{if(!_n&&null!=_i.return&&(_r=_i.return(),Object(_r)!==_r))return}finally{if(_d)throw _e}}return _arr}}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||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 _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i{"use strict";__webpack_require__.d(__webpack_exports__,{t:()=>usePrefersColorScheme});__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js");var react__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("./node_modules/react/index.js");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null!=_i){var _s,_e,_x,_r,_arr=[],_n=!0,_d=!1;try{if(_x=(_i=_i.call(arr)).next,0===i){if(Object(_i)!==_i)return;_n=!1}else for(;!(_n=(_s=_x.call(_i)).done)&&(_arr.push(_s.value),_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{if(!_n&&null!=_i.return&&(_r=_i.return(),Object(_r)!==_r))return}finally{if(_d)throw _e}}return _arr}}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||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 _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i{"use strict";__webpack_require__.d(__webpack_exports__,{z:()=>useSpaceStyles});__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var _spaceScale,makeStyles_esm=__webpack_require__("./node_modules/@griffel/react/makeStyles.esm.js"),tokens=(__webpack_require__("./node_modules/core-js/modules/es.array.reduce.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.object.entries.js"),__webpack_require__("./node_modules/@fluentui/tokens/lib/tokens.js")),spaceScale=((_spaceScale={})[1]=tokens.T.spacingHorizontalXXS,_spaceScale[2]=tokens.T.spacingHorizontalXS,_spaceScale[3]=tokens.T.spacingHorizontalSNudge,_spaceScale[4]=tokens.T.spacingHorizontalS,_spaceScale[5]=tokens.T.spacingHorizontalMNudge,_spaceScale[6]=tokens.T.spacingHorizontalM,_spaceScale[7]=tokens.T.spacingHorizontalL,_spaceScale[8]=tokens.T.spacingHorizontalXL,_spaceScale[9]=tokens.T.spacingHorizontalXXL,_spaceScale[10]=tokens.T.spacingHorizontalXXXL,_spaceScale[11]="40px",_spaceScale[12]="52px",_spaceScale),spaceEntries=Object.entries(spaceScale);function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null!=_i){var _s,_e,_x,_r,_arr=[],_n=!0,_d=!1;try{if(_x=(_i=_i.call(arr)).next,0===i){if(Object(_i)!==_i)return;_n=!1}else for(;!(_n=(_s=_x.call(_i)).done)&&(_arr.push(_s.value),_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{if(!_n&&null!=_i.return&&(_r=_i.return(),Object(_r)!==_r))return}finally{if(_d)throw _e}}return _arr}}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||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 _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);iarr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i{"use strict";__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js")},"./styles/theming/__dev__/theming.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Simple:()=>Simple,__namedExportsOrder:()=>__namedExportsOrder,default:()=>theming_stories});__webpack_require__("./node_modules/core-js/modules/es.function.bind.js");var button_button=__webpack_require__("./components/button/lib/button/button.js"),text_text=__webpack_require__("./components/text/lib/text/text.js"),mergeClasses_esm=__webpack_require__("./node_modules/@griffel/core/mergeClasses.esm.js"),icon=__webpack_require__("./components/icon/lib/icon/icon.js"),reach_visually_hidden=__webpack_require__("./node_modules/@reach/visually-hidden/dist/reach-visually-hidden.mjs"),react=__webpack_require__("./node_modules/react/index.js"),tokens=(__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/@fluentui/tokens/lib/tokens.js")),makeStyles_esm=__webpack_require__("./node_modules/@griffel/react/makeStyles.esm.js"),index_esm=__webpack_require__("./node_modules/@griffel/core/index.esm.js"),buttonHeight=tokens.T.spacingVerticalXXL,toggleHeight=tokens.T.spacingVerticalL,useThemeSwitchStyles=(0,makeStyles_esm.Z)({root:Object.assign({position:"relative",backgroundColor:tokens.T.colorNeutralBackground2,height:buttonHeight,width:"calc("+buttonHeight+" * 2 + -2px)",paddingTop:"calc(("+buttonHeight+" - "+toggleHeight+") / 2)",paddingBottom:"calc(("+buttonHeight+" - "+toggleHeight+") / 2)",paddingLeft:"calc(("+buttonHeight+" - "+toggleHeight+") / 2)",paddingRight:"calc(("+buttonHeight+" - "+toggleHeight+") / 2)",outlineStyle:"none",cursor:"pointer",transitionProperty:"all",transitionDuration:tokens.T.durationNormal,transitionTimingFunction:tokens.T.curveEasyEase,borderTopStyle:"none",borderBottomStyle:"none",borderLeftStyle:"none",borderRightStyle:"none",boxShadow:tokens.T.shadow2},index_esm.q5.borderRadius("calc("+buttonHeight+" / 2)")),toggle:Object.assign({transitionProperty:"all",transitionDuration:tokens.T.durationNormal,transitionTimingFunction:tokens.T.curveEasyEase,position:"absolute",top:"calc(("+buttonHeight+" - "+toggleHeight+") / 2)",height:toggleHeight,width:toggleHeight,backgroundColor:tokens.T.colorNeutralForeground2,boxShadow:tokens.T.shadow4},index_esm.q5.borderRadius(toggleHeight)),toggleOff:{transform:"translateX(0)"},toggleOn:{transform:"translateX(calc("+buttonHeight+" + -2px))"},iconSun:{position:"absolute",transitionProperty:"all",transitionDuration:tokens.T.durationNormal,transitionTimingFunction:tokens.T.curveEasyEase,top:"calc(("+buttonHeight+" - "+toggleHeight+") / 2)",left:"calc(("+buttonHeight+" - "+toggleHeight+") / 2)",color:tokens.T.colorPaletteMarigoldBackground3,opacity:1},iconMoon:{position:"absolute",transitionProperty:"all",transitionDuration:tokens.T.durationNormal,transitionTimingFunction:tokens.T.curveEasyEase,top:"calc(("+buttonHeight+" - "+toggleHeight+") / 2)",right:"calc(("+buttonHeight+" - "+toggleHeight+") / 2)",color:tokens.T.colorPaletteMarigoldBackground3,opacity:1},iconOff:{opacity:0}}),ThemeSwitch=function ThemeSwitch(_ref){var className=_ref.className,_ref$label=_ref.label,label=void 0===_ref$label?"Dark mode":_ref$label,isDark=_ref.isDark,onToggle=_ref.onToggle,classes=useThemeSwitchStyles();return react.createElement("button",{"aria-pressed":isDark,className:(0,mergeClasses_esm.z)(classes.root,className),onClick:function clickHandler(){return null==onToggle?void 0:onToggle()}},react.createElement(reach_visually_hidden.T,null,label),react.createElement("div",{"aria-hidden":!0,className:(0,mergeClasses_esm.z)(classes.toggle,isDark?classes.toggleOn:classes.toggleOff)}),react.createElement(icon.J,{iconName:"sun",className:(0,mergeClasses_esm.z)(classes.iconSun,!isDark&&classes.iconOff)}),react.createElement(icon.J,{iconName:"moon",className:(0,mergeClasses_esm.z)(classes.iconMoon,isDark&&classes.iconOff)}))};ThemeSwitch.__docgenInfo={description:"",methods:[],displayName:"ThemeSwitch",props:{label:{defaultValue:{value:"'Dark mode'",computed:!1},required:!1}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/theme-switch/lib/theme-switch/theme-switch.js"]={name:"ThemeSwitch",docgenInfo:ThemeSwitch.__docgenInfo,path:"components/theme-switch/lib/theme-switch/theme-switch.js"});var _shape,light_shape,decorators=__webpack_require__("./.storybook/decorators/index.ts"),createLightTheme=__webpack_require__("./node_modules/@fluentui/tokens/lib/utils/createLightTheme.js"),arbutusBrandRamp={10:"#151515",20:"#221F1E",30:"#2E2627",40:"#3D2D2E",50:"#4F3437",60:"#613A3D",70:"#913039",80:"#BD3844",90:"#C6404B",100:"#E05E69",110:"#E6717B",120:"#EB838C",130:"#F19FA6",140:"#F7B7BC",150:"#FACFD3",160:"#FCEBEC"},ThemeContext=(0,react.createContext)({theme:(0,createLightTheme.f)(arbutusBrandRamp),themeKey:"light"}),FluentProvider=(__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/@fluentui/react-provider/lib/components/FluentProvider/FluentProvider.js")),createDarkTheme=__webpack_require__("./node_modules/@fluentui/tokens/lib/utils/createDarkTheme.js"),lib=__webpack_require__("./hooks/use-css-vars/lib/index.js"),use_prefers_color_scheme_lib=__webpack_require__("./hooks/use-prefers-color-scheme/lib/index.js"),breakpoints={micro:"400px",xxs:"470px",xs:"640px",small:"768px",medium:"1024px",large:"1140px"},layout={mobile:0,tablet:768,desktop:1140,ultraWide:1440},dark={color:{overlay:{background:"rgb(0 0 0 / 75%)"}},shape:(_shape={},_shape["border-radius"]="1rem",_shape),breakpoints,layout},arbutusTokens={light:{color:{overlay:{background:"rgb(255 255 255 / 50%)"}},shape:(light_shape={},light_shape["border-radius"]="1rem",light_shape),breakpoints,layout},dark},jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null!=_i){var _s,_e,_x,_r,_arr=[],_n=!0,_d=!1;try{if(_x=(_i=_i.call(arr)).next,0===i){if(Object(_i)!==_i)return;_n=!1}else for(;!(_n=(_s=_x.call(_i)).done)&&(_arr.push(_s.value),_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{if(!_n&&null!=_i.return&&(_r=_i.return(),Object(_r)!==_r))return}finally{if(_d)throw _e}}return _arr}}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||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 _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i"}},currentThemeKey:{defaultValue:null,description:"",name:"currentThemeKey",required:!1,type:{name:"enum",value:[{value:'"light"'},{value:'"dark"'}]}},setThemeKey:{defaultValue:null,description:"",name:"setThemeKey",required:!1,type:{name:"(themeKey: ColorScheme) => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["styles/theming/src/theme-provider.tsx#ThemeProvider"]={docgenInfo:ThemeProvider.__docgenInfo,name:"ThemeProvider",path:"styles/theming/src/theme-provider.tsx#ThemeProvider"})}catch(__react_docgen_typescript_loader_error){}var DemoComponent=function DemoComponent(){var _useTheme=function useTheme(){var _useContext=(0,react.useContext)(ThemeContext);return{theme:_useContext.theme,themeKey:_useContext.themeKey,setTheme:_useContext.setTheme}}(),themeKey=_useTheme.themeKey,setTheme=_useTheme.setTheme,isDark="dark"===themeKey;return(0,jsx_runtime.jsxs)(decorators.z,{children:[(0,jsx_runtime.jsx)(ThemeSwitch,{isDark,onToggle:function onToggle(){return null==setTheme?void 0:setTheme(isDark?"light":"dark")}}),(0,jsx_runtime.jsx)(text_text.x,{as:"h1",block:!0,variant:"title",children:"Welcome to theming!"}),(0,jsx_runtime.jsx)(button_button.z,{children:"I am a button"})]})};DemoComponent.displayName="DemoComponent";const theming_stories={title:"Styles/Theming"};var Template=function Template(){return(0,jsx_runtime.jsx)(ThemeProvider,{children:(0,jsx_runtime.jsx)(DemoComponent,{})})};Template.displayName="Template";var Simple=Template.bind({}),__namedExportsOrder=["Simple"]},"./styles/theming/lib/layout.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{b:()=>layout});var layout={mobile:0,tablet:768,desktop:1140,ultraWide:1440}},"./styles/theming/lib/theme-context.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{N:()=>ThemeContext});var _fluentui_react_theme__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@fluentui/tokens/lib/utils/createLightTheme.js"),react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_themes__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./styles/theming/lib/themes/brand-ramp.js"),ThemeContext=(0,react__WEBPACK_IMPORTED_MODULE_0__.createContext)({theme:(0,_fluentui_react_theme__WEBPACK_IMPORTED_MODULE_1__.f)(_themes__WEBPACK_IMPORTED_MODULE_2__.C),themeKey:"light"})},"./styles/theming/lib/theme-provider.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{f:()=>ThemeProvider});__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js");var _shape,light_shape,FluentProvider=__webpack_require__("./node_modules/@fluentui/react-provider/lib/components/FluentProvider/FluentProvider.js"),createLightTheme=__webpack_require__("./node_modules/@fluentui/tokens/lib/utils/createLightTheme.js"),createDarkTheme=__webpack_require__("./node_modules/@fluentui/tokens/lib/utils/createDarkTheme.js"),lib=__webpack_require__("./hooks/use-css-vars/lib/index.js"),use_prefers_color_scheme_lib=__webpack_require__("./hooks/use-prefers-color-scheme/lib/index.js"),react=__webpack_require__("./node_modules/react/index.js"),theme_context=__webpack_require__("./styles/theming/lib/theme-context.js"),brand_ramp=__webpack_require__("./styles/theming/lib/themes/brand-ramp.js"),breakpoints={micro:"400px",xxs:"470px",xs:"640px",small:"768px",medium:"1024px",large:"1140px"},layout=__webpack_require__("./styles/theming/lib/layout.js"),dark={color:{overlay:{background:"rgb(0 0 0 / 75%)"}},shape:(_shape={},_shape["border-radius"]="1rem",_shape),breakpoints,layout:layout.b},arbutusTokens={light:{color:{overlay:{background:"rgb(255 255 255 / 50%)"}},shape:(light_shape={},light_shape["border-radius"]="1rem",light_shape),breakpoints,layout:layout.b},dark};function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null!=_i){var _s,_e,_x,_r,_arr=[],_n=!0,_d=!1;try{if(_x=(_i=_i.call(arr)).next,0===i){if(Object(_i)!==_i)return;_n=!1}else for(;!(_n=(_s=_x.call(_i)).done)&&(_arr.push(_s.value),_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{if(!_n&&null!=_i.return&&(_r=_i.return(),Object(_r)!==_r))return}finally{if(_d)throw _e}}return _arr}}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||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 _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i{"use strict";__webpack_require__.d(__webpack_exports__,{C:()=>arbutusBrandRamp});var arbutusBrandRamp={10:"#151515",20:"#221F1E",30:"#2E2627",40:"#3D2D2E",50:"#4F3437",60:"#613A3D",70:"#913039",80:"#BD3844",90:"#C6404B",100:"#E05E69",110:"#E6717B",120:"#EB838C",130:"#F19FA6",140:"#F7B7BC",150:"#FACFD3",160:"#FCEBEC"}},"./styles/theming/lib/use-theme.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{F:()=>useTheme});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_theme_context__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./styles/theming/lib/theme-context.js"),useTheme=function useTheme(){var _useContext=(0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(_theme_context__WEBPACK_IMPORTED_MODULE_1__.N);return{theme:_useContext.theme,themeKey:_useContext.themeKey,setTheme:_useContext.setTheme}}},"./styles/utilities/lib/map-to-styles.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{f:()=>mapToStyles});__webpack_require__("./node_modules/core-js/modules/es.array.reduce.js"),__webpack_require__("./node_modules/core-js/modules/es.object.entries.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null!=_i){var _s,_e,_x,_r,_arr=[],_n=!0,_d=!1;try{if(_x=(_i=_i.call(arr)).next,0===i){if(Object(_i)!==_i)return;_n=!1}else for(;!(_n=(_s=_x.call(_i)).done)&&(_arr.push(_s.value),_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{if(!_n&&null!=_i.return&&(_r=_i.return(),Object(_r)!==_r))return}finally{if(_d)throw _e}}return _arr}}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||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 _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Demo:()=>Demo,__namedExportsOrder:()=>__namedExportsOrder,default:()=>file_to_string_stories});__webpack_require__("./node_modules/core-js/modules/es.function.bind.js");var makeStyles_esm=__webpack_require__("./node_modules/@griffel/react/makeStyles.esm.js"),code_snippet=__webpack_require__("./components/code-snippet/lib/code-snippet/code-snippet.js"),command=__webpack_require__("./components/command/lib/command/command.js"),text_text=__webpack_require__("./components/text/lib/text/text.js"),decorators=(__webpack_require__("./node_modules/react/index.js"),__webpack_require__("./.storybook/decorators/index.ts"));var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),useStyles=(0,makeStyles_esm.Z)({root:{maxWidth:"860px",display:"grid",gridGap:"16px"}}),DemoComponent=function DemoComponent(){var classes=useStyles();return(0,jsx_runtime.jsxs)("div",{className:classes.root,children:[(0,jsx_runtime.jsx)(text_text.x,{as:"h1",block:!0,variant:"title",children:"File To String"}),(0,jsx_runtime.jsx)(text_text.x,{as:"p",block:!0,variant:"leading",children:"File to string takes a path to a file and generates a new file that exports it as a string this utility is useful for documenting code examples that you might want to show the source code for there are options for output in java script and type script."}),(0,jsx_runtime.jsxs)(text_text.x,{as:"h2",block:!0,variant:"caption",children:["1. Create a script file, for example: ",(0,jsx_runtime.jsx)(text_text.x,{variant:"code",children:"scripts/examples-to-string.mjs"})]}),(0,jsx_runtime.jsx)(code_snippet.O,{language:"javascript",code:"import { fileToString } from '@microsoft/arbutus.file-to-string';\n\nconst config = {\n files: ['./__dev__/example.js'],\n outputDir: './__dev__/__raw__', // optional\n extension: 'ts', // optional\n};\n\nfileToString({ config })\n .then(() => console.log('Success!'))\n .catch((err) => console.log('Did not work out: ', err));\n"}),(0,jsx_runtime.jsx)(text_text.x,{as:"h2",block:!0,variant:"caption",children:"2. Add the script to your package.json."}),(0,jsx_runtime.jsx)(command.m,{isCopyable:!0,command:"node scripts/examples-to-string.mjs"})]})};DemoComponent.displayName="DemoComponent";const file_to_string_stories={title:"Utilities/File To String",decorators:[function(Story){return(0,jsx_runtime.jsx)(decorators.z,{children:(0,jsx_runtime.jsx)(Story,{})})}]};var Template=function Template(){return(0,jsx_runtime.jsx)(DemoComponent,{})};Template.displayName="Template";var Demo=Template.bind({}),__namedExportsOrder=["Demo"]},"./utilities/parse-code-string/__dev__/parse-code-string.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Demo:()=>Demo,__namedExportsOrder:()=>__namedExportsOrder,default:()=>parse_code_string_stories});__webpack_require__("./node_modules/core-js/modules/es.function.bind.js");var makeStyles_esm=__webpack_require__("./node_modules/@griffel/react/makeStyles.esm.js"),code_snippet=__webpack_require__("./components/code-snippet/lib/code-snippet/code-snippet.js"),command=__webpack_require__("./components/command/lib/command/command.js"),table_list=__webpack_require__("./components/table-list/lib/table-list/table-list.js"),table_row=__webpack_require__("./components/table-list/lib/table-row/table-row.js"),table_cell=__webpack_require__("./components/table-list/lib/table-cell/table-cell.js"),text_text=__webpack_require__("./components/text/lib/text/text.js"),decorators=(__webpack_require__("./node_modules/react/index.js"),__webpack_require__("./.storybook/decorators/index.ts")),getDependencies=(__webpack_require__("./node_modules/core-js/modules/es.regexp.exec.js"),function getDependencies(codeStr){for(var regex=/import\s+.*\s+from\s+['"](.*)['"]/g,dependencies=[],match=regex.exec(codeStr);match;)dependencies.push(match[1]),match=regex.exec(codeStr);return dependencies});try{getDependencies.displayName="getDependencies",getDependencies.__docgenInfo={description:"",displayName:"getDependencies",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["utilities/parse-code-string/src/get-dependencies.tsx#getDependencies"]={docgenInfo:getDependencies.__docgenInfo,name:"getDependencies",path:"utilities/parse-code-string/src/get-dependencies.tsx#getDependencies"})}catch(__react_docgen_typescript_loader_error){}__webpack_require__("./node_modules/core-js/modules/es.string.match.js");var getDefaultExportName=function getDefaultExportName(codeStr){var _codeStr$match;return null===(_codeStr$match=codeStr.match(/export\s+default\s+(\w+)/))||void 0===_codeStr$match?void 0:_codeStr$match[1]};try{getDefaultExportName.displayName="getDefaultExportName",getDefaultExportName.__docgenInfo={description:"",displayName:"getDefaultExportName",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["utilities/parse-code-string/src/get-default-export-name.tsx#getDefaultExportName"]={docgenInfo:getDefaultExportName.__docgenInfo,name:"getDefaultExportName",path:"utilities/parse-code-string/src/get-default-export-name.tsx#getDefaultExportName"})}catch(__react_docgen_typescript_loader_error){}const example_component_raw="import { mergeClasses } from '@griffel/react';\nimport { Text } from '@microsoft/arbutus.text';\nimport { Tile } from '@microsoft/arbutus.tile';\nimport { useSpaceStyles } from '@microsoft/arbutus.use-space-styles';\nimport * as React from 'react';\n\nconst ExampleComponent = () => {\n const space = useSpaceStyles();\n\n return (\n \n \n Example Component\n \n \n Lorem ipsum dolor sit amet consectetur adipisicing elit. Veniam sapiente voluptas\n laudantium placeat aliquam eum nesciunt dolorem rerum, quasi ea quisquam natus\n repellendus! Laudantium expedita laborum natus, earum tenetur quidem?\n \n \n );\n};\n\nexport default ExampleComponent;\n";var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),useStyles=(0,makeStyles_esm.Z)({root:{maxWidth:"860px",display:"grid",gridGap:"16px"},code:{wordWrap:"break-word",maxWidth:"100%"}}),DemoComponent=function DemoComponent(){var classes=useStyles(),dependencies=getDependencies(example_component_raw),defaultExportName=getDefaultExportName(example_component_raw);return(0,jsx_runtime.jsxs)("div",{className:classes.root,children:[(0,jsx_runtime.jsx)(text_text.x,{as:"h1",block:!0,variant:"title",children:"Parse Code String utilities"}),(0,jsx_runtime.jsx)(text_text.x,{as:"h2",block:!0,variant:"headline",children:"Usage"}),(0,jsx_runtime.jsx)(command.m,{isCopyable:!0,command:"npm i @microsoft/arbutus.parse-code-string"}),(0,jsx_runtime.jsx)(code_snippet.O,{language:"typescript",code:"import { getDefaultExportName, getDependencies } from '@microsoft/arbutus.parse-code-string';\nimport codeStr from './example-component.raw';\n\nconst dependencies = getDependencies(codeStr);\nconst defaultExportName = getDefaultExportName(codeStr);\n"}),(0,jsx_runtime.jsx)(text_text.x,{as:"h2",block:!0,variant:"headline",children:"Examples"}),(0,jsx_runtime.jsx)(code_snippet.O,{language:"javascript",code:example_component_raw}),(0,jsx_runtime.jsxs)(text_text.x,{variant:"description",block:!0,children:["If you need to generate a string from a file, you can use the"," ",(0,jsx_runtime.jsx)(text_text.x,{variant:"code",children:"fileToString()"})," utility from the"," ",(0,jsx_runtime.jsx)(text_text.x,{variant:"code",children:"@microsoft/arbutus.file-to-string"}),"package."]}),(0,jsx_runtime.jsxs)(table_list.b,{children:[(0,jsx_runtime.jsxs)(table_row.S,{children:[(0,jsx_runtime.jsx)(table_cell.p,{isHeader:!0,children:"Function"}),(0,jsx_runtime.jsx)(table_cell.p,{isHeader:!0,children:"Output"})]}),(0,jsx_runtime.jsxs)(table_row.S,{children:[(0,jsx_runtime.jsx)(table_cell.p,{isHeader:!0,children:(0,jsx_runtime.jsx)(text_text.x,{variant:"code",className:classes.code,children:"getDependencies(codeStr: string)"})}),(0,jsx_runtime.jsx)(table_cell.p,{children:(0,jsx_runtime.jsx)(text_text.x,{variant:"code",className:classes.code,children:JSON.stringify(dependencies)})})]}),(0,jsx_runtime.jsxs)(table_row.S,{children:[(0,jsx_runtime.jsx)(table_cell.p,{isHeader:!0,children:(0,jsx_runtime.jsx)(text_text.x,{variant:"code",className:classes.code,children:"getDefaultExportName(codeStr: string)"})}),(0,jsx_runtime.jsx)(table_cell.p,{children:(0,jsx_runtime.jsx)(text_text.x,{variant:"code",className:classes.code,children:JSON.stringify(defaultExportName,null,2)})})]})]})]})};DemoComponent.displayName="DemoComponent";const parse_code_string_stories={title:"Utilities/ParseCodeString",decorators:[function(Story){return(0,jsx_runtime.jsx)(decorators.z,{children:(0,jsx_runtime.jsx)(Story,{})})}]};var Template=function Template(){return(0,jsx_runtime.jsx)(DemoComponent,{})};Template.displayName="Template";var Demo=Template.bind({}),__namedExportsOrder=["Demo"]},"./utilities/prop-docs-cli/__dev__/prop-docs-cli.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Demo:()=>Demo,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("./node_modules/core-js/modules/es.function.bind.js");var _microsoft_arbutus_command__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./components/command/lib/command/command.js"),_microsoft_arbutus_text__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./components/text/lib/text/text.js"),_microsoft_arbutus_use_space_styles__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./hooks/use-space-styles/lib/use-space-styles.js"),_storybook_decorators__WEBPACK_IMPORTED_MODULE_2__=(__webpack_require__("./node_modules/react/index.js"),__webpack_require__("./.storybook/decorators/index.ts")),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react/jsx-runtime.js"),DemoComponent=function DemoComponent(){var space=(0,_microsoft_arbutus_use_space_styles__WEBPACK_IMPORTED_MODULE_4__.z)();return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div",{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_microsoft_arbutus_text__WEBPACK_IMPORTED_MODULE_5__.x,{as:"h1",block:!0,variant:"title",className:space.mb4,children:"Prop Docs CLI"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_microsoft_arbutus_text__WEBPACK_IMPORTED_MODULE_5__.x,{as:"h2",block:!0,variant:"caption",className:space.mb4,children:"Configuration:"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div",{className:space.mb4,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_microsoft_arbutus_text__WEBPACK_IMPORTED_MODULE_5__.x,{variant:"code",children:"arbutus-prop-docs.config.json"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div",{className:space.mb4,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_microsoft_arbutus_text__WEBPACK_IMPORTED_MODULE_5__.x,{variant:"code",children:'\n{\n "componentPaths": ["__dev__/demo-component/demo-component.tsx"],\n "outputDir": "__prop-docs__"\n}\n '})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_microsoft_arbutus_text__WEBPACK_IMPORTED_MODULE_5__.x,{as:"h2",block:!0,variant:"caption",className:space.my4,children:"Generate component props documentation:"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)(_microsoft_arbutus_text__WEBPACK_IMPORTED_MODULE_5__.x,{as:"p",block:!0,variant:"paragraph",className:space.mb4,children:["If you have a TypeScript project, add ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_microsoft_arbutus_text__WEBPACK_IMPORTED_MODULE_5__.x,{variant:"code",children:"--ts"})," to generate TypeScript files instead."]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_microsoft_arbutus_command__WEBPACK_IMPORTED_MODULE_6__.m,{command:"arbutus-prop-docs generate --ts",isCopyable:!0}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_microsoft_arbutus_text__WEBPACK_IMPORTED_MODULE_5__.x,{as:"h2",block:!0,variant:"caption",className:space.my4,children:"Clean:"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_microsoft_arbutus_command__WEBPACK_IMPORTED_MODULE_6__.m,{command:"arbutus-prop-docs clean",isCopyable:!0})]})};DemoComponent.displayName="DemoComponent";const __WEBPACK_DEFAULT_EXPORT__={title:"Utilities/Prop Docs CLI",decorators:[function(Story){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_decorators__WEBPACK_IMPORTED_MODULE_2__.z,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(Story,{})})}]};var Template=function Template(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(DemoComponent,{})};Template.displayName="Template";var Demo=Template.bind({}),__namedExportsOrder=["Demo"]},"./styles sync recursive ^\\.(?:(?:^%7C\\/%7C(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/)(?%21\\.)(?=.)[^/]*?\\.stories\\.(js%7Cjsx%7Cts%7Ctsx))$":(module,__unused_webpack_exports,__webpack_require__)=>{var map={"./theming/__dev__/theming.stories.tsx":"./styles/theming/__dev__/theming.stories.tsx"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./styles sync recursive ^\\.(?:(?:^%7C\\/%7C(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/)(?%21\\.)(?=.)[^/]*?\\.stories\\.(js%7Cjsx%7Cts%7Ctsx))$"},"./styles sync recursive ^\\.(?:(?:^%7C\\/%7C(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/)(?%21\\.)(?=.)[^/]*?\\.stories\\.mdx)$":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="./styles sync recursive ^\\.(?:(?:^%7C\\/%7C(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/)(?%21\\.)(?=.)[^/]*?\\.stories\\.mdx)$",module.exports=webpackEmptyContext},"./utilities sync recursive ^\\.(?:(?:^%7C\\/%7C(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/)(?%21\\.)(?=.)[^/]*?\\.stories\\.(js%7Cjsx%7Cts%7Ctsx))$":(module,__unused_webpack_exports,__webpack_require__)=>{var map={"./file-to-string/__dev__/file-to-string.stories.tsx":"./utilities/file-to-string/__dev__/file-to-string.stories.tsx","./parse-code-string/__dev__/parse-code-string.stories.tsx":"./utilities/parse-code-string/__dev__/parse-code-string.stories.tsx","./prop-docs-cli/__dev__/prop-docs-cli.stories.tsx":"./utilities/prop-docs-cli/__dev__/prop-docs-cli.stories.tsx"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./utilities sync recursive ^\\.(?:(?:^%7C\\/%7C(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/)(?%21\\.)(?=.)[^/]*?\\.stories\\.(js%7Cjsx%7Cts%7Ctsx))$"},"./utilities sync recursive ^\\.(?:(?:^%7C\\/%7C(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/)(?%21\\.)(?=.)[^/]*?\\.stories\\.mdx)$":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="./utilities sync recursive ^\\.(?:(?:^%7C\\/%7C(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/)(?%21\\.)(?=.)[^/]*?\\.stories\\.mdx)$",module.exports=webpackEmptyContext},"./components/shell/__dev__/fluentui-logo.svg":(module,__unused_webpack_exports,__webpack_require__)=>{"use strict";module.exports=__webpack_require__.p+"static/media/fluentui-logo.2c059e02.svg"},"?4f7e":()=>{},"./generated-stories-entry.cjs":(module,__unused_webpack_exports,__webpack_require__)=>{"use strict";module=__webpack_require__.nmd(module),(0,__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js").configure)([__webpack_require__("./components sync recursive ^\\.(?:(?:^%7C\\/%7C(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/)(?%21\\.)(?=.)[^/]*?\\.stories\\.mdx)$"),__webpack_require__("./components sync recursive ^\\.(?:(?:^%7C\\/%7C(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/)(?%21\\.)(?=.)[^/]*?\\.stories\\.(js%7Cjsx%7Cts%7Ctsx))$"),__webpack_require__("./hooks sync recursive ^\\.(?:(?:^%7C\\/%7C(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/)(?%21\\.)(?=.)[^/]*?\\.stories\\.mdx)$"),__webpack_require__("./hooks sync recursive ^\\.(?:(?:^%7C\\/%7C(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/)(?%21\\.)(?=.)[^/]*?\\.stories\\.(js%7Cjsx%7Cts%7Ctsx))$"),__webpack_require__("./utilities sync recursive ^\\.(?:(?:^%7C\\/%7C(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/)(?%21\\.)(?=.)[^/]*?\\.stories\\.mdx)$"),__webpack_require__("./utilities sync recursive ^\\.(?:(?:^%7C\\/%7C(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/)(?%21\\.)(?=.)[^/]*?\\.stories\\.(js%7Cjsx%7Cts%7Ctsx))$"),__webpack_require__("./styles sync recursive ^\\.(?:(?:^%7C\\/%7C(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/)(?%21\\.)(?=.)[^/]*?\\.stories\\.mdx)$"),__webpack_require__("./styles sync recursive ^\\.(?:(?:^%7C\\/%7C(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/)(?%21\\.)(?=.)[^/]*?\\.stories\\.(js%7Cjsx%7Cts%7Ctsx))$")],module,!1)}},__webpack_require__=>{var __webpack_exec__=moduleId=>__webpack_require__(__webpack_require__.s=moduleId);__webpack_require__.O(0,[908],(()=>(__webpack_exec__("./node_modules/@storybook/core-client/dist/esm/globals/polyfills.js"),__webpack_exec__("./node_modules/@storybook/core-client/dist/esm/globals/globals.js"),__webpack_exec__("./storybook-init-framework-entry.js"),__webpack_exec__("./node_modules/@storybook/react/dist/esm/client/docs/config-generated-config-entry.js"),__webpack_exec__("./node_modules/@storybook/react/dist/esm/client/preview/config-generated-config-entry.js"),__webpack_exec__("./node_modules/@storybook/addon-links/preview.js-generated-config-entry.js"),__webpack_exec__("./node_modules/@storybook/addon-actions/preview.js-generated-config-entry.js"),__webpack_exec__("./node_modules/@storybook/addon-backgrounds/preview.js-generated-config-entry.js"),__webpack_exec__("./node_modules/@storybook/addon-measure/preview.js-generated-config-entry.js"),__webpack_exec__("./node_modules/@storybook/addon-outline/preview.js-generated-config-entry.js"),__webpack_exec__("./node_modules/@storybook/addon-interactions/preview.js-generated-config-entry.js"),__webpack_exec__("./.storybook/preview.jsx-generated-config-entry.js"),__webpack_exec__("./generated-stories-entry.cjs"))));__webpack_require__.O()}]); \ No newline at end of file diff --git a/docs/main.f3ad67b8.iframe.bundle.js b/docs/main.f3ad67b8.iframe.bundle.js deleted file mode 100644 index 81495d68..00000000 --- a/docs/main.f3ad67b8.iframe.bundle.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunkarbutus=self.webpackChunkarbutus||[]).push([[179],{"./components sync recursive ^\\.(?:(?:^%7C\\/%7C(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/)(?%21\\.)(?=.)[^/]*?\\.stories\\.(js%7Cjsx%7Cts%7Ctsx))$":(module,__unused_webpack_exports,__webpack_require__)=>{var map={"./accordion/__dev__/accordion-list.stories.tsx":"./components/accordion/__dev__/accordion-list.stories.tsx","./action-list-tile/__dev__/action-list-tile.stories.tsx":"./components/action-list-tile/__dev__/action-list-tile.stories.tsx","./action-tile/__dev__/action-tile.stories.tsx":"./components/action-tile/__dev__/action-tile.stories.tsx","./aside-navigation/__dev__/aside-navigation.stories.tsx":"./components/aside-navigation/__dev__/aside-navigation.stories.tsx","./badge/__dev__/badge.stories.tsx":"./components/badge/__dev__/badge.stories.tsx","./bookmark-tile/__dev__/bookmark-tile.stories.tsx":"./components/bookmark-tile/__dev__/bookmark-tile.stories.tsx","./button/__dev__/button.stories.tsx":"./components/button/__dev__/button.stories.tsx","./callout/__dev__/callout.stories.tsx":"./components/callout/__dev__/callout.stories.tsx","./code-snippet/__dev__/code-snippet.stories.tsx":"./components/code-snippet/__dev__/code-snippet.stories.tsx","./command/__dev__/command-block.stories.tsx":"./components/command/__dev__/command-block.stories.tsx","./component-preview/__dev__/component-preview.stories.tsx":"./components/component-preview/__dev__/component-preview.stories.tsx","./data-table/__dev__/data-table.stories.tsx":"./components/data-table/__dev__/data-table.stories.tsx","./divider/__dev__/divider.stories.tsx":"./components/divider/__dev__/divider.stories.tsx","./embed/__dev__/embed.stories.tsx":"./components/embed/__dev__/embed.stories.tsx","./footer/__dev__/footer.stories.tsx":"./components/footer/__dev__/footer.stories.tsx","./guidance/__dev__/guidance.stories.tsx":"./components/guidance/__dev__/guidance.stories.tsx","./header/__dev__/header.stories.tsx":"./components/header/__dev__/header.stories.tsx","./heading/__dev__/heading.stories.tsx":"./components/heading/__dev__/heading.stories.tsx","./icon-button/__dev__/icon-button.stories.tsx":"./components/icon-button/__dev__/icon-button.stories.tsx","./icon/__dev__/icon.stories.tsx":"./components/icon/__dev__/icon.stories.tsx","./illustration-tile/__dev__/illustration-tile.stories.tsx":"./components/illustration-tile/__dev__/illustration-tile.stories.tsx","./image-tile/__dev__/image-tile.stories.tsx":"./components/image-tile/__dev__/image-tile.stories.tsx","./link/__dev__/link.stories.tsx":"./components/link/__dev__/link.stories.tsx","./logo/__dev__/logo.stories.tsx":"./components/logo/__dev__/logo.stories.tsx","./main-navigation/__dev__/main-navigation.stories.tsx":"./components/main-navigation/__dev__/main-navigation.stories.tsx","./mark-list/__dev__/mark-list.stories.tsx":"./components/mark-list/__dev__/mark-list.stories.tsx","./ordered-list/__dev__/ordered-list.stories.tsx":"./components/ordered-list/__dev__/ordered-list.stories.tsx","./person-tile/__dev__/person-tile.stories.tsx":"./components/person-tile/__dev__/person-tile.stories.tsx","./prop-table/__dev__/prop-table.stories.tsx":"./components/prop-table/__dev__/prop-table.stories.tsx","./recommendation-tile/__dev__/recommendation-tile.stories.tsx":"./components/recommendation-tile/__dev__/recommendation-tile.stories.tsx","./sandbox/__dev__/sandbox.stories.tsx":"./components/sandbox/__dev__/sandbox.stories.tsx","./shell/__dev__/crown.stories.tsx":"./components/shell/__dev__/crown.stories.tsx","./shell/__dev__/shell.stories.tsx":"./components/shell/__dev__/shell.stories.tsx","./table-list/__dev__/table-list.stories.tsx":"./components/table-list/__dev__/table-list.stories.tsx","./tabs/__dev__/tabs.stories.tsx":"./components/tabs/__dev__/tabs.stories.tsx","./tag/__dev__/tag.stories.tsx":"./components/tag/__dev__/tag.stories.tsx","./text/__dev__/text.stories.tsx":"./components/text/__dev__/text.stories.tsx","./theme-switch/__dev__/theme-switch.stories.tsx":"./components/theme-switch/__dev__/theme-switch.stories.tsx","./tile/__dev__/tile.stories.tsx":"./components/tile/__dev__/tile.stories.tsx","./tray/__dev__/tray.stories.tsx":"./components/tray/__dev__/tray.stories.tsx"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./components sync recursive ^\\.(?:(?:^%7C\\/%7C(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/)(?%21\\.)(?=.)[^/]*?\\.stories\\.(js%7Cjsx%7Cts%7Ctsx))$"},"./components sync recursive ^\\.(?:(?:^%7C\\/%7C(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/)(?%21\\.)(?=.)[^/]*?\\.stories\\.mdx)$":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="./components sync recursive ^\\.(?:(?:^%7C\\/%7C(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/)(?%21\\.)(?=.)[^/]*?\\.stories\\.mdx)$",module.exports=webpackEmptyContext},"./hooks sync recursive ^\\.(?:(?:^%7C\\/%7C(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/)(?%21\\.)(?=.)[^/]*?\\.stories\\.(js%7Cjsx%7Cts%7Ctsx))$":(module,__unused_webpack_exports,__webpack_require__)=>{var map={"./use-copy-to-clipboard/__dev__/use-copy-to-clipboard.stories.tsx":"./hooks/use-copy-to-clipboard/__dev__/use-copy-to-clipboard.stories.tsx","./use-prefers-color-scheme/__dev__/use-prefers-color-scheme.stories.tsx":"./hooks/use-prefers-color-scheme/__dev__/use-prefers-color-scheme.stories.tsx"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./hooks sync recursive ^\\.(?:(?:^%7C\\/%7C(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/)(?%21\\.)(?=.)[^/]*?\\.stories\\.(js%7Cjsx%7Cts%7Ctsx))$"},"./hooks sync recursive ^\\.(?:(?:^%7C\\/%7C(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/)(?%21\\.)(?=.)[^/]*?\\.stories\\.mdx)$":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="./hooks sync recursive ^\\.(?:(?:^%7C\\/%7C(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/)(?%21\\.)(?=.)[^/]*?\\.stories\\.mdx)$",module.exports=webpackEmptyContext},"./.storybook/decorators/index.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{z:()=>Centered});__webpack_require__("./node_modules/react/index.js");var useCenteredClasses=(0,__webpack_require__("./node_modules/@griffel/react/makeStyles.esm.js").Z)({root:{minHeight:"100vh",width:"100%",display:"grid",alignItems:"center",justifyItems:"center"}}),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),Centered=function Centered(_ref){var children=_ref.children,classes=useCenteredClasses();return(0,jsx_runtime.jsx)("div",{className:classes.root,children})};Centered.displayName="Centered";try{Centered.displayName="Centered",Centered.__docgenInfo={description:"",displayName:"Centered",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES[".storybook/decorators/centered.tsx#Centered"]={docgenInfo:Centered.__docgenInfo,name:"Centered",path:".storybook/decorators/centered.tsx#Centered"})}catch(__react_docgen_typescript_loader_error){}},"./.storybook/preview.jsx-generated-config-entry.js":(__unused_webpack_module,__unused_webpack___webpack_exports__,__webpack_require__)=>{"use strict";var preview_namespaceObject={};__webpack_require__.r(preview_namespaceObject),__webpack_require__.d(preview_namespaceObject,{__namedExportsOrder:()=>preview_namedExportsOrder,decorators:()=>decorators,globalTypes:()=>globalTypes,parameters:()=>parameters});__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.array.filter.js"),__webpack_require__("./node_modules/core-js/modules/es.object.get-own-property-descriptor.js"),__webpack_require__("./node_modules/core-js/modules/es.array.for-each.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.for-each.js"),__webpack_require__("./node_modules/core-js/modules/es.object.get-own-property-descriptors.js"),__webpack_require__("./node_modules/core-js/modules/es.object.define-properties.js"),__webpack_require__("./node_modules/core-js/modules/es.object.define-property.js");var _provider,ClientApi=__webpack_require__("./node_modules/@storybook/client-api/dist/esm/ClientApi.js"),theme_provider=(__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js"),__webpack_require__("./styles/theming/lib/theme-provider.js")),makeStaticStyles_esm=__webpack_require__("./node_modules/@griffel/react/makeStaticStyles.esm.js"),useSegoeUI100=(0,makeStaticStyles_esm.Q)({"@font-face":{fontFamily:"Segoe UI",src:"local('Segoe UI Light'), url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/light/latest.woff2) format('woff2'),\n url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/light/latest.woff) format('woff'),\n url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/light/latest.ttf) format('truetype')",fontWeight:100}}),useSegoeUI200=(0,makeStaticStyles_esm.Q)({"@font-face":{fontFamily:"Segoe UI",src:"local('Segoe UI Semilight'), url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semilight/latest.woff2) format('woff2'),\n url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semilight/latest.woff) format('woff'),\n url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semilight/latest.ttf) format('truetype')",fontWeight:200}}),useSegoeUI400=(0,makeStaticStyles_esm.Q)({"@font-face":{fontFamily:"Segoe UI",src:"local('Segoe UI'), url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/normal/latest.woff2) format('woff2'),\n url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/normal/latest.woff) format('woff'),\n url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/normal/latest.ttf) format('truetype')",fontWeight:400}}),useSegoeUI600=(0,makeStaticStyles_esm.Q)({"@font-face":{fontFamily:"Segoe UI",src:"local('Segoe UI Semibold'), url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semibold/latest.woff2) format('woff2'),\n url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semibold/latest.woff) format('woff'),\n url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semibold/latest.ttf) format('truetype')",fontWeight:600}}),useSegoeUI700=(0,makeStaticStyles_esm.Q)({"@font-face":{fontFamily:"Segoe UI",src:"local('Segoe UI Bold'), url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/bold/latest.woff2) format('woff2'),\n url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/bold/latest.woff) format('woff'),\n url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/bold/latest.ttf) format('truetype')",fontWeight:700}}),makeStyles_esm=__webpack_require__("./node_modules/@griffel/react/makeStyles.esm.js"),tokens=__webpack_require__("./node_modules/@fluentui/tokens/lib/tokens.js"),useStoryStyles=(0,makeStaticStyles_esm.Q)({"html, body, #root":{height:"100%",paddingTop:0,paddingBottom:0,paddingLeft:0,paddingRight:0},".sb-show-main.sb-main-padded":{paddingTop:0,paddingBottom:0,paddingLeft:0,paddingRight:0}}),useFrameClasses=(0,makeStyles_esm.Z)({root:{backgroundColor:tokens.T.colorNeutralBackground1,minHeight:"100vh"},provider:(_provider={minHeight:"100vh"},_provider["& .fui-FluentProvider"]={height:"100%"},_provider)}),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),Frame=function Frame(_ref){var children=_ref.children,theme=_ref.theme;useSegoeUI100(),useSegoeUI200(),useSegoeUI400(),useSegoeUI600(),useSegoeUI700(),useStoryStyles();var classes=useFrameClasses();return(0,jsx_runtime.jsx)("div",{className:classes.provider,children:(0,jsx_runtime.jsx)(theme_provider.f,{currentThemeKey:theme,children:(0,jsx_runtime.jsx)("div",{className:classes.root,children})})})};Frame.displayName="Frame";try{Frame.displayName="Frame",Frame.__docgenInfo={description:"",displayName:"Frame",props:{theme:{defaultValue:null,description:"",name:"theme",required:!0,type:{name:"enum",value:[{value:'"light"'},{value:'"dark"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES[".storybook/custom/frame.tsx#Frame"]={docgenInfo:Frame.__docgenInfo,name:"Frame",path:".storybook/custom/frame.tsx#Frame"})}catch(__react_docgen_typescript_loader_error){}var parameters={actions:{argTypesRegex:"^on[A-Z].*"},controls:{matchers:{color:/(background|color)$/i,date:/Date$/}},options:{storySort:{order:["Atoms","Tiles","Lists","Blocks","Examples"]}}},globalTypes={theme:{name:"Theme",description:"Global theme for components",defaultValue:"light",title:"Theme",toolbar:{icon:"circlehollow",items:["light","dark"],dynamicTitle:!0}}},withThemeProvider=function withThemeProvider(Story,context){return(0,jsx_runtime.jsx)(Frame,{theme:context.globals.theme,children:(0,jsx_runtime.jsx)(Story,Object.assign({},context))})};withThemeProvider.displayName="withThemeProvider";var decorators=[withThemeProvider],preview_namedExportsOrder=["parameters","globalTypes","decorators"];function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _defineProperty(obj,key,value){return key in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}Object.keys(preview_namespaceObject).forEach((function(key){var value=preview_namespaceObject[key];switch(key){case"args":return(0,ClientApi.uc)(value);case"argTypes":return(0,ClientApi.v9)(value);case"decorators":return value.forEach((function(decorator){return(0,ClientApi.$9)(decorator,!1)}));case"loaders":return value.forEach((function(loader){return(0,ClientApi.HZ)(loader,!1)}));case"parameters":return(0,ClientApi.h1)(function _objectSpread(target){for(var i=1;i{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Item:()=>Item,List:()=>List,__namedExportsOrder:()=>__namedExportsOrder,default:()=>accordion_list_stories});__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js");var text_text=__webpack_require__("./components/text/lib/text/text.js"),react=__webpack_require__("./node_modules/react/index.js"),mergeClasses_esm=(__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/@griffel/core/mergeClasses.esm.js")),icon=__webpack_require__("./components/icon/lib/icon/icon.js"),AnimatePresence=__webpack_require__("./node_modules/framer-motion/dist/es/components/AnimatePresence/index.mjs"),index_browser=__webpack_require__("./components/accordion/node_modules/nanoid/index.browser.js"),tokens=__webpack_require__("./node_modules/@fluentui/tokens/lib/tokens.js"),makeStyles_esm=__webpack_require__("./node_modules/@griffel/react/makeStyles.esm.js"),useAccordionItemStyles=(0,makeStyles_esm.Z)({root:{borderBottomWidth:tokens.T.strokeWidthThin,borderBottomStyle:"solid",borderBottomColor:tokens.T.colorNeutralStroke1,transitionProperty:"border-bottom-color",transitionDuration:tokens.T.durationNormal,transitionTimingFunction:tokens.T.curveEasyEase,paddingTop:tokens.T.spacingVerticalM,paddingBottom:tokens.T.spacingVerticalM},trigger:{width:"100%",display:"flex",flexDirection:"row",justifyContent:"space-between",borderTopStyle:"none",borderBottomStyle:"none",borderLeftStyle:"none",borderRightStyle:"none",backgroundColor:"transparent",cursor:"pointer",paddingTop:0,paddingBottom:tokens.T.spacingVerticalS,paddingLeft:"0",paddingRight:"0"},title:{whiteSpace:"nowrap",overflowY:"hidden",overflowX:"hidden",textOverflow:"ellipsis"},content:{width:"100%",paddingTop:0,paddingBottom:0,paddingLeft:"0",paddingRight:"0"},toggle:{alignSelf:"center",transitionProperty:"transform",transitionDuration:tokens.T.durationNormal,transitionTimingFunction:tokens.T.curveEasyEase},toggleExpanded:{transform:"rotate(90deg)"},toggleIdle:{transform:"rotate(0deg)"}}),motion=__webpack_require__("./node_modules/framer-motion/dist/es/render/dom/motion.mjs"),use_reduced_motion=__webpack_require__("./node_modules/framer-motion/dist/es/utils/reduced-motion/use-reduced-motion.mjs"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),slideVariants=function slideVariants(_ref){var shouldReduceMotion=_ref.shouldReduceMotion;return{expanded:{height:"auto",transition:{ease:"easeOut",duration:shouldReduceMotion?0:.2}},collapsed:{height:0,transition:{delay:shouldReduceMotion?0:.075,ease:"easeOut",duration:shouldReduceMotion?0:.2}}}},SlideMotion=function SlideMotion(_ref2){var children=_ref2.children,initial=_ref2.initial,a11yLabelId=_ref2.a11yLabelId,a11yContentId=_ref2.a11yContentId,className=_ref2.className;return(0,jsx_runtime.jsx)(motion.E.section,{initial,animate:"expanded",exit:"collapsed",variants:slideVariants({shouldReduceMotion:(0,use_reduced_motion.J)()}),className,id:a11yContentId,"aria-labelledby":a11yLabelId,role:"region",children})};SlideMotion.displayName="SlideMotion";var fadeVariants=function fadeVariants(_ref3){var shouldReduceMotion=_ref3.shouldReduceMotion;return{expanded:{opacity:1,top:"0",transition:{delay:shouldReduceMotion?0:.125,ease:"easeOut",duration:shouldReduceMotion?0:.15}},collapsed:{opacity:0,top:"-4px",transition:{ease:"easeOut",duration:shouldReduceMotion?0:.15}}}},FadeMotion=function FadeMotion(_ref4){var children=_ref4.children,initial=_ref4.initial;return(0,jsx_runtime.jsx)(motion.E.div,{style:{position:"relative"},initial,animate:"expanded",exit:"collapsed",variants:fadeVariants({shouldReduceMotion:(0,use_reduced_motion.J)()}),children})};FadeMotion.displayName="FadeMotion";try{SlideMotion.displayName="SlideMotion",SlideMotion.__docgenInfo={description:"",displayName:"SlideMotion",props:{initial:{defaultValue:null,description:"",name:"initial",required:!0,type:{name:"enum",value:[{value:'"collapsed"'},{value:'"expanded"'}]}},a11yLabelId:{defaultValue:null,description:"",name:"a11yLabelId",required:!0,type:{name:"string"}},a11yContentId:{defaultValue:null,description:"",name:"a11yContentId",required:!0,type:{name:"string"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/accordion/src/accordion-item/motion.tsx#SlideMotion"]={docgenInfo:SlideMotion.__docgenInfo,name:"SlideMotion",path:"components/accordion/src/accordion-item/motion.tsx#SlideMotion"})}catch(__react_docgen_typescript_loader_error){}try{FadeMotion.displayName="FadeMotion",FadeMotion.__docgenInfo={description:"",displayName:"FadeMotion",props:{initial:{defaultValue:null,description:"",name:"initial",required:!0,type:{name:"enum",value:[{value:'"collapsed"'},{value:'"expanded"'}]}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/accordion/src/accordion-item/motion.tsx#FadeMotion"]={docgenInfo:FadeMotion.__docgenInfo,name:"FadeMotion",path:"components/accordion/src/accordion-item/motion.tsx#FadeMotion"})}catch(__react_docgen_typescript_loader_error){}function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null!=_i){var _s,_e,_x,_r,_arr=[],_n=!0,_d=!1;try{if(_x=(_i=_i.call(arr)).next,0===i){if(Object(_i)!==_i)return;_n=!1}else for(;!(_n=(_s=_x.call(_i)).done)&&(_arr.push(_s.value),_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{if(!_n&&null!=_i.return&&(_r=_i.return(),Object(_r)!==_r))return}finally{if(_d)throw _e}}return _arr}}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||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 _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{DownloadsExample:()=>DownloadsExample,LinksExample:()=>LinksExample,__namedExportsOrder:()=>__namedExportsOrder,default:()=>action_list_tile_stories});__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js");var makeStyles_esm=__webpack_require__("./node_modules/@griffel/react/makeStyles.esm.js"),tile=__webpack_require__("./components/tile/lib/tile.js"),decorators=(__webpack_require__("./node_modules/react/index.js"),__webpack_require__("./.storybook/decorators/index.ts")),use_space_styles=__webpack_require__("./hooks/use-space-styles/lib/use-space-styles.js"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),ActionListTile=function ActionListTile(_ref){var className=_ref.className,children=_ref.children,space=(0,use_space_styles.z)();return(0,jsx_runtime.jsx)(tile.n,{variant:"card",className,children:(0,jsx_runtime.jsx)("div",{className:space.p9,children})})};ActionListTile.displayName="ActionListTile";try{ActionListTile.displayName="ActionListTile",ActionListTile.__docgenInfo={description:"",displayName:"ActionListTile",props:{className:{defaultValue:null,description:"Consumer provided class.",name:"className",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/action-list-tile/src/action-list-tile/action-list-tile.tsx#ActionListTile"]={docgenInfo:ActionListTile.__docgenInfo,name:"ActionListTile",path:"components/action-list-tile/src/action-list-tile/action-list-tile.tsx#ActionListTile"})}catch(__react_docgen_typescript_loader_error){}var mergeClasses_esm=__webpack_require__("./node_modules/@griffel/core/mergeClasses.esm.js"),text_text=__webpack_require__("./components/text/lib/text/text.js"),tokens=__webpack_require__("./node_modules/@fluentui/tokens/lib/tokens.js"),useActionListHeaderStyles=(0,makeStyles_esm.Z)({image:{height:tokens.T.spacingHorizontalXXXL,width:tokens.T.spacingHorizontalXXXL,objectFit:"cover"}}),ActionListHeader=function ActionListHeader(_ref){var className=_ref.className,title=_ref.title,iconSrc=_ref.iconSrc,iconAlt=_ref.iconAlt,classes=useActionListHeaderStyles(),space=(0,use_space_styles.z)();return(0,jsx_runtime.jsxs)("header",{className:(0,mergeClasses_esm.z)(space.mb3,className),children:[iconSrc&&(0,jsx_runtime.jsx)("img",{src:iconSrc,alt:iconAlt,className:(0,mergeClasses_esm.z)(space.mb4,classes.image)}),(0,jsx_runtime.jsx)(text_text.x,{block:!0,as:"h3",variant:"caption",children:title})]})};ActionListHeader.displayName="ActionListHeader";try{ActionListHeader.displayName="ActionListHeader",ActionListHeader.__docgenInfo={description:"",displayName:"ActionListHeader",props:{className:{defaultValue:null,description:"Consumer provided class.",name:"className",required:!1,type:{name:"string"}},title:{defaultValue:null,description:"Text that describes the collection of actions in the tile.",name:"title",required:!0,type:{name:"string"}},iconSrc:{defaultValue:null,description:"Custom optional icon.",name:"iconSrc",required:!1,type:{name:"string"}},iconAlt:{defaultValue:null,description:"Accessible icon description.",name:"iconAlt",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/action-list-tile/src/action-list-header/action-list-header.tsx#ActionListHeader"]={docgenInfo:ActionListHeader.__docgenInfo,name:"ActionListHeader",path:"components/action-list-tile/src/action-list-header/action-list-header.tsx#ActionListHeader"})}catch(__react_docgen_typescript_loader_error){}var useActionListItemsStyles=(0,makeStyles_esm.Z)({root:{display:"grid",gridTemplateColumns:"1fr",rowGap:tokens.T.spacingHorizontalS}}),ActionListItems=function ActionListItems(_ref){var className=_ref.className,children=_ref.children,classes=useActionListItemsStyles();return(0,jsx_runtime.jsx)("div",{className:(0,mergeClasses_esm.z)(classes.root,className),children})};ActionListItems.displayName="ActionListItems";try{ActionListItems.displayName="ActionListItems",ActionListItems.__docgenInfo={description:"",displayName:"ActionListItems",props:{className:{defaultValue:null,description:"Consumer provided class.",name:"className",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/action-list-tile/src/action-list-items/action-list-items.tsx#ActionListItems"]={docgenInfo:ActionListItems.__docgenInfo,name:"ActionListItems",path:"components/action-list-tile/src/action-list-items/action-list-items.tsx#ActionListItems"})}catch(__react_docgen_typescript_loader_error){}__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js");var icon=__webpack_require__("./components/icon/lib/icon/icon.js"),reach_visually_hidden=__webpack_require__("./node_modules/@reach/visually-hidden/dist/reach-visually-hidden.mjs"),index_esm=(__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/@griffel/core/index.esm.js")),useActionListItemStyles=(0,makeStyles_esm.Z)({root:Object.assign({display:"grid",gridTemplateColumns:"auto 1rem",textAlign:"left",alignItems:"center",paddingLeft:0,paddingRight:0,cursor:"pointer",backgroundColor:"transparent"},index_esm.q5.borderStyle("none"),index_esm.q5.borderColor("transparent"))}),ActionListItem=function ActionListItem(_ref){var className=_ref.className,label=_ref.label,iconName=_ref.iconName,onClick=_ref.onClick,description=_ref.description,classes=useActionListItemStyles();return(0,jsx_runtime.jsxs)("button",{onClick,className:(0,mergeClasses_esm.z)(classes.root,className),children:[(0,jsx_runtime.jsxs)(text_text.x,{as:"span",variant:"description",color:"secondary",children:[(0,jsx_runtime.jsx)(reach_visually_hidden.T,{children:description}),label]}),(0,jsx_runtime.jsx)(icon.J,{iconName,color:"secondary",size:"small"})]})};ActionListItem.displayName="ActionListItem";try{ActionListItem.displayName="ActionListItem",ActionListItem.__docgenInfo={description:"",displayName:"ActionListItem",props:{className:{defaultValue:null,description:"Consumer provided class.",name:"className",required:!1,type:{name:"string"}},label:{defaultValue:null,description:"Action label.",name:"label",required:!0,type:{name:"string"}},description:{defaultValue:null,description:"Concise action description for assistive technology (e.g. 'download', 'open link').",name:"description",required:!0,type:{name:"string"}},iconName:{defaultValue:null,description:"Selection of icons.",name:"iconName",required:!0,type:{name:"enum",value:[{value:'"link"'},{value:'"code"'},{value:'"arrow-right"'},{value:'"chevron-right"'},{value:'"full-screen"'},{value:'"slide-in"'},{value:'"slide-out"'},{value:'"open"'},{value:'"check"'},{value:'"copy"'},{value:'"download"'},{value:'"exclamation"'},{value:'"moon"'},{value:'"sun"'},{value:'"x"'}]}},onClick:{defaultValue:null,description:"Click handler.",name:"onClick",required:!0,type:{name:"(e?: SyntheticEvent) => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/action-list-tile/src/action-list-item/action-list-item.tsx#ActionListItem"]={docgenInfo:ActionListItem.__docgenInfo,name:"ActionListItem",path:"components/action-list-tile/src/action-list-item/action-list-item.tsx#ActionListItem"})}catch(__react_docgen_typescript_loader_error){}const figma_namespaceObject=__webpack_require__.p+"static/media/figma.0845e15a.png",action_list_tile_stories={title:"Tiles/ActionListTile",component:ActionListTile,argTypes:{onClick:{action:"clicked"}},decorators:[function(Story){return(0,jsx_runtime.jsx)(decorators.z,{children:(0,jsx_runtime.jsx)(Story,{})})}]};var useTileGridStyles=(0,makeStyles_esm.Z)({root:{width:"100%",display:"grid",gridTemplateColumns:"repeat(auto-fill, minmax(16rem, 1fr))",columnGap:"2.5rem",rowGap:"2.5rem","@media screen and (max-width: var(--arbutus--breakpoint-xxs))":{gridTemplateColumns:"100%"}}}),actions={downloads:["Toolkit","Examples","Tokens","Utilities"],links:["Did you know about this?","Interesting blog post 🤔","I like cats and dogs and it is a longer title.","Fourth item in this list."]},TileExample=function TileExample(_ref){var type=_ref.type,createOnClick=function createOnClick(label){return function(){return alert("ActionItemList clicked: "+label)}};return(0,jsx_runtime.jsxs)(ActionListTile,{children:["downloads"===type?(0,jsx_runtime.jsx)(ActionListHeader,{title:"Figma Resources",iconSrc:figma_namespaceObject,iconAlt:"Figma logo"}):(0,jsx_runtime.jsx)(ActionListHeader,{title:"Useful Links"}),(0,jsx_runtime.jsx)(ActionListItems,{children:actions[type].map((function(action,i){return(0,jsx_runtime.jsx)(ActionListItem,{label:action,description:"downloads"===type?"Download":"Go to",iconName:"downloads"===type?"download":"open",onClick:createOnClick(action)},i+"-"+action)}))})]})};TileExample.displayName="TileExample";var DownloadsTemplate=function DownloadsTemplate(){var classes=useTileGridStyles();return(0,jsx_runtime.jsxs)("div",{className:classes.root,children:[(0,jsx_runtime.jsx)(tile.n,{variant:"solid-color",children:" "}),(0,jsx_runtime.jsx)(TileExample,{type:"downloads"}),(0,jsx_runtime.jsx)(tile.n,{variant:"solid-color",children:" "})]})};DownloadsTemplate.displayName="DownloadsTemplate";var DownloadsExample=DownloadsTemplate.bind({}),LinksTemplate=function LinksTemplate(){var classes=useTileGridStyles();return(0,jsx_runtime.jsxs)("div",{className:classes.root,children:[(0,jsx_runtime.jsx)(tile.n,{variant:"solid-color",children:" "}),(0,jsx_runtime.jsx)(TileExample,{type:"links"}),(0,jsx_runtime.jsx)(tile.n,{variant:"solid-color",children:" "})]})};LinksTemplate.displayName="LinksTemplate";var LinksExample=LinksTemplate.bind({}),__namedExportsOrder=["DownloadsExample","LinksExample"]},"./components/action-tile/__dev__/action-tile.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{WithImage:()=>WithImage,WithoutImage:()=>WithoutImage,__namedExportsOrder:()=>__namedExportsOrder,default:()=>action_tile_stories});__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js");var tokens=__webpack_require__("./node_modules/@fluentui/tokens/lib/tokens.js"),makeStyles_esm=__webpack_require__("./node_modules/@griffel/react/makeStyles.esm.js"),tile=__webpack_require__("./components/tile/lib/tile.js"),decorators=(__webpack_require__("./node_modules/react/index.js"),__webpack_require__("./.storybook/decorators/index.ts")),mergeClasses_esm=(__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/@griffel/core/mergeClasses.esm.js")),icon=__webpack_require__("./components/icon/lib/icon/icon.js"),text_text=__webpack_require__("./components/text/lib/text/text.js"),index_esm=__webpack_require__("./node_modules/@griffel/core/index.esm.js"),useActionTileStyles=(0,makeStyles_esm.Z)({root:Object.assign({display:"grid",columnGap:tokens.T.spacingHorizontalL,minHeight:"60px",alignContent:"center",alignItems:"center",textAlign:"left",paddingLeft:tokens.T.spacingHorizontalXXL,paddingRight:tokens.T.spacingHorizontalXXL,cursor:"pointer",backgroundColor:"transparent"},index_esm.q5.borderStyle("none"),index_esm.q5.borderColor("transparent")),withImage:{gridTemplateColumns:"1.75rem auto 1rem"},withoutImage:{gridTemplateColumns:"auto 1rem"},image:{height:"1.75rem",width:"1.75rem",objectFit:"cover"}}),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),ActionTile=function ActionTile(_ref){var className=_ref.className,title=_ref.title,onClick=_ref.onClick,description=_ref.description,imageSrc=_ref.imageSrc,imageAlt=_ref.imageAlt,classes=useActionTileStyles(),withImage=imageSrc&&imageAlt;return(0,jsx_runtime.jsxs)(tile.n,{as:"button",variant:"card",className:(0,mergeClasses_esm.z)(classes.root,withImage?classes.withImage:classes.withoutImage,className),onClick,children:[withImage&&(0,jsx_runtime.jsx)("img",{src:imageSrc,alt:imageAlt,className:classes.image}),(0,jsx_runtime.jsxs)("div",{children:[(0,jsx_runtime.jsx)(text_text.x,{block:!0,variant:"caption",children:title}),description&&(0,jsx_runtime.jsx)(text_text.x,{variant:"description",color:"secondary",children:description})]}),(0,jsx_runtime.jsx)(icon.J,{iconName:"chevron-right",color:"tertiary"})]})};ActionTile.displayName="ActionTile";try{ActionTile.displayName="ActionTile",ActionTile.__docgenInfo={description:"",displayName:"ActionTile",props:{className:{defaultValue:null,description:"Consumer provided class.",name:"className",required:!1,type:{name:"string"}},title:{defaultValue:null,description:"Title of the action.",name:"title",required:!0,type:{name:"string"}},description:{defaultValue:null,description:"Concise description of the action.",name:"description",required:!1,type:{name:"string"}},onClick:{defaultValue:null,description:"Click handler.",name:"onClick",required:!0,type:{name:"(e?: SyntheticEvent) => void"}},imageSrc:{defaultValue:null,description:"Custom optional icon.",name:"imageSrc",required:!1,type:{name:"string"}},imageAlt:{defaultValue:null,description:"Accessible icon description.",name:"imageAlt",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/action-tile/src/action-tile/action-tile.tsx#ActionTile"]={docgenInfo:ActionTile.__docgenInfo,name:"ActionTile",path:"components/action-tile/src/action-tile/action-tile.tsx#ActionTile"})}catch(__react_docgen_typescript_loader_error){}const icon_namespaceObject=__webpack_require__.p+"static/media/icon.0ca5d4cb.svg",action_tile_stories={title:"Tiles/ActionTile",component:ActionTile,argTypes:{onClick:{action:"clicked"}},decorators:[function(Story){return(0,jsx_runtime.jsx)(decorators.z,{children:(0,jsx_runtime.jsx)("div",{style:{maxWidth:"980px"},children:(0,jsx_runtime.jsx)(Story,{})})})}]};var useTileGridStyles=(0,makeStyles_esm.Z)({root:{minWidth:"22.5rem",display:"grid",gridTemplateColumns:"1fr",gridAutoRows:"3.75rem",columnGap:tokens.T.spacingHorizontalM,rowGap:tokens.T.spacingVerticalM,"@media screen and (max-width: var(--arbutus--breakpoint-xxs))":{gridTemplateColumns:"100%"}}}),Template=function Template(args){var classes=useTileGridStyles();return(0,jsx_runtime.jsxs)("div",{className:classes.root,children:[(0,jsx_runtime.jsx)(tile.n,{variant:"solid-color",children:" "}),(0,jsx_runtime.jsx)(ActionTile,Object.assign({},args)),(0,jsx_runtime.jsx)(tile.n,{variant:"solid-color",children:" "}),(0,jsx_runtime.jsx)(tile.n,{variant:"solid-color",children:" "}),(0,jsx_runtime.jsx)(tile.n,{variant:"solid-color",children:" "})]})};Template.displayName="Template";var WithoutImage=Template.bind({});WithoutImage.args={title:"ActionTile",description:"Component"};var WithImage=Template.bind({});WithImage.args={title:"ActionTile",description:"Component",imageAlt:"Component icon",imageSrc:icon_namespaceObject};var __namedExportsOrder=["WithoutImage","WithImage"]},"./components/aside-navigation/__dev__/aside-navigation.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Simple:()=>Simple,__namedExportsOrder:()=>__namedExportsOrder,default:()=>aside_navigation_stories});__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js");var tokens=__webpack_require__("./node_modules/@fluentui/tokens/lib/tokens.js"),makeStyles_esm=__webpack_require__("./node_modules/@griffel/react/makeStyles.esm.js"),tile=__webpack_require__("./components/tile/lib/tile.js"),react=__webpack_require__("./node_modules/react/index.js"),mergeClasses_esm=__webpack_require__("./node_modules/@griffel/core/mergeClasses.esm.js"),text_text=__webpack_require__("./components/text/lib/text/text.js"),use_space_styles=__webpack_require__("./hooks/use-space-styles/lib/use-space-styles.js"),AsideNavigationContext=(0,react.createContext)({}),index_esm=(__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/@griffel/core/index.esm.js")),useAsideNavigationStyles=(0,makeStyles_esm.Z)({list:Object.assign({display:"grid",position:"relative",gridTemplateColumns:"1fr",rowGap:tokens.T.spacingVerticalS,paddingLeft:tokens.T.spacingHorizontalS},index_esm.q5.borderLeft(tokens.T.strokeWidthThin,"solid",tokens.T.colorNeutralStroke1)),title:Object.assign({},index_esm.q5.borderLeft(tokens.T.strokeWidthThin,"solid",tokens.T.colorNeutralStroke1)),highlight:{transitionProperty:"all",transitionDuration:tokens.T.durationNormal,transitionTimingFunction:tokens.T.curveEasyEase,position:"absolute",height:tokens.T.lineHeightBase600,width:tokens.T.strokeWidthThick,left:"calc("+tokens.T.strokeWidthThin+" * -1)",backgroundColor:tokens.T.colorBrandForeground1}}),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),AsideNavigation=function AsideNavigation(_ref){var _ref$as=_ref.as,Root=void 0===_ref$as?"aside":_ref$as,className=_ref.className,children=_ref.children,currentIndex=_ref.currentIndex,title=_ref.title,classes=useAsideNavigationStyles(),space=(0,use_space_styles.z)(),count=react.Children.count(children),highlightStyle={top:"calc((100% + "+tokens.T.spacingVerticalS+") / "+count+" * "+currentIndex+")"};return(0,jsx_runtime.jsx)(AsideNavigationContext.Provider,{value:{currentIndex},children:(0,jsx_runtime.jsxs)(Root,{className,children:[title&&(0,jsx_runtime.jsx)(text_text.x,{block:!0,as:"h3",variant:"caption",className:(0,mergeClasses_esm.z)(space.pl4,space.pb6,space.pt1,classes.title),children:title}),(0,jsx_runtime.jsxs)("div",{className:classes.list,children:[(0,jsx_runtime.jsx)("div",{className:classes.highlight,style:highlightStyle,children:" "}),children]})]})})};AsideNavigation.displayName="AsideNavigation";try{AsideNavigation.displayName="AsideNavigation",AsideNavigation.__docgenInfo={description:"",displayName:"AsideNavigation",props:{className:{defaultValue:null,description:"Consumer provided class.",name:"className",required:!1,type:{name:"string"}},currentIndex:{defaultValue:null,description:"Currently active tab.",name:"currentIndex",required:!0,type:{name:"number"}},as:{defaultValue:null,description:"Custom root element.",name:"as",required:!1,type:{name:"ElementType"}},title:{defaultValue:null,description:"Title of the navigation group.",name:"title",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/aside-navigation/src/aside-navigation/aside-navigation.tsx#AsideNavigation"]={docgenInfo:AsideNavigation.__docgenInfo,name:"AsideNavigation",path:"components/aside-navigation/src/aside-navigation/aside-navigation.tsx#AsideNavigation"})}catch(__react_docgen_typescript_loader_error){}var useAsideNavigationLinkStyles=(0,makeStyles_esm.Z)({root:Object.assign({},index_esm.q5.padding(0,tokens.T.spacingHorizontalS),{textAlign:"left",height:tokens.T.lineHeightBase600,transitionProperty:"all",transitionDuration:tokens.T.durationNormal,transitionTimingFunction:tokens.T.curveEasyEase,backgroundColor:"transparent",cursor:"pointer"},index_esm.q5.borderStyle("none"),index_esm.q5.borderColor("transparent"),index_esm.q5.borderRadius("0.5rem"),{":hover":{backgroundColor:tokens.T.colorBrandBackground2,"& > *":{color:tokens.T.colorBrandForeground2},":focus":{outlineColor:tokens.T.colorBrandForeground2}}}),active:{fontWeight:tokens.T.fontWeightSemibold}}),AsideNavigationLink=function AsideNavigationLink(_ref){var children=_ref.children,_ref$as=_ref.as,Root=void 0===_ref$as?"button":_ref$as,onClick=_ref.onClick,index=_ref.index,classes=useAsideNavigationLinkStyles(),isActive=(0,react.useContext)(AsideNavigationContext).currentIndex===index;return(0,jsx_runtime.jsx)(Root,{onClick,className:(0,mergeClasses_esm.z)(classes.root),children:(0,jsx_runtime.jsx)(text_text.x,{as:"span",color:isActive?"action":"secondary",className:isActive?classes.active:void 0,children})})};AsideNavigationLink.displayName="AsideNavigationLink";try{AsideNavigationLink.displayName="AsideNavigationLink",AsideNavigationLink.__docgenInfo={description:"",displayName:"AsideNavigationLink",props:{as:{defaultValue:null,description:"Link element.",name:"as",required:!1,type:{name:"ElementType"}},onClick:{defaultValue:null,description:"Link element click handler.",name:"onClick",required:!0,type:{name:"(e?: SyntheticEvent) => void"}},index:{defaultValue:null,description:"Element’s index (position) in the navigation.",name:"index",required:!0,type:{name:"number"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/aside-navigation/src/aside-navigation-link/aside-navigation-link.tsx#AsideNavigationLink"]={docgenInfo:AsideNavigationLink.__docgenInfo,name:"AsideNavigationLink",path:"components/aside-navigation/src/aside-navigation-link/aside-navigation-link.tsx#AsideNavigationLink"})}catch(__react_docgen_typescript_loader_error){}function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null!=_i){var _s,_e,_x,_r,_arr=[],_n=!0,_d=!1;try{if(_x=(_i=_i.call(arr)).next,0===i){if(Object(_i)!==_i)return;_n=!1}else for(;!(_n=(_s=_x.call(_i)).done)&&(_arr.push(_s.value),_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{if(!_n&&null!=_i.return&&(_r=_i.return(),Object(_r)!==_r))return}finally{if(_d)throw _e}}return _arr}}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||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 _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Inline:()=>Inline,Simple:()=>Simple,__namedExportsOrder:()=>__namedExportsOrder,default:()=>badge_stories});__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js");var icons=__webpack_require__("./components/icon/lib/icon/icons/index.js"),tokens=(__webpack_require__("./node_modules/react/index.js"),__webpack_require__("./node_modules/@fluentui/tokens/lib/tokens.js")),makeStyles_esm=__webpack_require__("./node_modules/@griffel/react/makeStyles.esm.js"),index_esm=__webpack_require__("./node_modules/@griffel/core/index.esm.js"),map_to_styles=__webpack_require__("./styles/utilities/lib/map-to-styles.js"),colorMap={accent:tokens.T.colorBrandBackground2,primary:tokens.T.colorNeutralForeground1,secondary:tokens.T.colorNeutralForeground2,tertiary:tokens.T.colorNeutralForeground3,quaternary:tokens.T.colorNeutralForeground4,negative:tokens.T.colorPaletteDarkOrangeForeground1,positive:tokens.T.colorPaletteGreenForeground1,warning:tokens.T.colorPaletteMarigoldForeground1,danger:tokens.T.colorPaletteDarkOrangeForeground1,info:tokens.T.colorBrandForeground2},colorClasses=(0,map_to_styles.f)(colorMap,(function colorStyleFunction(color){return{backgroundColor:color}})),useBadgeStyles=(0,makeStyles_esm.Z)(Object.assign({root:Object.assign({display:"grid",alignItems:"center",justifyItems:"center",height:tokens.T.spacingHorizontalXXL,width:tokens.T.spacingHorizontalXXL},index_esm.q5.borderRadius(tokens.T.spacingHorizontalXXL)),inline:{display:"inline-grid",verticalAlign:"center"}},colorClasses)),mergeClasses_esm=__webpack_require__("./node_modules/@griffel/core/mergeClasses.esm.js"),icon=__webpack_require__("./components/icon/lib/icon/icon.js"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),Badge=function Badge(_ref){var className=_ref.className,iconName=_ref.iconName,_ref$color=_ref.color,color=void 0===_ref$color?"primary":_ref$color,isInline=_ref.isInline,classes=useBadgeStyles();return(0,jsx_runtime.jsx)("span",{className:(0,mergeClasses_esm.z)(classes.root,classes[color],isInline&&classes.inline,className),children:(0,jsx_runtime.jsx)(icon.J,{size:"small",iconName,color:color+"-inverse"})})};Badge.displayName="Badge";try{Badge.displayName="Badge",Badge.__docgenInfo={description:"",displayName:"Badge",props:{className:{defaultValue:null,description:"Consumer provided class.",name:"className",required:!1,type:{name:"string"}},color:{defaultValue:{value:"primary"},description:"Selection of color options.",name:"color",required:!1,type:{name:"enum",value:[{value:'"accent"'},{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'},{value:'"quaternary"'},{value:'"negative"'},{value:'"positive"'},{value:'"warning"'},{value:'"danger"'},{value:'"info"'}]}},iconName:{defaultValue:null,description:"Selection of icons.",name:"iconName",required:!0,type:{name:"enum",value:[{value:'"link"'},{value:'"code"'},{value:'"arrow-right"'},{value:'"chevron-right"'},{value:'"full-screen"'},{value:'"slide-in"'},{value:'"slide-out"'},{value:'"open"'},{value:'"check"'},{value:'"copy"'},{value:'"download"'},{value:'"exclamation"'},{value:'"moon"'},{value:'"sun"'},{value:'"x"'}]}},isInline:{defaultValue:null,description:"Sets the Badge to be an inline element.",name:"isInline",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/badge/src/badge/badge.tsx#Badge"]={docgenInfo:Badge.__docgenInfo,name:"Badge",path:"components/badge/src/badge/badge.tsx#Badge"})}catch(__react_docgen_typescript_loader_error){}const badge_stories={title:"Atoms/Badge",component:Badge,argTypes:{options:Object.keys(colorMap),color:{control:{type:"select"}},iconName:{options:Object.keys(icons.H),control:{type:"select"}}}};var Template=function Template(args){return(0,jsx_runtime.jsx)(Badge,Object.assign({},args))};Template.displayName="Template";var Simple=Template.bind({});Simple.args={color:"positive",iconName:"check"};var InlineTemplate=function InlineTemplate(args){return(0,jsx_runtime.jsxs)("p",{children:[(0,jsx_runtime.jsx)(Badge,Object.assign({},args))," Lorem ipsum dolor."]})};InlineTemplate.displayName="InlineTemplate";var Inline=InlineTemplate.bind({});Inline.args={color:"positive",iconName:"exclamation",isInline:!0};var __namedExportsOrder=["Simple","Inline"]},"./components/badge/lib/badge/badge.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{C:()=>Badge});var mergeClasses_esm=__webpack_require__("./node_modules/@griffel/core/mergeClasses.esm.js"),icon=__webpack_require__("./components/icon/lib/icon/icon.js"),react=__webpack_require__("./node_modules/react/index.js"),tokens=(__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/@fluentui/tokens/lib/tokens.js")),makeStyles_esm=__webpack_require__("./node_modules/@griffel/react/makeStyles.esm.js"),index_esm=__webpack_require__("./node_modules/@griffel/core/index.esm.js"),map_to_styles=__webpack_require__("./styles/utilities/lib/map-to-styles.js"),colorMap={accent:tokens.T.colorBrandBackground2,primary:tokens.T.colorNeutralForeground1,secondary:tokens.T.colorNeutralForeground2,tertiary:tokens.T.colorNeutralForeground3,quaternary:tokens.T.colorNeutralForeground4,negative:tokens.T.colorPaletteDarkOrangeForeground1,positive:tokens.T.colorPaletteGreenForeground1,warning:tokens.T.colorPaletteMarigoldForeground1,danger:tokens.T.colorPaletteDarkOrangeForeground1,info:tokens.T.colorBrandForeground2},colorClasses=(0,map_to_styles.f)(colorMap,(function colorStyleFunction(color){return{backgroundColor:color}})),useBadgeStyles=(0,makeStyles_esm.Z)(Object.assign({root:Object.assign({display:"grid",alignItems:"center",justifyItems:"center",height:tokens.T.spacingHorizontalXXL,width:tokens.T.spacingHorizontalXXL},index_esm.q5.borderRadius(tokens.T.spacingHorizontalXXL)),inline:{display:"inline-grid",verticalAlign:"center"}},colorClasses)),Badge=function Badge(_ref){var className=_ref.className,iconName=_ref.iconName,_ref$color=_ref.color,color=void 0===_ref$color?"primary":_ref$color,isInline=_ref.isInline,classes=useBadgeStyles();return react.createElement("span",{className:(0,mergeClasses_esm.z)(classes.root,classes[color],isInline&&classes.inline,className)},react.createElement(icon.J,{size:"small",iconName,color:color+"-inverse"}))};Badge.__docgenInfo={description:"",methods:[],displayName:"Badge",props:{color:{defaultValue:{value:"'primary'",computed:!1},required:!1}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/badge/lib/badge/badge.js"]={name:"Badge",docgenInfo:Badge.__docgenInfo,path:"components/badge/lib/badge/badge.js"})},"./components/bookmark-tile/__dev__/bookmark-tile.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Simple:()=>Simple,WithCustomIcon:()=>WithCustomIcon,__namedExportsOrder:()=>__namedExportsOrder,default:()=>bookmark_tile_stories});__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js");var makeStyles_esm=__webpack_require__("./node_modules/@griffel/react/makeStyles.esm.js"),tile=__webpack_require__("./components/tile/lib/tile.js"),mergeClasses_esm=(__webpack_require__("./node_modules/react/index.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/@griffel/core/mergeClasses.esm.js")),icon=__webpack_require__("./components/icon/lib/icon/icon.js"),text_text=__webpack_require__("./components/text/lib/text/text.js"),use_space_styles=__webpack_require__("./hooks/use-space-styles/lib/use-space-styles.js"),tokens=__webpack_require__("./node_modules/@fluentui/tokens/lib/tokens.js"),index_esm=__webpack_require__("./node_modules/@griffel/core/index.esm.js"),useBookmarkTileStyles=(0,makeStyles_esm.Z)({root:Object.assign({textAlign:"left",cursor:"pointer",backgroundColor:"transparent"},index_esm.q5.borderStyle("none"),index_esm.q5.borderColor("transparent")),header:{display:"flex",justifyContent:"space-between",alignItems:"center"},image:{height:tokens.T.spacingHorizontalXXXL,width:tokens.T.spacingHorizontalXXXL,objectFit:"contain"},fallbackIcon:Object.assign({height:tokens.T.spacingHorizontalXXXL,width:tokens.T.spacingHorizontalXXXL},index_esm.q5.borderRadius(tokens.T.spacingHorizontalL),{backgroundColor:tokens.T.colorBrandBackground2,display:"grid",alignItems:"center",justifyItems:"center"})}),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),BookmarkTile=function BookmarkTile(_ref){var className=_ref.className,iconAlt=_ref.iconAlt,iconSrc=_ref.iconSrc,title=_ref.title,description=_ref.description,onClick=_ref.onClick,classes=useBookmarkTileStyles(),space=(0,use_space_styles.z)();return(0,jsx_runtime.jsx)(tile.n,{as:"button",variant:"card",onClick,className:(0,mergeClasses_esm.z)(classes.root,space.p9,className),children:(0,jsx_runtime.jsxs)("div",{children:[(0,jsx_runtime.jsxs)("header",{className:(0,mergeClasses_esm.z)(classes.header,space.mb7),children:[iconSrc&&iconAlt?(0,jsx_runtime.jsx)("img",{src:iconSrc,alt:iconAlt,className:classes.image}):(0,jsx_runtime.jsx)("div",{className:classes.fallbackIcon,children:(0,jsx_runtime.jsx)(icon.J,{iconName:"link",color:"accent"})}),(0,jsx_runtime.jsx)(icon.J,{iconName:"open",color:"secondary"})]}),(0,jsx_runtime.jsx)(text_text.x,{block:!0,as:"h3",variant:"caption",className:space.mb1,children:title}),(0,jsx_runtime.jsx)(text_text.x,{block:!0,variant:"description",color:"secondary",children:description})]})})};BookmarkTile.displayName="BookmarkTile";try{BookmarkTile.displayName="BookmarkTile",BookmarkTile.__docgenInfo={description:"",displayName:"BookmarkTile",props:{className:{defaultValue:null,description:"Consumer provided class.",name:"className",required:!1,type:{name:"string"}},title:{defaultValue:null,description:"Title of the bookmark.",name:"title",required:!0,type:{name:"string"}},description:{defaultValue:null,description:"Description of the bookmark.",name:"description",required:!0,type:{name:"string"}},onClick:{defaultValue:null,description:"Click handler.",name:"onClick",required:!0,type:{name:"(e?: SyntheticEvent) => void"}},iconSrc:{defaultValue:null,description:"Custom optional icon.",name:"iconSrc",required:!1,type:{name:"string"}},iconAlt:{defaultValue:null,description:"Accessible icon description.",name:"iconAlt",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/bookmark-tile/src/bookmark-tile/bookmark-tile.tsx#BookmarkTile"]={docgenInfo:BookmarkTile.__docgenInfo,name:"BookmarkTile",path:"components/bookmark-tile/src/bookmark-tile/bookmark-tile.tsx#BookmarkTile"})}catch(__react_docgen_typescript_loader_error){}const theme_designer_namespaceObject=__webpack_require__.p+"static/media/theme-designer.5a1ca2d4.png",bookmark_tile_stories={title:"Tiles/BookmarkTile",component:BookmarkTile,argTypes:{onClick:{action:"clicked"}}};var useTileGridStyles=(0,makeStyles_esm.Z)({root:{width:"100%",display:"grid",gridTemplateColumns:"repeat(auto-fill, minmax(16rem, 1fr))",columnGap:"2.5rem",rowGap:"2.5rem","@media screen and (max-width: var(--arbutus--breakpoint-xxs))":{gridTemplateColumns:"100%"}}}),Template=function Template(args){var classes=useTileGridStyles();return(0,jsx_runtime.jsxs)("div",{className:classes.root,children:[(0,jsx_runtime.jsx)(tile.n,{variant:"solid-color",children:" "}),(0,jsx_runtime.jsx)(BookmarkTile,Object.assign({},args)),(0,jsx_runtime.jsx)(tile.n,{variant:"solid-color",children:" "})]})};Template.displayName="Template";var Simple=Template.bind({});Simple.args={title:"Link Name",description:"BookmarkTile communicates to the user that this is a link to a resource."};var WithCustomIcon=Template.bind({});WithCustomIcon.args={title:"Fluent Theme Designer",description:"Figma plugin",iconSrc:theme_designer_namespaceObject,iconAlt:"Fluent Theme Designer"};var __namedExportsOrder=["Simple","WithCustomIcon"]},"./components/button/__dev__/button.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Simple:()=>Simple,__namedExportsOrder:()=>__namedExportsOrder,default:()=>button_stories});__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/react/index.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js");var mergeClasses_esm=__webpack_require__("./node_modules/@griffel/core/mergeClasses.esm.js"),tokens=__webpack_require__("./node_modules/@fluentui/tokens/lib/tokens.js"),makeStyles_esm=__webpack_require__("./node_modules/@griffel/react/makeStyles.esm.js"),map_to_styles=__webpack_require__("./styles/utilities/lib/map-to-styles.js");var colorMap={primary:{foreground:tokens.T.colorBrandForeground1,stroke:tokens.T.colorBrandForeground2,background:tokens.T.colorBrandBackground2},secondary:{foreground:tokens.T.colorNeutralForeground1,stroke:tokens.T.colorNeutralStroke1,background:tokens.T.colorNeutralBackground3},danger:{foreground:tokens.T.colorPaletteDarkOrangeForeground1,stroke:tokens.T.colorPaletteDarkOrangeBorder1,background:tokens.T.colorPaletteDarkOrangeBackground1},warning:{foreground:tokens.T.colorPaletteMarigoldForeground1,stroke:tokens.T.colorPaletteMarigoldBorder1,background:tokens.T.colorPaletteMarigoldBackground1},success:{foreground:tokens.T.colorPaletteGreenForeground1,stroke:tokens.T.colorPaletteGreenBorder1,background:tokens.T.colorPaletteGreenBackground1}},colorPillClasses=(0,map_to_styles.f)(colorMap,(function colorPillStyleFunction(_ref){var foreground=_ref.foreground,background=_ref.background,stroke=_ref.stroke;return{color:foreground,borderTopColor:stroke,borderRightColor:stroke,borderLeftColor:stroke,borderBottomColor:stroke,"&:focus-visible, &:hover":{backgroundColor:background,boxShadow:"0 0 2px "+background+", 0 8px 16px "+background+", inset 0 0 0px 0.5px "+stroke}}})),restColors=function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}(colorMap,["primary"]),colorBrickClasses=(0,map_to_styles.f)(restColors,(function colorBrickStyleFunction(_ref2){var foreground=_ref2.foreground,background=_ref2.background,stroke=_ref2.stroke;return{backgroundColor:background,color:foreground,borderTopColor:stroke,borderRightColor:stroke,borderLeftColor:stroke,borderBottomColor:stroke,"&:focus-visible, &:hover":{boxShadow:"0 0 2px "+background+", 0 8px 16px "+background+", inset 0 0 0px 0.5px "+stroke}}})),sizeMap={small:{x:tokens.T.spacingHorizontalM,y:tokens.T.spacingVerticalXS,fontSize:tokens.T.fontSizeBase300},medium:{x:tokens.T.spacingHorizontalL,y:tokens.T.spacingVerticalS,fontSize:tokens.T.fontSizeBase300},large:{x:tokens.T.spacingHorizontalXXL,y:tokens.T.spacingVerticalM,fontSize:tokens.T.fontSizeBase400}},sizeClasses=(0,map_to_styles.f)(sizeMap,(function sizeStyleFunction(_ref3){var y=_ref3.y,x=_ref3.x;return{paddingLeft:x,paddingRight:x,paddingTop:y,paddingBottom:y,fontSize:_ref3.fontSize}})),sizePillClasses=(0,map_to_styles.f)(sizeMap,(function sizePillStyleFunction(_ref4){var x=_ref4.x,fontSize=_ref4.fontSize;return{borderTopLeftRadius:"calc("+x+" * 2 + "+fontSize+")",borderTopRightRadius:"calc("+x+" * 2 + "+fontSize+")",borderBottomLeftRadius:"calc("+x+" * 2 + "+fontSize+")",borderBottomRightRadius:"calc("+x+" * 2 + "+fontSize+")"}})),useButtonStyles=(0,makeStyles_esm.Z)(Object.assign({root:{cursor:"pointer",transitionProperty:"all",transitionDuration:tokens.T.durationNormal,transitionTimingFunction:tokens.T.curveEasyEase,fontWeight:tokens.T.fontWeightSemibold,borderTopStyle:"solid",borderBottomStyle:"solid",borderLeftStyle:"solid",borderRightStyle:"solid",borderTopWidth:tokens.T.strokeWidthThin,borderBottomWidth:tokens.T.strokeWidthThin,borderLeftWidth:tokens.T.strokeWidthThin,borderRightWidth:tokens.T.strokeWidthThin,boxShadow:"0 0 2px transparent, 0 8px 16px transparent","@media (prefers-reduced-motion)":{transitionDuration:"0ms"},"&:focus-visible":{outlineStyle:"none",outlineColor:"transparent"}},pill:{backgroundColor:"transparent"},brick:{borderTopLeftRadius:tokens.T.borderRadiusMedium,borderTopRightRadius:tokens.T.borderRadiusMedium,borderBottomLeftRadius:tokens.T.borderRadiusMedium,borderBottomRightRadius:tokens.T.borderRadiusMedium}},sizeClasses)),useButtonPillStyles=(0,makeStyles_esm.Z)(Object.assign({},colorPillClasses,sizePillClasses)),useButtonBrickStyles=(0,makeStyles_esm.Z)(Object.assign({primary:{color:tokens.T.colorNeutralBackground1,backgroundColor:tokens.T.colorBrandForegroundInverted,borderTopColor:tokens.T.colorBrandForegroundInverted,borderRightColor:tokens.T.colorBrandForegroundInverted,borderLeftColor:tokens.T.colorBrandForegroundInverted,borderBottomColor:tokens.T.colorBrandForegroundInverted,"&:focus-visible, &:hover":{backgroundColor:tokens.T.colorBrandForegroundInvertedHover,boxShadow:"0 0 2px "+colorMap.primary.foreground+", 0 8px 16px "+colorMap.primary.background}}},colorBrickClasses)),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["className","color","size","shape","children"];function button_objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function button_objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var Button=function Button(_ref){var className=_ref.className,_ref$color=_ref.color,color=void 0===_ref$color?"primary":_ref$color,_ref$size=_ref.size,size=void 0===_ref$size?"medium":_ref$size,_ref$shape=_ref.shape,shape=void 0===_ref$shape?"brick":_ref$shape,children=_ref.children,rest=button_objectWithoutProperties(_ref,_excluded),classes=useButtonStyles(),brickClasses=useButtonBrickStyles(),pillClasses=useButtonPillStyles(),isBrick="brick"===shape,isPill="pill"===shape;return(0,jsx_runtime.jsx)("button",Object.assign({className:(0,mergeClasses_esm.z)(classes.root,classes[size],isBrick&&brickClasses[color],isBrick&&classes.brick,isPill&&classes.pill,isPill&&pillClasses[color],isPill&&pillClasses[size],className)},rest,{children}))};Button.displayName="Button";try{Button.displayName="Button",Button.__docgenInfo={description:"",displayName:"Button",props:{size:{defaultValue:{value:"medium"},description:"Size of the button.",name:"size",required:!1,type:{name:"enum",value:[{value:'"small"'},{value:'"medium"'},{value:'"large"'}]}},shape:{defaultValue:{value:"brick"},description:"Shape variant options.",name:"shape",required:!1,type:{name:"enum",value:[{value:'"pill"'},{value:'"brick"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/button/src/button/button.tsx#Button"]={docgenInfo:Button.__docgenInfo,name:"Button",path:"components/button/src/button/button.tsx#Button"})}catch(__react_docgen_typescript_loader_error){}const button_stories={title:"Atoms/Button",component:Button,argTypes:{color:{options:Object.keys(colorMap),control:{type:"select"}}}};var Template=function Template(args){return(0,jsx_runtime.jsx)(Button,Object.assign({},args))};Template.displayName="Template";var Simple=Template.bind({});Simple.args={color:"primary",size:"medium",shape:"brick",children:"Click me!"};var __namedExportsOrder=["Simple"]},"./components/button/lib/button/button.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{z:()=>Button});__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var mergeClasses_esm=__webpack_require__("./node_modules/@griffel/core/mergeClasses.esm.js"),react=__webpack_require__("./node_modules/react/index.js"),tokens=__webpack_require__("./node_modules/@fluentui/tokens/lib/tokens.js"),makeStyles_esm=__webpack_require__("./node_modules/@griffel/react/makeStyles.esm.js"),map_to_styles=__webpack_require__("./styles/utilities/lib/map-to-styles.js");var colorMap={primary:{foreground:tokens.T.colorBrandForeground1,stroke:tokens.T.colorBrandForeground2,background:tokens.T.colorBrandBackground2},secondary:{foreground:tokens.T.colorNeutralForeground1,stroke:tokens.T.colorNeutralStroke1,background:tokens.T.colorNeutralBackground3},danger:{foreground:tokens.T.colorPaletteDarkOrangeForeground1,stroke:tokens.T.colorPaletteDarkOrangeBorder1,background:tokens.T.colorPaletteDarkOrangeBackground1},warning:{foreground:tokens.T.colorPaletteMarigoldForeground1,stroke:tokens.T.colorPaletteMarigoldBorder1,background:tokens.T.colorPaletteMarigoldBackground1},success:{foreground:tokens.T.colorPaletteGreenForeground1,stroke:tokens.T.colorPaletteGreenBorder1,background:tokens.T.colorPaletteGreenBackground1}},colorPillClasses=(0,map_to_styles.f)(colorMap,(function colorPillStyleFunction(_ref){var foreground=_ref.foreground,background=_ref.background,stroke=_ref.stroke;return{color:foreground,borderTopColor:stroke,borderRightColor:stroke,borderLeftColor:stroke,borderBottomColor:stroke,"&:focus-visible, &:hover":{backgroundColor:background,boxShadow:"0 0 2px "+background+", 0 8px 16px "+background+", inset 0 0 0px 0.5px "+stroke}}})),restColors=function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}(colorMap,["primary"]),colorBrickClasses=(0,map_to_styles.f)(restColors,(function colorBrickStyleFunction(_ref2){var foreground=_ref2.foreground,background=_ref2.background,stroke=_ref2.stroke;return{backgroundColor:background,color:foreground,borderTopColor:stroke,borderRightColor:stroke,borderLeftColor:stroke,borderBottomColor:stroke,"&:focus-visible, &:hover":{boxShadow:"0 0 2px "+background+", 0 8px 16px "+background+", inset 0 0 0px 0.5px "+stroke}}})),sizeMap={small:{x:tokens.T.spacingHorizontalM,y:tokens.T.spacingVerticalXS,fontSize:tokens.T.fontSizeBase300},medium:{x:tokens.T.spacingHorizontalL,y:tokens.T.spacingVerticalS,fontSize:tokens.T.fontSizeBase300},large:{x:tokens.T.spacingHorizontalXXL,y:tokens.T.spacingVerticalM,fontSize:tokens.T.fontSizeBase400}},sizeClasses=(0,map_to_styles.f)(sizeMap,(function sizeStyleFunction(_ref3){var y=_ref3.y,x=_ref3.x;return{paddingLeft:x,paddingRight:x,paddingTop:y,paddingBottom:y,fontSize:_ref3.fontSize}})),sizePillClasses=(0,map_to_styles.f)(sizeMap,(function sizePillStyleFunction(_ref4){var x=_ref4.x,fontSize=_ref4.fontSize;return{borderTopLeftRadius:"calc("+x+" * 2 + "+fontSize+")",borderTopRightRadius:"calc("+x+" * 2 + "+fontSize+")",borderBottomLeftRadius:"calc("+x+" * 2 + "+fontSize+")",borderBottomRightRadius:"calc("+x+" * 2 + "+fontSize+")"}})),useButtonStyles=(0,makeStyles_esm.Z)(Object.assign({root:{cursor:"pointer",transitionProperty:"all",transitionDuration:tokens.T.durationNormal,transitionTimingFunction:tokens.T.curveEasyEase,fontWeight:tokens.T.fontWeightSemibold,borderTopStyle:"solid",borderBottomStyle:"solid",borderLeftStyle:"solid",borderRightStyle:"solid",borderTopWidth:tokens.T.strokeWidthThin,borderBottomWidth:tokens.T.strokeWidthThin,borderLeftWidth:tokens.T.strokeWidthThin,borderRightWidth:tokens.T.strokeWidthThin,boxShadow:"0 0 2px transparent, 0 8px 16px transparent","@media (prefers-reduced-motion)":{transitionDuration:"0ms"},"&:focus-visible":{outlineStyle:"none",outlineColor:"transparent"}},pill:{backgroundColor:"transparent"},brick:{borderTopLeftRadius:tokens.T.borderRadiusMedium,borderTopRightRadius:tokens.T.borderRadiusMedium,borderBottomLeftRadius:tokens.T.borderRadiusMedium,borderBottomRightRadius:tokens.T.borderRadiusMedium}},sizeClasses)),useButtonPillStyles=(0,makeStyles_esm.Z)(Object.assign({},colorPillClasses,sizePillClasses)),useButtonBrickStyles=(0,makeStyles_esm.Z)(Object.assign({primary:{color:tokens.T.colorNeutralBackground1,backgroundColor:tokens.T.colorBrandForegroundInverted,borderTopColor:tokens.T.colorBrandForegroundInverted,borderRightColor:tokens.T.colorBrandForegroundInverted,borderLeftColor:tokens.T.colorBrandForegroundInverted,borderBottomColor:tokens.T.colorBrandForegroundInverted,"&:focus-visible, &:hover":{backgroundColor:tokens.T.colorBrandForegroundInvertedHover,boxShadow:"0 0 2px "+colorMap.primary.foreground+", 0 8px 16px "+colorMap.primary.background}}},colorBrickClasses)),_excluded=["className","color","size","shape","children"];function button_objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function button_objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var Button=function Button(_ref){var className=_ref.className,_ref$color=_ref.color,color=void 0===_ref$color?"primary":_ref$color,_ref$size=_ref.size,size=void 0===_ref$size?"medium":_ref$size,_ref$shape=_ref.shape,shape=void 0===_ref$shape?"brick":_ref$shape,children=_ref.children,rest=button_objectWithoutProperties(_ref,_excluded),classes=useButtonStyles(),brickClasses=useButtonBrickStyles(),pillClasses=useButtonPillStyles(),isBrick="brick"===shape,isPill="pill"===shape;return react.createElement("button",Object.assign({className:(0,mergeClasses_esm.z)(classes.root,classes[size],isBrick&&brickClasses[color],isBrick&&classes.brick,isPill&&classes.pill,isPill&&pillClasses[color],isPill&&pillClasses[size],className)},rest),children)};Button.__docgenInfo={description:"",methods:[],displayName:"Button",props:{color:{defaultValue:{value:"'primary'",computed:!1},required:!1},size:{defaultValue:{value:"'medium'",computed:!1},required:!1},shape:{defaultValue:{value:"'brick'",computed:!1},required:!1}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/button/lib/button/button.js"]={name:"Button",docgenInfo:Button.__docgenInfo,path:"components/button/lib/button/button.js"})},"./components/callout/__dev__/callout.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Simple:()=>Simple,__namedExportsOrder:()=>__namedExportsOrder,default:()=>callout_stories});__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/react/index.js");var tokens=__webpack_require__("./node_modules/@fluentui/tokens/lib/tokens.js"),index_esm=__webpack_require__("./node_modules/@griffel/core/index.esm.js"),makeStyles_esm=__webpack_require__("./node_modules/@griffel/react/makeStyles.esm.js"),map_to_styles=__webpack_require__("./styles/utilities/lib/map-to-styles.js"),colorMap={error:{background:tokens.T.colorPaletteDarkOrangeBackground1,stroke:tokens.T.colorPaletteDarkOrangeBorder1},warning:{background:tokens.T.colorPaletteMarigoldBackground1,stroke:tokens.T.colorPaletteMarigoldBorder1},success:{background:tokens.T.colorPaletteGreenBackground1,stroke:tokens.T.colorPaletteGreenBorder1},info:{background:tokens.T.colorNeutralBackground2,stroke:tokens.T.colorNeutralStroke2},accent:{background:tokens.T.colorBrandBackground2,stroke:tokens.T.colorBrandStroke2}},statusClasses=(0,map_to_styles.f)(colorMap,(function colorStyleFunction(_ref){var background=_ref.background,stroke=_ref.stroke;return Object.assign({backgroundColor:background},index_esm.q5.borderColor(stroke))})),useCalloutStyles=(0,makeStyles_esm.Z)(Object.assign({root:Object.assign({color:tokens.T.colorNeutralForeground1,display:"grid",gridTemplateColumns:tokens.T.spacingVerticalXXL+" auto",columnGap:tokens.T.spacingHorizontalL},index_esm.q5.borderRadius(tokens.T.borderRadiusXLarge),index_esm.q5.borderWidth(tokens.T.strokeWidthThin),index_esm.q5.borderStyle("solid"))},statusClasses)),mergeClasses_esm=__webpack_require__("./node_modules/@griffel/core/mergeClasses.esm.js"),text_text=__webpack_require__("./components/text/lib/text/text.js"),use_space_styles=__webpack_require__("./hooks/use-space-styles/lib/use-space-styles.js"),badge=__webpack_require__("./components/badge/lib/badge/badge.js"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),CalloutBadge=function CalloutBadge(_ref){var status=_ref.status,className=_ref.className;switch(status){case"success":return(0,jsx_runtime.jsx)(badge.C,{color:"positive",iconName:"check",className});case"error":return(0,jsx_runtime.jsx)(badge.C,{color:"negative",iconName:"x",className});case"warning":return(0,jsx_runtime.jsx)(badge.C,{color:"warning",iconName:"exclamation",className});case"accent":return(0,jsx_runtime.jsx)(badge.C,{color:"accent",iconName:"exclamation",className});default:return(0,jsx_runtime.jsx)(badge.C,{color:"secondary",iconName:"exclamation",className})}};try{CalloutBadge.displayName="CalloutBadge",CalloutBadge.__docgenInfo={description:"",displayName:"CalloutBadge",props:{className:{defaultValue:null,description:"Consumer provided class.",name:"className",required:!1,type:{name:"string"}},status:{defaultValue:null,description:"Status color variant options.",name:"status",required:!1,type:{name:"enum",value:[{value:'"accent"'},{value:'"warning"'},{value:'"info"'},{value:'"success"'},{value:'"error"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/callout/src/callout-badge/callout-badge.tsx#CalloutBadge"]={docgenInfo:CalloutBadge.__docgenInfo,name:"CalloutBadge",path:"components/callout/src/callout-badge/callout-badge.tsx#CalloutBadge"})}catch(__react_docgen_typescript_loader_error){}var Callout=function Callout(_ref){var _ref$status=_ref.status,status=void 0===_ref$status?"info":_ref$status,title=_ref.title,children=_ref.children,classes=useCalloutStyles(),space=(0,use_space_styles.z)();return(0,jsx_runtime.jsxs)("div",{className:(0,mergeClasses_esm.z)(classes.root,space.p7,classes[status]),children:[(0,jsx_runtime.jsx)(CalloutBadge,{status}),(0,jsx_runtime.jsxs)("div",{children:[(0,jsx_runtime.jsx)(text_text.x,{block:!0,as:"h3",variant:"caption",className:space.mb1,children:title}),(0,jsx_runtime.jsx)(text_text.x,{block:!0,variant:"description",children})]})]})};Callout.displayName="Callout";try{Callout.displayName="Callout",Callout.__docgenInfo={description:"",displayName:"Callout",props:{className:{defaultValue:null,description:"Consumer provided class.",name:"className",required:!1,type:{name:"string"}},title:{defaultValue:null,description:"String that renders as the Header text.",name:"title",required:!0,type:{name:"string"}},status:{defaultValue:{value:"info"},description:"Status color variant options.",name:"status",required:!1,type:{name:"enum",value:[{value:'"accent"'},{value:'"warning"'},{value:'"info"'},{value:'"success"'},{value:'"error"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/callout/src/callout/callout.tsx#Callout"]={docgenInfo:Callout.__docgenInfo,name:"Callout",path:"components/callout/src/callout/callout.tsx#Callout"})}catch(__react_docgen_typescript_loader_error){}const callout_stories={title:"Blocks/Callout",component:Callout,argTypes:{status:{options:Object.keys(colorMap),control:{type:"select"}}}};var Template=function Template(args){return(0,jsx_runtime.jsx)(Callout,Object.assign({},args,{children:(0,jsx_runtime.jsx)("p",{children:"Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates."})}))};Template.displayName="Template";var Simple=Template.bind({});Simple.args={title:"Simple Callout Example",status:"success"};var __namedExportsOrder=["Simple"]},"./components/code-snippet/__dev__/code-snippet.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Simple:()=>Simple,__namedExportsOrder:()=>__namedExportsOrder,default:()=>code_snippet_stories});__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/react/index.js");var decorators=__webpack_require__("./.storybook/decorators/index.ts"),use_theme=__webpack_require__("./styles/theming/lib/use-theme.js"),default_highlight=__webpack_require__("./node_modules/react-syntax-highlighter/dist/esm/default-highlight.js"),solarized_dark=__webpack_require__("./node_modules/react-syntax-highlighter/dist/esm/styles/hljs/solarized-dark.js"),solarized_light=__webpack_require__("./node_modules/react-syntax-highlighter/dist/esm/styles/hljs/solarized-light.js"),tokens=__webpack_require__("./node_modules/@fluentui/tokens/lib/tokens.js"),syntaxHighlighterCustomStyles={backgroundColor:tokens.T.colorNeutralBackground3,marginTop:0,marginBottom:0,boxSizing:"border-box",width:"100%",paddingTop:tokens.T.spacingVerticalL,paddingBottom:tokens.T.spacingVerticalL,paddingLeft:tokens.T.spacingVerticalXXL,paddingRight:tokens.T.spacingVerticalXXL,borderTopLeftRadius:"var(--arbutus--shape-border-radius)",borderTopRightRadius:"var(--arbutus--shape-border-radius)",borderBottomRightRadius:"var(--arbutus--shape-border-radius)",borderBottomLeftRadius:"var(--arbutus--shape-border-radius)"},jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),CodeSnippet=function CodeSnippet(_ref){var language=_ref.language,code=_ref.code,isDarkTheme="dark"===(0,use_theme.F)().themeKey;return(0,jsx_runtime.jsx)(default_highlight.Z,{language,showLineNumbers:!0,style:isDarkTheme?solarized_dark.Z:solarized_light.Z,customStyle:syntaxHighlighterCustomStyles,children:code})};CodeSnippet.displayName="CodeSnippet";try{CodeSnippet.displayName="CodeSnippet",CodeSnippet.__docgenInfo={description:"",displayName:"CodeSnippet",props:{language:{defaultValue:null,description:"The language of the code snippet.",name:"language",required:!0,type:{name:"string"}},code:{defaultValue:null,description:"The code snippet to display.",name:"code",required:!0,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/code-snippet/src/code-snippet/code-snippet.tsx#CodeSnippet"]={docgenInfo:CodeSnippet.__docgenInfo,name:"CodeSnippet",path:"components/code-snippet/src/code-snippet/code-snippet.tsx#CodeSnippet"})}catch(__react_docgen_typescript_loader_error){}const code_snippet_stories={title:"Blocks/CodeSnippet",component:CodeSnippet,decorators:[function(Story){return(0,jsx_runtime.jsx)(decorators.z,{children:(0,jsx_runtime.jsx)("div",{style:{minWidth:"860px"},children:(0,jsx_runtime.jsx)(Story,{})})})}]};var Template=function Template(args){return(0,jsx_runtime.jsx)(CodeSnippet,Object.assign({},args))};Template.displayName="Template";var Simple=Template.bind({});Simple.args={code:"import type { FC } from 'react';\nimport * as React from 'react';\nimport SyntaxHighlighter from 'react-syntax-highlighter';\n\nimport { useCodeSnippetStyles } from './code-snippet.styles';\nimport type { CodeSnippetProps } from './code-snippet.types';\n\nexport const CodeSnippet: FC = ({ language, code }) => {\n // Styles\n const classes = useCodeSnippetStyles();\n\n return (\n
\n \n {code}\n \n
\n );\n};\n",language:"tsx"};var __namedExportsOrder=["Simple"]},"./components/command/__dev__/command-block.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Simple:()=>Simple,__namedExportsOrder:()=>__namedExportsOrder,default:()=>command_block_stories});__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/react/index.js");var mergeClasses_esm=__webpack_require__("./node_modules/@griffel/core/mergeClasses.esm.js"),icon=__webpack_require__("./components/icon/lib/icon/icon.js"),use_copy_to_clipboard=__webpack_require__("./hooks/use-copy-to-clipboard/lib/use-copy-to-clipboard/use-copy-to-clipboard.js"),reach_visually_hidden=__webpack_require__("./node_modules/@reach/visually-hidden/dist/reach-visually-hidden.mjs"),tokens=__webpack_require__("./node_modules/@fluentui/tokens/lib/tokens.js"),useCommandStyles=(0,__webpack_require__("./node_modules/@griffel/react/makeStyles.esm.js").Z)({root:{paddingBottom:0,paddingTop:0,paddingLeft:tokens.T.spacingHorizontalXL,paddingRight:0,borderTopLeftRadius:tokens.T.borderRadiusMedium,borderTopRightRadius:tokens.T.borderRadiusMedium,borderBottomRightRadius:tokens.T.borderRadiusMedium,borderBottomLeftRadius:tokens.T.borderRadiusMedium,backgroundColor:tokens.T.colorNeutralBackground6,display:"grid",gridTemplateColumns:"auto 44px",columnGap:tokens.T.spacingHorizontalM,overflowX:"hidden",overflowY:"hidden"},command:{paddingTop:tokens.T.spacingVerticalM,paddingBottom:tokens.T.spacingVerticalM,fontSize:tokens.T.fontSizeBase300,fontWeight:tokens.T.fontWeightRegular,color:tokens.T.colorNeutralForeground2,lineHeight:tokens.T.lineHeightBase300},button:{borderTopStyle:"none",borderBottomStyle:"none",borderLeftStyle:"none",borderRightStyle:"none",height:"100%",cursor:"pointer",transitionProperty:"all",transitionDuration:tokens.T.durationNormal,transitionTimingFunction:tokens.T.curveEasyEase},idle:{backgroundColor:tokens.T.colorNeutralBackground4},complete:{backgroundColor:tokens.T.colorPaletteGreenBackground2,"& > svg":{color:tokens.T.colorPaletteGreenForeground2}}}),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),Command=function Command(_ref){var isCopyable=_ref.isCopyable,command=_ref.command,_ref$copyLabel=_ref.copyLabel,copyLabel=void 0===_ref$copyLabel?"Copy command.":_ref$copyLabel,_useCopyToClipboard=(0,use_copy_to_clipboard.m)(),copy=_useCopyToClipboard.copy,isCopied=_useCopyToClipboard.isCopied,classes=useCommandStyles(),buttonClasses=(0,mergeClasses_esm.z)(classes.button,isCopied?classes.complete:classes.idle);return(0,jsx_runtime.jsxs)("div",{className:classes.root,children:[(0,jsx_runtime.jsx)("span",{className:classes.command,children:command}),isCopyable&&(0,jsx_runtime.jsxs)("button",{onClick:function onClick(){return copy(command)},className:buttonClasses,children:[(0,jsx_runtime.jsx)(icon.J,{iconName:isCopied?"check":"copy",color:isCopied?"positive-inverse":"secondary"}),(0,jsx_runtime.jsx)(reach_visually_hidden.T,{children:copyLabel})]})]})};Command.displayName="Command";try{Command.displayName="Command",Command.__docgenInfo={description:"",displayName:"Command",props:{command:{defaultValue:null,description:"The command to render.",name:"command",required:!0,type:{name:"string"}},isCopyable:{defaultValue:null,description:"Whether the user should be able to copy the command to the clipboard.",name:"isCopyable",required:!1,type:{name:"boolean"}},copyLabel:{defaultValue:{value:"Copy command."},description:"Screen-reader accessible label for the copy command action.",name:"copyLabel",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/command/src/command/command.tsx#Command"]={docgenInfo:Command.__docgenInfo,name:"Command",path:"components/command/src/command/command.tsx#Command"})}catch(__react_docgen_typescript_loader_error){}const command_block_stories={title:"Blocks/Command",component:Command};var Template=function Template(args){return(0,jsx_runtime.jsx)(Command,Object.assign({},args))};Template.displayName="Template";var Simple=Template.bind({});Simple.args={command:"npm i @fluent/react-button",isCopyable:!0};var __namedExportsOrder=["Simple"]},"./components/command/lib/command/command.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{m:()=>Command});var mergeClasses_esm=__webpack_require__("./node_modules/@griffel/core/mergeClasses.esm.js"),icon=__webpack_require__("./components/icon/lib/icon/icon.js"),use_copy_to_clipboard=__webpack_require__("./hooks/use-copy-to-clipboard/lib/use-copy-to-clipboard/use-copy-to-clipboard.js"),reach_visually_hidden=__webpack_require__("./node_modules/@reach/visually-hidden/dist/reach-visually-hidden.mjs"),react=__webpack_require__("./node_modules/react/index.js"),tokens=__webpack_require__("./node_modules/@fluentui/tokens/lib/tokens.js"),useCommandStyles=(0,__webpack_require__("./node_modules/@griffel/react/makeStyles.esm.js").Z)({root:{paddingBottom:0,paddingTop:0,paddingLeft:tokens.T.spacingHorizontalXL,paddingRight:0,borderTopLeftRadius:tokens.T.borderRadiusMedium,borderTopRightRadius:tokens.T.borderRadiusMedium,borderBottomRightRadius:tokens.T.borderRadiusMedium,borderBottomLeftRadius:tokens.T.borderRadiusMedium,backgroundColor:tokens.T.colorNeutralBackground6,display:"grid",gridTemplateColumns:"auto 44px",columnGap:tokens.T.spacingHorizontalM,overflowX:"hidden",overflowY:"hidden"},command:{paddingTop:tokens.T.spacingVerticalM,paddingBottom:tokens.T.spacingVerticalM,fontSize:tokens.T.fontSizeBase300,fontWeight:tokens.T.fontWeightRegular,color:tokens.T.colorNeutralForeground2,lineHeight:tokens.T.lineHeightBase300},button:{borderTopStyle:"none",borderBottomStyle:"none",borderLeftStyle:"none",borderRightStyle:"none",height:"100%",cursor:"pointer",transitionProperty:"all",transitionDuration:tokens.T.durationNormal,transitionTimingFunction:tokens.T.curveEasyEase},idle:{backgroundColor:tokens.T.colorNeutralBackground4},complete:{backgroundColor:tokens.T.colorPaletteGreenBackground2,"& > svg":{color:tokens.T.colorPaletteGreenForeground2}}}),Command=function Command(_ref){var isCopyable=_ref.isCopyable,command=_ref.command,_ref$copyLabel=_ref.copyLabel,copyLabel=void 0===_ref$copyLabel?"Copy command.":_ref$copyLabel,_useCopyToClipboard=(0,use_copy_to_clipboard.m)(),copy=_useCopyToClipboard.copy,isCopied=_useCopyToClipboard.isCopied,classes=useCommandStyles(),buttonClasses=(0,mergeClasses_esm.z)(classes.button,isCopied?classes.complete:classes.idle);return react.createElement("div",{className:classes.root},react.createElement("span",{className:classes.command},command),isCopyable&&react.createElement("button",{onClick:function onClick(){return copy(command)},className:buttonClasses},react.createElement(icon.J,{iconName:isCopied?"check":"copy",color:isCopied?"positive-inverse":"secondary"}),react.createElement(reach_visually_hidden.T,null,copyLabel)))};Command.__docgenInfo={description:"",methods:[],displayName:"Command",props:{copyLabel:{defaultValue:{value:"'Copy command.'",computed:!1},required:!1}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/command/lib/command/command.js"]={name:"Command",docgenInfo:Command.__docgenInfo,path:"components/command/lib/command/command.js"})},"./components/component-preview/__dev__/component-preview.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Simple:()=>Simple,WithMenu:()=>WithMenu,__namedExportsOrder:()=>__namedExportsOrder,default:()=>component_preview_stories});__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js");var react=__webpack_require__("./node_modules/react/index.js"),decorators=__webpack_require__("./.storybook/decorators/index.ts"),Select=(__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/@fluentui/react-select/lib/components/Select/Select.js")),mergeClasses_esm=__webpack_require__("./node_modules/@griffel/core/mergeClasses.esm.js"),button_button=__webpack_require__("./components/button/lib/button/button.js"),icon=__webpack_require__("./components/icon/lib/icon/icon.js"),use_theme=__webpack_require__("./styles/theming/lib/use-theme.js"),use_copy_to_clipboard=__webpack_require__("./hooks/use-copy-to-clipboard/lib/use-copy-to-clipboard/use-copy-to-clipboard.js"),use_space_styles=__webpack_require__("./hooks/use-space-styles/lib/use-space-styles.js"),AnimatePresence=__webpack_require__("./node_modules/framer-motion/dist/es/components/AnimatePresence/index.mjs"),default_highlight=__webpack_require__("./node_modules/react-syntax-highlighter/dist/esm/default-highlight.js"),solarized_dark=__webpack_require__("./node_modules/react-syntax-highlighter/dist/esm/styles/hljs/solarized-dark.js"),solarized_light=__webpack_require__("./node_modules/react-syntax-highlighter/dist/esm/styles/hljs/solarized-light.js"),tokens=__webpack_require__("./node_modules/@fluentui/tokens/lib/tokens.js"),makeStyles_esm=__webpack_require__("./node_modules/@griffel/react/makeStyles.esm.js"),index_esm=__webpack_require__("./node_modules/@griffel/core/index.esm.js"),useComponentPreviewStyles=(0,makeStyles_esm.Z)({root:Object.assign({borderTopStyle:"solid",borderBottomStyle:"solid",borderLeftStyle:"solid",borderRightStyle:"solid",borderTopColor:tokens.T.colorNeutralStroke1,borderBottomColor:tokens.T.colorNeutralStroke1,borderLeftColor:tokens.T.colorNeutralStroke1,borderRightColor:tokens.T.colorNeutralStroke1,borderTopWidth:tokens.T.strokeWidthThin,borderBottomWidth:tokens.T.strokeWidthThin,borderLeftWidth:tokens.T.strokeWidthThin,borderRightWidth:tokens.T.strokeWidthThin},index_esm.q5.borderRadius(tokens.T.borderRadiusMedium),{overflowX:"hidden",overflowY:"hidden"}),previewHeader:{paddingTop:tokens.T.spacingVerticalM,paddingBottom:tokens.T.spacingVerticalM,paddingLeft:tokens.T.spacingHorizontalM,paddingRight:tokens.T.spacingHorizontalM,display:"flex",alignItems:"center",justifyContent:"flex-end",columnGap:tokens.T.spacingHorizontalM,borderBottomStyle:"solid",borderBottomWidth:tokens.T.strokeWidthThin,borderBottomColor:tokens.T.colorNeutralStroke1},menuItem:{minWidth:"124px","& select":{height:"26px"}},menuItemIcon:{color:tokens.T.colorNeutralForeground2},menuItemIconSuccess:{color:tokens.T.colorPaletteGreenForeground1},menuItemButton:{display:"flex",columnGap:tokens.T.spacingHorizontalS},codeSection:{backgroundColor:tokens.T.colorNeutralBackground3,maxHeight:"580px",overflowY:"auto"},codeHeader:{paddingTop:tokens.T.spacingVerticalM,paddingBottom:tokens.T.spacingVerticalM,paddingLeft:tokens.T.spacingHorizontalM,paddingRight:tokens.T.spacingHorizontalM,display:"flex",alignItems:"center",justifyContent:"flex-end",columnGap:tokens.T.spacingHorizontalM}}),motion=__webpack_require__("./node_modules/framer-motion/dist/es/render/dom/motion.mjs"),use_reduced_motion=__webpack_require__("./node_modules/framer-motion/dist/es/utils/reduced-motion/use-reduced-motion.mjs"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),slideVariants=function slideVariants(_ref){var shouldReduceMotion=_ref.shouldReduceMotion;return{expanded:{height:"auto",transition:{ease:"easeOut",duration:shouldReduceMotion?0:.2}},collapsed:{height:0,transition:{delay:shouldReduceMotion?0:.075,ease:"easeOut",duration:shouldReduceMotion?0:.2}}}},SlideMotion=function SlideMotion(_ref2){var children=_ref2.children,isCollapsed=_ref2.isCollapsed,className=_ref2.className;return(0,jsx_runtime.jsx)(motion.E.section,{initial:isCollapsed?"collapsed":"expanded",animate:"expanded",exit:"collapsed",variants:slideVariants({shouldReduceMotion:(0,use_reduced_motion.J)()}),className,children})};SlideMotion.displayName="SlideMotion";var fadeVariants=function fadeVariants(_ref3){var shouldReduceMotion=_ref3.shouldReduceMotion;return{expanded:{opacity:1,top:"0",transition:{delay:shouldReduceMotion?0:.125,ease:"easeOut",duration:shouldReduceMotion?0:.15}},collapsed:{opacity:0,top:"-4px",transition:{ease:"easeOut",duration:shouldReduceMotion?0:.15}}}},FadeMotion=function FadeMotion(_ref4){var children=_ref4.children,isCollapsed=_ref4.isCollapsed;return(0,jsx_runtime.jsx)(motion.E.div,{style:{position:"relative"},initial:isCollapsed?"collapsed":"expanded",animate:"expanded",exit:"collapsed",variants:fadeVariants({shouldReduceMotion:(0,use_reduced_motion.J)()}),children})};FadeMotion.displayName="FadeMotion";try{SlideMotion.displayName="SlideMotion",SlideMotion.__docgenInfo={description:"",displayName:"SlideMotion",props:{isCollapsed:{defaultValue:null,description:"",name:"isCollapsed",required:!0,type:{name:"boolean"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/component-preview/src/component-preview/motion.tsx#SlideMotion"]={docgenInfo:SlideMotion.__docgenInfo,name:"SlideMotion",path:"components/component-preview/src/component-preview/motion.tsx#SlideMotion"})}catch(__react_docgen_typescript_loader_error){}try{FadeMotion.displayName="FadeMotion",FadeMotion.__docgenInfo={description:"",displayName:"FadeMotion",props:{isCollapsed:{defaultValue:null,description:"",name:"isCollapsed",required:!0,type:{name:"boolean"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/component-preview/src/component-preview/motion.tsx#FadeMotion"]={docgenInfo:FadeMotion.__docgenInfo,name:"FadeMotion",path:"components/component-preview/src/component-preview/motion.tsx#FadeMotion"})}catch(__react_docgen_typescript_loader_error){}var syntaxHighlighterCustomStyles={backgroundColor:tokens.T.colorNeutralBackground3,marginTop:0,marginBottom:0,paddingTop:tokens.T.spacingVerticalL,paddingBottom:tokens.T.spacingVerticalL,paddingLeft:tokens.T.spacingHorizontalM,paddingRight:tokens.T.spacingHorizontalM};function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null!=_i){var _s,_e,_x,_r,_arr=[],_n=!0,_d=!1;try{if(_x=(_i=_i.call(arr)).next,0===i){if(Object(_i)!==_i)return;_n=!1}else for(;!(_n=(_s=_x.call(_i)).done)&&(_arr.push(_s.value),_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{if(!_n&&null!=_i.return&&(_r=_i.return(),Object(_r)!==_r))return}finally{if(_d)throw _e}}return _arr}}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||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 _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i"}},wrapper:{defaultValue:{value:"({ children }) => <>{children}"},description:"Wrapper for the component. Use it to set up theme, context, custom styles, etc. See `themeKey` prop for info on how to change the theme.\n@example ({ children, currentThemeKey }) => {children}",name:"wrapper",required:!1,type:{name:"({ children, themeKey }: WrapperProps) => ReactElement"}},themes:{defaultValue:null,description:"Themes to be passed to the wrapper, if you want to add theme switcher.",name:"themes",required:!1,type:{name:"{ label: string; value: string; }[]"}},code:{defaultValue:null,description:"If you would like to show code implementation of the component, you can pass the string here.",name:"code",required:!1,type:{name:"string"}},codeLanguage:{defaultValue:{value:"tsx"},description:"Code language to be used for syntax highlighting.",name:"codeLanguage",required:!1,type:{name:"string"}},onFullScreen:{defaultValue:null,description:"If you want to render a button to open the preview in full screen, provide an on click handler for it here.\n@example () => window.open('https://bit.dev/bit/base-ui/preview', '_blank')",name:"onFullScreen",required:!1,type:{name:"() => void"}},onLiveEdit:{defaultValue:null,description:"If you want to render a button to open the preview in live edit mode, provide an on click handler for it here.\n@example () => window.open('https://bit.dev/bit/base-ui/edit', '_blank')",name:"onLiveEdit",required:!1,type:{name:"() => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/component-preview/src/component-preview/component-preview.tsx#ComponentPreview"]={docgenInfo:ComponentPreview.__docgenInfo,name:"ComponentPreview",path:"components/component-preview/src/component-preview/component-preview.tsx#ComponentPreview"})}catch(__react_docgen_typescript_loader_error){}var text_text=__webpack_require__("./components/text/lib/text/text.js"),tile=__webpack_require__("./components/tile/lib/tile.js"),ExampleComponent=function ExampleComponent(){var space=(0,use_space_styles.z)();return(0,jsx_runtime.jsxs)(tile.n,{variant:"card",className:(0,mergeClasses_esm.z)(space.py9,space.px7),children:[(0,jsx_runtime.jsx)(text_text.x,{variant:"headline",className:space.mb7,block:!0,children:"Example Component"}),(0,jsx_runtime.jsx)(text_text.x,{variant:"description",block:!0,children:"Lorem ipsum dolor sit amet consectetur adipisicing elit. Veniam sapiente voluptas laudantium placeat aliquam eum nesciunt dolorem rerum, quasi ea quisquam natus repellendus! Laudantium expedita laborum natus, earum tenetur quidem?"})]})};ExampleComponent.displayName="ExampleComponent";var theme_provider=__webpack_require__("./styles/theming/lib/theme-provider.js"),useWrapperStyles=(0,makeStyles_esm.Z)({root:{minHeight:"480px",display:"grid",justifyItems:"center",alignItems:"center",height:"100%",paddingTop:"40px",paddingBottom:"40px",paddingLeft:"40px",paddingRight:"40px",backgroundColor:tokens.T.colorNeutralBackground1}}),ExampleWrapper=function ExampleWrapper(_ref){var children=_ref.children,themeKey=_ref.themeKey,classes=useWrapperStyles();return(0,jsx_runtime.jsx)(theme_provider.f,{currentThemeKey:themeKey,children:(0,jsx_runtime.jsx)("div",{className:classes.root,children})})};ExampleWrapper.displayName="ExampleWrapper";try{ExampleWrapper.displayName="ExampleWrapper",ExampleWrapper.__docgenInfo={description:"",displayName:"ExampleWrapper",props:{children:{defaultValue:null,description:"Wrapper is going to render the component as children.",name:"children",required:!1,type:{name:"ReactNode"}},themeKey:{defaultValue:null,description:"Wrapper can receive a theme key to change the theme.\n@example 'dark'",name:"themeKey",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/component-preview/__dev__/example-wrapper.tsx#ExampleWrapper"]={docgenInfo:ExampleWrapper.__docgenInfo,name:"ExampleWrapper",path:"components/component-preview/__dev__/example-wrapper.tsx#ExampleWrapper"})}catch(__react_docgen_typescript_loader_error){}const component_preview_stories={title:"Blocks/ComponentPreview",component:ComponentPreview,decorators:[function(Story){return(0,jsx_runtime.jsx)(decorators.z,{children:(0,jsx_runtime.jsx)("div",{style:{maxWidth:"640px"},children:(0,jsx_runtime.jsx)(Story,{})})})}]};var Template=function Template(args){return(0,jsx_runtime.jsx)(ComponentPreview,Object.assign({},args))};Template.displayName="Template";var Simple=Template.bind({});Simple.args={component:ExampleComponent,wrapper:ExampleWrapper,onFullScreen:void 0};var WithMenu=Template.bind({});WithMenu.args={component:ExampleComponent,wrapper:ExampleWrapper,code:"import { mergeClasses } from '@griffel/react';\nimport { Text } from '@microsoft/arbutus.text';\nimport { Tile } from '@microsoft/arbutus.tile';\nimport { useSpaceStyles } from '@microsoft/arbutus.use-space-styles';\nimport * as React from 'react';\n\nexport const ExampleComponent = () => {\n const space = useSpaceStyles();\n\n return (\n \n \n Example Component\n \n \n Lorem ipsum dolor sit amet consectetur adipisicing elit. Veniam sapiente voluptas\n laudantium placeat aliquam eum nesciunt dolorem rerum, quasi ea quisquam natus\n repellendus! Laudantium expedita laborum natus, earum tenetur quidem?\n \n \n );\n};\n",themes:[{value:"light",label:"Light Theme"},{value:"dark",label:"Dark Theme"}]};var __namedExportsOrder=["Simple","WithMenu"]},"./components/data-table/__dev__/data-table.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Simple:()=>Simple,__namedExportsOrder:()=>__namedExportsOrder,default:()=>data_table_stories});__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/react/index.js");var tokens=__webpack_require__("./node_modules/@fluentui/tokens/lib/tokens.js"),useDataTableStyles=(0,__webpack_require__("./node_modules/@griffel/react/makeStyles.esm.js").Z)({root:{borderTopWidth:"1px",borderTopStyle:"solid",borderTopColor:tokens.T.colorNeutralStroke1,paddingTop:"0",paddingRight:"0",paddingBottom:"0",paddingLeft:"0",marginTop:"0",marginRight:"0",marginBottom:"0",marginLeft:"0",width:"100%",borderCollapse:"collapse",tableLayout:"fixed"},row:{width:"100%"},cell:{borderBottomWidth:"1px",borderBottomStyle:"solid",borderBottomColor:tokens.T.colorNeutralStroke1,paddingTop:"0.6rem",paddingRight:"1.2rem",paddingBottom:"0.6rem",paddingLeft:"1.2rem",fontSize:tokens.T.fontSizeBase200,color:tokens.T.colorNeutralForeground1,"& p":{fontSize:tokens.T.fontSizeBase200,marginTop:"0",marginRight:"0",marginBottom:"1.2rem",marginLeft:"0","&:last-child":{marginTop:"0",marginRight:"0",marginBottom:"0",marginLeft:"0"}},"& ul, & ol":{width:"100%",marginTop:"0",marginRight:"0",marginBottom:"1.2rem",marginLeft:"0",paddingTop:"0",paddingRight:"0",paddingBottom:"0",paddingLeft:"0.875rem","& li":{width:"100%",fontSize:tokens.T.fontSizeBase200,marginTop:"0",marginRight:"0",marginBottom:"1rem",marginLeft:"0","&:last-child":{marginTop:"0",marginRight:"0",marginBottom:"0",marginLeft:"0"}},"&:last-child":{marginTop:"0",marginRight:"0",marginBottom:"0",marginLeft:"0"}},"& a":{color:tokens.T.colorNeutralForeground1,textDecorationLine:"underline","&:hover":{color:tokens.T.colorNeutralForeground2}},"& pre, & code":{backgroundColor:tokens.T.colorNeutralBackground6,paddingTop:"0",paddingRight:tokens.T.spacingHorizontalSNudge,paddingBottom:"0",paddingLeft:tokens.T.spacingHorizontalSNudge,borderTopLeftRadius:tokens.T.borderRadiusSmall,borderTopRightRadius:tokens.T.borderRadiusSmall,borderBottomRightRadius:tokens.T.borderRadiusSmall,borderBottomLeftRadius:tokens.T.borderRadiusSmall,fontSize:tokens.T.fontSizeBase200,"& span, & li, & p":{fontSize:tokens.T.fontSizeBase200},"& code":{borderTopLeftRadius:"0",borderTopRightRadius:"0",borderBottomRightRadius:"0",borderBottomLeftRadius:"0",paddingTop:"0",paddingRight:"0",paddingBottom:"0",paddingLeft:"0",fontSize:tokens.T.fontSizeBase200}}},content:{width:"100%"}}),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),DataCell=function DataCell(_ref){var cell=_ref.cell,rowIndex=_ref.rowIndex,cellIndex=_ref.cellIndex,classes=useDataTableStyles();return(0,jsx_runtime.jsxs)("td",{className:classes.cell,children:[(null==cell?void 0:cell.content)&&(0,jsx_runtime.jsx)("div",{className:classes.content,children:cell.content}),(null==cell?void 0:cell.imageSrc)&&(0,jsx_runtime.jsx)("img",{src:cell.imageSrc,alt:cell.imageAlt})]},"dataTableRow-"+rowIndex+"-Cell-"+cellIndex)};DataCell.displayName="DataCell";var DataRow=function DataRow(_ref2){var row=_ref2.row,rowIndex=_ref2.rowIndex,classes=useDataTableStyles();return(0,jsx_runtime.jsx)("tr",{className:classes.row,children:null==row?void 0:row.map((function(cell,cellIndex){return(0,jsx_runtime.jsx)(DataCell,{cell,cellIndex,rowIndex},cellIndex)}))},"dataTableRow-"+rowIndex)};DataRow.displayName="DataRow";var DataTable=function DataTable(_ref3){var rows=_ref3.rows,classes=useDataTableStyles();return(0,jsx_runtime.jsx)("table",{className:classes.root,children:(0,jsx_runtime.jsx)("tbody",{children:null==rows?void 0:rows.map((function(row,rowIndex){return(0,jsx_runtime.jsx)(DataRow,{row,rowIndex},rowIndex)}))})})};DataTable.displayName="DataTable";try{DataCell.displayName="DataCell",DataCell.__docgenInfo={description:"",displayName:"DataCell",props:{cell:{defaultValue:null,description:"",name:"cell",required:!1,type:{name:"DataTableCell"}},cellIndex:{defaultValue:null,description:"",name:"cellIndex",required:!0,type:{name:"number"}},rowIndex:{defaultValue:null,description:"",name:"rowIndex",required:!0,type:{name:"number"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/data-table/src/data-table/data-table.tsx#DataCell"]={docgenInfo:DataCell.__docgenInfo,name:"DataCell",path:"components/data-table/src/data-table/data-table.tsx#DataCell"})}catch(__react_docgen_typescript_loader_error){}try{DataRow.displayName="DataRow",DataRow.__docgenInfo={description:"",displayName:"DataRow",props:{row:{defaultValue:null,description:"",name:"row",required:!1,type:{name:"DataTableRow"}},rowIndex:{defaultValue:null,description:"",name:"rowIndex",required:!0,type:{name:"number"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/data-table/src/data-table/data-table.tsx#DataRow"]={docgenInfo:DataRow.__docgenInfo,name:"DataRow",path:"components/data-table/src/data-table/data-table.tsx#DataRow"})}catch(__react_docgen_typescript_loader_error){}try{DataTable.displayName="DataTable",DataTable.__docgenInfo={description:"",displayName:"DataTable",props:{rows:{defaultValue:null,description:"",name:"rows",required:!1,type:{name:"DataTableRow[]"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/data-table/src/data-table/data-table.tsx#DataTable"]={docgenInfo:DataTable.__docgenInfo,name:"DataTable",path:"components/data-table/src/data-table/data-table.tsx#DataTable"})}catch(__react_docgen_typescript_loader_error){}var data_table_stories_image=function image(_ref){return{imageSrc:"https://via.placeholder.com/200x150.png/f0f0f0",imageAlt:"Placeholder "+_ref.text}},Content=function Content(_ref2){var text=_ref2.text;return(0,jsx_runtime.jsxs)("section",{children:[(0,jsx_runtime.jsxs)("p",{children:["Content ",text,"."]}),(0,jsx_runtime.jsxs)("ul",{children:[(0,jsx_runtime.jsx)("li",{children:"Item One"}),(0,jsx_runtime.jsx)("li",{children:"Item Two"}),(0,jsx_runtime.jsx)("li",{children:"Item Three"})]}),(0,jsx_runtime.jsx)("code",{children:"npm i black-hole"})]})};Content.displayName="Content";var data=["One","Two","Three"].map((function(text){return[{content:(0,jsx_runtime.jsx)(Content,{text})},data_table_stories_image({text})]}));const data_table_stories={title:"Blocks/DataTable",component:DataTable};var Template=function Template(args){return(0,jsx_runtime.jsx)(DataTable,Object.assign({},args))};Template.displayName="Template";var Simple=Template.bind({});Simple.args={rows:data};var __namedExportsOrder=["Simple"]},"./components/divider/__dev__/divider.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Simple:()=>Simple,__namedExportsOrder:()=>__namedExportsOrder,default:()=>divider_stories});__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/react/index.js");var mergeClasses_esm=__webpack_require__("./node_modules/@griffel/core/mergeClasses.esm.js"),tokens=__webpack_require__("./node_modules/@fluentui/tokens/lib/tokens.js"),useDividerStyles=(0,__webpack_require__("./node_modules/@griffel/react/makeStyles.esm.js").Z)({root:{width:"100%",height:"0.0625rem",position:"relative",borderTopStyle:"none",borderRightStyle:"none",borderBottomStyle:"none",borderLeftStyle:"none",backgroundColor:tokens.T.colorNeutralStroke1,marginBottom:0,marginTop:0}}),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),Divider=function Divider(_ref){var className=_ref.className,classes=useDividerStyles(),rootClasses=(0,mergeClasses_esm.z)(classes.root,className);return(0,jsx_runtime.jsx)("hr",{className:rootClasses})};Divider.displayName="Divider";try{Divider.displayName="Divider",Divider.__docgenInfo={description:"",displayName:"Divider",props:{className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/divider/src/divider/divider.tsx#Divider"]={docgenInfo:Divider.__docgenInfo,name:"Divider",path:"components/divider/src/divider/divider.tsx#Divider"})}catch(__react_docgen_typescript_loader_error){}const divider_stories={title:"Atoms/Divider",component:Divider};var Template=function Template(args){return(0,jsx_runtime.jsx)(Divider,Object.assign({},args))};Template.displayName="Template";var Simple=Template.bind({});Simple.args={};var __namedExportsOrder=["Simple"]},"./components/divider/lib/divider/divider.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{i:()=>Divider});var mergeClasses_esm=__webpack_require__("./node_modules/@griffel/core/mergeClasses.esm.js"),react=__webpack_require__("./node_modules/react/index.js"),tokens=__webpack_require__("./node_modules/@fluentui/tokens/lib/tokens.js"),useDividerStyles=(0,__webpack_require__("./node_modules/@griffel/react/makeStyles.esm.js").Z)({root:{width:"100%",height:"0.0625rem",position:"relative",borderTopStyle:"none",borderRightStyle:"none",borderBottomStyle:"none",borderLeftStyle:"none",backgroundColor:tokens.T.colorNeutralStroke1,marginBottom:0,marginTop:0}}),Divider=function Divider(_ref){var className=_ref.className,classes=useDividerStyles(),rootClasses=(0,mergeClasses_esm.z)(classes.root,className);return react.createElement("hr",{className:rootClasses})};Divider.__docgenInfo={description:"",methods:[],displayName:"Divider"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/divider/lib/divider/divider.js"]={name:"Divider",docgenInfo:Divider.__docgenInfo,path:"components/divider/lib/divider/divider.js"})},"./components/embed/__dev__/embed.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{FigmaEmbed:()=>FigmaEmbed,StorybookEmbed:()=>StorybookEmbed,__namedExportsOrder:()=>__namedExportsOrder,default:()=>embed_stories});__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js");var react=__webpack_require__("./node_modules/react/index.js"),decorators=__webpack_require__("./.storybook/decorators/index.ts"),Spinner=(__webpack_require__("./node_modules/core-js/modules/web.timers.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/@fluentui/react-spinner/lib/components/Spinner/Spinner.js")),mergeClasses_esm=__webpack_require__("./node_modules/@griffel/core/mergeClasses.esm.js"),divider=__webpack_require__("./components/divider/lib/divider/divider.js"),icon_button=__webpack_require__("./components/icon-button/lib/icon-button/icon-button.js"),logo=__webpack_require__("./components/logo/lib/logo/logo.js"),text_text=__webpack_require__("./components/text/lib/text/text.js"),use_space_styles=__webpack_require__("./hooks/use-space-styles/lib/use-space-styles.js"),tokens=__webpack_require__("./node_modules/@fluentui/tokens/lib/tokens.js"),makeStyles_esm=__webpack_require__("./node_modules/@griffel/react/makeStyles.esm.js"),index_esm=__webpack_require__("./node_modules/@griffel/core/index.esm.js"),sizeClasses={small:{height:"calc("+tokens.T.spacingVerticalXS+" * 76)"},medium:{height:"calc("+tokens.T.spacingVerticalXS+" * 96)"},large:{height:"calc("+tokens.T.spacingVerticalXS+" * 116)"}},useEmbedStyles=(0,makeStyles_esm.Z)(Object.assign({root:Object.assign({width:"100%"},index_esm.q5.borderRadius(tokens.T.borderRadiusMedium),index_esm.q5.border("1px","solid",tokens.T.colorNeutralStroke1),{overflowX:"hidden",overflowY:"hidden"}),header:{height:"calc("+tokens.T.spacingVerticalXL+" + "+tokens.T.spacingVerticalSNudge+") + "+tokens.T.spacingVerticalSNudge,display:"grid",columnGap:tokens.T.spacingHorizontalXS,gridTemplateColumns:tokens.T.spacingHorizontalXXL+" auto "+tokens.T.spacingHorizontalXXL}},sizeClasses,{content:{width:"100%",height:"100%",position:"relative"},overlay:{position:"absolute",display:"grid",alignItems:"center",justifyItems:"center",top:0,left:0,width:"100%",height:"100%",transitionProperty:"all",transitionDuration:tokens.T.durationSlow,transitionTimingFunction:tokens.T.curveAccelerateMax,backgroundColor:"transparent"},removeOverlay:{display:"none"},loading:{backgroundColor:tokens.T.colorNeutralBackground1},iframe:Object.assign({width:"100%"},index_esm.q5.borderWidth(0),index_esm.q5.borderColor("transparent"),index_esm.q5.borderStyle("none"))})),getUrl=function getUrl(_ref){var type=_ref.type,url=_ref.url;switch(type){case"figma":return"https://www.figma.com/embed?embed_host=arbutus&url= "+url;case"storybook":return url}},jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null!=_i){var _s,_e,_x,_r,_arr=[],_n=!0,_d=!1;try{if(_x=(_i=_i.call(arr)).next,0===i){if(Object(_i)!==_i)return;_n=!1}else for(;!(_n=(_s=_x.call(_i)).done)&&(_arr.push(_s.value),_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{if(!_n&&null!=_i.return&&(_r=_i.return(),Object(_r)!==_r))return}finally{if(_d)throw _e}}return _arr}}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||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 _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Simple:()=>Simple,__namedExportsOrder:()=>__namedExportsOrder,default:()=>footer_stories});__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/react/index.js");var mergeClasses_esm=__webpack_require__("./node_modules/@griffel/core/mergeClasses.esm.js"),use_space_styles=__webpack_require__("./hooks/use-space-styles/lib/use-space-styles.js"),tokens=__webpack_require__("./node_modules/@fluentui/tokens/lib/tokens.js"),useFooterStyles=(0,__webpack_require__("./node_modules/@griffel/react/makeStyles.esm.js").Z)({root:{backgroundColor:tokens.T.colorNeutralBackground6}}),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),Footer=function Footer(_ref){var className=_ref.className,children=_ref.children,classes=useFooterStyles(),space=(0,use_space_styles.z)();return(0,jsx_runtime.jsx)("footer",{className:(0,mergeClasses_esm.z)(classes.root,space.p7,className),children})};Footer.displayName="Footer";try{Footer.displayName="Footer",Footer.__docgenInfo={description:"",displayName:"Footer",props:{className:{defaultValue:null,description:"Consumer provided class.",name:"className",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/footer/src/footer/footer.tsx#Footer"]={docgenInfo:Footer.__docgenInfo,name:"Footer",path:"components/footer/src/footer/footer.tsx#Footer"})}catch(__react_docgen_typescript_loader_error){}const footer_stories={title:"Layout/Footer",component:Footer};var Template=function Template(args){return(0,jsx_runtime.jsx)(Footer,Object.assign({},args))};Template.displayName="Template";var Simple=Template.bind({});Simple.args={children:"Simple Footer Example"};var __namedExportsOrder=["Simple"]},"./components/guidance/__dev__/guidance.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Full:()=>Full,Minimal:()=>Minimal,__namedExportsOrder:()=>__namedExportsOrder,default:()=>guidance_stories});__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js");var react=__webpack_require__("./node_modules/react/index.js"),mergeClasses_esm=(__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/@griffel/core/mergeClasses.esm.js")),icon_button=__webpack_require__("./components/icon-button/lib/icon-button/icon-button.js"),logo=__webpack_require__("./components/logo/lib/logo/logo.js"),tokens=__webpack_require__("./node_modules/@fluentui/tokens/lib/tokens.js"),makeStyles_esm=__webpack_require__("./node_modules/@griffel/react/makeStyles.esm.js"),index_esm=__webpack_require__("./node_modules/@griffel/core/index.esm.js"),useOrderedListStyles=(0,makeStyles_esm.Z)({root:Object.assign({display:"grid",rowGap:tokens.T.spacingVerticalM},index_esm.q5.padding(0))}),OrderedList=function OrderedList(_ref){var className=_ref.className,children=_ref.children,start=_ref.start,classes=useOrderedListStyles();return react.createElement("ol",{className:(0,mergeClasses_esm.z)(classes.root,className)},function injectIndex(_ref){var children=_ref.children,start=_ref.start,__index=start?start-1:0,__total=react.Children.count(children);return react.Children.map(children,(function(child){return(0,react.isValidElement)(child)?(__index+=1,(0,react.cloneElement)(child,{__index,__total})):child}))}({children,start}))};OrderedList.__docgenInfo={description:"",methods:[],displayName:"OrderedList"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/ordered-list/lib/ordered-list/ordered-list.js"]={name:"OrderedList",docgenInfo:OrderedList.__docgenInfo,path:"components/ordered-list/lib/ordered-list/ordered-list.js"});var useOrderedListItemStyles=(0,makeStyles_esm.Z)({root:Object.assign({listStyleType:"none"},index_esm.q5.padding(0),index_esm.q5.margin(0),{display:"grid",gridTemplateColumns:"min-content 1fr",columnGap:tokens.T.spacingHorizontalS}),puck:Object.assign({height:tokens.T.lineHeightBase400,width:tokens.T.lineHeightBase400,display:"grid",alignContent:"center",justifyContent:"center",fontWeight:tokens.T.fontWeightSemibold},index_esm.q5.borderRadius("50%")),accent:{color:tokens.T.colorNeutralForeground1,backgroundColor:tokens.T.colorBrandBackground2},primary:{color:tokens.T.colorNeutralBackground1,backgroundColor:tokens.T.colorNeutralForeground2},secondary:{color:tokens.T.colorNeutralForeground1,backgroundColor:tokens.T.colorNeutralBackground3}}),OrderedListItem=function OrderedListItem(_ref){var className=_ref.className,children=_ref.children,_ref$variant=_ref.variant,variant=void 0===_ref$variant?"primary":_ref$variant,__index=_ref.__index,classes=useOrderedListItemStyles();return react.createElement("li",{className:(0,mergeClasses_esm.z)(classes.root,className)},react.createElement("div",{className:(0,mergeClasses_esm.z)(classes.puck,classes[variant])},__index),react.createElement("div",null,children))};OrderedListItem.__docgenInfo={description:"",methods:[],displayName:"OrderedListItem",props:{variant:{defaultValue:{value:"'primary'",computed:!1},required:!1}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/ordered-list/lib/ordered-list-item/ordered-list-item.js"]={name:"OrderedListItem",docgenInfo:OrderedListItem.__docgenInfo,path:"components/ordered-list/lib/ordered-list-item/ordered-list-item.js"});var text_text=__webpack_require__("./components/text/lib/text/text.js"),use_space_styles=__webpack_require__("./hooks/use-space-styles/lib/use-space-styles.js"),dist_module=__webpack_require__("./node_modules/@react-hook/resize-observer/dist/module/index.js"),useGuidanceStyles=(0,makeStyles_esm.Z)({image:{width:"100%",height:"auto",objectFit:"cover"},figure:Object.assign({display:"grid"},index_esm.q5.margin(0),{borderTopLeftRadius:tokens.T.borderRadiusMedium,borderTopRightRadius:tokens.T.borderRadiusMedium,borderBottomLeftRadius:tokens.T.borderRadiusMedium,borderBottomRightRadius:tokens.T.borderRadiusMedium,borderBottomColor:tokens.T.colorNeutralStroke1,borderTopColor:tokens.T.colorNeutralStroke1,borderLeftColor:tokens.T.colorNeutralStroke1,borderRightColor:tokens.T.colorNeutralStroke1,borderTopStyle:"solid",borderBottomStyle:"solid",borderLeftStyle:"solid",borderRightStyle:"solid",borderTopWidth:"1px",borderBottomWidth:"1px",borderLeftWidth:"1px",borderRightWidth:"1px",overflowX:"hidden",overflowY:"hidden"}),figcaption:Object.assign({height:"calc("+tokens.T.spacingVerticalXL+" + "+tokens.T.spacingVerticalSNudge+") + "+tokens.T.spacingVerticalSNudge,display:"grid",columnGap:tokens.T.spacingHorizontalXS},index_esm.q5.padding(tokens.T.spacingHorizontalM),{borderTopColor:tokens.T.colorNeutralStroke1,borderTopStyle:"solid",borderTopWidth:"1px"}),figcaptionWithLogo:{gridTemplateColumns:tokens.T.spacingHorizontalXXL+" auto "+tokens.T.spacingHorizontalXXL},figcaptionWithoutLogo:{gridTemplateColumns:"auto "+tokens.T.spacingHorizontalXXL},twoColumn:{display:"grid",gridTemplateColumns:"1fr 1fr",alignItems:"flex-start",columnGap:tokens.T.spacingHorizontalXXXL}}),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null!=_i){var _s,_e,_x,_r,_arr=[],_n=!0,_d=!1;try{if(_x=(_i=_i.call(arr)).next,0===i){if(Object(_i)!==_i)return;_n=!1}else for(;!(_n=(_s=_x.call(_i)).done)&&(_arr.push(_s.value),_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{if(!_n&&null!=_i.return&&(_r=_i.return(),Object(_r)!==_r))return}finally{if(_d)throw _e}}return _arr}}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||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 _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i726,withLogo=logoName&&logoLabel;isTwoColumn&&(middle=Math.ceil(legendListItems.length/2),lists=[legendListItems.slice(0,middle),legendListItems.slice(middle)]);var classes=useGuidanceStyles(),space=(0,use_space_styles.z)();return(0,jsx_runtime.jsxs)("article",{className,ref,children:[(0,jsx_runtime.jsxs)("figure",{className:classes.figure,children:[(0,jsx_runtime.jsx)(Image,Object.assign({},imageProps,{className:classes.image})),(0,jsx_runtime.jsxs)("figcaption",{className:(0,mergeClasses_esm.z)(classes.figcaption,space.p5,withLogo?classes.figcaptionWithLogo:classes.figcaptionWithoutLogo),children:[withLogo&&(0,jsx_runtime.jsx)(logo.T,{logoName,label:logoLabel,size:"medium"}),(0,jsx_runtime.jsx)(text_text.x,{as:"h3",variant:"caption",className:space.mt2,children:fileTitle}),(0,jsx_runtime.jsx)(icon_button.h,{label:null!=openButtonLabel?openButtonLabel:"Open file.",iconName:"open",onClick:function openClickHandler(){var _window,_window$open;null===(_window=window)||void 0===_window||null===(_window$open=_window.open(url,"_blank"))||void 0===_window$open||_window$open.focus()}})]})]}),(heading||description)&&(0,jsx_runtime.jsxs)("div",{className:space.mt7,children:[heading&&(0,jsx_runtime.jsx)(text_text.x,{as:"h2",variant:"headline",block:!0,children:heading}),description&&(0,jsx_runtime.jsx)(text_text.x,{as:"p",block:!0,children:description})]}),legendListItems&&(0,jsx_runtime.jsx)("div",{className:isTwoColumn?classes.twoColumn:"",children:lists.map((function(list,index){return(0,jsx_runtime.jsx)(OrderedList,{className:space.mt7,start:0===index?1:middle+1,children:null==list?void 0:list.map((function(_ref2,index){var heading=_ref2.heading,description=_ref2.description;return(0,jsx_runtime.jsxs)(OrderedListItem,{variant:"primary",children:[(0,jsx_runtime.jsx)(text_text.x,{block:!0,variant:"caption",children:heading}),(0,jsx_runtime.jsx)(text_text.x,{block:!0,variant:"description",children:description})]},(null!=heading?heading:"")+"--"+index)}))},index)}))})]})};Guidance.displayName="Guidance";try{Guidance.displayName="Guidance",Guidance.__docgenInfo={description:"",displayName:"Guidance",props:{className:{defaultValue:null,description:"Consumer provided class.",name:"className",required:!1,type:{name:"string"}},imageAs:{defaultValue:{value:"'img'"},description:"Image element.",name:"imageAs",required:!0,type:{name:"ElementType"}},imageProps:{defaultValue:null,description:"Image element props.",name:"imageProps",required:!0,type:{name:"Record"}},logoName:{defaultValue:null,description:"Selection of logos.",name:"logoName",required:!1,type:{name:"enum",value:[{value:'"figma"'},{value:'"storybook"'}]}},logoLabel:{defaultValue:null,description:"Accessible label for the logo.",name:"logoLabel",required:!1,type:{name:"string"}},fileTitle:{defaultValue:null,description:"File name of the image.",name:"fileTitle",required:!0,type:{name:"string"}},openButtonLabel:{defaultValue:null,description:"Descriptive label of the open button.",name:"openButtonLabel",required:!1,type:{name:"string"}},url:{defaultValue:null,description:"The URL of the Figma file you want to embed.",name:"url",required:!0,type:{name:"string"}},heading:{defaultValue:null,description:"Heading text.",name:"heading",required:!1,type:{name:"string"}},description:{defaultValue:null,description:"Description text.",name:"description",required:!1,type:{name:"string"}},legendListItems:{defaultValue:null,description:"Legend list items.",name:"legendListItems",required:!1,type:{name:"GuidanceLegendListItem[]"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/guidance/src/guidance/guidance.tsx#Guidance"]={docgenInfo:Guidance.__docgenInfo,name:"Guidance",path:"components/guidance/src/guidance/guidance.tsx#Guidance"})}catch(__react_docgen_typescript_loader_error){}const image_namespaceObject=__webpack_require__.p+"static/media/image.86995cdc.png";var Wrapper=function Wrapper(_ref){var children=_ref.children;return(0,jsx_runtime.jsx)("div",{style:{maxWidth:780,margin:"0 auto",padding:"24px"},children})};Wrapper.displayName="Wrapper";const guidance_stories={title:"Blocks/Guidance",component:Guidance};var legendListItems=Array.from({length:7},(function(_,index){return{heading:"Heading "+(index+1),description:"Description "+(index+1)+". Lorem ipsum dolor sit amet consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo."}})),Template=function Template(args){return(0,jsx_runtime.jsx)(Wrapper,{children:(0,jsx_runtime.jsx)(Guidance,Object.assign({},args))})};Template.displayName="Template";var Full=Template.bind({});Full.args={imageProps:{src:image_namespaceObject,alt:"Image alt text"},fileTitle:"Component grid",logoName:"figma",logoLabel:"Figma",url:"https://www.figma.com",heading:"Complete Example",description:"Component grid is a collection of similar components. This is a description of the guidance.",openButtonLabel:"Open in Figma",legendListItems};var Minimal=Template.bind({});Minimal.args={imageProps:{src:image_namespaceObject,alt:"Image alt text"},fileTitle:"Component grid",url:"https://www.figma.com",openButtonLabel:"Open in Figma"};var __namedExportsOrder=["Full","Minimal"]},"./components/header/__dev__/header.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Simple:()=>Simple,__namedExportsOrder:()=>__namedExportsOrder,default:()=>header_stories});__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/react/index.js");var mergeClasses_esm=__webpack_require__("./node_modules/@griffel/core/mergeClasses.esm.js"),use_space_styles=__webpack_require__("./hooks/use-space-styles/lib/use-space-styles.js"),tokens=__webpack_require__("./node_modules/@fluentui/tokens/lib/tokens.js"),useHeaderStyles=(0,__webpack_require__("./node_modules/@griffel/react/makeStyles.esm.js").Z)({root:{color:tokens.T.colorNeutralForeground1}}),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),Header=function Header(_ref){var className=_ref.className,children=_ref.children,classes=useHeaderStyles(),space=(0,use_space_styles.z)();return(0,jsx_runtime.jsx)("header",{className:(0,mergeClasses_esm.z)(classes.root,space.py5,className),children})};Header.displayName="Header";try{Header.displayName="Header",Header.__docgenInfo={description:"",displayName:"Header",props:{className:{defaultValue:null,description:"Consumer provided class.",name:"className",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/header/src/header/header.tsx#Header"]={docgenInfo:Header.__docgenInfo,name:"Header",path:"components/header/src/header/header.tsx#Header"})}catch(__react_docgen_typescript_loader_error){}const header_stories={title:"Layout/Header",component:Header};var Template=function Template(args){return(0,jsx_runtime.jsx)(Header,Object.assign({},args))};Template.displayName="Template";var Simple=Template.bind({});Simple.args={children:"Simple Header Example"};var __namedExportsOrder=["Simple"]},"./components/heading/__dev__/heading.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Simple:()=>Simple,WithCopyLinkButton:()=>WithCopyLinkButton,__namedExportsOrder:()=>__namedExportsOrder,default:()=>heading_stories});__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/web.timers.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js");var text_styles=__webpack_require__("./components/text/lib/text/text.styles.js"),text_text=__webpack_require__("./components/text/lib/text/text.js"),react=__webpack_require__("./node_modules/react/index.js"),icon_button=(__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./components/icon-button/lib/icon-button/icon-button.js")),use_copy_to_clipboard=__webpack_require__("./hooks/use-copy-to-clipboard/lib/use-copy-to-clipboard/use-copy-to-clipboard.js"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["as","children","className","copyLabel","headingUrl","onCopy"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var Heading=function Heading(_ref){var _ref$as=_ref.as,as=void 0===_ref$as?"h1":_ref$as,children=_ref.children,className=_ref.className,_ref$copyLabel=_ref.copyLabel,copyLabel=void 0===_ref$copyLabel?"Copy heading URL to clipboard.":_ref$copyLabel,headingUrl=_ref.headingUrl,onCopy=_ref.onCopy,textProps=_objectWithoutProperties(_ref,_excluded),_useCopyToClipboard=(0,use_copy_to_clipboard.m)(),copy=_useCopyToClipboard.copy,status=_useCopyToClipboard.status;return(0,react.useEffect)((function(){"success"===status&&headingUrl&&(null==onCopy||onCopy({url:headingUrl}))}),[status,onCopy,headingUrl]),(0,jsx_runtime.jsxs)(text_text.x,Object.assign({className,as,block:!0},textProps,{children:[children,headingUrl&&(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[" ",(0,jsx_runtime.jsx)(icon_button.h,{onClick:function onClick(){headingUrl&©(headingUrl)},label:copyLabel,iconName:"link",color:"secondary"})]})]}))};Heading.displayName="Heading";try{Heading.displayName="Heading",Heading.__docgenInfo={description:"",displayName:"Heading",props:{className:{defaultValue:null,description:"Consumer provided class.",name:"className",required:!1,type:{name:"string"}},as:{defaultValue:{value:"h1"},description:"Heading element.",name:"as",required:!1,type:{name:"enum",value:[{value:'"h1"'},{value:'"h2"'},{value:'"h3"'},{value:'"h4"'},{value:'"h5"'},{value:'"h6"'}]}},id:{defaultValue:null,description:"Heading id.",name:"id",required:!1,type:{name:"string"}},color:{defaultValue:null,description:"Selection of color options.",name:"color",required:!1,type:{name:"enum",value:[{value:'"action"'},{value:'"accent"'},{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'},{value:'"quaternary"'},{value:'"negative"'},{value:'"positive"'},{value:'"warning"'},{value:'"danger"'},{value:'"info"'},{value:'"background"'}]}},variant:{defaultValue:null,description:"Selection of text styles.",name:"variant",required:!1,type:{name:"enum",value:[{value:'"title"'},{value:'"description"'},{value:'"code"'},{value:'"caption"'},{value:'"jumbo"'},{value:'"headline"'},{value:'"subtitle"'},{value:'"leading"'},{value:'"paragraph"'}]}},headingUrl:{defaultValue:null,description:"Link to the heading section.",name:"headingUrl",required:!1,type:{name:"string"}},copyLabel:{defaultValue:{value:"Copy heading URL to clipboard."},description:"Screen-reader accessible label for the copy heading URL action.",name:"copyLabel",required:!1,type:{name:"string"}},onCopy:{defaultValue:null,description:"onCopy callback that fires after a successful copy heading URL action.",name:"onCopy",required:!1,type:{name:"((args0: OnCopyArgs) => void) | ((args0: OnCopyArgs) => void)"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/heading/src/heading/heading.tsx#Heading"]={docgenInfo:Heading.__docgenInfo,name:"Heading",path:"components/heading/src/heading/heading.tsx#Heading"})}catch(__react_docgen_typescript_loader_error){}function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null!=_i){var _s,_e,_x,_r,_arr=[],_n=!0,_d=!1;try{if(_x=(_i=_i.call(arr)).next,0===i){if(Object(_i)!==_i)return;_n=!1}else for(;!(_n=(_s=_x.call(_i)).done)&&(_arr.push(_s.value),_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{if(!_n&&null!=_i.return&&(_r=_i.return(),Object(_r)!==_r))return}finally{if(_d)throw _e}}return _arr}}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||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 _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Simple:()=>Simple,__namedExportsOrder:()=>__namedExportsOrder,default:()=>icon_button_stories});__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js");var icons=__webpack_require__("./components/icon/lib/icon/icons/index.js"),tokens=(__webpack_require__("./node_modules/react/index.js"),__webpack_require__("./node_modules/@fluentui/tokens/lib/tokens.js")),makeStyles_esm=__webpack_require__("./node_modules/@griffel/react/makeStyles.esm.js"),index_esm=__webpack_require__("./node_modules/@griffel/core/index.esm.js"),map_to_styles=__webpack_require__("./styles/utilities/lib/map-to-styles.js"),colorMap={primary:{background:tokens.T.colorNeutralBackground1,backgroundHover:tokens.T.colorNeutralBackground1Hover,outline:tokens.T.colorBrandStroke1,stroke:tokens.T.colorNeutralForeground1,strokeHover:tokens.T.colorNeutralForeground1Hover},secondary:{background:tokens.T.colorNeutralBackground1,backgroundHover:tokens.T.colorNeutralBackground2Hover,outline:tokens.T.colorBrandStroke1,stroke:tokens.T.colorNeutralForeground2,strokeHover:tokens.T.colorNeutralForeground2Hover},danger:{background:tokens.T.colorNeutralBackground1,backgroundHover:tokens.T.colorPaletteDarkOrangeBackground1,outline:tokens.T.colorPaletteDarkOrangeBorderActive,stroke:tokens.T.colorPaletteDarkOrangeForeground3,strokeHover:tokens.T.colorPaletteDarkOrangeForeground1},warning:{background:tokens.T.colorNeutralBackground1,backgroundHover:tokens.T.colorPaletteMarigoldBackground1,outline:tokens.T.colorPaletteMarigoldBorderActive,stroke:tokens.T.colorPaletteMarigoldForeground3,strokeHover:tokens.T.colorPaletteMarigoldForeground1},success:{background:tokens.T.colorNeutralBackground1,backgroundHover:tokens.T.colorPaletteLightGreenBackground1,outline:tokens.T.colorPaletteLightGreenBorderActive,stroke:tokens.T.colorPaletteLightGreenForeground1,strokeHover:tokens.T.colorPaletteLightGreenForeground3},info:{background:tokens.T.colorNeutralBackground1,backgroundHover:tokens.T.colorNeutralBackground2Hover,outline:tokens.T.colorBrandStroke1,stroke:tokens.T.colorNeutralForeground2,strokeHover:tokens.T.colorNeutralForeground2Hover},accent:{background:tokens.T.colorNeutralBackground1,backgroundHover:tokens.T.colorBrandBackgroundInvertedHover,outline:tokens.T.colorBrandStroke1,stroke:tokens.T.colorCompoundBrandStroke,strokeHover:tokens.T.colorCompoundBrandStrokeHover}},colorClasses=(0,map_to_styles.f)(colorMap,(function colorStyleFunction(_ref){var background=_ref.background,backgroundHover=_ref.backgroundHover,outline=_ref.outline;return{backgroundColor:background,"& > svg":{color:_ref.stroke},":hover":{backgroundColor:backgroundHover,"& > svg":{color:_ref.strokeHover}},":focus":{backgroundColor:backgroundHover,outlineColor:outline}}})),useIconButtonStyles=(0,makeStyles_esm.Z)(Object.assign({},colorClasses,{root:Object.assign({},index_esm.q5.borderRadius(tokens.T.borderRadiusXLarge),{cursor:"pointer",transitionProperty:"all",transitionDuration:tokens.T.durationNormal,transitionTimingFunction:tokens.T.curveEasyEase,lineHeight:0,borderTopStyle:"none",borderRightStyle:"none",borderBottomStyle:"none",borderLeftStyle:"none"})})),mergeClasses_esm=__webpack_require__("./node_modules/@griffel/core/mergeClasses.esm.js"),icon=__webpack_require__("./components/icon/lib/icon/icon.js"),use_space_styles=__webpack_require__("./hooks/use-space-styles/lib/use-space-styles.js"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),IconButton=function IconButton(_ref){var className=_ref.className,label=_ref.label,iconName=_ref.iconName,onClick=_ref.onClick,_ref$color=_ref.color,color=void 0===_ref$color?"primary":_ref$color,classes=useIconButtonStyles(),space=(0,use_space_styles.z)();return(0,jsx_runtime.jsx)("button",{onClick,"aria-label":label,className:(0,mergeClasses_esm.z)(classes.root,classes[color],space.p2,className),children:(0,jsx_runtime.jsx)(icon.J,{iconName})})};IconButton.displayName="IconButton";try{IconButton.displayName="IconButton",IconButton.__docgenInfo={description:"",displayName:"IconButton",props:{className:{defaultValue:null,description:"Consumer provided class.",name:"className",required:!1,type:{name:"string"}},label:{defaultValue:null,description:"Descriptive label of the button.",name:"label",required:!0,type:{name:"string"}},iconName:{defaultValue:null,description:"Selection of icons.",name:"iconName",required:!0,type:{name:"enum",value:[{value:'"link"'},{value:'"code"'},{value:'"arrow-right"'},{value:'"chevron-right"'},{value:'"full-screen"'},{value:'"slide-in"'},{value:'"slide-out"'},{value:'"open"'},{value:'"check"'},{value:'"copy"'},{value:'"download"'},{value:'"exclamation"'},{value:'"moon"'},{value:'"sun"'},{value:'"x"'}]}},color:{defaultValue:{value:"primary"},description:"Selection of color options.",name:"color",required:!1,type:{name:"enum",value:[{value:'"accent"'},{value:'"primary"'},{value:'"secondary"'},{value:'"warning"'},{value:'"danger"'},{value:'"info"'},{value:'"success"'}]}},onClick:{defaultValue:null,description:"Click handler.",name:"onClick",required:!0,type:{name:"(e?: SyntheticEvent) => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/icon-button/src/icon-button/icon-button.tsx#IconButton"]={docgenInfo:IconButton.__docgenInfo,name:"IconButton",path:"components/icon-button/src/icon-button/icon-button.tsx#IconButton"})}catch(__react_docgen_typescript_loader_error){}const icon_button_stories={title:"Atoms/IconButton",component:IconButton,argTypes:{onClick:{action:"clicked"},iconName:{options:Object.keys(icons.H),control:{type:"select"}},color:{options:Object.keys(colorMap),control:{type:"select"}}}};var Template=function Template(args){return(0,jsx_runtime.jsx)(IconButton,Object.assign({},args))};Template.displayName="Template";var Simple=Template.bind({});Simple.args={label:"Simple IconButton Example",iconName:"x"};var __namedExportsOrder=["Simple"]},"./components/icon-button/lib/icon-button/icon-button.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{h:()=>IconButton});var mergeClasses_esm=__webpack_require__("./node_modules/@griffel/core/mergeClasses.esm.js"),icon=__webpack_require__("./components/icon/lib/icon/icon.js"),use_space_styles=__webpack_require__("./hooks/use-space-styles/lib/use-space-styles.js"),react=__webpack_require__("./node_modules/react/index.js"),tokens=(__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/@fluentui/tokens/lib/tokens.js")),makeStyles_esm=__webpack_require__("./node_modules/@griffel/react/makeStyles.esm.js"),index_esm=__webpack_require__("./node_modules/@griffel/core/index.esm.js"),map_to_styles=__webpack_require__("./styles/utilities/lib/map-to-styles.js"),colorMap={primary:{background:tokens.T.colorNeutralBackground1,backgroundHover:tokens.T.colorNeutralBackground1Hover,outline:tokens.T.colorBrandStroke1,stroke:tokens.T.colorNeutralForeground1,strokeHover:tokens.T.colorNeutralForeground1Hover},secondary:{background:tokens.T.colorNeutralBackground1,backgroundHover:tokens.T.colorNeutralBackground2Hover,outline:tokens.T.colorBrandStroke1,stroke:tokens.T.colorNeutralForeground2,strokeHover:tokens.T.colorNeutralForeground2Hover},danger:{background:tokens.T.colorNeutralBackground1,backgroundHover:tokens.T.colorPaletteDarkOrangeBackground1,outline:tokens.T.colorPaletteDarkOrangeBorderActive,stroke:tokens.T.colorPaletteDarkOrangeForeground3,strokeHover:tokens.T.colorPaletteDarkOrangeForeground1},warning:{background:tokens.T.colorNeutralBackground1,backgroundHover:tokens.T.colorPaletteMarigoldBackground1,outline:tokens.T.colorPaletteMarigoldBorderActive,stroke:tokens.T.colorPaletteMarigoldForeground3,strokeHover:tokens.T.colorPaletteMarigoldForeground1},success:{background:tokens.T.colorNeutralBackground1,backgroundHover:tokens.T.colorPaletteLightGreenBackground1,outline:tokens.T.colorPaletteLightGreenBorderActive,stroke:tokens.T.colorPaletteLightGreenForeground1,strokeHover:tokens.T.colorPaletteLightGreenForeground3},info:{background:tokens.T.colorNeutralBackground1,backgroundHover:tokens.T.colorNeutralBackground2Hover,outline:tokens.T.colorBrandStroke1,stroke:tokens.T.colorNeutralForeground2,strokeHover:tokens.T.colorNeutralForeground2Hover},accent:{background:tokens.T.colorNeutralBackground1,backgroundHover:tokens.T.colorBrandBackgroundInvertedHover,outline:tokens.T.colorBrandStroke1,stroke:tokens.T.colorCompoundBrandStroke,strokeHover:tokens.T.colorCompoundBrandStrokeHover}},colorClasses=(0,map_to_styles.f)(colorMap,(function colorStyleFunction(_ref){var background=_ref.background,backgroundHover=_ref.backgroundHover,outline=_ref.outline;return{backgroundColor:background,"& > svg":{color:_ref.stroke},":hover":{backgroundColor:backgroundHover,"& > svg":{color:_ref.strokeHover}},":focus":{backgroundColor:backgroundHover,outlineColor:outline}}})),useIconButtonStyles=(0,makeStyles_esm.Z)(Object.assign({},colorClasses,{root:Object.assign({},index_esm.q5.borderRadius(tokens.T.borderRadiusXLarge),{cursor:"pointer",transitionProperty:"all",transitionDuration:tokens.T.durationNormal,transitionTimingFunction:tokens.T.curveEasyEase,lineHeight:0,borderTopStyle:"none",borderRightStyle:"none",borderBottomStyle:"none",borderLeftStyle:"none"})})),IconButton=function IconButton(_ref){var className=_ref.className,label=_ref.label,iconName=_ref.iconName,onClick=_ref.onClick,_ref$color=_ref.color,color=void 0===_ref$color?"primary":_ref$color,classes=useIconButtonStyles(),space=(0,use_space_styles.z)();return react.createElement("button",{onClick,"aria-label":label,className:(0,mergeClasses_esm.z)(classes.root,classes[color],space.p2,className)},react.createElement(icon.J,{iconName}))};IconButton.__docgenInfo={description:"",methods:[],displayName:"IconButton",props:{color:{defaultValue:{value:"'primary'",computed:!1},required:!1}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/icon-button/lib/icon-button/icon-button.js"]={name:"IconButton",docgenInfo:IconButton.__docgenInfo,path:"components/icon-button/lib/icon-button/icon-button.js"})},"./components/icon/__dev__/icon.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Simple:()=>Simple,__namedExportsOrder:()=>__namedExportsOrder,default:()=>icon_stories});__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js");var _colorMap,tokens=__webpack_require__("./node_modules/@fluentui/tokens/lib/tokens.js"),makeStyles_esm=__webpack_require__("./node_modules/@griffel/react/makeStyles.esm.js"),index_esm=__webpack_require__("./node_modules/@griffel/core/index.esm.js"),mergeClasses_esm=__webpack_require__("./node_modules/@griffel/core/mergeClasses.esm.js"),text_text=__webpack_require__("./components/text/lib/text/text.js"),use_space_styles=__webpack_require__("./hooks/use-space-styles/lib/use-space-styles.js"),react=__webpack_require__("./node_modules/react/index.js"),decorators=__webpack_require__("./.storybook/decorators/index.ts"),map_to_styles=__webpack_require__("./styles/utilities/lib/map-to-styles.js"),colorMap=((_colorMap={accent:tokens.T.colorBrandForeground1,primary:tokens.T.colorNeutralForeground1,secondary:tokens.T.colorNeutralForeground2,tertiary:tokens.T.colorNeutralForeground3,quaternary:tokens.T.colorNeutralForeground4,negative:tokens.T.colorPaletteDarkOrangeForeground1,positive:tokens.T.colorPaletteGreenForeground1,warning:tokens.T.colorPaletteMarigoldForeground1,danger:tokens.T.colorPaletteDarkOrangeForeground1,info:tokens.T.colorBrandForeground2})["accent-inverse"]=tokens.T.colorBrandBackground,_colorMap["primary-inverse"]=tokens.T.colorNeutralBackground1,_colorMap["secondary-inverse"]=tokens.T.colorNeutralBackground2,_colorMap["tertiary-inverse"]=tokens.T.colorNeutralBackground3,_colorMap["quaternary-inverse"]=tokens.T.colorNeutralBackground4,_colorMap["negative-inverse"]=tokens.T.colorPaletteDarkOrangeBackground1,_colorMap["positive-inverse"]=tokens.T.colorPaletteGreenBackground1,_colorMap["warning-inverse"]=tokens.T.colorPaletteMarigoldBackground1,_colorMap["danger-inverse"]=tokens.T.colorPaletteDarkOrangeBackground1,_colorMap["info-inverse"]=tokens.T.colorBrandBackground2,_colorMap),colorClasses=(0,map_to_styles.f)(colorMap,(function colorStyleFunction(color){return{color}})),sizeClasses={small:{height:tokens.T.spacingVerticalM},medium:{height:tokens.T.spacingVerticalL},large:{height:tokens.T.spacingVerticalXL}},useIconStyles=(0,makeStyles_esm.Z)(Object.assign({},colorClasses,sizeClasses,{root:{width:"auto"},inline:{display:"inline-block",verticalAlign:"middle"}})),index_browser=__webpack_require__("./components/icon/node_modules/nanoid/index.browser.js"),jsx_runtime=(__webpack_require__("./node_modules/core-js/modules/es.string.link.js"),__webpack_require__("./node_modules/react/jsx-runtime.js")),ArrowRight=function ArrowRight(){return(0,jsx_runtime.jsx)("path",{d:"M2.5 7.50001C2.22386 7.50001 2 7.72386 2 8.00001C2 8.27615 2.22386 8.50001 2.5 8.50001L12.197 8.5L8.16552 12.1284C7.96026 12.3131 7.94362 12.6292 8.12835 12.8345C8.31308 13.0397 8.62923 13.0564 8.83448 12.8717L13.8345 8.37165C13.9398 8.27683 14 8.14175 14 8C14 7.85826 13.9398 7.72318 13.8345 7.62836L8.83448 3.12836C8.62923 2.94363 8.31308 2.96027 8.12835 3.16552C7.94362 3.37078 7.96026 3.68692 8.16552 3.87165L12.197 7.5L2.5 7.50001Z",fill:"currentColor"})};ArrowRight.displayName="ArrowRight";var Check=function Check(){return(0,jsx_runtime.jsx)("path",{d:"M0 9.27233C0 9.12371 0.0270213 8.98522 0.081064 8.85687C0.141862 8.72177 0.219548 8.60693 0.314123 8.51235C0.415453 8.41102 0.530293 8.33333 0.658645 8.27929C0.793751 8.21849 0.935613 8.18809 1.08423 8.18809C1.37471 8.18809 1.62803 8.29618 1.84421 8.51235L5.40089 12.069L14.1457 3.32426C14.3618 3.10809 14.6185 3 14.9158 3C15.0644 3 15.2029 3.0304 15.3312 3.0912C15.4663 3.14524 15.5812 3.22293 15.6757 3.32426C15.7771 3.42559 15.8548 3.5438 15.9088 3.67891C15.9696 3.80726 16 3.94237 16 4.08423C16 4.38147 15.8919 4.63817 15.6757 4.85434L6.16086 14.3591C6.05953 14.4604 5.94131 14.5415 5.80621 14.6023C5.67786 14.6563 5.54275 14.6833 5.40089 14.6833C5.11041 14.6833 4.85708 14.5753 4.64091 14.3591L0.314123 10.0424C0.104708 9.83302 0 9.57632 0 9.27233Z",fill:"currentColor"})};Check.displayName="Check";var ChevronRight=function ChevronRight(){return(0,jsx_runtime.jsx)("path",{d:"M5.73966 3.20041C5.43613 3.48226 5.41856 3.95681 5.70041 4.26034L9.22652 8L5.70041 11.7397C5.41856 12.0432 5.43613 12.5177 5.73967 12.7996C6.0432 13.0815 6.51775 13.0639 6.7996 12.7603L10.7996 8.51034C11.0668 8.22258 11.0668 7.77743 10.7996 7.48966L6.7996 3.23966C6.51775 2.93613 6.0432 2.91856 5.73966 3.20041Z",fill:"currentColor"})};ChevronRight.displayName="ChevronRight";var Code=function Code(){return(0,jsx_runtime.jsx)("path",{d:"M5.39035 12.4075L9.3878 3.0711C9.53267 2.73262 9.92453 2.57572 10.2631 2.72064C10.5773 2.85521 10.7351 3.2027 10.64 3.52266L10.6135 3.59589L6.61606 12.9323C6.47114 13.2707 6.07928 13.4276 5.74081 13.2827C5.42651 13.1481 5.26877 12.8007 5.36387 12.4807L5.39035 12.4075ZM1.52859 7.52872L4.19526 4.86209C4.45561 4.60174 4.87772 4.60174 5.13807 4.86209C5.37839 5.10241 5.39688 5.48057 5.19353 5.7421L5.13807 5.8049L2.94281 8.00019L5.13807 10.1954C5.39842 10.4558 5.39842 10.8779 5.13807 11.1383C4.89775 11.3785 4.51959 11.3971 4.25807 11.1937L4.19526 11.1383L1.52859 8.47159C1.28827 8.23126 1.26979 7.85306 1.47313 7.59159L1.52859 7.52872ZM10.8614 4.86126C11.1017 4.62095 11.4799 4.60248 11.7414 4.80584L11.8042 4.86131L14.4714 7.52879C14.7119 7.76919 14.7302 8.14759 14.5266 8.40906L14.4711 8.47186L11.8039 11.1356C11.5433 11.3957 11.1212 11.3955 10.8611 11.1349C10.6209 10.8945 10.6027 10.5163 10.8062 10.2549L10.8617 10.1921L13.0569 7.99986L10.8613 5.80408C10.601 5.54371 10.601 5.1216 10.8614 4.86126Z",fill:"currentColor"})};Code.displayName="Code";var Copy=function Copy(){return(0,jsx_runtime.jsx)("path",{d:"M4.00029 4.08525L4 10.5C4 11.8255 5.03154 12.91 6.33562 12.9947L6.5 13L10.9144 13.0007C10.7083 13.5829 10.1528 14 9.5 14H6C4.34315 14 3 12.6569 3 11V5.5C3 4.84678 3.41754 4.29109 4.00029 4.08525ZM11.5 2C12.3284 2 13 2.67157 13 3.5V10.5C13 11.3284 12.3284 12 11.5 12H6.5C5.67157 12 5 11.3284 5 10.5V3.5C5 2.67157 5.67157 2 6.5 2H11.5ZM11.5 3H6.5C6.22386 3 6 3.22386 6 3.5V10.5C6 10.7761 6.22386 11 6.5 11H11.5C11.7761 11 12 10.7761 12 10.5V3.5C12 3.22386 11.7761 3 11.5 3Z",fill:"currentColor"})};Copy.displayName="Copy";var Download=function Download(){return(0,jsx_runtime.jsx)("path",{d:"M13.2452 14.4998C13.4352 14.4999 13.6182 14.5721 13.757 14.7018C13.8959 14.8316 13.9803 15.0092 13.9933 15.1988C14.0063 15.3884 13.9467 15.5758 13.8268 15.7233C13.7069 15.8707 13.5355 15.9671 13.3472 15.993L13.2452 16H2.74987C2.55982 15.9999 2.37688 15.9277 2.23801 15.798C2.09914 15.6683 2.0147 15.4906 2.00175 15.301C1.98879 15.1114 2.04829 14.924 2.16823 14.7765C2.28816 14.6291 2.45958 14.5327 2.64785 14.5068L2.74987 14.4998H13.2452ZM8.00452 0.00100017C8.18561 0.00124928 8.36049 0.0670014 8.49689 0.186119C8.63329 0.305236 8.72199 0.469676 8.74661 0.649081L8.75362 0.751094V10.9454L11.72 7.975C11.8469 7.84781 12.0152 7.77039 12.1943 7.75681C12.3734 7.74323 12.5515 7.79439 12.6961 7.90099L12.7811 7.973C12.9084 8.10006 12.9858 8.26863 12.9992 8.44799C13.0126 8.62735 12.9611 8.80555 12.8541 8.95012L12.7821 9.03413L8.53859 13.2847L8.46858 13.3477L8.37657 13.4067L8.34056 13.4277L8.24955 13.4657L8.12954 13.4957L8.05953 13.5037L7.99952 13.5057C7.94876 13.5056 7.89815 13.5002 7.8485 13.4897L7.76849 13.4667C7.67343 13.4361 7.58563 13.3864 7.51046 13.3207L3.21992 9.03513C3.08537 8.90146 3.00645 8.72177 2.99905 8.53225C2.99165 8.34273 3.05633 8.15744 3.18005 8.01368C3.30378 7.86993 3.47737 7.77838 3.66588 7.75747C3.85439 7.73656 4.04382 7.78784 4.19605 7.90099L4.28006 7.974L7.25343 10.9414V0.750094C7.25343 0.551157 7.33246 0.360367 7.47313 0.219697C7.61379 0.0790275 7.80458 0 8.00352 0L8.00452 0.00100017Z",fill:"currentColor"})};Download.displayName="Download";var Exclamation=function Exclamation(){return(0,jsx_runtime.jsx)("path",{d:"M6.38422 7.80332V1.55517C6.38422 1.34172 6.42386 1.14046 6.50314 0.951401C6.58853 0.76234 6.70135 0.597675 6.84162 0.457404C6.98799 0.317134 7.15571 0.207357 7.34477 0.128073C7.53383 0.0426911 7.73509 0 7.94854 0C8.162 0 8.36326 0.0426911 8.55232 0.128073C8.74138 0.207357 8.90604 0.317134 9.04631 0.457404C9.19268 0.597675 9.30551 0.76234 9.38479 0.951401C9.47017 1.14046 9.51286 1.34172 9.51286 1.55517V7.80332C9.51286 8.01677 9.47017 8.21803 9.38479 8.40709C9.30551 8.59615 9.19268 8.76387 9.04631 8.91023C8.90604 9.0505 8.74138 9.16333 8.55232 9.24871C8.36326 9.328 8.162 9.36764 7.94854 9.36764C7.73509 9.36764 7.53383 9.328 7.34477 9.24871C7.15571 9.16333 6.98799 9.0505 6.84162 8.91023C6.70135 8.76387 6.58853 8.59615 6.50314 8.40709C6.42386 8.21803 6.38422 8.01677 6.38422 7.80332ZM6 14.0515C6 13.7831 6.05184 13.53 6.15552 13.2922C6.2592 13.0543 6.39947 12.847 6.57633 12.6701C6.75319 12.4932 6.9575 12.353 7.18925 12.2493C7.4271 12.1456 7.6802 12.0938 7.94854 12.0938C8.21689 12.0938 8.46693 12.1456 8.69869 12.2493C8.93654 12.353 9.14389 12.4932 9.32075 12.6701C9.49762 12.847 9.63789 13.0543 9.74157 13.2922C9.84525 13.53 9.89708 13.7831 9.89708 14.0515C9.89708 14.3198 9.84525 14.5729 9.74157 14.8107C9.63789 15.0425 9.49762 15.2468 9.32075 15.4237C9.14389 15.6005 8.93654 15.7408 8.69869 15.8445C8.46083 15.9482 8.21079 16 7.94854 16C7.6802 16 7.4271 15.9482 7.18925 15.8445C6.9575 15.7408 6.75319 15.6005 6.57633 15.4237C6.39947 15.2468 6.2592 15.0425 6.15552 14.8107C6.05184 14.5729 6 14.3198 6 14.0515Z",fill:"currentColor"})};Exclamation.displayName="Exclamation";var FullScreen=function FullScreen(){return(0,jsx_runtime.jsx)("path",{d:"M3.33333 4C3.33333 3.63181 3.63181 3.33333 4 3.33333H5.33333C5.70152 3.33333 6 3.03485 6 2.66667C6 2.29848 5.70152 2 5.33333 2H4C2.89543 2 2 2.89543 2 4V5.33333C2 5.70152 2.29848 6 2.66667 6C3.03485 6 3.33333 5.70152 3.33333 5.33333V4ZM3.33333 12C3.33333 12.3682 3.63181 12.6667 4 12.6667H5.33333C5.70152 12.6667 6 12.9651 6 13.3333C6 13.7015 5.70152 14 5.33333 14H4C2.89543 14 2 13.1046 2 12V10.6667C2 10.2985 2.29848 10 2.66667 10C3.03485 10 3.33333 10.2985 3.33333 10.6667V12ZM12 3.33333C12.3682 3.33333 12.6667 3.63181 12.6667 4V5.33333C12.6667 5.70152 12.9651 6 13.3333 6C13.7015 6 14 5.70152 14 5.33333V4C14 2.89543 13.1046 2 12 2H10.6667C10.2985 2 10 2.29848 10 2.66667C10 3.03485 10.2985 3.33333 10.6667 3.33333H12ZM12.6667 12C12.6667 12.3682 12.3682 12.6667 12 12.6667H10.6667C10.2985 12.6667 10 12.9651 10 13.3333C10 13.7015 10.2985 14 10.6667 14H12C13.1046 14 14 13.1046 14 12V10.6667C14 10.2985 13.7015 10 13.3333 10C12.9651 10 12.6667 10.2985 12.6667 10.6667V12Z",fill:"currentColor"})};FullScreen.displayName="FullScreen";var Link=function Link(){return(0,jsx_runtime.jsx)("path",{d:"M5.59845 4C5.80248 4.00023 5.99873 4.07835 6.1471 4.21842C6.29546 4.35849 6.38475 4.54992 6.3967 4.7536C6.40866 4.95729 6.34239 5.15785 6.21143 5.31431C6.08048 5.47078 5.89472 5.57133 5.69211 5.59543L5.59845 5.60103H3.99742C3.37229 5.60043 2.77156 5.84361 2.32288 6.27889C1.8742 6.71417 1.61293 7.30725 1.59459 7.93211C1.57624 8.55697 1.80227 9.16435 2.22464 9.62521C2.64701 10.0861 3.23244 10.3641 3.85652 10.4001L3.99742 10.4041H5.59845C5.80248 10.4044 5.99873 10.4825 6.1471 10.6226C6.29546 10.7626 6.38475 10.9541 6.3967 11.1577C6.40866 11.3614 6.34239 11.562 6.21143 11.7184C6.08048 11.8749 5.89472 11.9755 5.69211 11.9996L5.59845 12.0052H3.99742C2.95181 12.0038 1.94824 11.5934 1.20137 10.8616C0.454502 10.1298 0.0236398 9.13483 0.000944088 8.08947C-0.0217517 7.0441 0.365521 6.03136 1.07992 5.26786C1.79433 4.50436 2.77914 4.05073 3.8237 4.004L3.99742 4H5.59845ZM12.0026 4C13.0482 4.00135 14.0518 4.41181 14.7986 5.14358C15.5455 5.87536 15.9764 6.87034 15.9991 7.9157C16.0218 8.96107 15.6345 9.97381 14.9201 10.7373C14.2057 11.5008 13.2209 11.9544 12.1763 12.0012L12.0026 12.0052H10.4016C10.1975 12.0049 10.0013 11.9268 9.8529 11.7867C9.70454 11.6467 9.61525 11.4553 9.6033 11.2516C9.59134 11.0479 9.65761 10.8473 9.78857 10.6909C9.91952 10.5344 10.1053 10.4338 10.3079 10.4097L10.4016 10.4041H12.0026C12.6277 10.4047 13.2284 10.1616 13.6771 9.72628C14.1258 9.291 14.3871 8.69792 14.4054 8.07306C14.4238 7.4482 14.1977 6.84081 13.7754 6.37996C13.353 5.91911 12.7676 5.64111 12.1435 5.60504L12.0026 5.60103H10.4016C10.1975 5.60081 10.0013 5.52268 9.8529 5.38261C9.70454 5.24255 9.61525 5.05112 9.6033 4.84743C9.59134 4.64375 9.65761 4.44318 9.78857 4.28672C9.91952 4.13026 10.1053 4.0297 10.3079 4.0056L10.4016 4H12.0026ZM3.99742 7.20207H12.0026C12.2066 7.20229 12.4029 7.28042 12.5512 7.42049C12.6996 7.56055 12.7889 7.75198 12.8008 7.95567C12.8128 8.15935 12.7465 8.35992 12.6156 8.51638C12.4846 8.67284 12.2989 8.7734 12.0962 8.7975L12.0026 8.8031H3.99742C3.79338 8.80287 3.59713 8.72475 3.44877 8.58468C3.3004 8.44462 3.21112 8.25318 3.19916 8.0495C3.18721 7.84581 3.25348 7.64525 3.38443 7.48879C3.51539 7.33232 3.70115 7.23177 3.90376 7.20767L3.99742 7.20207H12.0026H3.99742Z",fill:"currentColor"})};Link.displayName="Link";var Moon=function Moon(){return(0,jsx_runtime.jsx)("path",{d:"M13.3505 11.3343C11.5093 14.5234 7.4314 15.6161 4.24227 13.7748C3.37379 13.2734 2.64267 12.5951 2.08581 11.7865C1.89963 11.5161 2.02007 11.1427 2.32913 11.0321C4.84075 10.1331 6.18595 9.09146 6.96653 7.60139C7.78833 6.03271 8.00067 4.3144 7.4258 1.95907C7.34633 1.63338 7.60353 1.32327 7.93833 1.34123C8.97633 1.39692 9.9904 1.69508 10.9099 2.22601C14.0991 4.06724 15.1917 8.14512 13.3505 11.3343Z",fill:"currentColor"})};Moon.displayName="Moon";var Open=function Open(){return(0,jsx_runtime.jsx)("path",{d:"M3.71429 1.71429C3.18385 1.71429 2.67515 1.925 2.30007 2.30007C1.925 2.67515 1.71429 3.18385 1.71429 3.71429V12.2857C1.71429 13.3897 2.61029 14.2857 3.71429 14.2857H12.2857C12.8161 14.2857 13.3249 14.075 13.6999 13.6999C14.075 13.3249 14.2857 12.8161 14.2857 12.2857V10C14.2857 9.77267 14.376 9.55465 14.5368 9.39391C14.6975 9.23316 14.9155 9.14286 15.1429 9.14286C15.3702 9.14286 15.5882 9.23316 15.749 9.39391C15.9097 9.55465 16 9.77267 16 10V12.2857C16 13.2708 15.6087 14.2155 14.9121 14.9121C14.2155 15.6087 13.2708 16 12.2857 16H3.71429C2.7292 16 1.78445 15.6087 1.08789 14.9121C0.391325 14.2155 0 13.2708 0 12.2857V3.71429C0 2.7292 0.391325 1.78445 1.08789 1.08789C1.78445 0.391325 2.7292 0 3.71429 0H6C6.22733 0 6.44535 0.0903058 6.60609 0.251051C6.76684 0.411797 6.85714 0.629814 6.85714 0.857143C6.85714 1.08447 6.76684 1.30249 6.60609 1.46323C6.44535 1.62398 6.22733 1.71429 6 1.71429H3.71429ZM8.57143 0.857143C8.57143 0.629814 8.66174 0.411797 8.82248 0.251051C8.98323 0.0903058 9.20124 0 9.42857 0H15.1429C15.3702 0 15.5882 0.0903058 15.749 0.251051C15.9097 0.411797 16 0.629814 16 0.857143V6.57143C16 6.79876 15.9097 7.01677 15.749 7.17752C15.5882 7.33827 15.3702 7.42857 15.1429 7.42857C14.9155 7.42857 14.6975 7.33827 14.5368 7.17752C14.376 7.01677 14.2857 6.79876 14.2857 6.57143V2.92571L10.0343 7.17714C9.95581 7.26136 9.86119 7.3289 9.75604 7.37575C9.6509 7.4226 9.5374 7.44779 9.42231 7.44982C9.30722 7.45185 9.1929 7.43068 9.08617 7.38757C8.97945 7.34446 8.88249 7.28029 8.8011 7.1989C8.71971 7.11751 8.65554 7.02056 8.61243 6.91383C8.56932 6.8071 8.54815 6.69278 8.55018 6.57769C8.55221 6.4626 8.5774 6.3491 8.62425 6.24396C8.6711 6.13881 8.73864 6.04419 8.82286 5.96571L13.0743 1.71429H9.42857C9.20124 1.71429 8.98323 1.62398 8.82248 1.46323C8.66174 1.30249 8.57143 1.08447 8.57143 0.857143V0.857143Z",fill:"currentColor"})};Open.displayName="Open";var SlideIn=function SlideIn(){return(0,jsx_runtime.jsx)("path",{d:"M10.246 6.19922C10.0243 5.95297 9.64493 5.933 9.39862 6.15463L7.39862 7.95421C7.27219 8.06796 7.2 8.23003 7.2 8.40008C7.2 8.57013 7.27219 8.73219 7.39862 8.84595L9.39862 10.6455C9.64493 10.8672 10.0243 10.8472 10.246 10.601C10.4677 10.3547 10.4477 9.97542 10.2014 9.7538L9.36358 8.99995H12.2C12.5314 8.99995 12.8 8.73138 12.8 8.40009C12.8 8.06879 12.5314 7.80022 12.2 7.80022H9.36357L10.2014 7.04638C10.4477 6.82475 10.4677 6.44547 10.246 6.19922ZM1.52588e-06 12.6005C1.52588e-06 13.8153 0.984975 14.8 2.2 14.8L13.8 14.8C15.015 14.8 16 13.8153 16 12.6005V4.19949C16 2.98475 15.015 2 13.8 2H2.2C0.984975 2 0 2.98475 0 4.19949L1.52588e-06 12.6005ZM2.2 13.6003C1.64772 13.6003 1.2 13.1527 1.2 12.6005L1.2 4.19949C1.2 3.64734 1.64772 3.19972 2.2 3.19972L4.80332 3.19972L4.80332 13.6003H2.2ZM6.00332 13.6003L6.00332 3.19972L13.8 3.19972C14.3523 3.19972 14.8 3.64734 14.8 4.19949L14.8 12.6005C14.8 13.1527 14.3523 13.6003 13.8 13.6003L6.00332 13.6003Z",fill:"currentColor"})};SlideIn.displayName="SlideIn";var SlideOut=function SlideOut(){return(0,jsx_runtime.jsx)("path",{d:"M9.75402 10.601C9.9757 10.8472 10.3551 10.8672 10.6014 10.6456L12.6014 8.84599C12.7278 8.73223 12.8 8.57017 12.8 8.40012C12.8 8.23006 12.7278 8.068 12.6014 7.95424L10.6014 6.15465C10.3551 5.93303 9.9757 5.95299 9.75403 6.19924C9.53235 6.44548 9.55232 6.82477 9.79862 7.0464L10.6364 7.80025L7.8 7.80025C7.46863 7.80025 7.2 8.06881 7.2 8.40011C7.2 8.7314 7.46863 8.99997 7.8 8.99997H10.6364L9.79862 9.75382C9.55232 9.97544 9.53235 10.3547 9.75402 10.601ZM0 4.2C0 2.98497 0.984974 2 2.2 2H13.8C15.015 2 16 2.98497 16 4.2V12.6C16 13.815 15.015 14.8 13.8 14.8H2.2C0.984974 14.8 0 13.815 0 12.6V4.2ZM2.2 3.2C1.64772 3.2 1.2 3.64772 1.2 4.2V12.6C1.2 13.1523 1.64772 13.6 2.2 13.6H4.80342V3.2H2.2ZM6.00342 3.2V13.6H13.8C14.3523 13.6 14.8 13.1523 14.8 12.6V4.2C14.8 3.64772 14.3523 3.2 13.8 3.2H6.00342Z",fill:"currentColor"})};SlideOut.displayName="SlideOut";var _paths,X=function X(){return(0,jsx_runtime.jsx)("path",{d:"M7.9956 9.33187L3.6 13.7363C3.41832 13.9179 3.1956 14.0088 2.93187 14.0088C2.66813 14.0088 2.44542 13.9209 2.26374 13.7451C2.08791 13.5634 2 13.3407 2 13.0769C2 12.8132 2.09084 12.5905 2.27253 12.4088L6.66813 8.0044L2.27253 3.60879C2.09084 3.42711 2 3.20733 2 2.94945C2 2.82051 2.02344 2.69744 2.07033 2.58022C2.11722 2.463 2.18168 2.36337 2.26374 2.28132C2.35165 2.19927 2.45128 2.1348 2.56264 2.08791C2.67399 2.03516 2.79707 2.00879 2.93187 2.00879C3.18974 2.00879 3.40952 2.09963 3.59121 2.28132L7.9956 6.68571L12.3912 2.28132C12.5788 2.09377 12.8015 2 13.0593 2C13.1883 2 13.3084 2.02637 13.4198 2.07912C13.537 2.12601 13.6366 2.19341 13.7187 2.28132C13.8066 2.36337 13.874 2.463 13.9209 2.58022C13.9678 2.69158 13.9912 2.81172 13.9912 2.94066C13.9912 3.19853 13.9004 3.41832 13.7187 3.6L9.31429 8.0044L13.7187 12.4088C13.9062 12.5963 14 12.819 14 13.0769C14 13.2059 13.9736 13.326 13.9209 13.4374C13.874 13.5487 13.8066 13.6484 13.7187 13.7363C13.6366 13.8183 13.537 13.8857 13.4198 13.9385C13.3084 13.9853 13.1883 14.0088 13.0593 14.0088C12.7956 14.0088 12.5729 13.9179 12.3912 13.7363L7.9956 9.33187Z",fill:"currentColor"})};X.displayName="X";var paths=((_paths={})["arrow-right"]=ArrowRight,_paths["chevron-right"]=ChevronRight,_paths["full-screen"]=FullScreen,_paths["slide-in"]=SlideIn,_paths["slide-out"]=SlideOut,_paths.check=Check,_paths.code=Code,_paths.copy=Copy,_paths.download=Download,_paths.exclamation=Exclamation,_paths.link=Link,_paths.moon=Moon,_paths.open=Open,_paths.sun=function Sun(){return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)("g",{clipPath:"url(#arbutus-sun-icon-clip0_212_184)",children:(0,jsx_runtime.jsx)("path",{d:"M8 0C8.33136 0 8.6 0.268632 8.6 0.6V1.8C8.6 2.13137 8.33136 2.4 8 2.4C7.66864 2.4 7.4 2.13137 7.4 1.8V0.6C7.4 0.268632 7.66864 0 8 0ZM12 8C12 10.2091 10.2091 12 8 12C5.79086 12 4 10.2091 4 8C4 5.79086 5.79086 4 8 4C10.2091 4 12 5.79086 12 8ZM15.4 8.6C15.7314 8.6 16 8.33136 16 8C16 7.66864 15.7314 7.4 15.4 7.4H14.2C13.8686 7.4 13.6 7.66864 13.6 8C13.6 8.33136 13.8686 8.6 14.2 8.6H15.4ZM8 13.6C8.33136 13.6 8.6 13.8686 8.6 14.2V15.4C8.6 15.7314 8.33136 16 8 16C7.66864 16 7.4 15.7314 7.4 15.4V14.2C7.4 13.8686 7.66864 13.6 8 13.6ZM1.8 8.6C2.13137 8.6 2.4 8.33136 2.4 8C2.4 7.66864 2.13137 7.4 1.8 7.4H0.6C0.268632 7.4 0 7.66864 0 8C0 8.33136 0.268632 8.6 0.6 8.6H1.8ZM1.77574 1.77603C2.01005 1.54172 2.38995 1.54172 2.62426 1.77603L3.82426 2.97603C4.05858 3.21035 4.05858 3.59025 3.82426 3.82456C3.58995 4.05888 3.21005 4.05888 2.97574 3.82456L1.77574 2.62456C1.54142 2.39025 1.54142 2.01035 1.77574 1.77603ZM2.62426 14.2246C2.38995 14.4589 2.01005 14.4589 1.77574 14.2246C1.54142 13.9902 1.54142 13.6103 1.77574 13.376L2.97574 12.176C3.21005 11.9417 3.58995 11.9417 3.82426 12.176C4.05858 12.4103 4.05858 12.7902 3.82426 13.0246L2.62426 14.2246ZM14.2242 1.77603C13.9899 1.54172 13.6101 1.54172 13.3758 1.77603L12.1758 2.97603C11.9414 3.21035 11.9414 3.59025 12.1758 3.82456C12.4101 4.05888 12.7899 4.05888 13.0242 3.82456L14.2242 2.62456C14.4586 2.39025 14.4586 2.01035 14.2242 1.77603ZM13.3758 14.2246C13.6101 14.4589 13.9899 14.4589 14.2242 14.2246C14.4586 13.9902 14.4586 13.6103 14.2242 13.376L13.0242 12.176C12.7899 11.9417 12.4101 11.9417 12.1758 12.176C11.9414 12.4103 11.9414 12.7902 12.1758 13.0246L13.3758 14.2246Z",fill:"currentColor"})}),(0,jsx_runtime.jsx)("defs",{children:(0,jsx_runtime.jsx)("clipPath",{id:"arbutus-sun-icon-clip0_212_184",children:(0,jsx_runtime.jsx)("rect",{width:"16",height:"16",fill:"white"})})})]})},_paths.x=X,_paths),Icon=function Icon(_ref){var className=_ref.className,_ref$color=_ref.color,color=void 0===_ref$color?"primary":_ref$color,label=_ref.label,iconName=_ref.iconName,_ref$size=_ref.size,size=void 0===_ref$size?"medium":_ref$size,isInline=_ref.isInline,Icon=(0,react.useMemo)((function(){return paths[iconName]}),[iconName]),a11yId=(0,react.useMemo)((function(){return(0,index_browser.x0)()}),[]),a11yProps={};label?(a11yProps.role="img",a11yProps["aria-labelledby"]=label):a11yProps["aria-hidden"]=!0;var classes=useIconStyles(),rootClasses=(0,mergeClasses_esm.z)(classes.root,classes[color],classes[size],isInline&&classes.inline,className);return(0,jsx_runtime.jsxs)("svg",Object.assign({viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg",className:rootClasses,fill:"currentColor"},a11yProps,{children:[label&&(0,jsx_runtime.jsx)("title",{id:a11yId,children:label}),(0,jsx_runtime.jsx)(Icon,{})]}))};Icon.displayName="Icon";try{Icon.displayName="Icon",Icon.__docgenInfo={description:"",displayName:"Icon",props:{iconName:{defaultValue:null,description:"Selection of icons.",name:"iconName",required:!0,type:{name:"enum",value:[{value:'"link"'},{value:'"code"'},{value:'"arrow-right"'},{value:'"chevron-right"'},{value:'"full-screen"'},{value:'"slide-in"'},{value:'"slide-out"'},{value:'"open"'},{value:'"check"'},{value:'"copy"'},{value:'"download"'},{value:'"exclamation"'},{value:'"moon"'},{value:'"sun"'},{value:'"x"'}]}},className:{defaultValue:null,description:"Consumer provided class.",name:"className",required:!1,type:{name:"string"}},color:{defaultValue:{value:"primary"},description:"Selection of color options.",name:"color",required:!1,type:{name:"enum",value:[{value:'"accent"'},{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'},{value:'"quaternary"'},{value:'"negative"'},{value:'"positive"'},{value:'"warning"'},{value:'"danger"'},{value:'"info"'},{value:'"accent-inverse"'},{value:'"primary-inverse"'},{value:'"secondary-inverse"'},{value:'"tertiary-inverse"'},{value:'"quaternary-inverse"'},{value:'"negative-inverse"'},{value:'"positive-inverse"'},{value:'"warning-inverse"'},{value:'"danger-inverse"'},{value:'"info-inverse"'}]}},size:{defaultValue:{value:"medium"},description:"Selection of size options.",name:"size",required:!1,type:{name:"enum",value:[{value:'"small"'},{value:'"medium"'},{value:'"large"'}]}},label:{defaultValue:null,description:"Description of the icon for assistive technology. No label hides the icon from assistive technology\n(applicable for purely decorative elements).",name:"label",required:!1,type:{name:"string"}},isInline:{defaultValue:null,description:"Sets the Icon to be an inline element.",name:"isInline",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/icon/src/icon/icon.tsx#Icon"]={docgenInfo:Icon.__docgenInfo,name:"Icon",path:"components/icon/src/icon/icon.tsx#Icon"})}catch(__react_docgen_typescript_loader_error){}const icon_stories={title:"Atoms/Icon",component:Icon,argTypes:{color:{options:Object.keys(colorMap),control:{type:"select"}},iconName:{options:Object.keys(paths),control:{type:"select"}},size:{options:Object.keys(sizeClasses),control:{type:"select"}}},decorators:[function(Story){return(0,jsx_runtime.jsx)(decorators.z,{children:(0,jsx_runtime.jsx)(Story,{})})}]};var useGridStyles=(0,makeStyles_esm.Z)({root:Object.assign({backgroundColor:tokens.T.colorNeutralBackground6,maxWidth:"48rem",display:"grid",gridTemplateColumns:"1fr",columnGap:"0.5rem",rowGap:"0.5rem",gridAutoRows:"1.5rem"},index_esm.q5.borderRadius("var(--arbutus--shape-border-radius)")),tile:{display:"grid",gridTemplateColumns:"1.5rem auto",columnGap:"0.5rem"},swatch:Object.assign({display:"grid",height:"100%",alignItems:"center",justifyItems:"center",backgroundColor:tokens.T.colorNeutralBackground1},index_esm.q5.borderRadius("0.25rem")),label:{alignSelf:"center"}}),Template=function Template(args){var classes=useGridStyles(),space=(0,use_space_styles.z)();return(0,jsx_runtime.jsx)("div",{className:(0,mergeClasses_esm.z)(classes.root,space.p4),children:Object.keys(paths).map((function(iconName,i){return(0,jsx_runtime.jsxs)("div",{className:classes.tile,children:[(0,jsx_runtime.jsx)("div",{className:classes.swatch,children:(0,jsx_runtime.jsx)(Icon,Object.assign({},args,{iconName}))}),(0,jsx_runtime.jsx)(text_text.x,{className:classes.label,as:"span",children:iconName})]},iconName+"-"+i)}))})};Template.displayName="Template";var Simple=Template.bind({});Simple.args={iconName:"exclamation",size:"medium",color:"primary"};var __namedExportsOrder=["Simple"]},"./components/icon/lib/icon/icon.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{J:()=>Icon});__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var _griffel_react__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@griffel/core/mergeClasses.esm.js"),nanoid__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./components/icon/node_modules/nanoid/index.browser.js"),react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/index.js"),_icon_styles__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./components/icon/lib/icon/icon.styles.js"),_icons__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./components/icon/lib/icon/icons/index.js"),Icon=function Icon(_ref){var className=_ref.className,_ref$color=_ref.color,color=void 0===_ref$color?"primary":_ref$color,label=_ref.label,iconName=_ref.iconName,_ref$size=_ref.size,size=void 0===_ref$size?"medium":_ref$size,isInline=_ref.isInline,Icon=(0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)((function(){return _icons__WEBPACK_IMPORTED_MODULE_2__.H[iconName]}),[iconName]),a11yId=(0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)((function(){return(0,nanoid__WEBPACK_IMPORTED_MODULE_3__.x0)()}),[]),a11yProps={};label?(a11yProps.role="img",a11yProps["aria-labelledby"]=label):a11yProps["aria-hidden"]=!0;var classes=(0,_icon_styles__WEBPACK_IMPORTED_MODULE_4__.Zu)(),rootClasses=(0,_griffel_react__WEBPACK_IMPORTED_MODULE_5__.z)(classes.root,classes[color],classes[size],isInline&&classes.inline,className);return react__WEBPACK_IMPORTED_MODULE_1__.createElement("svg",Object.assign({viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg",className:rootClasses,fill:"currentColor"},a11yProps),label&&react__WEBPACK_IMPORTED_MODULE_1__.createElement("title",{id:a11yId},label),react__WEBPACK_IMPORTED_MODULE_1__.createElement(Icon,null))};Icon.__docgenInfo={description:"",methods:[],displayName:"Icon",props:{color:{defaultValue:{value:"'primary'",computed:!1},required:!1},size:{defaultValue:{value:"'medium'",computed:!1},required:!1}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/icon/lib/icon/icon.js"]={name:"Icon",docgenInfo:Icon.__docgenInfo,path:"components/icon/lib/icon/icon.js"})},"./components/icon/lib/icon/icon.styles.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Zu:()=>useIconStyles,bG:()=>colorClasses});__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var _colorMap,_fluentui_react_theme__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@fluentui/tokens/lib/tokens.js"),_griffel_react__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@griffel/react/makeStyles.esm.js"),_microsoft_arbutus_style_utilities__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./styles/utilities/lib/map-to-styles.js"),colorMap=((_colorMap={accent:_fluentui_react_theme__WEBPACK_IMPORTED_MODULE_1__.T.colorBrandForeground1,primary:_fluentui_react_theme__WEBPACK_IMPORTED_MODULE_1__.T.colorNeutralForeground1,secondary:_fluentui_react_theme__WEBPACK_IMPORTED_MODULE_1__.T.colorNeutralForeground2,tertiary:_fluentui_react_theme__WEBPACK_IMPORTED_MODULE_1__.T.colorNeutralForeground3,quaternary:_fluentui_react_theme__WEBPACK_IMPORTED_MODULE_1__.T.colorNeutralForeground4,negative:_fluentui_react_theme__WEBPACK_IMPORTED_MODULE_1__.T.colorPaletteDarkOrangeForeground1,positive:_fluentui_react_theme__WEBPACK_IMPORTED_MODULE_1__.T.colorPaletteGreenForeground1,warning:_fluentui_react_theme__WEBPACK_IMPORTED_MODULE_1__.T.colorPaletteMarigoldForeground1,danger:_fluentui_react_theme__WEBPACK_IMPORTED_MODULE_1__.T.colorPaletteDarkOrangeForeground1,info:_fluentui_react_theme__WEBPACK_IMPORTED_MODULE_1__.T.colorBrandForeground2})["accent-inverse"]=_fluentui_react_theme__WEBPACK_IMPORTED_MODULE_1__.T.colorBrandBackground,_colorMap["primary-inverse"]=_fluentui_react_theme__WEBPACK_IMPORTED_MODULE_1__.T.colorNeutralBackground1,_colorMap["secondary-inverse"]=_fluentui_react_theme__WEBPACK_IMPORTED_MODULE_1__.T.colorNeutralBackground2,_colorMap["tertiary-inverse"]=_fluentui_react_theme__WEBPACK_IMPORTED_MODULE_1__.T.colorNeutralBackground3,_colorMap["quaternary-inverse"]=_fluentui_react_theme__WEBPACK_IMPORTED_MODULE_1__.T.colorNeutralBackground4,_colorMap["negative-inverse"]=_fluentui_react_theme__WEBPACK_IMPORTED_MODULE_1__.T.colorPaletteDarkOrangeBackground1,_colorMap["positive-inverse"]=_fluentui_react_theme__WEBPACK_IMPORTED_MODULE_1__.T.colorPaletteGreenBackground1,_colorMap["warning-inverse"]=_fluentui_react_theme__WEBPACK_IMPORTED_MODULE_1__.T.colorPaletteMarigoldBackground1,_colorMap["danger-inverse"]=_fluentui_react_theme__WEBPACK_IMPORTED_MODULE_1__.T.colorPaletteDarkOrangeBackground1,_colorMap["info-inverse"]=_fluentui_react_theme__WEBPACK_IMPORTED_MODULE_1__.T.colorBrandBackground2,_colorMap),colorClasses=(0,_microsoft_arbutus_style_utilities__WEBPACK_IMPORTED_MODULE_2__.f)(colorMap,(function colorStyleFunction(color){return{color}})),sizeClasses={small:{height:_fluentui_react_theme__WEBPACK_IMPORTED_MODULE_1__.T.spacingVerticalM},medium:{height:_fluentui_react_theme__WEBPACK_IMPORTED_MODULE_1__.T.spacingVerticalL},large:{height:_fluentui_react_theme__WEBPACK_IMPORTED_MODULE_1__.T.spacingVerticalXL}},useIconStyles=(0,_griffel_react__WEBPACK_IMPORTED_MODULE_3__.Z)(Object.assign({},colorClasses,sizeClasses,{root:{width:"auto"},inline:{display:"inline-block",verticalAlign:"middle"}}))},"./components/icon/lib/icon/icons/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{H:()=>paths});__webpack_require__("./node_modules/core-js/modules/es.string.link.js");var react=__webpack_require__("./node_modules/react/index.js"),ArrowRight=function ArrowRight(){return react.createElement("path",{d:"M2.5 7.50001C2.22386 7.50001 2 7.72386 2 8.00001C2 8.27615 2.22386 8.50001 2.5 8.50001L12.197 8.5L8.16552 12.1284C7.96026 12.3131 7.94362 12.6292 8.12835 12.8345C8.31308 13.0397 8.62923 13.0564 8.83448 12.8717L13.8345 8.37165C13.9398 8.27683 14 8.14175 14 8C14 7.85826 13.9398 7.72318 13.8345 7.62836L8.83448 3.12836C8.62923 2.94363 8.31308 2.96027 8.12835 3.16552C7.94362 3.37078 7.96026 3.68692 8.16552 3.87165L12.197 7.5L2.5 7.50001Z",fill:"currentColor"})};ArrowRight.__docgenInfo={description:"",methods:[],displayName:"ArrowRight"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/icon/lib/icon/icons/arrow-right.js"]={name:"ArrowRight",docgenInfo:ArrowRight.__docgenInfo,path:"components/icon/lib/icon/icons/arrow-right.js"});var Check=function Check(){return react.createElement("path",{d:"M0 9.27233C0 9.12371 0.0270213 8.98522 0.081064 8.85687C0.141862 8.72177 0.219548 8.60693 0.314123 8.51235C0.415453 8.41102 0.530293 8.33333 0.658645 8.27929C0.793751 8.21849 0.935613 8.18809 1.08423 8.18809C1.37471 8.18809 1.62803 8.29618 1.84421 8.51235L5.40089 12.069L14.1457 3.32426C14.3618 3.10809 14.6185 3 14.9158 3C15.0644 3 15.2029 3.0304 15.3312 3.0912C15.4663 3.14524 15.5812 3.22293 15.6757 3.32426C15.7771 3.42559 15.8548 3.5438 15.9088 3.67891C15.9696 3.80726 16 3.94237 16 4.08423C16 4.38147 15.8919 4.63817 15.6757 4.85434L6.16086 14.3591C6.05953 14.4604 5.94131 14.5415 5.80621 14.6023C5.67786 14.6563 5.54275 14.6833 5.40089 14.6833C5.11041 14.6833 4.85708 14.5753 4.64091 14.3591L0.314123 10.0424C0.104708 9.83302 0 9.57632 0 9.27233Z",fill:"currentColor"})};Check.__docgenInfo={description:"",methods:[],displayName:"Check"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/icon/lib/icon/icons/check.js"]={name:"Check",docgenInfo:Check.__docgenInfo,path:"components/icon/lib/icon/icons/check.js"});var ChevronRight=function ChevronRight(){return react.createElement("path",{d:"M5.73966 3.20041C5.43613 3.48226 5.41856 3.95681 5.70041 4.26034L9.22652 8L5.70041 11.7397C5.41856 12.0432 5.43613 12.5177 5.73967 12.7996C6.0432 13.0815 6.51775 13.0639 6.7996 12.7603L10.7996 8.51034C11.0668 8.22258 11.0668 7.77743 10.7996 7.48966L6.7996 3.23966C6.51775 2.93613 6.0432 2.91856 5.73966 3.20041Z",fill:"currentColor"})};ChevronRight.__docgenInfo={description:"",methods:[],displayName:"ChevronRight"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/icon/lib/icon/icons/chevron-right.js"]={name:"ChevronRight",docgenInfo:ChevronRight.__docgenInfo,path:"components/icon/lib/icon/icons/chevron-right.js"});var Code=function Code(){return react.createElement("path",{d:"M5.39035 12.4075L9.3878 3.0711C9.53267 2.73262 9.92453 2.57572 10.2631 2.72064C10.5773 2.85521 10.7351 3.2027 10.64 3.52266L10.6135 3.59589L6.61606 12.9323C6.47114 13.2707 6.07928 13.4276 5.74081 13.2827C5.42651 13.1481 5.26877 12.8007 5.36387 12.4807L5.39035 12.4075ZM1.52859 7.52872L4.19526 4.86209C4.45561 4.60174 4.87772 4.60174 5.13807 4.86209C5.37839 5.10241 5.39688 5.48057 5.19353 5.7421L5.13807 5.8049L2.94281 8.00019L5.13807 10.1954C5.39842 10.4558 5.39842 10.8779 5.13807 11.1383C4.89775 11.3785 4.51959 11.3971 4.25807 11.1937L4.19526 11.1383L1.52859 8.47159C1.28827 8.23126 1.26979 7.85306 1.47313 7.59159L1.52859 7.52872ZM10.8614 4.86126C11.1017 4.62095 11.4799 4.60248 11.7414 4.80584L11.8042 4.86131L14.4714 7.52879C14.7119 7.76919 14.7302 8.14759 14.5266 8.40906L14.4711 8.47186L11.8039 11.1356C11.5433 11.3957 11.1212 11.3955 10.8611 11.1349C10.6209 10.8945 10.6027 10.5163 10.8062 10.2549L10.8617 10.1921L13.0569 7.99986L10.8613 5.80408C10.601 5.54371 10.601 5.1216 10.8614 4.86126Z",fill:"currentColor"})};Code.__docgenInfo={description:"",methods:[],displayName:"Code"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/icon/lib/icon/icons/code.js"]={name:"Code",docgenInfo:Code.__docgenInfo,path:"components/icon/lib/icon/icons/code.js"});var Copy=function Copy(){return react.createElement("path",{d:"M4.00029 4.08525L4 10.5C4 11.8255 5.03154 12.91 6.33562 12.9947L6.5 13L10.9144 13.0007C10.7083 13.5829 10.1528 14 9.5 14H6C4.34315 14 3 12.6569 3 11V5.5C3 4.84678 3.41754 4.29109 4.00029 4.08525ZM11.5 2C12.3284 2 13 2.67157 13 3.5V10.5C13 11.3284 12.3284 12 11.5 12H6.5C5.67157 12 5 11.3284 5 10.5V3.5C5 2.67157 5.67157 2 6.5 2H11.5ZM11.5 3H6.5C6.22386 3 6 3.22386 6 3.5V10.5C6 10.7761 6.22386 11 6.5 11H11.5C11.7761 11 12 10.7761 12 10.5V3.5C12 3.22386 11.7761 3 11.5 3Z",fill:"currentColor"})};Copy.__docgenInfo={description:"",methods:[],displayName:"Copy"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/icon/lib/icon/icons/copy.js"]={name:"Copy",docgenInfo:Copy.__docgenInfo,path:"components/icon/lib/icon/icons/copy.js"});var Download=function Download(){return react.createElement("path",{d:"M13.2452 14.4998C13.4352 14.4999 13.6182 14.5721 13.757 14.7018C13.8959 14.8316 13.9803 15.0092 13.9933 15.1988C14.0063 15.3884 13.9467 15.5758 13.8268 15.7233C13.7069 15.8707 13.5355 15.9671 13.3472 15.993L13.2452 16H2.74987C2.55982 15.9999 2.37688 15.9277 2.23801 15.798C2.09914 15.6683 2.0147 15.4906 2.00175 15.301C1.98879 15.1114 2.04829 14.924 2.16823 14.7765C2.28816 14.6291 2.45958 14.5327 2.64785 14.5068L2.74987 14.4998H13.2452ZM8.00452 0.00100017C8.18561 0.00124928 8.36049 0.0670014 8.49689 0.186119C8.63329 0.305236 8.72199 0.469676 8.74661 0.649081L8.75362 0.751094V10.9454L11.72 7.975C11.8469 7.84781 12.0152 7.77039 12.1943 7.75681C12.3734 7.74323 12.5515 7.79439 12.6961 7.90099L12.7811 7.973C12.9084 8.10006 12.9858 8.26863 12.9992 8.44799C13.0126 8.62735 12.9611 8.80555 12.8541 8.95012L12.7821 9.03413L8.53859 13.2847L8.46858 13.3477L8.37657 13.4067L8.34056 13.4277L8.24955 13.4657L8.12954 13.4957L8.05953 13.5037L7.99952 13.5057C7.94876 13.5056 7.89815 13.5002 7.8485 13.4897L7.76849 13.4667C7.67343 13.4361 7.58563 13.3864 7.51046 13.3207L3.21992 9.03513C3.08537 8.90146 3.00645 8.72177 2.99905 8.53225C2.99165 8.34273 3.05633 8.15744 3.18005 8.01368C3.30378 7.86993 3.47737 7.77838 3.66588 7.75747C3.85439 7.73656 4.04382 7.78784 4.19605 7.90099L4.28006 7.974L7.25343 10.9414V0.750094C7.25343 0.551157 7.33246 0.360367 7.47313 0.219697C7.61379 0.0790275 7.80458 0 8.00352 0L8.00452 0.00100017Z",fill:"currentColor"})};Download.__docgenInfo={description:"",methods:[],displayName:"Download"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/icon/lib/icon/icons/download.js"]={name:"Download",docgenInfo:Download.__docgenInfo,path:"components/icon/lib/icon/icons/download.js"});var Exclamation=function Exclamation(){return react.createElement("path",{d:"M6.38422 7.80332V1.55517C6.38422 1.34172 6.42386 1.14046 6.50314 0.951401C6.58853 0.76234 6.70135 0.597675 6.84162 0.457404C6.98799 0.317134 7.15571 0.207357 7.34477 0.128073C7.53383 0.0426911 7.73509 0 7.94854 0C8.162 0 8.36326 0.0426911 8.55232 0.128073C8.74138 0.207357 8.90604 0.317134 9.04631 0.457404C9.19268 0.597675 9.30551 0.76234 9.38479 0.951401C9.47017 1.14046 9.51286 1.34172 9.51286 1.55517V7.80332C9.51286 8.01677 9.47017 8.21803 9.38479 8.40709C9.30551 8.59615 9.19268 8.76387 9.04631 8.91023C8.90604 9.0505 8.74138 9.16333 8.55232 9.24871C8.36326 9.328 8.162 9.36764 7.94854 9.36764C7.73509 9.36764 7.53383 9.328 7.34477 9.24871C7.15571 9.16333 6.98799 9.0505 6.84162 8.91023C6.70135 8.76387 6.58853 8.59615 6.50314 8.40709C6.42386 8.21803 6.38422 8.01677 6.38422 7.80332ZM6 14.0515C6 13.7831 6.05184 13.53 6.15552 13.2922C6.2592 13.0543 6.39947 12.847 6.57633 12.6701C6.75319 12.4932 6.9575 12.353 7.18925 12.2493C7.4271 12.1456 7.6802 12.0938 7.94854 12.0938C8.21689 12.0938 8.46693 12.1456 8.69869 12.2493C8.93654 12.353 9.14389 12.4932 9.32075 12.6701C9.49762 12.847 9.63789 13.0543 9.74157 13.2922C9.84525 13.53 9.89708 13.7831 9.89708 14.0515C9.89708 14.3198 9.84525 14.5729 9.74157 14.8107C9.63789 15.0425 9.49762 15.2468 9.32075 15.4237C9.14389 15.6005 8.93654 15.7408 8.69869 15.8445C8.46083 15.9482 8.21079 16 7.94854 16C7.6802 16 7.4271 15.9482 7.18925 15.8445C6.9575 15.7408 6.75319 15.6005 6.57633 15.4237C6.39947 15.2468 6.2592 15.0425 6.15552 14.8107C6.05184 14.5729 6 14.3198 6 14.0515Z",fill:"currentColor"})};Exclamation.__docgenInfo={description:"",methods:[],displayName:"Exclamation"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/icon/lib/icon/icons/exclamation.js"]={name:"Exclamation",docgenInfo:Exclamation.__docgenInfo,path:"components/icon/lib/icon/icons/exclamation.js"});var FullScreen=function FullScreen(){return react.createElement("path",{d:"M3.33333 4C3.33333 3.63181 3.63181 3.33333 4 3.33333H5.33333C5.70152 3.33333 6 3.03485 6 2.66667C6 2.29848 5.70152 2 5.33333 2H4C2.89543 2 2 2.89543 2 4V5.33333C2 5.70152 2.29848 6 2.66667 6C3.03485 6 3.33333 5.70152 3.33333 5.33333V4ZM3.33333 12C3.33333 12.3682 3.63181 12.6667 4 12.6667H5.33333C5.70152 12.6667 6 12.9651 6 13.3333C6 13.7015 5.70152 14 5.33333 14H4C2.89543 14 2 13.1046 2 12V10.6667C2 10.2985 2.29848 10 2.66667 10C3.03485 10 3.33333 10.2985 3.33333 10.6667V12ZM12 3.33333C12.3682 3.33333 12.6667 3.63181 12.6667 4V5.33333C12.6667 5.70152 12.9651 6 13.3333 6C13.7015 6 14 5.70152 14 5.33333V4C14 2.89543 13.1046 2 12 2H10.6667C10.2985 2 10 2.29848 10 2.66667C10 3.03485 10.2985 3.33333 10.6667 3.33333H12ZM12.6667 12C12.6667 12.3682 12.3682 12.6667 12 12.6667H10.6667C10.2985 12.6667 10 12.9651 10 13.3333C10 13.7015 10.2985 14 10.6667 14H12C13.1046 14 14 13.1046 14 12V10.6667C14 10.2985 13.7015 10 13.3333 10C12.9651 10 12.6667 10.2985 12.6667 10.6667V12Z",fill:"currentColor"})};FullScreen.__docgenInfo={description:"",methods:[],displayName:"FullScreen"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/icon/lib/icon/icons/full-screen.js"]={name:"FullScreen",docgenInfo:FullScreen.__docgenInfo,path:"components/icon/lib/icon/icons/full-screen.js"});var Link=function Link(){return react.createElement("path",{d:"M5.59845 4C5.80248 4.00023 5.99873 4.07835 6.1471 4.21842C6.29546 4.35849 6.38475 4.54992 6.3967 4.7536C6.40866 4.95729 6.34239 5.15785 6.21143 5.31431C6.08048 5.47078 5.89472 5.57133 5.69211 5.59543L5.59845 5.60103H3.99742C3.37229 5.60043 2.77156 5.84361 2.32288 6.27889C1.8742 6.71417 1.61293 7.30725 1.59459 7.93211C1.57624 8.55697 1.80227 9.16435 2.22464 9.62521C2.64701 10.0861 3.23244 10.3641 3.85652 10.4001L3.99742 10.4041H5.59845C5.80248 10.4044 5.99873 10.4825 6.1471 10.6226C6.29546 10.7626 6.38475 10.9541 6.3967 11.1577C6.40866 11.3614 6.34239 11.562 6.21143 11.7184C6.08048 11.8749 5.89472 11.9755 5.69211 11.9996L5.59845 12.0052H3.99742C2.95181 12.0038 1.94824 11.5934 1.20137 10.8616C0.454502 10.1298 0.0236398 9.13483 0.000944088 8.08947C-0.0217517 7.0441 0.365521 6.03136 1.07992 5.26786C1.79433 4.50436 2.77914 4.05073 3.8237 4.004L3.99742 4H5.59845ZM12.0026 4C13.0482 4.00135 14.0518 4.41181 14.7986 5.14358C15.5455 5.87536 15.9764 6.87034 15.9991 7.9157C16.0218 8.96107 15.6345 9.97381 14.9201 10.7373C14.2057 11.5008 13.2209 11.9544 12.1763 12.0012L12.0026 12.0052H10.4016C10.1975 12.0049 10.0013 11.9268 9.8529 11.7867C9.70454 11.6467 9.61525 11.4553 9.6033 11.2516C9.59134 11.0479 9.65761 10.8473 9.78857 10.6909C9.91952 10.5344 10.1053 10.4338 10.3079 10.4097L10.4016 10.4041H12.0026C12.6277 10.4047 13.2284 10.1616 13.6771 9.72628C14.1258 9.291 14.3871 8.69792 14.4054 8.07306C14.4238 7.4482 14.1977 6.84081 13.7754 6.37996C13.353 5.91911 12.7676 5.64111 12.1435 5.60504L12.0026 5.60103H10.4016C10.1975 5.60081 10.0013 5.52268 9.8529 5.38261C9.70454 5.24255 9.61525 5.05112 9.6033 4.84743C9.59134 4.64375 9.65761 4.44318 9.78857 4.28672C9.91952 4.13026 10.1053 4.0297 10.3079 4.0056L10.4016 4H12.0026ZM3.99742 7.20207H12.0026C12.2066 7.20229 12.4029 7.28042 12.5512 7.42049C12.6996 7.56055 12.7889 7.75198 12.8008 7.95567C12.8128 8.15935 12.7465 8.35992 12.6156 8.51638C12.4846 8.67284 12.2989 8.7734 12.0962 8.7975L12.0026 8.8031H3.99742C3.79338 8.80287 3.59713 8.72475 3.44877 8.58468C3.3004 8.44462 3.21112 8.25318 3.19916 8.0495C3.18721 7.84581 3.25348 7.64525 3.38443 7.48879C3.51539 7.33232 3.70115 7.23177 3.90376 7.20767L3.99742 7.20207H12.0026H3.99742Z",fill:"currentColor"})};Link.__docgenInfo={description:"",methods:[],displayName:"Link"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/icon/lib/icon/icons/link.js"]={name:"Link",docgenInfo:Link.__docgenInfo,path:"components/icon/lib/icon/icons/link.js"});var Moon=function Moon(){return react.createElement("path",{d:"M13.3505 11.3343C11.5093 14.5234 7.4314 15.6161 4.24227 13.7748C3.37379 13.2734 2.64267 12.5951 2.08581 11.7865C1.89963 11.5161 2.02007 11.1427 2.32913 11.0321C4.84075 10.1331 6.18595 9.09146 6.96653 7.60139C7.78833 6.03271 8.00067 4.3144 7.4258 1.95907C7.34633 1.63338 7.60353 1.32327 7.93833 1.34123C8.97633 1.39692 9.9904 1.69508 10.9099 2.22601C14.0991 4.06724 15.1917 8.14512 13.3505 11.3343Z",fill:"currentColor"})};Moon.__docgenInfo={description:"",methods:[],displayName:"Moon"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/icon/lib/icon/icons/moon.js"]={name:"Moon",docgenInfo:Moon.__docgenInfo,path:"components/icon/lib/icon/icons/moon.js"});var Open=function Open(){return react.createElement("path",{d:"M3.71429 1.71429C3.18385 1.71429 2.67515 1.925 2.30007 2.30007C1.925 2.67515 1.71429 3.18385 1.71429 3.71429V12.2857C1.71429 13.3897 2.61029 14.2857 3.71429 14.2857H12.2857C12.8161 14.2857 13.3249 14.075 13.6999 13.6999C14.075 13.3249 14.2857 12.8161 14.2857 12.2857V10C14.2857 9.77267 14.376 9.55465 14.5368 9.39391C14.6975 9.23316 14.9155 9.14286 15.1429 9.14286C15.3702 9.14286 15.5882 9.23316 15.749 9.39391C15.9097 9.55465 16 9.77267 16 10V12.2857C16 13.2708 15.6087 14.2155 14.9121 14.9121C14.2155 15.6087 13.2708 16 12.2857 16H3.71429C2.7292 16 1.78445 15.6087 1.08789 14.9121C0.391325 14.2155 0 13.2708 0 12.2857V3.71429C0 2.7292 0.391325 1.78445 1.08789 1.08789C1.78445 0.391325 2.7292 0 3.71429 0H6C6.22733 0 6.44535 0.0903058 6.60609 0.251051C6.76684 0.411797 6.85714 0.629814 6.85714 0.857143C6.85714 1.08447 6.76684 1.30249 6.60609 1.46323C6.44535 1.62398 6.22733 1.71429 6 1.71429H3.71429ZM8.57143 0.857143C8.57143 0.629814 8.66174 0.411797 8.82248 0.251051C8.98323 0.0903058 9.20124 0 9.42857 0H15.1429C15.3702 0 15.5882 0.0903058 15.749 0.251051C15.9097 0.411797 16 0.629814 16 0.857143V6.57143C16 6.79876 15.9097 7.01677 15.749 7.17752C15.5882 7.33827 15.3702 7.42857 15.1429 7.42857C14.9155 7.42857 14.6975 7.33827 14.5368 7.17752C14.376 7.01677 14.2857 6.79876 14.2857 6.57143V2.92571L10.0343 7.17714C9.95581 7.26136 9.86119 7.3289 9.75604 7.37575C9.6509 7.4226 9.5374 7.44779 9.42231 7.44982C9.30722 7.45185 9.1929 7.43068 9.08617 7.38757C8.97945 7.34446 8.88249 7.28029 8.8011 7.1989C8.71971 7.11751 8.65554 7.02056 8.61243 6.91383C8.56932 6.8071 8.54815 6.69278 8.55018 6.57769C8.55221 6.4626 8.5774 6.3491 8.62425 6.24396C8.6711 6.13881 8.73864 6.04419 8.82286 5.96571L13.0743 1.71429H9.42857C9.20124 1.71429 8.98323 1.62398 8.82248 1.46323C8.66174 1.30249 8.57143 1.08447 8.57143 0.857143V0.857143Z",fill:"currentColor"})};Open.__docgenInfo={description:"",methods:[],displayName:"Open"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/icon/lib/icon/icons/open.js"]={name:"Open",docgenInfo:Open.__docgenInfo,path:"components/icon/lib/icon/icons/open.js"});var SlideIn=function SlideIn(){return react.createElement("path",{d:"M10.246 6.19922C10.0243 5.95297 9.64493 5.933 9.39862 6.15463L7.39862 7.95421C7.27219 8.06796 7.2 8.23003 7.2 8.40008C7.2 8.57013 7.27219 8.73219 7.39862 8.84595L9.39862 10.6455C9.64493 10.8672 10.0243 10.8472 10.246 10.601C10.4677 10.3547 10.4477 9.97542 10.2014 9.7538L9.36358 8.99995H12.2C12.5314 8.99995 12.8 8.73138 12.8 8.40009C12.8 8.06879 12.5314 7.80022 12.2 7.80022H9.36357L10.2014 7.04638C10.4477 6.82475 10.4677 6.44547 10.246 6.19922ZM1.52588e-06 12.6005C1.52588e-06 13.8153 0.984975 14.8 2.2 14.8L13.8 14.8C15.015 14.8 16 13.8153 16 12.6005V4.19949C16 2.98475 15.015 2 13.8 2H2.2C0.984975 2 0 2.98475 0 4.19949L1.52588e-06 12.6005ZM2.2 13.6003C1.64772 13.6003 1.2 13.1527 1.2 12.6005L1.2 4.19949C1.2 3.64734 1.64772 3.19972 2.2 3.19972L4.80332 3.19972L4.80332 13.6003H2.2ZM6.00332 13.6003L6.00332 3.19972L13.8 3.19972C14.3523 3.19972 14.8 3.64734 14.8 4.19949L14.8 12.6005C14.8 13.1527 14.3523 13.6003 13.8 13.6003L6.00332 13.6003Z",fill:"currentColor"})};SlideIn.__docgenInfo={description:"",methods:[],displayName:"SlideIn"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/icon/lib/icon/icons/slide-in.js"]={name:"SlideIn",docgenInfo:SlideIn.__docgenInfo,path:"components/icon/lib/icon/icons/slide-in.js"});var SlideOut=function SlideOut(){return react.createElement("path",{d:"M9.75402 10.601C9.9757 10.8472 10.3551 10.8672 10.6014 10.6456L12.6014 8.84599C12.7278 8.73223 12.8 8.57017 12.8 8.40012C12.8 8.23006 12.7278 8.068 12.6014 7.95424L10.6014 6.15465C10.3551 5.93303 9.9757 5.95299 9.75403 6.19924C9.53235 6.44548 9.55232 6.82477 9.79862 7.0464L10.6364 7.80025L7.8 7.80025C7.46863 7.80025 7.2 8.06881 7.2 8.40011C7.2 8.7314 7.46863 8.99997 7.8 8.99997H10.6364L9.79862 9.75382C9.55232 9.97544 9.53235 10.3547 9.75402 10.601ZM0 4.2C0 2.98497 0.984974 2 2.2 2H13.8C15.015 2 16 2.98497 16 4.2V12.6C16 13.815 15.015 14.8 13.8 14.8H2.2C0.984974 14.8 0 13.815 0 12.6V4.2ZM2.2 3.2C1.64772 3.2 1.2 3.64772 1.2 4.2V12.6C1.2 13.1523 1.64772 13.6 2.2 13.6H4.80342V3.2H2.2ZM6.00342 3.2V13.6H13.8C14.3523 13.6 14.8 13.1523 14.8 12.6V4.2C14.8 3.64772 14.3523 3.2 13.8 3.2H6.00342Z",fill:"currentColor"})};SlideOut.__docgenInfo={description:"",methods:[],displayName:"SlideOut"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/icon/lib/icon/icons/slide-out.js"]={name:"SlideOut",docgenInfo:SlideOut.__docgenInfo,path:"components/icon/lib/icon/icons/slide-out.js"});var Sun=function Sun(){return react.createElement(react.Fragment,null,react.createElement("g",{clipPath:"url(#arbutus-sun-icon-clip0_212_184)"},react.createElement("path",{d:"M8 0C8.33136 0 8.6 0.268632 8.6 0.6V1.8C8.6 2.13137 8.33136 2.4 8 2.4C7.66864 2.4 7.4 2.13137 7.4 1.8V0.6C7.4 0.268632 7.66864 0 8 0ZM12 8C12 10.2091 10.2091 12 8 12C5.79086 12 4 10.2091 4 8C4 5.79086 5.79086 4 8 4C10.2091 4 12 5.79086 12 8ZM15.4 8.6C15.7314 8.6 16 8.33136 16 8C16 7.66864 15.7314 7.4 15.4 7.4H14.2C13.8686 7.4 13.6 7.66864 13.6 8C13.6 8.33136 13.8686 8.6 14.2 8.6H15.4ZM8 13.6C8.33136 13.6 8.6 13.8686 8.6 14.2V15.4C8.6 15.7314 8.33136 16 8 16C7.66864 16 7.4 15.7314 7.4 15.4V14.2C7.4 13.8686 7.66864 13.6 8 13.6ZM1.8 8.6C2.13137 8.6 2.4 8.33136 2.4 8C2.4 7.66864 2.13137 7.4 1.8 7.4H0.6C0.268632 7.4 0 7.66864 0 8C0 8.33136 0.268632 8.6 0.6 8.6H1.8ZM1.77574 1.77603C2.01005 1.54172 2.38995 1.54172 2.62426 1.77603L3.82426 2.97603C4.05858 3.21035 4.05858 3.59025 3.82426 3.82456C3.58995 4.05888 3.21005 4.05888 2.97574 3.82456L1.77574 2.62456C1.54142 2.39025 1.54142 2.01035 1.77574 1.77603ZM2.62426 14.2246C2.38995 14.4589 2.01005 14.4589 1.77574 14.2246C1.54142 13.9902 1.54142 13.6103 1.77574 13.376L2.97574 12.176C3.21005 11.9417 3.58995 11.9417 3.82426 12.176C4.05858 12.4103 4.05858 12.7902 3.82426 13.0246L2.62426 14.2246ZM14.2242 1.77603C13.9899 1.54172 13.6101 1.54172 13.3758 1.77603L12.1758 2.97603C11.9414 3.21035 11.9414 3.59025 12.1758 3.82456C12.4101 4.05888 12.7899 4.05888 13.0242 3.82456L14.2242 2.62456C14.4586 2.39025 14.4586 2.01035 14.2242 1.77603ZM13.3758 14.2246C13.6101 14.4589 13.9899 14.4589 14.2242 14.2246C14.4586 13.9902 14.4586 13.6103 14.2242 13.376L13.0242 12.176C12.7899 11.9417 12.4101 11.9417 12.1758 12.176C11.9414 12.4103 11.9414 12.7902 12.1758 13.0246L13.3758 14.2246Z",fill:"currentColor"})),react.createElement("defs",null,react.createElement("clipPath",{id:"arbutus-sun-icon-clip0_212_184"},react.createElement("rect",{width:"16",height:"16",fill:"white"}))))};Sun.__docgenInfo={description:"",methods:[],displayName:"Sun"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/icon/lib/icon/icons/sun.js"]={name:"Sun",docgenInfo:Sun.__docgenInfo,path:"components/icon/lib/icon/icons/sun.js"});var _paths,X=function X(){return react.createElement("path",{d:"M7.9956 9.33187L3.6 13.7363C3.41832 13.9179 3.1956 14.0088 2.93187 14.0088C2.66813 14.0088 2.44542 13.9209 2.26374 13.7451C2.08791 13.5634 2 13.3407 2 13.0769C2 12.8132 2.09084 12.5905 2.27253 12.4088L6.66813 8.0044L2.27253 3.60879C2.09084 3.42711 2 3.20733 2 2.94945C2 2.82051 2.02344 2.69744 2.07033 2.58022C2.11722 2.463 2.18168 2.36337 2.26374 2.28132C2.35165 2.19927 2.45128 2.1348 2.56264 2.08791C2.67399 2.03516 2.79707 2.00879 2.93187 2.00879C3.18974 2.00879 3.40952 2.09963 3.59121 2.28132L7.9956 6.68571L12.3912 2.28132C12.5788 2.09377 12.8015 2 13.0593 2C13.1883 2 13.3084 2.02637 13.4198 2.07912C13.537 2.12601 13.6366 2.19341 13.7187 2.28132C13.8066 2.36337 13.874 2.463 13.9209 2.58022C13.9678 2.69158 13.9912 2.81172 13.9912 2.94066C13.9912 3.19853 13.9004 3.41832 13.7187 3.6L9.31429 8.0044L13.7187 12.4088C13.9062 12.5963 14 12.819 14 13.0769C14 13.2059 13.9736 13.326 13.9209 13.4374C13.874 13.5487 13.8066 13.6484 13.7187 13.7363C13.6366 13.8183 13.537 13.8857 13.4198 13.9385C13.3084 13.9853 13.1883 14.0088 13.0593 14.0088C12.7956 14.0088 12.5729 13.9179 12.3912 13.7363L7.9956 9.33187Z",fill:"currentColor"})};X.__docgenInfo={description:"",methods:[],displayName:"X"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/icon/lib/icon/icons/x.js"]={name:"X",docgenInfo:X.__docgenInfo,path:"components/icon/lib/icon/icons/x.js"});var paths=((_paths={})["arrow-right"]=ArrowRight,_paths["chevron-right"]=ChevronRight,_paths["full-screen"]=FullScreen,_paths["slide-in"]=SlideIn,_paths["slide-out"]=SlideOut,_paths.check=Check,_paths.code=Code,_paths.copy=Copy,_paths.download=Download,_paths.exclamation=Exclamation,_paths.link=Link,_paths.moon=Moon,_paths.open=Open,_paths.sun=Sun,_paths.x=X,_paths)},"./components/illustration-tile/__dev__/illustration-tile.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Interactive:()=>Interactive,Static:()=>Static,__namedExportsOrder:()=>__namedExportsOrder,default:()=>illustration_tile_stories});__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js");var makeStyles_esm=__webpack_require__("./node_modules/@griffel/react/makeStyles.esm.js"),tile=__webpack_require__("./components/tile/lib/tile.js"),mergeClasses_esm=(__webpack_require__("./node_modules/react/index.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/@griffel/core/mergeClasses.esm.js")),text_text=__webpack_require__("./components/text/lib/text/text.js"),use_space_styles=__webpack_require__("./hooks/use-space-styles/lib/use-space-styles.js"),index_esm=__webpack_require__("./node_modules/@griffel/core/index.esm.js"),useIllustrationTileStyles=(0,makeStyles_esm.Z)({root:{textAlign:"center","& img":{display:"inline-block",maxWidth:"100%"}},isInteractive:Object.assign({cursor:"pointer"},index_esm.q5.borderStyle("none"),index_esm.q5.borderColor("transparent"))}),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),IllustrationTile=function IllustrationTile(_ref){var className=_ref.className,title=_ref.title,description=_ref.description,illustrationAlt=_ref.illustrationAlt,illustrationSrc=_ref.illustrationSrc,onClick=_ref.onClick,classes=useIllustrationTileStyles(),space=(0,use_space_styles.z)();return(0,jsx_runtime.jsxs)(tile.n,{as:onClick?"button":"div",variant:onClick?"card":"solid-color",className:(0,mergeClasses_esm.z)(classes.root,onClick&&classes.isInteractive,space.p9,className),onClick,children:[(0,jsx_runtime.jsx)("img",{src:illustrationSrc,alt:illustrationAlt}),title&&(0,jsx_runtime.jsx)(text_text.x,{block:!0,variant:"caption",align:"center",className:space.mt4,children:title}),description&&(0,jsx_runtime.jsx)(text_text.x,{block:!0,variant:"description",color:"secondary",align:"center",className:space.mt4,children:description})]})};IllustrationTile.displayName="IllustrationTile";try{IllustrationTile.displayName="IllustrationTile",IllustrationTile.__docgenInfo={description:"",displayName:"IllustrationTile",props:{className:{defaultValue:null,description:"Consumer provided class.",name:"className",required:!1,type:{name:"string"}},title:{defaultValue:null,description:"Title of the tile.",name:"title",required:!1,type:{name:"string"}},description:{defaultValue:null,description:"Description of the tile.",name:"description",required:!1,type:{name:"string"}},illustrationSrc:{defaultValue:null,description:"Custom optional icon.",name:"illustrationSrc",required:!0,type:{name:"string"}},illustrationAlt:{defaultValue:null,description:"Accessible icon description.",name:"illustrationAlt",required:!0,type:{name:"string"}},onClick:{defaultValue:null,description:"Click handler.",name:"onClick",required:!1,type:{name:"(e?: SyntheticEvent) => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/illustration-tile/src/illustration-tile/illustration-tile.tsx#IllustrationTile"]={docgenInfo:IllustrationTile.__docgenInfo,name:"IllustrationTile",path:"components/illustration-tile/src/illustration-tile/illustration-tile.tsx#IllustrationTile"})}catch(__react_docgen_typescript_loader_error){}const interactive_namespaceObject=__webpack_require__.p+"static/media/interactive.9297aa56.svg",static_namespaceObject=__webpack_require__.p+"static/media/static.79745d91.svg",illustration_tile_stories={title:"Tiles/IllustrationTile",component:IllustrationTile,argTypes:{onClick:{action:"clicked"}}};var useTileGridStyles=(0,makeStyles_esm.Z)({root:{width:"100%",display:"grid",gridTemplateColumns:"repeat(auto-fill, minmax(16rem, 1fr))",columnGap:"2.5rem",rowGap:"2.5rem","@media screen and (max-width: var(--arbutus--breakpoint-xxs))":{gridTemplateColumns:"100%"}}}),Template=function Template(args){var classes=useTileGridStyles();return(0,jsx_runtime.jsxs)("div",{className:classes.root,children:[(0,jsx_runtime.jsx)(tile.n,{variant:"solid-color",children:" "}),(0,jsx_runtime.jsx)(IllustrationTile,Object.assign({},args)),(0,jsx_runtime.jsx)(tile.n,{variant:"solid-color",children:" "})]})};Template.displayName="Template";var Interactive=Template.bind({});Interactive.args={title:"Accessibility",description:"Guidance on how you can make your products accessible with our library.",illustrationAlt:"Icon representing accessibility",illustrationSrc:interactive_namespaceObject};var Static=Template.bind({});Static.args={illustrationAlt:"Icon representing accessibility",illustrationSrc:static_namespaceObject,onClick:void 0};var __namedExportsOrder=["Interactive","Static"]},"./components/image-tile/__dev__/image-tile.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{DescriptionOnly:()=>DescriptionOnly,Simple:()=>Simple,TitleOnly:()=>TitleOnly,__namedExportsOrder:()=>__namedExportsOrder,default:()=>image_tile_stories});__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/react/index.js");var decorators=__webpack_require__("./.storybook/decorators/index.ts"),mergeClasses_esm=(__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/@griffel/core/mergeClasses.esm.js")),text_text=__webpack_require__("./components/text/lib/text/text.js"),tile=__webpack_require__("./components/tile/lib/tile.js"),use_space_styles=__webpack_require__("./hooks/use-space-styles/lib/use-space-styles.js"),tokens=__webpack_require__("./node_modules/@fluentui/tokens/lib/tokens.js"),useImageTileStyles=(0,__webpack_require__("./node_modules/@griffel/react/makeStyles.esm.js").Z)({image:{width:"100%",height:"auto",borderTopLeftRadius:tokens.T.borderRadiusLarge,borderTopRightRadius:tokens.T.borderRadiusLarge}}),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),ImageTile=function ImageTile(_ref){var className=_ref.className,description=_ref.description,_ref$imageAs=_ref.imageAs,Image=void 0===_ref$imageAs?"img":_ref$imageAs,imageProps=_ref.imageProps,onClick=_ref.onClick,title=_ref.title,classes=useImageTileStyles(),space=(0,use_space_styles.z)();return(0,jsx_runtime.jsxs)(tile.n,{variant:"card",className,onClick,children:[(0,jsx_runtime.jsx)(Image,Object.assign({},imageProps,{className:(0,mergeClasses_esm.z)(classes.image,null==imageProps?void 0:imageProps.className)})),(title||description)&&(0,jsx_runtime.jsxs)("div",{className:(0,mergeClasses_esm.z)(space.px9,space.pb7,space.pt4),children:[title&&(0,jsx_runtime.jsx)(text_text.x,{block:!0,variant:"caption",className:description?space.mb2:"",children:title}),description&&(0,jsx_runtime.jsx)(text_text.x,{block:!0,variant:"description",children:description})]})]})};ImageTile.displayName="ImageTile";try{ImageTile.displayName="ImageTile",ImageTile.__docgenInfo={description:"",displayName:"ImageTile",props:{className:{defaultValue:null,description:"Consumer provided class.",name:"className",required:!1,type:{name:"string"}},imageAs:{defaultValue:{value:"'img'"},description:"Image element.",name:"imageAs",required:!0,type:{name:"ElementType"}},imageProps:{defaultValue:null,description:"Image element props.",name:"imageProps",required:!1,type:{name:"Record"}},title:{defaultValue:null,description:"Title text.",name:"title",required:!1,type:{name:"string"}},description:{defaultValue:null,description:"Description text.",name:"description",required:!1,type:{name:"string"}},onClick:{defaultValue:null,description:"Click handler.",name:"onClick",required:!0,type:{name:"(e?: SyntheticEvent) => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/image-tile/src/image-tile/image-tile.tsx#ImageTile"]={docgenInfo:ImageTile.__docgenInfo,name:"ImageTile",path:"components/image-tile/src/image-tile/image-tile.tsx#ImageTile"})}catch(__react_docgen_typescript_loader_error){}const image_namespaceObject=__webpack_require__.p+"static/media/image.0f52fefe.svg",image_tile_stories={title:"Tiles/ImageTile",component:ImageTile,argTypes:{onClick:{action:"clicked"}},decorators:[function(Story){return(0,jsx_runtime.jsx)(decorators.z,{children:(0,jsx_runtime.jsx)("div",{style:{maxWidth:" "},children:(0,jsx_runtime.jsx)(Story,{})})})}]};var Template=function Template(args){return(0,jsx_runtime.jsx)(ImageTile,Object.assign({},args))};Template.displayName="Template";var Simple=Template.bind({});Simple.args={title:"InfoTip",description:"A simple info tip lorem ipsum dolor sit amet, consectetur.",imageProps:{src:image_namespaceObject,alt:"InfoTip graphic"}};var TitleOnly=Template.bind({});TitleOnly.args={title:"InfoTip",imageProps:{src:image_namespaceObject,alt:"InfoTip graphic"}};var DescriptionOnly=Template.bind({});DescriptionOnly.args={description:"A simple info tip lorem ipsum dolor sit amet, consectetur.",imageProps:{src:image_namespaceObject,alt:"InfoTip graphic"}};var __namedExportsOrder=["Simple","TitleOnly","DescriptionOnly"]},"./components/link/__dev__/link.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{IsUnderlined:()=>IsUnderlined,Simple:()=>Simple,WithIcon:()=>WithIcon,__namedExportsOrder:()=>__namedExportsOrder,default:()=>link_stories});__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/react/index.js");var mergeClasses_esm=__webpack_require__("./node_modules/@griffel/core/mergeClasses.esm.js"),icon=__webpack_require__("./components/icon/lib/icon/icon.js"),text_text=__webpack_require__("./components/text/lib/text/text.js"),use_space_styles=__webpack_require__("./hooks/use-space-styles/lib/use-space-styles.js"),makeStyles_esm=__webpack_require__("./node_modules/@griffel/react/makeStyles.esm.js"),index_esm=__webpack_require__("./node_modules/@griffel/core/index.esm.js"),useLinkStyles=(0,makeStyles_esm.Z)({root:Object.assign({cursor:"pointer",backgroundColor:"transparent"},index_esm.q5.borderStyle("none"),{outlineStyle:"none",display:"inline-flex",textDecorationLine:"none",alignItems:"center"}),isUnderlined:{textDecorationLine:"underline",textDecorationSkipInk:"all"}}),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),getTextProps=function getTextProps(_ref){switch(_ref.variant){case"caption":return{variant:"caption",color:"primary"};case"inverse":return{color:"background"};case"secondary":return{variant:"description",color:"secondary"};default:return{color:"action"}}},Link=function Link(_ref2){var Link=_ref2.as,children=_ref2.children,className=_ref2.className,elementProps=_ref2.elementProps,variant=_ref2.variant,withIcon=_ref2.withIcon,isUnderlined=_ref2.isUnderlined,_ref2$iconName=_ref2.iconName,iconName=void 0===_ref2$iconName?"open":_ref2$iconName,space=(0,use_space_styles.z)(),classes=useLinkStyles();return(0,jsx_runtime.jsxs)(Link,Object.assign({className:(0,mergeClasses_esm.z)(classes.root,className)},elementProps,{children:[(0,jsx_runtime.jsx)(text_text.x,Object.assign({as:"span",className:isUnderlined?classes.isUnderlined:""},getTextProps({variant}),{children})),withIcon&&(0,jsx_runtime.jsx)(icon.J,{iconName,color:"tertiary",isInline:!0,className:space.ml3})]}))};Link.displayName="Link";try{Link.displayName="Link",Link.__docgenInfo={description:"",displayName:"Link",props:{className:{defaultValue:null,description:"Consumer provided class.",name:"className",required:!1,type:{name:"string"}},as:{defaultValue:null,description:"Link element.",name:"as",required:!0,type:{name:"ElementType"}},elementProps:{defaultValue:null,description:"Link element props.",name:"elementProps",required:!1,type:{name:"Record"}},variant:{defaultValue:null,description:"Selection of link styles.",name:"variant",required:!1,type:{name:"enum",value:[{value:'"primary"'},{value:'"secondary"'},{value:'"caption"'},{value:'"inverse"'}]}},withIcon:{defaultValue:null,description:"Adds an icon that indicates that the link will open in a new tab.",name:"withIcon",required:!1,type:{name:"boolean"}},isUnderlined:{defaultValue:null,description:"Adds an underline to the link.",name:"isUnderlined",required:!1,type:{name:"boolean"}},iconName:{defaultValue:{value:"open"},description:"Additional icon variants.",name:"iconName",required:!1,type:{name:"enum",value:[{value:'"link"'},{value:'"code"'},{value:'"arrow-right"'},{value:'"chevron-right"'},{value:'"full-screen"'},{value:'"slide-in"'},{value:'"slide-out"'},{value:'"open"'},{value:'"check"'},{value:'"copy"'},{value:'"download"'},{value:'"exclamation"'},{value:'"moon"'},{value:'"sun"'},{value:'"x"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/link/src/link/link.tsx#Link"]={docgenInfo:Link.__docgenInfo,name:"Link",path:"components/link/src/link/link.tsx#Link"})}catch(__react_docgen_typescript_loader_error){}const link_stories={title:"Atoms/Link",component:Link,argTypes:{variant:{options:["primary","secondary","inverse","caption"],control:{type:"select"}},withIcon:{control:{type:"boolean"}}}};var LinkSample=function LinkSample(_ref){var children=_ref.children,className=_ref.className;return(0,jsx_runtime.jsx)("button",{className,onClick:function onClick(e){e.preventDefault(),alert("Clicked!")},children})};LinkSample.displayName="LinkSample";var Template=function Template(args){return(0,jsx_runtime.jsx)(Link,Object.assign({},args))};Template.displayName="Template";var Simple=Template.bind({});Simple.args={children:"Simple Link Example",as:LinkSample};var IsUnderlined=Template.bind({});IsUnderlined.args={children:"Queen of Style",isUnderlined:!0,as:LinkSample};var WithIcon=Template.bind({});WithIcon.args={children:"Open in new tab",withIcon:!0,as:LinkSample};var __namedExportsOrder=["Simple","IsUnderlined","WithIcon"]},"./components/link/lib/link/link.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{r:()=>Link});__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var mergeClasses_esm=__webpack_require__("./node_modules/@griffel/core/mergeClasses.esm.js"),icon=__webpack_require__("./components/icon/lib/icon/icon.js"),text_text=__webpack_require__("./components/text/lib/text/text.js"),use_space_styles=__webpack_require__("./hooks/use-space-styles/lib/use-space-styles.js"),react=__webpack_require__("./node_modules/react/index.js"),makeStyles_esm=__webpack_require__("./node_modules/@griffel/react/makeStyles.esm.js"),index_esm=__webpack_require__("./node_modules/@griffel/core/index.esm.js"),useLinkStyles=(0,makeStyles_esm.Z)({root:Object.assign({cursor:"pointer",backgroundColor:"transparent"},index_esm.q5.borderStyle("none"),{outlineStyle:"none",display:"inline-flex",textDecorationLine:"none",alignItems:"center"}),isUnderlined:{textDecorationLine:"underline",textDecorationSkipInk:"all"}}),Link=function Link(_ref2){var Link=_ref2.as,children=_ref2.children,className=_ref2.className,elementProps=_ref2.elementProps,variant=_ref2.variant,withIcon=_ref2.withIcon,isUnderlined=_ref2.isUnderlined,_ref2$iconName=_ref2.iconName,iconName=void 0===_ref2$iconName?"open":_ref2$iconName,space=(0,use_space_styles.z)(),classes=useLinkStyles();return react.createElement(Link,Object.assign({className:(0,mergeClasses_esm.z)(classes.root,className)},elementProps),react.createElement(text_text.x,Object.assign({as:"span",className:isUnderlined?classes.isUnderlined:""},function getTextProps(_ref){switch(_ref.variant){case"caption":return{variant:"caption",color:"primary"};case"inverse":return{color:"background"};case"secondary":return{variant:"description",color:"secondary"};default:return{color:"action"}}}({variant})),children),withIcon&&react.createElement(icon.J,{iconName,color:"tertiary",isInline:!0,className:space.ml3}))};Link.__docgenInfo={description:"",methods:[],displayName:"Link",props:{iconName:{defaultValue:{value:"'open'",computed:!1},required:!1}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/link/lib/link/link.js"]={name:"Link",docgenInfo:Link.__docgenInfo,path:"components/link/lib/link/link.js"})},"./components/logo/__dev__/logo.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Simple:()=>Simple,__namedExportsOrder:()=>__namedExportsOrder,default:()=>logo_stories});__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js");var react=__webpack_require__("./node_modules/react/index.js"),mergeClasses_esm=__webpack_require__("./node_modules/@griffel/core/mergeClasses.esm.js"),index_browser=__webpack_require__("./components/logo/node_modules/nanoid/index.browser.js"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),Figma=function Figma(_ref){var className=_ref.className,_ref$label=_ref.label,label=void 0===_ref$label?"Figma logo":_ref$label,a11yId=(0,react.useMemo)((function(){return"FigmaLogoSVG--"+(0,index_browser.x0)()}),[]);return(0,jsx_runtime.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 200 300",className,role:"img","aria-labelledby":a11yId,children:[(0,jsx_runtime.jsx)("title",{id:a11yId,children:label}),(0,jsx_runtime.jsx)("path",{fill:"#0acf83",d:"M50 300c27.6 0 50-22.4 50-50v-50H50c-27.6 0-50 22.4-50 50s22.4 50 50 50z"}),(0,jsx_runtime.jsx)("path",{fill:"#a259ff",d:"M0 150c0-27.6 22.4-50 50-50h50v100H50c-27.6 0-50-22.4-50-50z"}),(0,jsx_runtime.jsx)("path",{fill:"#f24e1e",d:"M0 50C0 22.4 22.4 0 50 0h50v100H50C22.4 100 0 77.6 0 50z"}),(0,jsx_runtime.jsx)("path",{fill:"#ff7262",d:"M100 0h50c27.6 0 50 22.4 50 50s-22.4 50-50 50h-50V0z"}),(0,jsx_runtime.jsx)("path",{fill:"#1abcfe",d:"M200 150c0 27.6-22.4 50-50 50s-50-22.4-50-50 22.4-50 50-50 50 22.4 50 50z"})]})};Figma.displayName="Figma";try{Figma.displayName="Figma",Figma.__docgenInfo={description:"",displayName:"Figma",props:{className:{defaultValue:null,description:"Consumer provided class.",name:"className",required:!1,type:{name:"string"}},label:{defaultValue:{value:"Figma logo"},description:"Accessible label for the logo.",name:"label",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/logo/src/logos/figma.tsx#Figma"]={docgenInfo:Figma.__docgenInfo,name:"Figma",path:"components/logo/src/logos/figma.tsx#Figma"})}catch(__react_docgen_typescript_loader_error){}var Storybook=function Storybook(_ref){var className=_ref.className,_ref$label=_ref.label,label=void 0===_ref$label?"Storybook logo":_ref$label,a11yId=(0,react.useMemo)((function(){return"FigmaLogoSVG--"+(0,index_browser.x0)()}),[]),path1Id=(0,react.useMemo)((function(){return"FigmaLogoSVG-path1-"+(0,index_browser.x0)()}),[]),mask2Id=(0,react.useMemo)((function(){return"FigmaLogoSVG-mask2-"+(0,index_browser.x0)()}),[]);return(0,jsx_runtime.jsxs)("svg",{className,role:"img","aria-labelledby":a11yId,viewBox:"0 0 256 319",preserveAspectRatio:"xMidYMid",children:[(0,jsx_runtime.jsx)("title",{id:a11yId,children:label}),(0,jsx_runtime.jsx)("defs",{children:(0,jsx_runtime.jsx)("path",{d:"M9.87245893,293.324145 L0.0114611411,30.5732167 C-0.314208957,21.8955842 6.33948896,14.5413918 15.0063196,13.9997149 L238.494389,0.0317105427 C247.316188,-0.519651867 254.914637,6.18486163 255.466,15.0066607 C255.486773,15.339032 255.497167,15.6719708 255.497167,16.0049907 L255.497167,302.318596 C255.497167,311.157608 248.331732,318.323043 239.492719,318.323043 C239.253266,318.323043 239.013844,318.317669 238.774632,318.306926 L25.1475605,308.712253 C16.8276309,308.338578 10.1847994,301.646603 9.87245893,293.324145 L9.87245893,293.324145 Z",id:path1Id})}),(0,jsx_runtime.jsxs)("g",{children:[(0,jsx_runtime.jsx)("mask",{id:mask2Id,fill:"white",children:(0,jsx_runtime.jsx)("use",{xlinkHref:"#"+path1Id})}),(0,jsx_runtime.jsx)("use",{fill:"#FF4785",fillRule:"nonzero",xlinkHref:"#"+path1Id}),(0,jsx_runtime.jsx)("path",{d:"M188.665358,39.126973 L190.191903,2.41148534 L220.883535,0 L222.205755,37.8634126 C222.251771,39.1811466 221.22084,40.2866846 219.903106,40.3327009 C219.338869,40.3524045 218.785907,40.1715096 218.342409,39.8221376 L206.506729,30.4984116 L192.493574,41.1282444 C191.443077,41.9251106 189.945493,41.7195021 189.148627,40.6690048 C188.813185,40.2267976 188.6423,39.6815326 188.665358,39.126973 Z M149.413703,119.980309 C149.413703,126.206975 191.355678,123.222696 196.986019,118.848893 C196.986019,76.4467826 174.234041,54.1651411 132.57133,54.1651411 C90.9086182,54.1651411 67.5656805,76.7934542 67.5656805,110.735941 C67.5656805,169.85244 147.345341,170.983856 147.345341,203.229219 C147.345341,212.280549 142.913138,217.654777 133.162291,217.654777 C120.456641,217.654777 115.433477,211.165914 116.024438,189.103298 C116.024438,184.317101 67.5656805,182.824962 66.0882793,189.103298 C62.3262146,242.56887 95.6363019,257.990394 133.753251,257.990394 C170.688279,257.990394 199.645341,238.303123 199.645341,202.663511 C199.645341,139.304202 118.683759,141.001326 118.683759,109.604526 C118.683759,96.8760922 128.139127,95.178968 133.753251,95.178968 C139.662855,95.178968 150.300143,96.2205679 149.413703,119.980309 Z",fill:"#FFFFFF",fillRule:"nonzero",mask:"url(#"+mask2Id+")"})]})]})};Storybook.displayName="Storybook";try{Storybook.displayName="Storybook",Storybook.__docgenInfo={description:"",displayName:"Storybook",props:{className:{defaultValue:null,description:"Consumer provided class.",name:"className",required:!1,type:{name:"string"}},label:{defaultValue:{value:"Storybook logo"},description:"Accessible label for the logo.",name:"label",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/logo/src/logos/storybook.tsx#Storybook"]={docgenInfo:Storybook.__docgenInfo,name:"Storybook",path:"components/logo/src/logos/storybook.tsx#Storybook"})}catch(__react_docgen_typescript_loader_error){}var logos={figma:Figma,storybook:Storybook},tokens=__webpack_require__("./node_modules/@fluentui/tokens/lib/tokens.js"),makeStyles_esm=__webpack_require__("./node_modules/@griffel/react/makeStyles.esm.js"),sizeClasses={small:{height:tokens.T.spacingVerticalXL},medium:{height:tokens.T.spacingVerticalXXL},large:{height:tokens.T.spacingVerticalXXXL},fill:{height:"100%"}},useLogoStyles=(0,makeStyles_esm.Z)(Object.assign({root:{width:"auto"},inline:{display:"inline-block",verticalAlign:"middle"}},sizeClasses)),Logo=function Logo(_ref){var className=_ref.className,logoName=_ref.logoName,_ref$size=_ref.size,size=void 0===_ref$size?"fill":_ref$size,isInline=_ref.isInline,label=_ref.label,classes=useLogoStyles(),LogoSVG=(0,react.useMemo)((function(){return logos[logoName]}),[logoName]),rootClasses=(0,mergeClasses_esm.z)(classes[size],isInline&&classes.inline,className);return(0,jsx_runtime.jsx)(LogoSVG,{className:rootClasses,label})};Logo.displayName="Logo";try{Logo.displayName="Logo",Logo.__docgenInfo={description:"",displayName:"Logo",props:{className:{defaultValue:null,description:"Consumer provided class.",name:"className",required:!1,type:{name:"string"}},logoName:{defaultValue:null,description:"Selection of logos.",name:"logoName",required:!0,type:{name:"enum",value:[{value:'"figma"'},{value:'"storybook"'}]}},size:{defaultValue:{value:"fill"},description:"Selection of size options.",name:"size",required:!1,type:{name:"enum",value:[{value:'"small"'},{value:'"medium"'},{value:'"large"'},{value:'"fill"'}]}},isInline:{defaultValue:null,description:"Sets the Icon to be an inline element.",name:"isInline",required:!1,type:{name:"boolean"}},label:{defaultValue:null,description:"Accessible label for the logo.",name:"label",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/logo/src/logo/logo.tsx#Logo"]={docgenInfo:Logo.__docgenInfo,name:"Logo",path:"components/logo/src/logo/logo.tsx#Logo"})}catch(__react_docgen_typescript_loader_error){}const logo_stories={title:"Atoms/Logo",component:Logo,argTypes:{logoName:{options:Object.keys(logos),control:{type:"select"}},size:{options:["small","medium","large","fill"],control:{type:"select"}}}};var Template=function Template(args){return(0,jsx_runtime.jsx)(Logo,Object.assign({},args))};Template.displayName="Template";var Simple=Template.bind({});Simple.args={logoName:"figma",size:"medium"};var __namedExportsOrder=["Simple"]},"./components/logo/lib/logo/logo.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{T:()=>Logo});var mergeClasses_esm=__webpack_require__("./node_modules/@griffel/core/mergeClasses.esm.js"),react=__webpack_require__("./node_modules/react/index.js"),index_browser=__webpack_require__("./components/logo/node_modules/nanoid/index.browser.js"),Figma=function Figma(_ref){var className=_ref.className,_ref$label=_ref.label,label=void 0===_ref$label?"Figma logo":_ref$label,a11yId=(0,react.useMemo)((function(){return"FigmaLogoSVG--"+(0,index_browser.x0)()}),[]);return react.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 200 300",className,role:"img","aria-labelledby":a11yId},react.createElement("title",{id:a11yId},label),react.createElement("path",{fill:"#0acf83",d:"M50 300c27.6 0 50-22.4 50-50v-50H50c-27.6 0-50 22.4-50 50s22.4 50 50 50z"}),react.createElement("path",{fill:"#a259ff",d:"M0 150c0-27.6 22.4-50 50-50h50v100H50c-27.6 0-50-22.4-50-50z"}),react.createElement("path",{fill:"#f24e1e",d:"M0 50C0 22.4 22.4 0 50 0h50v100H50C22.4 100 0 77.6 0 50z"}),react.createElement("path",{fill:"#ff7262",d:"M100 0h50c27.6 0 50 22.4 50 50s-22.4 50-50 50h-50V0z"}),react.createElement("path",{fill:"#1abcfe",d:"M200 150c0 27.6-22.4 50-50 50s-50-22.4-50-50 22.4-50 50-50 50 22.4 50 50z"}))};Figma.__docgenInfo={description:"",methods:[],displayName:"Figma",props:{label:{defaultValue:{value:"'Figma logo'",computed:!1},required:!1}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/logo/lib/logos/figma.js"]={name:"Figma",docgenInfo:Figma.__docgenInfo,path:"components/logo/lib/logos/figma.js"});var Storybook=function Storybook(_ref){var className=_ref.className,_ref$label=_ref.label,label=void 0===_ref$label?"Storybook logo":_ref$label,a11yId=(0,react.useMemo)((function(){return"FigmaLogoSVG--"+(0,index_browser.x0)()}),[]),path1Id=(0,react.useMemo)((function(){return"FigmaLogoSVG-path1-"+(0,index_browser.x0)()}),[]),mask2Id=(0,react.useMemo)((function(){return"FigmaLogoSVG-mask2-"+(0,index_browser.x0)()}),[]);return react.createElement("svg",{className,role:"img","aria-labelledby":a11yId,viewBox:"0 0 256 319",preserveAspectRatio:"xMidYMid"},react.createElement("title",{id:a11yId},label),react.createElement("defs",null,react.createElement("path",{d:"M9.87245893,293.324145 L0.0114611411,30.5732167 C-0.314208957,21.8955842 6.33948896,14.5413918 15.0063196,13.9997149 L238.494389,0.0317105427 C247.316188,-0.519651867 254.914637,6.18486163 255.466,15.0066607 C255.486773,15.339032 255.497167,15.6719708 255.497167,16.0049907 L255.497167,302.318596 C255.497167,311.157608 248.331732,318.323043 239.492719,318.323043 C239.253266,318.323043 239.013844,318.317669 238.774632,318.306926 L25.1475605,308.712253 C16.8276309,308.338578 10.1847994,301.646603 9.87245893,293.324145 L9.87245893,293.324145 Z",id:path1Id})),react.createElement("g",null,react.createElement("mask",{id:mask2Id,fill:"white"},react.createElement("use",{xlinkHref:"#"+path1Id})),react.createElement("use",{fill:"#FF4785",fillRule:"nonzero",xlinkHref:"#"+path1Id}),react.createElement("path",{d:"M188.665358,39.126973 L190.191903,2.41148534 L220.883535,0 L222.205755,37.8634126 C222.251771,39.1811466 221.22084,40.2866846 219.903106,40.3327009 C219.338869,40.3524045 218.785907,40.1715096 218.342409,39.8221376 L206.506729,30.4984116 L192.493574,41.1282444 C191.443077,41.9251106 189.945493,41.7195021 189.148627,40.6690048 C188.813185,40.2267976 188.6423,39.6815326 188.665358,39.126973 Z M149.413703,119.980309 C149.413703,126.206975 191.355678,123.222696 196.986019,118.848893 C196.986019,76.4467826 174.234041,54.1651411 132.57133,54.1651411 C90.9086182,54.1651411 67.5656805,76.7934542 67.5656805,110.735941 C67.5656805,169.85244 147.345341,170.983856 147.345341,203.229219 C147.345341,212.280549 142.913138,217.654777 133.162291,217.654777 C120.456641,217.654777 115.433477,211.165914 116.024438,189.103298 C116.024438,184.317101 67.5656805,182.824962 66.0882793,189.103298 C62.3262146,242.56887 95.6363019,257.990394 133.753251,257.990394 C170.688279,257.990394 199.645341,238.303123 199.645341,202.663511 C199.645341,139.304202 118.683759,141.001326 118.683759,109.604526 C118.683759,96.8760922 128.139127,95.178968 133.753251,95.178968 C139.662855,95.178968 150.300143,96.2205679 149.413703,119.980309 Z",fill:"#FFFFFF",fillRule:"nonzero",mask:"url(#"+mask2Id+")"})))};Storybook.__docgenInfo={description:"",methods:[],displayName:"Storybook",props:{label:{defaultValue:{value:"'Storybook logo'",computed:!1},required:!1}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/logo/lib/logos/storybook.js"]={name:"Storybook",docgenInfo:Storybook.__docgenInfo,path:"components/logo/lib/logos/storybook.js"});var logos={figma:Figma,storybook:Storybook},tokens=(__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/@fluentui/tokens/lib/tokens.js")),makeStyles_esm=__webpack_require__("./node_modules/@griffel/react/makeStyles.esm.js"),sizeClasses={small:{height:tokens.T.spacingVerticalXL},medium:{height:tokens.T.spacingVerticalXXL},large:{height:tokens.T.spacingVerticalXXXL},fill:{height:"100%"}},useLogoStyles=(0,makeStyles_esm.Z)(Object.assign({root:{width:"auto"},inline:{display:"inline-block",verticalAlign:"middle"}},sizeClasses)),Logo=function Logo(_ref){var className=_ref.className,logoName=_ref.logoName,_ref$size=_ref.size,size=void 0===_ref$size?"fill":_ref$size,isInline=_ref.isInline,label=_ref.label,classes=useLogoStyles(),LogoSVG=(0,react.useMemo)((function(){return logos[logoName]}),[logoName]),rootClasses=(0,mergeClasses_esm.z)(classes[size],isInline&&classes.inline,className);return react.createElement(LogoSVG,{className:rootClasses,label})};Logo.__docgenInfo={description:"",methods:[],displayName:"Logo",props:{size:{defaultValue:{value:"'fill'",computed:!1},required:!1}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/logo/lib/logo/logo.js"]={name:"Logo",docgenInfo:Logo.__docgenInfo,path:"components/logo/lib/logo/logo.js"})},"./components/main-navigation/__dev__/main-navigation.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Simple:()=>Simple,__namedExportsOrder:()=>__namedExportsOrder,default:()=>main_navigation_stories});__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js");var tokens=__webpack_require__("./node_modules/@fluentui/tokens/lib/tokens.js"),makeStyles_esm=__webpack_require__("./node_modules/@griffel/react/makeStyles.esm.js"),mergeClasses_esm=__webpack_require__("./node_modules/@griffel/core/mergeClasses.esm.js"),text_text=__webpack_require__("./components/text/lib/text/text.js"),tile=__webpack_require__("./components/tile/lib/tile.js"),use_space_styles=__webpack_require__("./hooks/use-space-styles/lib/use-space-styles.js"),react=__webpack_require__("./node_modules/react/index.js"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),MainNavigation=function MainNavigation(_ref){var className=_ref.className,children=_ref.children;return(0,jsx_runtime.jsx)("div",{className,children})};MainNavigation.displayName="MainNavigation";try{MainNavigation.displayName="MainNavigation",MainNavigation.__docgenInfo={description:"",displayName:"MainNavigation",props:{className:{defaultValue:null,description:"Consumer provided class.",name:"className",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/main-navigation/src/main-navigation/main-navigation.tsx#MainNavigation"]={docgenInfo:MainNavigation.__docgenInfo,name:"MainNavigation",path:"components/main-navigation/src/main-navigation/main-navigation.tsx#MainNavigation"})}catch(__react_docgen_typescript_loader_error){}__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.object.entries.js"),__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js");var divider=__webpack_require__("./components/divider/lib/divider/divider.js"),index_esm=__webpack_require__("./node_modules/@griffel/core/index.esm.js"),useMainNavigationLinkStyles=(0,makeStyles_esm.Z)({root:Object.assign({},index_esm.q5.padding(0,tokens.T.spacingHorizontalM,0,tokens.T.spacingHorizontalXXXL),{alignItems:"center",backgroundColor:"transparent",color:tokens.T.colorNeutralForeground1,cursor:"pointer",display:"grid",fontSize:tokens.T.fontSizeBase300,fontWeight:tokens.T.fontWeightRegular,height:tokens.T.spacingHorizontalXXXL,lineHeight:tokens.T.lineHeightBase300,marginBottom:tokens.T.spacingHorizontalS,marginTop:tokens.T.spacingHorizontalS,paddingLeft:tokens.T.spacingHorizontalXXL,textAlign:"left",textDecorationLine:"none",transitionDuration:tokens.T.durationNormal,transitionProperty:"all",transitionTimingFunction:tokens.T.curveEasyEase,width:"100%"},index_esm.q5.borderRadius("0.5rem"),index_esm.q5.borderStyle("none"),index_esm.q5.borderColor("transparent"),index_esm.q5.borderStyle("none"),index_esm.q5.borderColor("transparent"),{":hover":{backgroundColor:tokens.T.colorBrandBackground2,color:tokens.T.colorBrandForeground2,":focus":{outlineColor:tokens.T.colorBrandForeground2}}}),active:{backgroundColor:tokens.T.colorBrandBackground2,"& a":{color:tokens.T.colorBrandForeground2}}}),MainNavigationLink=function MainNavigationLink(_ref){var Link=_ref.as,children=_ref.children,elementProps=_ref.elementProps,isActive=_ref.isActive,className=_ref.className,classes=useMainNavigationLinkStyles();return(0,jsx_runtime.jsx)(Link,Object.assign({className:(0,mergeClasses_esm.z)(classes.root,isActive&&classes.active,className)},elementProps,{children}))};MainNavigationLink.displayName="MainNavigationLink";try{MainNavigationLink.displayName="MainNavigationLink",MainNavigationLink.__docgenInfo={description:"",displayName:"MainNavigationLink",props:{as:{defaultValue:null,description:"Link element.",name:"as",required:!0,type:{name:"ElementType"}},elementProps:{defaultValue:null,description:"Link element props.",name:"elementProps",required:!0,type:{name:"Record"}},isActive:{defaultValue:null,description:"Whether this link is currently active.",name:"isActive",required:!1,type:{name:"boolean"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/main-navigation/src/main-navigation-link/main-navigation-link.tsx#MainNavigationLink"]={docgenInfo:MainNavigationLink.__docgenInfo,name:"MainNavigationLink",path:"components/main-navigation/src/main-navigation-link/main-navigation-link.tsx#MainNavigationLink"})}catch(__react_docgen_typescript_loader_error){}var icon=__webpack_require__("./components/icon/lib/icon/icon.js"),AnimatePresence=__webpack_require__("./node_modules/framer-motion/dist/es/components/AnimatePresence/index.mjs"),index_browser=__webpack_require__("./components/main-navigation/node_modules/nanoid/index.browser.js"),useMainNavigationSubStyles=(0,makeStyles_esm.Z)({button:Object.assign({},index_esm.q5.padding(0,tokens.T.spacingHorizontalM,0,tokens.T.spacingHorizontalS),{marginBottom:tokens.T.spacingHorizontalS,color:tokens.T.colorNeutralForeground1,fontWeight:tokens.T.fontWeightSemibold,fontSize:tokens.T.fontSizeBase300,lineHeight:tokens.T.lineHeightBase300,textAlign:"left",display:"grid",gridTemplateColumns:tokens.T.spacingHorizontalL+" auto",columnGap:tokens.T.spacingHorizontalS,alignItems:"center",width:"100%",height:tokens.T.spacingHorizontalXXXL,transitionProperty:"all",transitionDuration:tokens.T.durationNormal,transitionTimingFunction:tokens.T.curveEasyEase,backgroundColor:"transparent",cursor:"pointer"},index_esm.q5.borderStyle("none"),index_esm.q5.borderColor("transparent"),index_esm.q5.borderRadius("0.5rem"),{":hover":{color:tokens.T.colorBrandForeground2,backgroundColor:tokens.T.colorBrandBackground2,"& svg":{color:tokens.T.colorBrandForeground2},":focus":{outlineColor:tokens.T.colorBrandForeground2}},'&[data-state="open"]':{"& svg":{transform:"rotate(90deg)"}}}),subList:{paddingLeft:tokens.T.spacingHorizontalXXL},toggle:{transitionProperty:"transform",transitionDuration:tokens.T.durationNormal,transitionTimingFunction:tokens.T.curveEasyEase},toggleExpanded:{transform:"rotate(90deg)"},toggleIdle:{transform:"rotate(0deg)"}}),motion=__webpack_require__("./node_modules/framer-motion/dist/es/render/dom/motion.mjs"),use_reduced_motion=__webpack_require__("./node_modules/framer-motion/dist/es/utils/reduced-motion/use-reduced-motion.mjs"),slideVariants=function slideVariants(_ref){var shouldReduceMotion=_ref.shouldReduceMotion;return{expanded:{height:"auto",transition:{ease:"easeOut",duration:shouldReduceMotion?0:.2}},collapsed:{height:0,transition:{delay:shouldReduceMotion?0:.075,ease:"easeOut",duration:shouldReduceMotion?0:.2}}}},SlideMotion=function SlideMotion(_ref2){var children=_ref2.children,initial=_ref2.initial,a11yLabelId=_ref2.a11yLabelId,a11yContentId=_ref2.a11yContentId,className=_ref2.className;return(0,jsx_runtime.jsx)(motion.E.section,{initial,animate:"expanded",exit:"collapsed",variants:slideVariants({shouldReduceMotion:(0,use_reduced_motion.J)()}),className,id:a11yContentId,"aria-labelledby":a11yLabelId,role:"region",children})};SlideMotion.displayName="SlideMotion";var fadeVariants=function fadeVariants(_ref3){var shouldReduceMotion=_ref3.shouldReduceMotion;return{expanded:{opacity:1,top:"0",transition:{delay:shouldReduceMotion?0:.125,ease:"easeOut",duration:shouldReduceMotion?0:.15}},collapsed:{opacity:0,top:"-4px",transition:{ease:"easeOut",duration:shouldReduceMotion?0:.15}}}},FadeMotion=function FadeMotion(_ref4){var children=_ref4.children,initial=_ref4.initial;return(0,jsx_runtime.jsx)(motion.E.div,{style:{position:"relative"},initial,animate:"expanded",exit:"collapsed",variants:fadeVariants({shouldReduceMotion:(0,use_reduced_motion.J)()}),children})};FadeMotion.displayName="FadeMotion";try{SlideMotion.displayName="SlideMotion",SlideMotion.__docgenInfo={description:"",displayName:"SlideMotion",props:{initial:{defaultValue:null,description:"",name:"initial",required:!0,type:{name:"enum",value:[{value:'"collapsed"'},{value:'"expanded"'}]}},a11yLabelId:{defaultValue:null,description:"",name:"a11yLabelId",required:!0,type:{name:"string"}},a11yContentId:{defaultValue:null,description:"",name:"a11yContentId",required:!0,type:{name:"string"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/main-navigation/src/main-navigation-sub/motion.tsx#SlideMotion"]={docgenInfo:SlideMotion.__docgenInfo,name:"SlideMotion",path:"components/main-navigation/src/main-navigation-sub/motion.tsx#SlideMotion"})}catch(__react_docgen_typescript_loader_error){}try{FadeMotion.displayName="FadeMotion",FadeMotion.__docgenInfo={description:"",displayName:"FadeMotion",props:{initial:{defaultValue:null,description:"",name:"initial",required:!0,type:{name:"enum",value:[{value:'"collapsed"'},{value:'"expanded"'}]}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/main-navigation/src/main-navigation-sub/motion.tsx#FadeMotion"]={docgenInfo:FadeMotion.__docgenInfo,name:"FadeMotion",path:"components/main-navigation/src/main-navigation-sub/motion.tsx#FadeMotion"})}catch(__react_docgen_typescript_loader_error){}function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null!=_i){var _s,_e,_x,_r,_arr=[],_n=!0,_d=!1;try{if(_x=(_i=_i.call(arr)).next,0===i){if(Object(_i)!==_i)return;_n=!1}else for(;!(_n=(_s=_x.call(_i)).done)&&(_arr.push(_s.value),_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{if(!_n&&null!=_i.return&&(_r=_i.return(),Object(_r)!==_r))return}finally{if(_d)throw _e}}return _arr}}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||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 _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function main_navigation_renderer_slicedToArray(arr,i){return function main_navigation_renderer_arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function main_navigation_renderer_iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null!=_i){var _s,_e,_x,_r,_arr=[],_n=!0,_d=!1;try{if(_x=(_i=_i.call(arr)).next,0===i){if(Object(_i)!==_i)return;_n=!1}else for(;!(_n=(_s=_x.call(_i)).done)&&(_arr.push(_s.value),_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{if(!_n&&null!=_i.return&&(_r=_i.return(),Object(_r)!==_r))return}finally{if(_d)throw _e}}return _arr}}(arr,i)||function main_navigation_renderer_unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return main_navigation_renderer_arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return main_navigation_renderer_arrayLikeToArray(o,minLen)}(arr,i)||function main_navigation_renderer_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 main_navigation_renderer_arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i"}},items:{defaultValue:null,description:"Navigation items of the sub-navigation.",name:"items",required:!0,type:{name:"Record"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/main-navigation/src/main-navigation-renderer/main-navigation-renderer.tsx#isSubMenu"]={docgenInfo:isSubMenu.__docgenInfo,name:"isSubMenu",path:"components/main-navigation/src/main-navigation-renderer/main-navigation-renderer.tsx#isSubMenu"})}catch(__react_docgen_typescript_loader_error){}try{isButton.displayName="isButton",isButton.__docgenInfo={description:"",displayName:"isButton",props:{id:{defaultValue:null,description:"Unique id of the item. Use the route path as id, if applicable. Id is used to determine the active item.",name:"id",required:!0,type:{name:"string"}},title:{defaultValue:null,description:"Human-readable title of the navigation button.\nHuman-readable title of the sub-navigation button.",name:"title",required:!0,type:{name:"string"}},hasDivider:{defaultValue:{value:"false\nfalse"},description:"Adds an optional divider **after** the navigation button.\nAdds an optional divider **after** the sub-navigation button.",name:"hasDivider",required:!1,type:{name:"boolean"}},linkProps:{defaultValue:null,description:"Rest of the props are passed to the link element.",name:"linkProps",required:!1,type:{name:"{ [key: string]: unknown; }"}},linkAs:{defaultValue:null,description:"Overrides the link element passed to `MainNavigationRenderer`.",name:"linkAs",required:!1,type:{name:"ElementType"}},items:{defaultValue:null,description:"Navigation items of the sub-navigation.",name:"items",required:!0,type:{name:"Record"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/main-navigation/src/main-navigation-renderer/main-navigation-renderer.tsx#isButton"]={docgenInfo:isButton.__docgenInfo,name:"isButton",path:"components/main-navigation/src/main-navigation-renderer/main-navigation-renderer.tsx#isButton"})}catch(__react_docgen_typescript_loader_error){}try{MainNavigationItems.displayName="MainNavigationItems",MainNavigationItems.__docgenInfo={description:"",displayName:"MainNavigationItems",props:{item:{defaultValue:null,description:"",name:"item",required:!0,type:{name:"NavigationLink | SubNavigation"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/main-navigation/src/main-navigation-renderer/main-navigation-renderer.tsx#MainNavigationItems"]={docgenInfo:MainNavigationItems.__docgenInfo,name:"MainNavigationItems",path:"components/main-navigation/src/main-navigation-renderer/main-navigation-renderer.tsx#MainNavigationItems"})}catch(__react_docgen_typescript_loader_error){}try{MainNavigationRenderer.displayName="MainNavigationRenderer",MainNavigationRenderer.__docgenInfo={description:"",displayName:"MainNavigationRenderer",props:{items:{defaultValue:null,description:"Navigation items of the sub-navigation.",name:"items",required:!0,type:{name:"NavigationItems | []"}},activeItemId:{defaultValue:null,description:"Id of the active navigation item. It is used to visually highlight an active page. `activeItemId` should match the\n`id` of the `NavigationLink` item in your `NavigationItems` object (passed through `items`).\n\nIf none is provided, no item will be highlighted.",name:"activeItemId",required:!1,type:{name:"string"}},linkAs:{defaultValue:null,description:"Link element.",name:"linkAs",required:!0,type:{name:"ElementType"}},onNavigationItemClick:{defaultValue:null,description:"Optional callback that is called when a navigation item is clicked.\n@param id - Id of the `NavigationButton` item in your `NavigationItems` object (passed through `items`).",name:"onNavigationItemClick",required:!1,type:{name:"(item: NavigationLinkClickValue) => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/main-navigation/src/main-navigation-renderer/main-navigation-renderer.tsx#MainNavigationRenderer"]={docgenInfo:MainNavigationRenderer.__docgenInfo,name:"MainNavigationRenderer",path:"components/main-navigation/src/main-navigation-renderer/main-navigation-renderer.tsx#MainNavigationRenderer"})}catch(__react_docgen_typescript_loader_error){}function main_navigation_stories_slicedToArray(arr,i){return function main_navigation_stories_arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function main_navigation_stories_iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null!=_i){var _s,_e,_x,_r,_arr=[],_n=!0,_d=!1;try{if(_x=(_i=_i.call(arr)).next,0===i){if(Object(_i)!==_i)return;_n=!1}else for(;!(_n=(_s=_x.call(_i)).done)&&(_arr.push(_s.value),_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{if(!_n&&null!=_i.return&&(_r=_i.return(),Object(_r)!==_r))return}finally{if(_d)throw _e}}return _arr}}(arr,i)||function main_navigation_stories_unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return main_navigation_stories_arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return main_navigation_stories_arrayLikeToArray(o,minLen)}(arr,i)||function main_navigation_stories_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 main_navigation_stories_arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i{"use strict";__webpack_require__.d(__webpack_exports__,{G:()=>MainNavigationLink});__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var mergeClasses_esm=__webpack_require__("./node_modules/@griffel/core/mergeClasses.esm.js"),react=__webpack_require__("./node_modules/react/index.js"),tokens=__webpack_require__("./node_modules/@fluentui/tokens/lib/tokens.js"),makeStyles_esm=__webpack_require__("./node_modules/@griffel/react/makeStyles.esm.js"),index_esm=__webpack_require__("./node_modules/@griffel/core/index.esm.js"),useMainNavigationLinkStyles=(0,makeStyles_esm.Z)({root:Object.assign({},index_esm.q5.padding(0,tokens.T.spacingHorizontalM,0,tokens.T.spacingHorizontalXXXL),{alignItems:"center",backgroundColor:"transparent",color:tokens.T.colorNeutralForeground1,cursor:"pointer",display:"grid",fontSize:tokens.T.fontSizeBase300,fontWeight:tokens.T.fontWeightRegular,height:tokens.T.spacingHorizontalXXXL,lineHeight:tokens.T.lineHeightBase300,marginBottom:tokens.T.spacingHorizontalS,marginTop:tokens.T.spacingHorizontalS,paddingLeft:tokens.T.spacingHorizontalXXL,textAlign:"left",textDecorationLine:"none",transitionDuration:tokens.T.durationNormal,transitionProperty:"all",transitionTimingFunction:tokens.T.curveEasyEase,width:"100%"},index_esm.q5.borderRadius("0.5rem"),index_esm.q5.borderStyle("none"),index_esm.q5.borderColor("transparent"),index_esm.q5.borderStyle("none"),index_esm.q5.borderColor("transparent"),{":hover":{backgroundColor:tokens.T.colorBrandBackground2,color:tokens.T.colorBrandForeground2,":focus":{outlineColor:tokens.T.colorBrandForeground2}}}),active:{backgroundColor:tokens.T.colorBrandBackground2,"& a":{color:tokens.T.colorBrandForeground2}}}),MainNavigationLink=function MainNavigationLink(_ref){var Link=_ref.as,children=_ref.children,elementProps=_ref.elementProps,isActive=_ref.isActive,className=_ref.className,classes=useMainNavigationLinkStyles();return react.createElement(Link,Object.assign({className:(0,mergeClasses_esm.z)(classes.root,isActive&&classes.active,className)},elementProps),children)};MainNavigationLink.__docgenInfo={description:"",methods:[],displayName:"MainNavigationLink"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/main-navigation/lib/main-navigation-link/main-navigation-link.js"]={name:"MainNavigationLink",docgenInfo:MainNavigationLink.__docgenInfo,path:"components/main-navigation/lib/main-navigation-link/main-navigation-link.js"})},"./components/main-navigation/lib/main-navigation-sub/main-navigation-sub.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{S:()=>MainNavigationSub});__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js");var mergeClasses_esm=__webpack_require__("./node_modules/@griffel/core/mergeClasses.esm.js"),icon=__webpack_require__("./components/icon/lib/icon/icon.js"),AnimatePresence=__webpack_require__("./node_modules/framer-motion/dist/es/components/AnimatePresence/index.mjs"),index_browser=__webpack_require__("./components/main-navigation/node_modules/nanoid/index.browser.js"),react=__webpack_require__("./node_modules/react/index.js"),tokens=(__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/@fluentui/tokens/lib/tokens.js")),makeStyles_esm=__webpack_require__("./node_modules/@griffel/react/makeStyles.esm.js"),index_esm=__webpack_require__("./node_modules/@griffel/core/index.esm.js"),useMainNavigationSubStyles=(0,makeStyles_esm.Z)({button:Object.assign({},index_esm.q5.padding(0,tokens.T.spacingHorizontalM,0,tokens.T.spacingHorizontalS),{marginBottom:tokens.T.spacingHorizontalS,color:tokens.T.colorNeutralForeground1,fontWeight:tokens.T.fontWeightSemibold,fontSize:tokens.T.fontSizeBase300,lineHeight:tokens.T.lineHeightBase300,textAlign:"left",display:"grid",gridTemplateColumns:tokens.T.spacingHorizontalL+" auto",columnGap:tokens.T.spacingHorizontalS,alignItems:"center",width:"100%",height:tokens.T.spacingHorizontalXXXL,transitionProperty:"all",transitionDuration:tokens.T.durationNormal,transitionTimingFunction:tokens.T.curveEasyEase,backgroundColor:"transparent",cursor:"pointer"},index_esm.q5.borderStyle("none"),index_esm.q5.borderColor("transparent"),index_esm.q5.borderRadius("0.5rem"),{":hover":{color:tokens.T.colorBrandForeground2,backgroundColor:tokens.T.colorBrandBackground2,"& svg":{color:tokens.T.colorBrandForeground2},":focus":{outlineColor:tokens.T.colorBrandForeground2}},'&[data-state="open"]':{"& svg":{transform:"rotate(90deg)"}}}),subList:{paddingLeft:tokens.T.spacingHorizontalXXL},toggle:{transitionProperty:"transform",transitionDuration:tokens.T.durationNormal,transitionTimingFunction:tokens.T.curveEasyEase},toggleExpanded:{transform:"rotate(90deg)"},toggleIdle:{transform:"rotate(0deg)"}}),motion=__webpack_require__("./node_modules/framer-motion/dist/es/render/dom/motion.mjs"),use_reduced_motion=__webpack_require__("./node_modules/framer-motion/dist/es/utils/reduced-motion/use-reduced-motion.mjs"),slideVariants=function slideVariants(_ref){var shouldReduceMotion=_ref.shouldReduceMotion;return{expanded:{height:"auto",transition:{ease:"easeOut",duration:shouldReduceMotion?0:.2}},collapsed:{height:0,transition:{delay:shouldReduceMotion?0:.075,ease:"easeOut",duration:shouldReduceMotion?0:.2}}}},SlideMotion=function SlideMotion(_ref2){var children=_ref2.children,initial=_ref2.initial,a11yLabelId=_ref2.a11yLabelId,a11yContentId=_ref2.a11yContentId,className=_ref2.className;return react.createElement(motion.E.section,{initial,animate:"expanded",exit:"collapsed",variants:slideVariants({shouldReduceMotion:(0,use_reduced_motion.J)()}),className,id:a11yContentId,"aria-labelledby":a11yLabelId,role:"region"},children)},fadeVariants=function fadeVariants(_ref3){var shouldReduceMotion=_ref3.shouldReduceMotion;return{expanded:{opacity:1,top:"0",transition:{delay:shouldReduceMotion?0:.125,ease:"easeOut",duration:shouldReduceMotion?0:.15}},collapsed:{opacity:0,top:"-4px",transition:{ease:"easeOut",duration:shouldReduceMotion?0:.15}}}},FadeMotion=function FadeMotion(_ref4){var children=_ref4.children,initial=_ref4.initial;return react.createElement(motion.E.div,{style:{position:"relative"},initial,animate:"expanded",exit:"collapsed",variants:fadeVariants({shouldReduceMotion:(0,use_reduced_motion.J)()})},children)};function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null!=_i){var _s,_e,_x,_r,_arr=[],_n=!0,_d=!1;try{if(_x=(_i=_i.call(arr)).next,0===i){if(Object(_i)!==_i)return;_n=!1}else for(;!(_n=(_s=_x.call(_i)).done)&&(_arr.push(_s.value),_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{if(!_n&&null!=_i.return&&(_r=_i.return(),Object(_r)!==_r))return}finally{if(_d)throw _e}}return _arr}}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||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 _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i{"use strict";__webpack_require__.d(__webpack_exports__,{o:()=>MainNavigation});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),MainNavigation=function MainNavigation(_ref){var className=_ref.className,children=_ref.children;return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className},children)};MainNavigation.__docgenInfo={description:"",methods:[],displayName:"MainNavigation"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/main-navigation/lib/main-navigation/main-navigation.js"]={name:"MainNavigation",docgenInfo:MainNavigation.__docgenInfo,path:"components/main-navigation/lib/main-navigation/main-navigation.js"})},"./components/mark-list/__dev__/mark-list.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Simple:()=>Simple,WithIcon:()=>WithIcon,__namedExportsOrder:()=>__namedExportsOrder,default:()=>mark_list_stories});__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js");var makeStyles_esm=__webpack_require__("./node_modules/@griffel/react/makeStyles.esm.js"),icons=__webpack_require__("./components/icon/lib/icon/icons/index.js"),icon_styles=__webpack_require__("./components/icon/lib/icon/icon.styles.js"),text_text=__webpack_require__("./components/text/lib/text/text.js"),react=__webpack_require__("./node_modules/react/index.js"),decorators=__webpack_require__("./.storybook/decorators/index.ts"),mergeClasses_esm=__webpack_require__("./node_modules/@griffel/core/mergeClasses.esm.js"),MarkListContext=(0,react.createContext)({}),tokens=__webpack_require__("./node_modules/@fluentui/tokens/lib/tokens.js"),useMarkListStyles=(0,makeStyles_esm.Z)({root:{listStyleType:"none",display:"grid",gridTemplateColumns:"1fr",rowGap:tokens.T.spacingHorizontalM}}),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),MarkList=function MarkList(_ref){var className=_ref.className,children=_ref.children,iconColor=_ref.iconColor,iconName=_ref.iconName,classes=useMarkListStyles();return(0,jsx_runtime.jsx)(MarkListContext.Provider,{value:{iconColor,iconName},children:(0,jsx_runtime.jsx)("ul",{className:(0,mergeClasses_esm.z)(classes.root,className),children})})};MarkList.displayName="MarkList";try{MarkList.displayName="MarkList",MarkList.__docgenInfo={description:"",displayName:"MarkList",props:{className:{defaultValue:null,description:"Consumer provided class.",name:"className",required:!1,type:{name:"string"}},iconName:{defaultValue:null,description:"Selection of icons.",name:"iconName",required:!1,type:{name:"enum",value:[{value:'"link"'},{value:'"code"'},{value:'"arrow-right"'},{value:'"chevron-right"'},{value:'"full-screen"'},{value:'"slide-in"'},{value:'"slide-out"'},{value:'"open"'},{value:'"check"'},{value:'"copy"'},{value:'"download"'},{value:'"exclamation"'},{value:'"moon"'},{value:'"sun"'},{value:'"x"'}]}},iconColor:{defaultValue:null,description:"Selection of icon color options.",name:"iconColor",required:!1,type:{name:"enum",value:[{value:'"accent"'},{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'},{value:'"quaternary"'},{value:'"negative"'},{value:'"positive"'},{value:'"warning"'},{value:'"danger"'},{value:'"info"'},{value:'"accent-inverse"'},{value:'"primary-inverse"'},{value:'"secondary-inverse"'},{value:'"tertiary-inverse"'},{value:'"quaternary-inverse"'},{value:'"negative-inverse"'},{value:'"positive-inverse"'},{value:'"warning-inverse"'},{value:'"danger-inverse"'},{value:'"info-inverse"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/mark-list/src/mark-list/mark-list.tsx#MarkList"]={docgenInfo:MarkList.__docgenInfo,name:"MarkList",path:"components/mark-list/src/mark-list/mark-list.tsx#MarkList"})}catch(__react_docgen_typescript_loader_error){}var icon=__webpack_require__("./components/icon/lib/icon/icon.js"),use_space_styles=__webpack_require__("./hooks/use-space-styles/lib/use-space-styles.js"),useMarkListItemStyles=(0,makeStyles_esm.Z)({root:{display:"grid",gridTemplateColumns:tokens.T.spacingHorizontalL+" auto",columnGap:tokens.T.spacingHorizontalM},mark:{color:tokens.T.colorNeutralForeground4}}),MarkListItem=function MarkListItem(_ref){var className=_ref.className,children=_ref.children,_useContext=(0,react.useContext)(MarkListContext),iconColor=_useContext.iconColor,iconName=_useContext.iconName,classes=useMarkListItemStyles(),space=(0,use_space_styles.z)();return(0,jsx_runtime.jsxs)("li",{className:(0,mergeClasses_esm.z)(classes.root,className),children:[iconName?(0,jsx_runtime.jsx)(icon.J,{iconName,color:iconColor,className:space.mt2}):(0,jsx_runtime.jsx)("span",{className:classes.mark,children:"— "}),(0,jsx_runtime.jsx)("div",{children})]})};MarkListItem.displayName="MarkListItem";try{MarkListItem.displayName="MarkListItem",MarkListItem.__docgenInfo={description:"",displayName:"MarkListItem",props:{className:{defaultValue:null,description:"Consumer provided class.",name:"className",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/mark-list/src/mark-list-item/mark-list-item.tsx#MarkListItem"]={docgenInfo:MarkListItem.__docgenInfo,name:"MarkListItem",path:"components/mark-list/src/mark-list-item/mark-list-item.tsx#MarkListItem"})}catch(__react_docgen_typescript_loader_error){}const mark_list_stories={title:"Lists/MarkList",component:MarkList,argTypes:{iconName:{options:Object.keys(icons.H),control:{type:"select"}},iconColor:{options:Object.keys(icon_styles.bG),control:{type:"select"}}},decorators:[decorators.z]};var useTileGridStyles=(0,makeStyles_esm.Z)({root:{width:"100%",display:"grid",gridTemplateColumns:"repeat(2, 1fr)",columnGap:"2.5rem",rowGap:"2.5rem","@media screen and (max-width: var(--arbutus--breakpoint-xxs))":{gridTemplateColumns:"100%"}}}),Template=function Template(args){return(0,jsx_runtime.jsxs)(MarkList,Object.assign({},args,{children:[(0,jsx_runtime.jsxs)(MarkListItem,{children:[(0,jsx_runtime.jsxs)(text_text.x,{as:"span",variant:"caption",children:["Natural on every platform."," "]}),(0,jsx_runtime.jsx)(text_text.x,{as:"span",color:"secondary",children:"You want to know what to do. Your experiences should adapt to the device you’re on and should build off the familiar — designing for what you already understand. You want to know what to do. Your experiences should adapt to the device you’re on and should build off the familiar — designing for what you already understand."})]}),(0,jsx_runtime.jsxs)(MarkListItem,{children:[(0,jsx_runtime.jsxs)(text_text.x,{as:"span",variant:"caption",children:["One for all, all for one. You want to be included."," "]}),(0,jsx_runtime.jsx)(text_text.x,{as:"span",color:"secondary",children:"Your experiences should consider, learn, and reflect a range of perspectives and abilities for the benefit of all."})]}),(0,jsx_runtime.jsxs)(MarkListItem,{children:[(0,jsx_runtime.jsxs)(text_text.x,{as:"span",variant:"caption",children:["Built for focus. You want to stay in the flow."," "]}),(0,jsx_runtime.jsx)(text_text.x,{as:"span",color:"secondary",children:"Your experiences should inspire action, drawing you forward, simply and seamlessly."})]}),(0,jsx_runtime.jsxs)(MarkListItem,{children:[(0,jsx_runtime.jsxs)(text_text.x,{as:"span",variant:"caption",children:["Unmistakably Microsoft."," "]}),(0,jsx_runtime.jsx)(text_text.x,{as:"span",color:"secondary",children:"You want to recognize what you’re looking for. Your experiences should feel like one Microsoft. One moment, one product, one experience at a time."})]})]}))};Template.displayName="Template";var TemplateWithIcon=function TemplateWithIcon(args){var classes=useTileGridStyles();return(0,jsx_runtime.jsxs)("div",{className:classes.root,children:[(0,jsx_runtime.jsx)(MarkList,Object.assign({},args,{children:Array.from({length:3}).map((function(_,i){return(0,jsx_runtime.jsx)(MarkListItem,{children:(0,jsx_runtime.jsx)(text_text.x,{variant:"description",color:"secondary",children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam pulvinar commodo purus."})},i)}))})),(0,jsx_runtime.jsx)(MarkList,{iconColor:"negative",iconName:"x",children:Array.from({length:3}).map((function(_,i){return(0,jsx_runtime.jsx)(MarkListItem,{children:(0,jsx_runtime.jsx)(text_text.x,{variant:"description",color:"secondary",children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam pulvinar commodo purus."})},i)}))})]})};TemplateWithIcon.displayName="TemplateWithIcon";var Simple=Template.bind({});Simple.args={iconName:void 0,iconColor:void 0};var WithIcon=TemplateWithIcon.bind({});WithIcon.args={iconName:"check",iconColor:"positive"};var __namedExportsOrder=["Simple","WithIcon"]},"./components/mark-list/lib/context.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{z:()=>MarkListContext});var MarkListContext=(0,__webpack_require__("./node_modules/react/index.js").createContext)({})},"./components/mark-list/lib/mark-list-item/mark-list-item.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{O:()=>MarkListItem});var mergeClasses_esm=__webpack_require__("./node_modules/@griffel/core/mergeClasses.esm.js"),icon=__webpack_require__("./components/icon/lib/icon/icon.js"),use_space_styles=__webpack_require__("./hooks/use-space-styles/lib/use-space-styles.js"),react=__webpack_require__("./node_modules/react/index.js"),context=__webpack_require__("./components/mark-list/lib/context.js"),tokens=__webpack_require__("./node_modules/@fluentui/tokens/lib/tokens.js"),useMarkListItemStyles=(0,__webpack_require__("./node_modules/@griffel/react/makeStyles.esm.js").Z)({root:{display:"grid",gridTemplateColumns:tokens.T.spacingHorizontalL+" auto",columnGap:tokens.T.spacingHorizontalM},mark:{color:tokens.T.colorNeutralForeground4}}),MarkListItem=function MarkListItem(_ref){var className=_ref.className,children=_ref.children,_useContext=(0,react.useContext)(context.z),iconColor=_useContext.iconColor,iconName=_useContext.iconName,classes=useMarkListItemStyles(),space=(0,use_space_styles.z)();return react.createElement("li",{className:(0,mergeClasses_esm.z)(classes.root,className)},iconName?react.createElement(icon.J,{iconName,color:iconColor,className:space.mt2}):react.createElement("span",{className:classes.mark},"— "),react.createElement("div",null,children))};MarkListItem.__docgenInfo={description:"",methods:[],displayName:"MarkListItem"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/mark-list/lib/mark-list-item/mark-list-item.js"]={name:"MarkListItem",docgenInfo:MarkListItem.__docgenInfo,path:"components/mark-list/lib/mark-list-item/mark-list-item.js"})},"./components/mark-list/lib/mark-list/mark-list.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{N:()=>MarkList});var mergeClasses_esm=__webpack_require__("./node_modules/@griffel/core/mergeClasses.esm.js"),react=__webpack_require__("./node_modules/react/index.js"),context=__webpack_require__("./components/mark-list/lib/context.js"),tokens=__webpack_require__("./node_modules/@fluentui/tokens/lib/tokens.js"),useMarkListStyles=(0,__webpack_require__("./node_modules/@griffel/react/makeStyles.esm.js").Z)({root:{listStyleType:"none",display:"grid",gridTemplateColumns:"1fr",rowGap:tokens.T.spacingHorizontalM}}),MarkList=function MarkList(_ref){var className=_ref.className,children=_ref.children,iconColor=_ref.iconColor,iconName=_ref.iconName,classes=useMarkListStyles();return react.createElement(context.z.Provider,{value:{iconColor,iconName}},react.createElement("ul",{className:(0,mergeClasses_esm.z)(classes.root,className)},children))};MarkList.__docgenInfo={description:"",methods:[],displayName:"MarkList"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/mark-list/lib/mark-list/mark-list.js"]={name:"MarkList",docgenInfo:MarkList.__docgenInfo,path:"components/mark-list/lib/mark-list/mark-list.js"})},"./components/ordered-list/__dev__/ordered-list.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Simple:()=>Simple,__namedExportsOrder:()=>__namedExportsOrder,default:()=>ordered_list_stories});__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js");var text_text=__webpack_require__("./components/text/lib/text/text.js"),react=__webpack_require__("./node_modules/react/index.js"),mergeClasses_esm=__webpack_require__("./node_modules/@griffel/core/mergeClasses.esm.js"),injectIndex=(__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),function injectIndex(_ref){var children=_ref.children,start=_ref.start,__index=start?start-1:0,__total=react.Children.count(children);return react.Children.map(children,(function(child){return(0,react.isValidElement)(child)?(__index+=1,(0,react.cloneElement)(child,{__index,__total})):child}))}),tokens=__webpack_require__("./node_modules/@fluentui/tokens/lib/tokens.js"),makeStyles_esm=__webpack_require__("./node_modules/@griffel/react/makeStyles.esm.js"),index_esm=__webpack_require__("./node_modules/@griffel/core/index.esm.js"),useOrderedListStyles=(0,makeStyles_esm.Z)({root:Object.assign({display:"grid",rowGap:tokens.T.spacingVerticalM},index_esm.q5.padding(0))}),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),OrderedList=function OrderedList(_ref){var className=_ref.className,children=_ref.children,start=_ref.start,classes=useOrderedListStyles();return(0,jsx_runtime.jsx)("ol",{className:(0,mergeClasses_esm.z)(classes.root,className),children:injectIndex({children,start})})};OrderedList.displayName="OrderedList";try{OrderedList.displayName="OrderedList",OrderedList.__docgenInfo={description:"",displayName:"OrderedList",props:{className:{defaultValue:null,description:"Consumer provided class.",name:"className",required:!1,type:{name:"string"}},start:{defaultValue:{value:"1"},description:"Start value for the ordered list.",name:"start",required:!1,type:{name:"number"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/ordered-list/src/ordered-list/ordered-list.tsx#OrderedList"]={docgenInfo:OrderedList.__docgenInfo,name:"OrderedList",path:"components/ordered-list/src/ordered-list/ordered-list.tsx#OrderedList"})}catch(__react_docgen_typescript_loader_error){}var useOrderedListItemStyles=(0,makeStyles_esm.Z)({root:Object.assign({listStyleType:"none"},index_esm.q5.padding(0),index_esm.q5.margin(0),{display:"grid",gridTemplateColumns:"min-content 1fr",columnGap:tokens.T.spacingHorizontalS}),puck:Object.assign({height:tokens.T.lineHeightBase400,width:tokens.T.lineHeightBase400,display:"grid",alignContent:"center",justifyContent:"center",fontWeight:tokens.T.fontWeightSemibold},index_esm.q5.borderRadius("50%")),accent:{color:tokens.T.colorNeutralForeground1,backgroundColor:tokens.T.colorBrandBackground2},primary:{color:tokens.T.colorNeutralBackground1,backgroundColor:tokens.T.colorNeutralForeground2},secondary:{color:tokens.T.colorNeutralForeground1,backgroundColor:tokens.T.colorNeutralBackground3}}),OrderedListItem=function OrderedListItem(_ref){var className=_ref.className,children=_ref.children,_ref$variant=_ref.variant,variant=void 0===_ref$variant?"primary":_ref$variant,__index=_ref.__index,classes=useOrderedListItemStyles();return(0,jsx_runtime.jsxs)("li",{className:(0,mergeClasses_esm.z)(classes.root,className),children:[(0,jsx_runtime.jsx)("div",{className:(0,mergeClasses_esm.z)(classes.puck,classes[variant]),children:__index}),(0,jsx_runtime.jsx)("div",{children})]})};OrderedListItem.displayName="OrderedListItem";try{OrderedListItem.displayName="OrderedListItem",OrderedListItem.__docgenInfo={description:"",displayName:"OrderedListItem",props:{className:{defaultValue:null,description:"Consumer provided class.",name:"className",required:!1,type:{name:"string"}},variant:{defaultValue:{value:"primary"},description:"Color variants.",name:"variant",required:!1,type:{name:"enum",value:[{value:'"accent"'},{value:'"primary"'},{value:'"secondary"'}]}},__index:{defaultValue:null,description:"@private [INTERNAL] DO NOT USE.",name:"__index",required:!1,type:{name:"number"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/ordered-list/src/ordered-list-item/ordered-list-item.tsx#OrderedListItem"]={docgenInfo:OrderedListItem.__docgenInfo,name:"OrderedListItem",path:"components/ordered-list/src/ordered-list-item/ordered-list-item.tsx#OrderedListItem"})}catch(__react_docgen_typescript_loader_error){}const ordered_list_stories={title:"Lists/OrderedList",component:OrderedList};var Template=function Template(args){return(0,jsx_runtime.jsxs)(OrderedList,Object.assign({},args,{children:[(0,jsx_runtime.jsx)(OrderedListItem,{children:(0,jsx_runtime.jsxs)("div",{children:[(0,jsx_runtime.jsx)(text_text.x,{block:!0,variant:"caption",children:"Primary variant"}),(0,jsx_runtime.jsx)(text_text.x,{block:!0,variant:"description",children:"Description item one on the list."})]})}),(0,jsx_runtime.jsx)(OrderedListItem,{variant:"secondary",children:(0,jsx_runtime.jsxs)("div",{children:[(0,jsx_runtime.jsx)(text_text.x,{block:!0,variant:"caption",children:"Secondary variant"}),(0,jsx_runtime.jsx)(text_text.x,{block:!0,variant:"description",children:"Description item two on the list."})]})}),(0,jsx_runtime.jsx)(OrderedListItem,{variant:"accent",children:(0,jsx_runtime.jsxs)("div",{children:[(0,jsx_runtime.jsx)(text_text.x,{block:!0,variant:"caption",children:"Accent variant"}),(0,jsx_runtime.jsx)(text_text.x,{block:!0,variant:"description",children:"Description item three on the list."})]})})]}))};Template.displayName="Template";var Simple=Template.bind({});Simple.args={};var __namedExportsOrder=["Simple"]},"./components/person-tile/__dev__/person-tile.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Simple:()=>Simple,WithCustomIcon:()=>WithCustomIcon,__namedExportsOrder:()=>__namedExportsOrder,default:()=>person_tile_stories});__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/react/index.js");var Avatar=__webpack_require__("./node_modules/@fluentui/react-avatar/lib/components/Avatar/Avatar.js"),mergeClasses_esm=__webpack_require__("./node_modules/@griffel/core/mergeClasses.esm.js"),icon=__webpack_require__("./components/icon/lib/icon/icon.js"),text_text=__webpack_require__("./components/text/lib/text/text.js"),tile=__webpack_require__("./components/tile/lib/tile.js"),use_space_styles=__webpack_require__("./hooks/use-space-styles/lib/use-space-styles.js"),tokens=__webpack_require__("./node_modules/@fluentui/tokens/lib/tokens.js"),usePersonTileStyles=(0,__webpack_require__("./node_modules/@griffel/react/makeStyles.esm.js").Z)({root:{display:"grid",gridTemplateColumns:"40px auto min-content",columnGap:tokens.T.spacingHorizontalXL,alignItems:"center"},image:{height:tokens.T.spacingVerticalXL}}),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),PersonTile=function PersonTile(_ref){var className=_ref.className,avatarSrc=_ref.avatarSrc,firstName=_ref.firstName,lastName=_ref.lastName,onClick=_ref.onClick,role=_ref.role,iconSrc=_ref.iconSrc,iconAlt=_ref.iconAlt,classes=usePersonTileStyles(),space=(0,use_space_styles.z)();return(0,jsx_runtime.jsxs)(tile.n,{onClick,variant:"card",className:(0,mergeClasses_esm.z)(classes.root,space.p7,className),children:[(0,jsx_runtime.jsx)(Avatar.q,{size:40,image:{as:"img",src:avatarSrc,"aria-hidden":!0}}),(0,jsx_runtime.jsxs)("div",{children:[(0,jsx_runtime.jsxs)(text_text.x,{variant:"caption",block:!0,children:[firstName," ",lastName]}),(0,jsx_runtime.jsx)(text_text.x,{variant:"paragraph",color:"secondary",block:!0,children:role})]}),iconSrc&&iconAlt?(0,jsx_runtime.jsx)("img",{src:iconSrc,alt:iconAlt,className:(0,mergeClasses_esm.z)(classes.image,space.px3)}):(0,jsx_runtime.jsx)(icon.J,{iconName:"open",label:iconAlt,className:space.px3,color:"secondary"})]})};PersonTile.displayName="PersonTile";try{PersonTile.displayName="PersonTile",PersonTile.__docgenInfo={description:"",displayName:"PersonTile",props:{className:{defaultValue:null,description:"Consumer provided class.",name:"className",required:!1,type:{name:"string"}},firstName:{defaultValue:null,description:"First name of the person.",name:"firstName",required:!0,type:{name:"string"}},lastName:{defaultValue:null,description:"Last name of the person.",name:"lastName",required:!0,type:{name:"string"}},avatarSrc:{defaultValue:null,description:"Avatar of the person.",name:"avatarSrc",required:!1,type:{name:"string"}},role:{defaultValue:null,description:"Role of the person.",name:"role",required:!0,type:{name:"string"}},onClick:{defaultValue:null,description:"Action that handles click on the person tile.",name:"onClick",required:!0,type:{name:"(e?: SyntheticEvent) => void"}},image:{defaultValue:null,description:"The Avatar's image.\n\nUsage e.g.: `image={{ src: '...' }}`",name:"image",required:!1,type:{name:'{ as?: "img"; } & Pick, HTMLImageElement>, "key" | keyof ImgHTMLAttributes<...>> & { ...; } & { ...; } & { ...; }'}},iconSrc:{defaultValue:null,description:"Custom optional icon.",name:"iconSrc",required:!1,type:{name:"string"}},iconAlt:{defaultValue:null,description:"Accessible icon description.",name:"iconAlt",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/person-tile/src/person-tile/person-tile.tsx#PersonTile"]={docgenInfo:PersonTile.__docgenInfo,name:"PersonTile",path:"components/person-tile/src/person-tile/person-tile.tsx#PersonTile"})}catch(__react_docgen_typescript_loader_error){}const avatar_namespaceObject=__webpack_require__.p+"static/media/avatar.3e128d47.jpg",teams_icon_namespaceObject=__webpack_require__.p+"static/media/teams-icon.22fada98.svg",person_tile_stories={title:"Tiles/PersonTile",component:PersonTile,argTypes:{onClick:{action:"clicked"}}};var Template=function Template(args){return(0,jsx_runtime.jsx)(PersonTile,Object.assign({},args))};Template.displayName="Template";var Simple=Template.bind({});Simple.args={firstName:"Joanne",lastName:"Doe",role:"Software Engineer",avatarSrc:avatar_namespaceObject};var WithCustomIcon=Template.bind({});WithCustomIcon.args={firstName:"Joanne",lastName:"Doe",role:"Software Engineer",avatarSrc:avatar_namespaceObject,iconSrc:teams_icon_namespaceObject,iconAlt:"Open in Teams"};var __namedExportsOrder=["Simple","WithCustomIcon"]},"./components/prop-table/__dev__/prop-table.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Simple:()=>Simple,__namedExportsOrder:()=>__namedExportsOrder,default:()=>prop_table_stories});__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js");var react=__webpack_require__("./node_modules/react/index.js"),decorators=__webpack_require__("./.storybook/decorators/index.ts");const demo_component_props={tags:{},filePath:"__dev__/demo-component/demo-component.tsx",description:"",displayName:"DemoComponent",methods:[],props:{title:{defaultValue:null,description:"The title of the DemoComponent.",name:"title",declarations:[{fileName:"prop-table/__dev__/demo-component/demo-component.types.tsx",name:"TypeLiteral"}],required:!0,type:{name:"string"}},description:{defaultValue:null,description:"Description of the DemoComponent.",name:"description",declarations:[{fileName:"prop-table/__dev__/demo-component/demo-component.types.tsx",name:"TypeLiteral"}],required:!1,type:{name:"string"}},callToAction:{defaultValue:{value:"Hello 👋"},description:"Call to action text.",name:"callToAction",declarations:[{fileName:"prop-table/__dev__/demo-component/demo-component.types.tsx",name:"TypeLiteral"}],required:!1,type:{name:"string"}},className:{defaultValue:null,description:"Custom class name for the component root.",name:"className",declarations:[{fileName:"prop-table/__dev__/demo-component/demo-component.types.tsx",name:"TypeLiteral"}],required:!1,type:{name:"string"}},onClick:{defaultValue:null,description:"Click handler.",name:"onClick",declarations:[{fileName:"prop-table/__dev__/demo-component/demo-component.types.tsx",name:"TypeLiteral"}],required:!0,type:{name:"() => void"}},text:{defaultValue:null,description:"Text to display.\n@deprecated Use `title` instead.",name:"text",declarations:[{fileName:"prop-table/__dev__/demo-component/demo-component.types.tsx",name:"TypeLiteral"}],required:!1,type:{name:"string"}}}};__webpack_require__("./node_modules/core-js/modules/es.array.for-each.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.for-each.js"),__webpack_require__("./node_modules/core-js/modules/es.object.values.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js");var mergeClasses_esm=__webpack_require__("./node_modules/@griffel/core/mergeClasses.esm.js"),TableListContext=(0,react.createContext)({isAlternating:!1}),TableListProvider=TableListContext.Provider,tokens=__webpack_require__("./node_modules/@fluentui/tokens/lib/tokens.js"),makeStyles_esm=__webpack_require__("./node_modules/@griffel/react/makeStyles.esm.js"),index_esm=__webpack_require__("./node_modules/@griffel/core/index.esm.js"),useTableListStyles=(0,makeStyles_esm.Z)({root:Object.assign({borderSpacing:0,width:"100%"},index_esm.q5.borderColor(tokens.T.colorNeutralStroke1),index_esm.q5.borderWidth(tokens.T.strokeWidthThin),index_esm.q5.borderStyle("solid"),index_esm.q5.borderRadius(tokens.T.borderRadiusXLarge),{tableLayout:"fixed","& thead > tr > th":Object.assign({borderBottomColor:tokens.T.colorNeutralStroke1,borderBottomWidth:tokens.T.strokeWidthThin,borderBottomStyle:"solid"},index_esm.q5.borderRadius(0)),"& thead tr:last-child td:first-child, &:last-child th:first-child":{borderBottomLeftRadius:0},"& thead tr:last-child td:last-child, &:last-child th:last-child":{borderBottomRightRadius:0}}),caption:{color:tokens.T.colorNeutralForeground1,fontFamily:tokens.T.fontFamilyBase,fontSize:tokens.T.fontSizeBase500,lineHeight:tokens.T.lineHeightBase500,fontWeight:tokens.T.fontWeightSemibold,marginBottom:tokens.T.spacingVerticalL,textAlign:"left","@media screen and (max-width: 600px)":{fontSize:tokens.T.fontSizeBase400,lineHeight:tokens.T.lineHeightBase400}}}),TableList=function TableList(_ref){var className=_ref.className,isAlternating=_ref.isAlternating,children=_ref.children,caption=_ref.caption,classes=useTableListStyles();return react.createElement(TableListProvider,{value:{isAlternating}},react.createElement("table",{className:(0,mergeClasses_esm.z)(classes.root,className)},caption&&react.createElement("caption",{className:classes.caption},caption),children))};TableList.__docgenInfo={description:"",methods:[],displayName:"TableList"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/table-list/lib/table-list/table-list.js"]={name:"TableList",docgenInfo:TableList.__docgenInfo,path:"components/table-list/lib/table-list/table-list.js"});var useTableRowStyles=(0,makeStyles_esm.Z)({root:{"&:first-child td:first-child, &:first-child th:first-child":{borderTopLeftRadius:tokens.T.borderRadiusXLarge},"&:first-child td:last-child, &:first-child th:last-child":{borderTopRightRadius:tokens.T.borderRadiusXLarge},"&:last-child td:first-child, &:last-child th:first-child":{borderBottomLeftRadius:tokens.T.borderRadiusXLarge},"&:last-child td:last-child, &:last-child th:last-child":{borderBottomRightRadius:tokens.T.borderRadiusXLarge}},simple:{"&:not(:last-child) td":{borderBottomColor:tokens.T.colorNeutralStroke1,borderBottomWidth:tokens.T.strokeWidthThin,borderBottomStyle:"solid"},"&:not(:last-child) th":{borderBottomColor:tokens.T.colorNeutralStroke1,borderBottomWidth:tokens.T.strokeWidthThin,borderBottomStyle:"solid"}},alternating:{"&:nth-child(even) td, &:nth-child(even) th":{backgroundColor:tokens.T.colorNeutralBackground3}}}),TableRow=function TableRow(_ref){var className=_ref.className,children=_ref.children,isAlternating=function useTableListContext(){return(0,react.useContext)(TableListContext)}().isAlternating,classes=useTableRowStyles();return react.createElement("tr",{className:(0,mergeClasses_esm.z)(classes.root,isAlternating?classes.alternating:classes.simple,className)},children)};TableRow.__docgenInfo={description:"",methods:[],displayName:"TableRow"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/table-list/lib/table-row/table-row.js"]={name:"TableRow",docgenInfo:TableRow.__docgenInfo,path:"components/table-list/lib/table-row/table-row.js"});__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js");var useTableCellStyles=(0,makeStyles_esm.Z)({root:Object.assign({},index_esm.q5.padding(tokens.T.spacingVerticalXL))}),_excluded=["className","isHeader","children"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var TableCell=function TableCell(_ref){var className=_ref.className,isHeader=_ref.isHeader,children=_ref.children,props=_objectWithoutProperties(_ref,_excluded),classes=useTableCellStyles();return isHeader?react.createElement("th",Object.assign({className:(0,mergeClasses_esm.z)(classes.root,className)},props),children):react.createElement("td",Object.assign({className:(0,mergeClasses_esm.z)(classes.root,className)},props),children)};TableCell.__docgenInfo={description:"",methods:[],displayName:"TableCell"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/table-list/lib/table-cell/table-cell.js"]={name:"TableCell",docgenInfo:TableCell.__docgenInfo,path:"components/table-list/lib/table-cell/table-cell.js"});__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js");var text_text=__webpack_require__("./components/text/lib/text/text.js"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),useTableRowsStyles=(0,makeStyles_esm.Z)({deprecated:{textDecorationLine:"line-through"}}),TableRows=function TableRows(_ref){var propsDocItems=_ref.propsDocItems,isRequired=_ref.isRequired,isDeprecated=_ref.isDeprecated,classes=useTableRowsStyles();return(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children:propsDocItems.map((function(prop){var _prop$name,_prop$type$name,_prop$type,_prop$description,_prop$defaultValue$va,_prop$defaultValue;return(0,jsx_runtime.jsxs)(TableRow,{children:[(0,jsx_runtime.jsxs)(TableCell,{isHeader:!0,children:[(0,jsx_runtime.jsx)(text_text.x,{className:isDeprecated?classes.deprecated:"",children:null!==(_prop$name=prop.name)&&void 0!==_prop$name?_prop$name:""}),isRequired?(0,jsx_runtime.jsx)(text_text.x,{color:"danger",children:" *"}):"",isDeprecated?(0,jsx_runtime.jsx)(text_text.x,{color:"tertiary",children:" (deprecated)"}):""]}),(0,jsx_runtime.jsx)(TableCell,{children:(0,jsx_runtime.jsx)(text_text.x,{variant:"code",children:null!==(_prop$type$name=null===(_prop$type=prop.type)||void 0===_prop$type?void 0:_prop$type.name)&&void 0!==_prop$type$name?_prop$type$name:""})}),(0,jsx_runtime.jsx)(TableCell,{children:null!==(_prop$description=prop.description)&&void 0!==_prop$description?_prop$description:""}),(0,jsx_runtime.jsx)(TableCell,{children:(0,jsx_runtime.jsx)(text_text.x,{variant:"code",children:null!==(_prop$defaultValue$va=null===(_prop$defaultValue=prop.defaultValue)||void 0===_prop$defaultValue?void 0:_prop$defaultValue.value)&&void 0!==_prop$defaultValue$va?_prop$defaultValue$va:""})})]},prop.name)}))})};try{TableRows.displayName="TableRows",TableRows.__docgenInfo={description:"",displayName:"TableRows",props:{propsDocItems:{defaultValue:null,description:"",name:"propsDocItems",required:!0,type:{name:"PropItem[]"}},isRequired:{defaultValue:null,description:"",name:"isRequired",required:!0,type:{name:"boolean"}},isDeprecated:{defaultValue:null,description:"",name:"isDeprecated",required:!0,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/prop-table/src/prop-table/partials/table-rows.tsx#TableRows"]={docgenInfo:TableRows.__docgenInfo,name:"TableRows",path:"components/prop-table/src/prop-table/partials/table-rows.tsx#TableRows"})}catch(__react_docgen_typescript_loader_error){}var PropTable=function PropTable(_ref){var className=_ref.className,propsDoc=_ref.propsDoc,caption=_ref.caption;if(!propsDoc)return null;var _filterPropsDoc=function filterPropsDoc(props){var required=[],deprecated=[],optional=[];return Object.values(props).forEach((function(prop){var _prop$description;null!==(_prop$description=prop.description)&&void 0!==_prop$description&&_prop$description.includes("@deprecated")?deprecated.push(prop):prop.required?required.push(prop):optional.push(prop)})),{required,deprecated,optional}}(propsDoc.props),required=_filterPropsDoc.required,deprecated=_filterPropsDoc.deprecated,optional=_filterPropsDoc.optional;return(0,jsx_runtime.jsxs)(TableList,{className,caption,children:[(0,jsx_runtime.jsxs)(TableRow,{children:[(0,jsx_runtime.jsx)(TableCell,{isHeader:!0,children:"Name"}),(0,jsx_runtime.jsx)(TableCell,{isHeader:!0,children:"Type"}),(0,jsx_runtime.jsx)(TableCell,{isHeader:!0,children:"Description"}),(0,jsx_runtime.jsx)(TableCell,{isHeader:!0,children:"Default"})]}),(0,jsx_runtime.jsx)(TableRows,{propsDocItems:required,isRequired:!0,isDeprecated:!1}),(0,jsx_runtime.jsx)(TableRows,{propsDocItems:optional,isRequired:!1,isDeprecated:!1}),(0,jsx_runtime.jsx)(TableRows,{propsDocItems:deprecated,isRequired:!1,isDeprecated:!0})]})};PropTable.displayName="PropTable";try{PropTable.displayName="PropTable",PropTable.__docgenInfo={description:"",displayName:"PropTable",props:{className:{defaultValue:null,description:"Consumer provided class.",name:"className",required:!1,type:{name:"string"}},propsDoc:{defaultValue:null,description:"A component from the manifest generated by the `@microsoft/arbutus.prop-docs-cli`.",name:"propsDoc",required:!0,type:{name:"ComponentDoc"}},caption:{defaultValue:null,description:"Caption for the table.",name:"caption",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/prop-table/src/prop-table/prop-table.tsx#PropTable"]={docgenInfo:PropTable.__docgenInfo,name:"PropTable",path:"components/prop-table/src/prop-table/prop-table.tsx#PropTable"})}catch(__react_docgen_typescript_loader_error){}const prop_table_stories={title:"Blocks/PropTable",component:PropTable,decorators:[function(Story){return(0,jsx_runtime.jsx)(decorators.z,{children:(0,jsx_runtime.jsx)("div",{children:(0,jsx_runtime.jsx)(Story,{})})})}]};var Template=function Template(args){return(0,jsx_runtime.jsx)(PropTable,Object.assign({},args))};Template.displayName="Template";var Simple=Template.bind({});Simple.args={propsDoc:demo_component_props,caption:"DemoComponent"};var __namedExportsOrder=["Simple"]},"./components/recommendation-tile/__dev__/recommendation-tile.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{WithImage:()=>WithImage,WithImageAndWithLink:()=>WithImageAndWithLink,WithLink:()=>WithLink,WithRecommendationList:()=>WithRecommendationList,WithoutImage:()=>WithoutImage,__namedExportsOrder:()=>__namedExportsOrder,default:()=>recommendation_tile_stories});__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js");var makeStyles_esm=__webpack_require__("./node_modules/@griffel/react/makeStyles.esm.js"),tile=__webpack_require__("./components/tile/lib/tile.js"),decorators=(__webpack_require__("./node_modules/react/index.js"),__webpack_require__("./.storybook/decorators/index.ts")),mergeClasses_esm=(__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/@griffel/core/mergeClasses.esm.js")),badge=__webpack_require__("./components/badge/lib/badge/badge.js"),link_link=__webpack_require__("./components/link/lib/link/link.js"),mark_list=__webpack_require__("./components/mark-list/lib/mark-list/mark-list.js"),mark_list_item=__webpack_require__("./components/mark-list/lib/mark-list-item/mark-list-item.js"),text_text=__webpack_require__("./components/text/lib/text/text.js"),use_space_styles=__webpack_require__("./hooks/use-space-styles/lib/use-space-styles.js"),tokens=__webpack_require__("./node_modules/@fluentui/tokens/lib/tokens.js"),index_esm=__webpack_require__("./node_modules/@griffel/core/index.esm.js"),useRecommendationTileStyles=(0,makeStyles_esm.Z)({image:Object.assign({},index_esm.q5.borderRadius("var(--arbutus--shape-border-radius)"),{height:"13.75rem",width:"100%",objectFit:"cover"}),imageContainer:{position:"relative"},overlayBadge:{position:"absolute",left:tokens.T.spacingHorizontalM,top:tokens.T.spacingHorizontalM},recommendationList:{paddingLeft:0}}),getBackgroundColor=function getBackgroundColor(_ref){var withImage=_ref.withImage,recommendation=_ref.recommendation;switch(!0){case withImage:return"none";case!withImage&&"positive"===recommendation:return"positive";case!withImage&&"negative"===recommendation:return"negative";default:return"none"}},jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),RecommendationTile=function RecommendationTile(_ref){var className=_ref.className,description=_ref.description,Image=_ref.imageAs,imageProps=_ref.imageProps,linkAs=_ref.linkAs,linkProps=_ref.linkProps,linkText=_ref.linkText,linkWithIcon=_ref.linkWithIcon,recommendation=_ref.recommendation,recommendationsList=_ref.recommendationsList,title=_ref.title,classes=useRecommendationTileStyles(),space=(0,use_space_styles.z)();return(0,jsx_runtime.jsxs)(tile.n,{variant:"solid-color",backgroundColor:getBackgroundColor({withImage:Boolean(Image),recommendation}),className:(0,mergeClasses_esm.z)(!Image&&space.p9,className),children:[Image&&(0,jsx_runtime.jsxs)("div",{className:classes.imageContainer,children:[(0,jsx_runtime.jsx)(badge.C,{iconName:"positive"===recommendation?"check":"x",color:"positive"===recommendation?"positive":"negative",className:classes.overlayBadge}),(0,jsx_runtime.jsx)(Image,Object.assign({},imageProps,{className:(0,mergeClasses_esm.z)(classes.image,space.mb4)}))]}),(0,jsx_runtime.jsxs)(text_text.x,{block:!0,variant:recommendationsList?"headline":"caption",color:recommendation,className:recommendationsList?space.mb7:space.mb5,children:[!Image||recommendationsList&&(0,jsx_runtime.jsx)(badge.C,{iconName:"positive"===recommendation?"check":"x",color:"positive"===recommendation?"positive":"negative",isInline:!0,className:space.mr5}),title]}),description&&(0,jsx_runtime.jsx)(text_text.x,{block:!0,variant:"description",children:description}),recommendationsList&&(0,jsx_runtime.jsx)(mark_list.N,{iconName:"positive"===recommendation?"check":"x",iconColor:"positive"===recommendation?"positive":"negative",className:(0,mergeClasses_esm.z)(classes.recommendationList,space.mt5),children:recommendationsList.map((function(recommendation,index){return(0,jsx_runtime.jsx)(mark_list_item.O,{children:recommendation},index)}))}),linkAs&&linkText&&(0,jsx_runtime.jsx)(link_link.r,{as:linkAs,variant:"caption",elementProps:linkProps,className:space.mt5,withIcon:linkWithIcon,children:linkText})]})};RecommendationTile.displayName="RecommendationTile";try{RecommendationTile.displayName="RecommendationTile",RecommendationTile.__docgenInfo={description:"",displayName:"RecommendationTile",props:{className:{defaultValue:null,description:"Consumer provided class.",name:"className",required:!1,type:{name:"string"}},title:{defaultValue:null,description:"Title of the bookmark.",name:"title",required:!0,type:{name:"string"}},description:{defaultValue:null,description:"Description of the bookmark.",name:"description",required:!1,type:{name:"string"}},recommendation:{defaultValue:null,description:"Sets whether this tile represents an encouraged or discouraged example",name:"recommendation",required:!0,type:{name:"enum",value:[{value:'"negative"'},{value:'"positive"'}]}},recommendationsList:{defaultValue:null,description:"Adds an unordered list of recommendations.",name:"recommendationsList",required:!1,type:{name:"string[]"}},imageAs:{defaultValue:null,description:"Image element.",name:"imageAs",required:!1,type:{name:"ElementType"}},imageProps:{defaultValue:null,description:"Image element props.",name:"imageProps",required:!1,type:{name:"Record"}},linkText:{defaultValue:null,description:"Link text.",name:"linkText",required:!1,type:{name:"string"}},linkAs:{defaultValue:null,description:"Link element.",name:"linkAs",required:!1,type:{name:"ElementType"}},linkProps:{defaultValue:null,description:"Link element props.",name:"linkProps",required:!1,type:{name:"Record"}},linkWithIcon:{defaultValue:null,description:"Adds an icon that indicates that the link will open in a new tab.",name:"linkWithIcon",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/recommendation-tile/src/recommendation-tile/recommendation-tile.tsx#RecommendationTile"]={docgenInfo:RecommendationTile.__docgenInfo,name:"RecommendationTile",path:"components/recommendation-tile/src/recommendation-tile/recommendation-tile.tsx#RecommendationTile"})}catch(__react_docgen_typescript_loader_error){}var DemoImage=function DemoImage(_ref){var className=_ref.className,alt=_ref.alt,src=_ref.src;return(0,jsx_runtime.jsx)("img",{className,alt,src})};DemoImage.displayName="DemoImage";var DemoLink=function DemoLink(_ref2){var className=_ref2.className,href=_ref2.href,children=_ref2.children;return(0,jsx_runtime.jsx)("a",{className,href,target:"__blank",children})};DemoLink.displayName="DemoLink";const recommendation_tile_stories={title:"Tiles/RecommendationTile",component:RecommendationTile,argTypes:{onClick:{action:"clicked"},recommendation:{options:["positive","negative"],control:{type:"select"}}},decorators:[function(Story){return(0,jsx_runtime.jsx)(decorators.z,{children:(0,jsx_runtime.jsx)("div",{style:{maxWidth:"980px"},children:(0,jsx_runtime.jsx)(Story,{})})})}]};var useTileGridStyles=(0,makeStyles_esm.Z)({root:{width:"100%",display:"grid",gridTemplateColumns:"repeat(2, 1fr)",columnGap:"2.5rem",rowGap:"2.5rem","@media screen and (max-width: var(--arbutus--breakpoint-xxs))":{gridTemplateColumns:"100%"}}}),Template=function Template(args){var classes=useTileGridStyles();return(0,jsx_runtime.jsxs)("div",{className:classes.root,children:[(0,jsx_runtime.jsx)(RecommendationTile,Object.assign({},args)),(0,jsx_runtime.jsx)(tile.n,{variant:"solid-color",children:" "})]})};Template.displayName="Template";var WithImageAndWithLink=Template.bind({});WithImageAndWithLink.args={title:"Give primary buttons prominence",description:"Primary buttons have to draw users’s attention right away. Make sure there is only one primary button in the view.",recommendation:"positive",imageAs:DemoImage,imageProps:{src:"https://via.placeholder.com/300x200.png/FAF9F8",alt:"Image placeholder"},linkAs:DemoLink,linkText:"Learn more",linkWithIcon:!0,linkProps:{href:"https://www.microsoft.com"}};var WithImage=Template.bind({});WithImage.args={title:"Give primary buttons prominence",description:"Primary buttons have to draw users’s attention right away. Make sure there is only one primary button in the view.",recommendation:"positive",imageAs:DemoImage,imageProps:{src:"https://via.placeholder.com/300x200.png/FAF9F8",alt:"Image placeholder"}};var WithoutImage=Template.bind({});WithoutImage.args={title:"Give primary buttons prominence",description:"Primary buttons have to draw users’s attention right away. Make sure there is only one primary button in the view.",recommendation:"positive",imageAs:void 0,imageProps:void 0};var WithLink=Template.bind({});WithLink.args={title:"Give primary buttons prominence",description:"Primary buttons have to draw users’s attention right away. Make sure there is only one primary button in the view.",recommendation:"positive",imageAs:void 0,imageProps:void 0,linkAs:DemoLink,linkText:"Learn more",linkWithIcon:!0,linkProps:{href:"https://www.microsoft.com"}};var WithRecommendationList=Template.bind({});WithRecommendationList.args={title:"Give primary buttons prominence",recommendationsList:["Primary buttons have to draw users’s attention right away. Make sure there is only one primary button in the view.","Eu zril ignota quaestio nec, no agam meliore sit, duo posse utinam deleniti id. Ut his veniam verear, ei sea mazim mentitum probatus.","Ut sit alienum molestie referrentur, ius tollit definitiones ad, audiam vidisse gubergren id mea.","Elit veniam ocurreret et ius, menandri atomorum voluptaria eum ad. Ius ex dolor utamur partiendo."],recommendation:"positive"};var __namedExportsOrder=["WithImageAndWithLink","WithImage","WithoutImage","WithLink","WithRecommendationList"]},"./components/sandbox/__dev__/sandbox.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Simple:()=>Simple,__namedExportsOrder:()=>__namedExportsOrder,default:()=>sandbox_stories});__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/react/index.js");var decorators=__webpack_require__("./.storybook/decorators/index.ts"),esm=__webpack_require__("./node_modules/@codesandbox/sandpack-react/dist/esm/index.js"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),Sandbox=function Sandbox(_ref){var files=_ref.files,dependencies=_ref.dependencies,customSetup={};return dependencies&&(customSetup.dependencies=dependencies),(0,jsx_runtime.jsx)(esm.xR,{template:"react-ts",files,customSetup})};Sandbox.displayName="Sandbox";try{Sandbox.displayName="Sandbox",Sandbox.__docgenInfo={description:"",displayName:"Sandbox",props:{files:{defaultValue:null,description:"Files of the sandboxed application.",name:"files",required:!0,type:{name:"Record | SandpackFile | Record"}},dependencies:{defaultValue:null,description:"Dependencies of the sandboxed application.",name:"dependencies",required:!0,type:{name:"{ [dependency: string]: string; }"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/sandbox/src/sandbox/sandbox.tsx#Sandbox"]={docgenInfo:Sandbox.__docgenInfo,name:"Sandbox",path:"components/sandbox/src/sandbox/sandbox.tsx#Sandbox"})}catch(__react_docgen_typescript_loader_error){}const sandbox_stories={title:"Examples/Sandbox",component:Sandbox,decorators:[function(Story){return(0,jsx_runtime.jsx)(decorators.z,{children:(0,jsx_runtime.jsx)(Story,{})})}]};var Template=function Template(args){return(0,jsx_runtime.jsx)(Sandbox,Object.assign({},args))};Template.displayName="Template";var Simple=Template.bind({});Simple.args={files:{"/App.tsx":{code:"import { Button } from '@microsoft/arbutus.button';\n\nimport { Theme } from './theme';\nimport { Centered } from './centered';\n\nexport default function App() {\n return (\n \n \n \n \n \n )\n}",active:!0},"/theme.tsx":"import 'normalize.css';\n\nimport { makeStaticStyles } from '@griffel/react';\nimport {\n useSegoeUI100,\n useSegoeUI200,\n useSegoeUI400,\n useSegoeUI600,\n useSegoeUI700,\n} from '@microsoft/arbutus.fonts';\nimport { ThemeProvider } from '@microsoft/arbutus.theming';\nimport type { FC } from 'react';\nimport React from 'react';\n\nconst useGlobalStyles = makeStaticStyles({\n '*': {\n boxSizing: 'border-box',\n },\n div: {\n width: '100%',\n },\n});\n\nexport const Theme: FC = ({ children }) => {\n useSegoeUI100();\n useSegoeUI200();\n useSegoeUI400();\n useSegoeUI600();\n useSegoeUI700();\n useGlobalStyles();\n\n return {children};\n};","/centered.tsx":"import { makeStyles } from '@griffel/react';\nimport type { FC, ReactNode } from 'react';\nimport * as React from 'react';\n\nconst useCenteredClasses = makeStyles({\n root: {\n minHeight: '100vh',\n width: '100%',\n display: 'grid',\n alignItems: 'center',\n justifyItems: 'center',\n },\n});\n\nexport const Centered: FC<{ children?: ReactNode }> = ({ children }) => {\n const classes = useCenteredClasses();\n\n return
{children}
;\n};"},dependencies:{"@griffel/react":"^1.5.1","@microsoft/arbutus.button":"^0.0.2","@microsoft/arbutus.fonts":"0.0.1","@microsoft/arbutus.theming":"0.0.4","normalize.css":"^8.0.1"}};var __namedExportsOrder=["Simple"]},"./components/shell/__dev__/crown.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{ImageOnly:()=>ImageOnly,Simple:()=>Simple,TabletLayout:()=>TabletLayout,__namedExportsOrder:()=>__namedExportsOrder,default:()=>crown_stories});__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/react/index.js");var decorators=__webpack_require__("./.storybook/decorators/index.ts"),crown=__webpack_require__("./components/shell/src/crown/crown.tsx"),fluentui_logo=__webpack_require__("./components/shell/__dev__/fluentui-logo.svg");const logo_namespaceObject=__webpack_require__.p+"static/media/logo.2527fa69.svg";var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const crown_stories={title:"Layout/Crown",component:crown._,argTypes:{onClick:{action:"clicked"},onLogoClick:{action:"clicked"}},decorators:[function(Story){return(0,jsx_runtime.jsx)(decorators.z,{children:(0,jsx_runtime.jsx)("div",{style:{maxWidth:"360px"},children:(0,jsx_runtime.jsx)(Story,{})})})}]};var Template=function Template(args){return(0,jsx_runtime.jsx)(crown._,Object.assign({},args))};Template.displayName="Template";var Simple=Template.bind({});Simple.args={logoMarkAlt:"Arbutus logo",logoMarkSrc:fluentui_logo,logoText:"Arbutus",isTabletLayout:!1};var TabletLayout=Template.bind({});TabletLayout.args={logoMarkAlt:"Arbutus logo",logoMarkSrc:logo_namespaceObject,logoText:"Arbutus",isTabletLayout:!0};var ImageOnly=Template.bind({});ImageOnly.args={logoMarkAlt:"Fluent logo",logoMarkSrc:fluentui_logo,isTabletLayout:!0};var __namedExportsOrder=["Simple","TabletLayout","ImageOnly"]},"./components/shell/__dev__/shell.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{FullExample:()=>FullExample,HeroExample:()=>HeroExample,Simple:()=>Simple,__namedExportsOrder:()=>__namedExportsOrder,default:()=>shell_stories});__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js");var tokens=__webpack_require__("./node_modules/@fluentui/tokens/lib/tokens.js"),makeStyles_esm=__webpack_require__("./node_modules/@griffel/react/makeStyles.esm.js"),layout=__webpack_require__("./styles/theming/lib/layout.js"),react=__webpack_require__("./node_modules/react/index.js"),mergeClasses_esm=__webpack_require__("./node_modules/@griffel/core/mergeClasses.esm.js"),use_space_styles=__webpack_require__("./hooks/use-space-styles/lib/use-space-styles.js"),useFooterStyles=(0,makeStyles_esm.Z)({root:{backgroundColor:tokens.T.colorNeutralBackground6}}),Footer=function Footer(_ref){var className=_ref.className,children=_ref.children,classes=useFooterStyles(),space=(0,use_space_styles.z)();return react.createElement("footer",{className:(0,mergeClasses_esm.z)(classes.root,space.p7,className)},children)};Footer.__docgenInfo={description:"",methods:[],displayName:"Footer"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/footer/lib/footer/footer.js"]={name:"Footer",docgenInfo:Footer.__docgenInfo,path:"components/footer/lib/footer/footer.js"});var useHeaderStyles=(0,makeStyles_esm.Z)({root:{color:tokens.T.colorNeutralForeground1}}),Header=function Header(_ref){var className=_ref.className,children=_ref.children,classes=useHeaderStyles(),space=(0,use_space_styles.z)();return react.createElement("header",{className:(0,mergeClasses_esm.z)(classes.root,space.py5,className)},children)};Header.__docgenInfo={description:"",methods:[],displayName:"Header"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/header/lib/header/header.js"]={name:"Header",docgenInfo:Header.__docgenInfo,path:"components/header/lib/header/header.js"});__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null!=_i){var _s,_e,_x,_r,_arr=[],_n=!0,_d=!1;try{if(_x=(_i=_i.call(arr)).next,0===i){if(Object(_i)!==_i)return;_n=!1}else for(;!(_n=(_s=_x.call(_i)).done)&&(_arr.push(_s.value),_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{if(!_n&&null!=_i.return&&(_r=_i.return(),Object(_r)!==_r))return}finally{if(_d)throw _e}}return _arr}}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||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 _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i) => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/shell/src/shell/shell.tsx#Shell"]={docgenInfo:Shell.__docgenInfo,name:"Shell",path:"components/shell/src/shell/shell.tsx#Shell"})}catch(__react_docgen_typescript_loader_error){}var text_text=__webpack_require__("./components/text/lib/text/text.js"),tile=__webpack_require__("./components/tile/lib/tile.js"),Area=function Area(_ref){var children=_ref.children,className=_ref.className;return(0,jsx_runtime.jsx)(tile.n,{className,variant:"solid-color",backgroundColor:"tertiary",children:(0,jsx_runtime.jsx)(text_text.x,{block:!0,variant:"caption",className:(0,use_space_styles.z)().p8,children})})};Area.displayName="Area";try{Area.displayName="Area",Area.__docgenInfo={description:"",displayName:"Area",props:{className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/shell/__dev__/area.tsx#Area"]={docgenInfo:Area.__docgenInfo,name:"Area",path:"components/shell/__dev__/area.tsx#Area"})}catch(__react_docgen_typescript_loader_error){}var fluentui_logo=__webpack_require__("./components/shell/__dev__/fluentui-logo.svg"),divider=__webpack_require__("./components/divider/lib/divider/divider.js"),link_link=__webpack_require__("./components/link/lib/link/link.js"),LinkSample=function LinkSample(_ref){var children=_ref.children;return(0,jsx_runtime.jsx)("button",{style:{backgroundColor:"transparent",border:"none"},onClick:function onClick(e){e.preventDefault(),alert("Clicked!")},children})};LinkSample.displayName="LinkSample";var footer_sample_useFooterStyles=(0,makeStyles_esm.Z)({root:{display:"grid",gridTemplateColumns:"repeat(2, 1fr)",columnGap:"1rem"},links:{display:"flex",justifyContent:"flex-end",columnGap:"0.5rem"}}),FooterSample=function FooterSample(){var classes=footer_sample_useFooterStyles(),space=(0,use_space_styles.z)();return(0,jsx_runtime.jsxs)("div",{children:[(0,jsx_runtime.jsxs)("div",{className:classes.root,children:[(0,jsx_runtime.jsx)("div",{children:" "}),(0,jsx_runtime.jsxs)("div",{className:classes.links,children:[(0,jsx_runtime.jsx)(link_link.r,{as:LinkSample,variant:"caption",children:"Design"}),(0,jsx_runtime.jsx)(link_link.r,{as:LinkSample,variant:"caption",children:"Develop"}),(0,jsx_runtime.jsx)(link_link.r,{as:LinkSample,variant:"caption",withIcon:!0,children:"Microsfoft Design"})]})]}),(0,jsx_runtime.jsx)(divider.i,{className:space.my6}),(0,jsx_runtime.jsxs)("div",{className:classes.root,children:[(0,jsx_runtime.jsx)("div",{children:" "}),(0,jsx_runtime.jsxs)("div",{className:classes.links,children:[(0,jsx_runtime.jsx)(link_link.r,{as:LinkSample,variant:"secondary",children:"Contact"}),(0,jsx_runtime.jsx)(link_link.r,{as:LinkSample,variant:"secondary",children:"Trademarks"}),(0,jsx_runtime.jsx)(link_link.r,{as:LinkSample,variant:"secondary",children:"Terms of use"}),(0,jsx_runtime.jsx)(link_link.r,{as:LinkSample,variant:"secondary",children:"© Microsoft 2021"})]})]})]})};FooterSample.displayName="FooterSample";var index_esm=__webpack_require__("./node_modules/@griffel/core/index.esm.js"),header_sample_LinkSample=function LinkSample(_ref){var children=_ref.children;return(0,jsx_runtime.jsx)("button",{style:{backgroundColor:"transparent",border:"none"},onClick:function onClick(e){e.preventDefault(),alert("Clicked!")},children})};header_sample_LinkSample.displayName="LinkSample";var useHeaderSampleStyles=(0,makeStyles_esm.Z)({root:{display:"flex",justifyContent:"flex-end",alignItems:"center",columnGap:"0.5rem"},button:Object.assign({},index_esm.q5.border("1px","solid",tokens.T.colorBrandForeground2),index_esm.q5.borderRadius(tokens.T.spacingHorizontalXXL),{height:"48px",color:tokens.T.colorBrandForeground2,display:"inline-grid",alignItems:"center",justifyItems:"center",paddingTop:"0px",paddingRight:"1rem",paddingBottom:"0px",paddingLeft:"1rem"})}),HeaderSample=function HeaderSample(_ref2){var isHeroMode=_ref2.isHeroMode,classes=useHeaderSampleStyles();return(0,jsx_runtime.jsxs)("div",{className:classes.root,children:[(0,jsx_runtime.jsx)(link_link.r,{as:header_sample_LinkSample,variant:isHeroMode?"caption":"primary",children:"Blog"}),(0,jsx_runtime.jsx)(link_link.r,{as:header_sample_LinkSample,variant:isHeroMode?"caption":"primary",children:"GitHub"}),(0,jsx_runtime.jsx)(link_link.r,{as:header_sample_LinkSample,variant:isHeroMode?"caption":"primary",children:"Contact Us"}),(0,jsx_runtime.jsx)("div",{className:classes.button,children:"Button"})]})};HeaderSample.displayName="HeaderSample";try{HeaderSample.displayName="HeaderSample",HeaderSample.__docgenInfo={description:"",displayName:"HeaderSample",props:{isHeroMode:{defaultValue:null,description:"",name:"isHeroMode",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/shell/__dev__/header-sample.tsx#HeaderSample"]={docgenInfo:HeaderSample.__docgenInfo,name:"HeaderSample",path:"components/shell/__dev__/header-sample.tsx#HeaderSample"})}catch(__react_docgen_typescript_loader_error){}const hero_background_namespaceObject=__webpack_require__.p+"static/media/hero-background.3b01da00.png";var _container,useMainStyles=(0,makeStyles_esm.Z)({thirds:{display:"grid",gridTemplateColumns:"repeat(3, 1fr)",columnGap:"1rem",paddingBottom:"40px",marginBottom:"72px"},heroBackground:{position:"absolute",top:"-80px",height:"620px",width:"100%"},heroText:{position:"relative",maxWidth:"720px",paddingTop:"92px",paddingBottom:tokens.T.spacingVerticalXXXL,display:"grid",rowGap:tokens.T.spacingVerticalXXXL},backgroundImage:{width:"100%",height:"620px",objectFit:"cover"},gradientTransition:{height:"340px",width:"100%",position:"absolute",bottom:"0"},container:(_container={position:"relative",maxWidth:CONTAINER_WIDTH,width:"100%",marginRight:"auto",marginLeft:"auto"},_container["@media screen and (max-width: "+CONTAINER_WIDTH+")"]={paddingRight:tokens.T.spacingHorizontalL,paddingLeft:tokens.T.spacingHorizontalL},_container),mockCard:{height:"300px"},titleMarginTop:{paddingTop:"72px"},titleMarginBottom:{paddingBottom:tokens.T.spacingVerticalXXXL}}),HeroSample=function HeroSample(){var classes=useMainStyles();return(0,jsx_runtime.jsxs)("div",{children:[(0,jsx_runtime.jsxs)("div",{className:classes.heroBackground,"aria-hidden":"true",children:[(0,jsx_runtime.jsx)("img",{className:classes.backgroundImage,src:hero_background_namespaceObject,alt:""}),(0,jsx_runtime.jsx)("div",{style:{background:"linear-gradient(180deg, transparent, "+tokens.T.colorNeutralBackground1+")"},className:classes.gradientTransition})]}),(0,jsx_runtime.jsxs)("div",{className:classes.container,children:[(0,jsx_runtime.jsxs)(text_text.x,{block:!0,as:"h1",variant:"jumbo",className:classes.titleMarginTop,children:["Start building",(0,jsx_runtime.jsx)("br",{}),"with Arbutus"]}),(0,jsx_runtime.jsx)(text_text.x,{block:!0,variant:"headline",className:classes.titleMarginBottom,children:"A library of all sort of useful building blocks for documentation sites."}),(0,jsx_runtime.jsxs)("div",{className:classes.thirds,children:[(0,jsx_runtime.jsx)(tile.n,{variant:"card",className:classes.mockCard,children:" "}),(0,jsx_runtime.jsx)(tile.n,{variant:"card",className:classes.mockCard,children:" "}),(0,jsx_runtime.jsx)(tile.n,{variant:"card",className:classes.mockCard,children:" "})]})]})]})};HeroSample.displayName="HeroSample";var main_navigation=__webpack_require__("./components/main-navigation/lib/main-navigation/main-navigation.js"),main_navigation_sub=__webpack_require__("./components/main-navigation/lib/main-navigation-sub/main-navigation-sub.js"),main_navigation_link=__webpack_require__("./components/main-navigation/lib/main-navigation-link/main-navigation-link.js"),Link=function Link(_ref){var children=_ref.children,href=_ref.href;return(0,jsx_runtime.jsx)("a",{href,children})};Link.displayName="Link";var NavigationMenu=function NavigationMenu(){return(0,jsx_runtime.jsxs)(main_navigation.o,{children:[(0,jsx_runtime.jsxs)(main_navigation_sub.S,{title:"About us",children:[(0,jsx_runtime.jsx)(main_navigation_link.G,{as:Link,elementProps:{href:"#"},children:"Overview"}),(0,jsx_runtime.jsx)(main_navigation_link.G,{as:Link,elementProps:{href:"#"},children:"Getting started"})]}),(0,jsx_runtime.jsx)(divider.i,{}),(0,jsx_runtime.jsxs)(main_navigation_sub.S,{title:"Design Fundamentals",children:[(0,jsx_runtime.jsx)(main_navigation_link.G,{as:Link,elementProps:{href:"#"},children:"Typography"}),(0,jsx_runtime.jsx)(main_navigation_link.G,{as:Link,elementProps:{href:"#"},children:"Colors"}),(0,jsx_runtime.jsx)(main_navigation_link.G,{as:Link,elementProps:{href:"#"},children:"Space grid"})]}),(0,jsx_runtime.jsx)(divider.i,{}),(0,jsx_runtime.jsxs)(main_navigation_sub.S,{title:"Components",children:[(0,jsx_runtime.jsxs)(main_navigation_sub.S,{title:"Button",children:[(0,jsx_runtime.jsx)(main_navigation_link.G,{as:Link,elementProps:{href:"#"},children:"Primary"}),(0,jsx_runtime.jsx)(main_navigation_link.G,{as:Link,elementProps:{href:"#"},children:"Secondary"}),(0,jsx_runtime.jsx)(main_navigation_link.G,{as:Link,elementProps:{href:"#"},children:"Umph"})]}),(0,jsx_runtime.jsx)(main_navigation_link.G,{as:Link,elementProps:{href:"#"},children:"Text"}),(0,jsx_runtime.jsx)(main_navigation_link.G,{as:Link,elementProps:{href:"#"},children:"Link"})]}),(0,jsx_runtime.jsx)(divider.i,{}),(0,jsx_runtime.jsx)(main_navigation_link.G,{as:Link,elementProps:{href:"#"},children:"Credits"})]})};NavigationMenu.displayName="NavigationMenu";var NavigationSample=function NavigationSample(){return(0,jsx_runtime.jsx)(NavigationMenu,{})};NavigationSample.displayName="NavigationSample";__webpack_require__("./node_modules/core-js/modules/es.string.split.js");var AsideNavigationContext=(0,react.createContext)({}),useAsideNavigationStyles=(0,makeStyles_esm.Z)({list:Object.assign({display:"grid",position:"relative",gridTemplateColumns:"1fr",rowGap:tokens.T.spacingVerticalS,paddingLeft:tokens.T.spacingHorizontalS},index_esm.q5.borderLeft(tokens.T.strokeWidthThin,"solid",tokens.T.colorNeutralStroke1)),title:Object.assign({},index_esm.q5.borderLeft(tokens.T.strokeWidthThin,"solid",tokens.T.colorNeutralStroke1)),highlight:{transitionProperty:"all",transitionDuration:tokens.T.durationNormal,transitionTimingFunction:tokens.T.curveEasyEase,position:"absolute",height:tokens.T.lineHeightBase600,width:tokens.T.strokeWidthThick,left:"calc("+tokens.T.strokeWidthThin+" * -1)",backgroundColor:tokens.T.colorBrandForeground1}}),AsideNavigation=function AsideNavigation(_ref){var _ref$as=_ref.as,Root=void 0===_ref$as?"aside":_ref$as,className=_ref.className,children=_ref.children,currentIndex=_ref.currentIndex,title=_ref.title,classes=useAsideNavigationStyles(),space=(0,use_space_styles.z)(),count=react.Children.count(children),highlightStyle={top:"calc((100% + "+tokens.T.spacingVerticalS+") / "+count+" * "+currentIndex+")"};return react.createElement(AsideNavigationContext.Provider,{value:{currentIndex}},react.createElement(Root,{className},title&&react.createElement(text_text.x,{block:!0,as:"h3",variant:"caption",className:(0,mergeClasses_esm.z)(space.pl4,space.pb6,space.pt1,classes.title)},title),react.createElement("div",{className:classes.list},react.createElement("div",{className:classes.highlight,style:highlightStyle}," "),children)))};AsideNavigation.__docgenInfo={description:"",methods:[],displayName:"AsideNavigation",props:{as:{defaultValue:{value:"'aside'",computed:!1},required:!1}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/aside-navigation/lib/aside-navigation/aside-navigation.js"]={name:"AsideNavigation",docgenInfo:AsideNavigation.__docgenInfo,path:"components/aside-navigation/lib/aside-navigation/aside-navigation.js"});var useAsideNavigationLinkStyles=(0,makeStyles_esm.Z)({root:Object.assign({},index_esm.q5.padding(0,tokens.T.spacingHorizontalS),{textAlign:"left",height:tokens.T.lineHeightBase600,transitionProperty:"all",transitionDuration:tokens.T.durationNormal,transitionTimingFunction:tokens.T.curveEasyEase,backgroundColor:"transparent",cursor:"pointer"},index_esm.q5.borderStyle("none"),index_esm.q5.borderColor("transparent"),index_esm.q5.borderRadius("0.5rem"),{":hover":{backgroundColor:tokens.T.colorBrandBackground2,"& > *":{color:tokens.T.colorBrandForeground2},":focus":{outlineColor:tokens.T.colorBrandForeground2}}}),active:{fontWeight:tokens.T.fontWeightSemibold}}),AsideNavigationLink=function AsideNavigationLink(_ref){var children=_ref.children,_ref$as=_ref.as,Root=void 0===_ref$as?"button":_ref$as,onClick=_ref.onClick,index=_ref.index,classes=useAsideNavigationLinkStyles(),isActive=(0,react.useContext)(AsideNavigationContext).currentIndex===index;return react.createElement(Root,{onClick,className:(0,mergeClasses_esm.z)(classes.root)},react.createElement(text_text.x,{as:"span",color:isActive?"action":"secondary",className:isActive?classes.active:void 0},children))};AsideNavigationLink.__docgenInfo={description:"",methods:[],displayName:"AsideNavigationLink",props:{as:{defaultValue:{value:"'button'",computed:!1},required:!1}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/aside-navigation/lib/aside-navigation-link/aside-navigation-link.js"]={name:"AsideNavigationLink",docgenInfo:AsideNavigationLink.__docgenInfo,path:"components/aside-navigation/lib/aside-navigation-link/aside-navigation-link.js"});var icon=__webpack_require__("./components/icon/lib/icon/icon.js"),useBookmarkTileStyles=(0,makeStyles_esm.Z)({root:Object.assign({textAlign:"left",cursor:"pointer",backgroundColor:"transparent"},index_esm.q5.borderStyle("none"),index_esm.q5.borderColor("transparent")),header:{display:"flex",justifyContent:"space-between",alignItems:"center"},image:{height:tokens.T.spacingHorizontalXXXL,width:tokens.T.spacingHorizontalXXXL,objectFit:"contain"},fallbackIcon:Object.assign({height:tokens.T.spacingHorizontalXXXL,width:tokens.T.spacingHorizontalXXXL},index_esm.q5.borderRadius(tokens.T.spacingHorizontalL),{backgroundColor:tokens.T.colorBrandBackground2,display:"grid",alignItems:"center",justifyItems:"center"})}),BookmarkTile=function BookmarkTile(_ref){var className=_ref.className,iconAlt=_ref.iconAlt,iconSrc=_ref.iconSrc,title=_ref.title,description=_ref.description,onClick=_ref.onClick,classes=useBookmarkTileStyles(),space=(0,use_space_styles.z)();return react.createElement(tile.n,{as:"button",variant:"card",onClick,className:(0,mergeClasses_esm.z)(classes.root,space.p9,className)},react.createElement("div",null,react.createElement("header",{className:(0,mergeClasses_esm.z)(classes.header,space.mb7)},iconSrc&&iconAlt?react.createElement("img",{src:iconSrc,alt:iconAlt,className:classes.image}):react.createElement("div",{className:classes.fallbackIcon},react.createElement(icon.J,{iconName:"link",color:"accent"})),react.createElement(icon.J,{iconName:"open",color:"secondary"})),react.createElement(text_text.x,{block:!0,as:"h3",variant:"caption",className:space.mb1},title),react.createElement(text_text.x,{block:!0,variant:"description",color:"secondary"},description)))};BookmarkTile.__docgenInfo={description:"",methods:[],displayName:"BookmarkTile"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/bookmark-tile/lib/bookmark-tile/bookmark-tile.js"]={name:"BookmarkTile",docgenInfo:BookmarkTile.__docgenInfo,path:"components/bookmark-tile/lib/bookmark-tile/bookmark-tile.js"});var mark_list=__webpack_require__("./components/mark-list/lib/mark-list/mark-list.js"),mark_list_item=__webpack_require__("./components/mark-list/lib/mark-list-item/mark-list-item.js"),badge=(__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./components/badge/lib/badge/badge.js")),useRecommendationTileStyles=(0,makeStyles_esm.Z)({image:Object.assign({},index_esm.q5.borderRadius("var(--arbutus--shape-border-radius)"),{height:"13.75rem",width:"100%",objectFit:"cover"}),imageContainer:{position:"relative"},overlayBadge:{position:"absolute",left:tokens.T.spacingHorizontalM,top:tokens.T.spacingHorizontalM},recommendationList:{paddingLeft:0}}),getBackgroundColor=function getBackgroundColor(_ref){var withImage=_ref.withImage,recommendation=_ref.recommendation;switch(!0){case withImage:return"none";case!withImage&&"positive"===recommendation:return"positive";case!withImage&&"negative"===recommendation:return"negative";default:return"none"}},RecommendationTile=function RecommendationTile(_ref){var className=_ref.className,description=_ref.description,Image=_ref.imageAs,imageProps=_ref.imageProps,linkAs=_ref.linkAs,linkProps=_ref.linkProps,linkText=_ref.linkText,linkWithIcon=_ref.linkWithIcon,recommendation=_ref.recommendation,recommendationsList=_ref.recommendationsList,title=_ref.title,classes=useRecommendationTileStyles(),space=(0,use_space_styles.z)();return react.createElement(tile.n,{variant:"solid-color",backgroundColor:getBackgroundColor({withImage:Boolean(Image),recommendation}),className:(0,mergeClasses_esm.z)(!Image&&space.p9,className)},Image&&react.createElement("div",{className:classes.imageContainer},react.createElement(badge.C,{iconName:"positive"===recommendation?"check":"x",color:"positive"===recommendation?"positive":"negative",className:classes.overlayBadge}),react.createElement(Image,Object.assign({},imageProps,{className:(0,mergeClasses_esm.z)(classes.image,space.mb4)}))),react.createElement(text_text.x,{block:!0,variant:recommendationsList?"headline":"caption",color:recommendation,className:recommendationsList?space.mb7:space.mb5},!Image||recommendationsList&&react.createElement(badge.C,{iconName:"positive"===recommendation?"check":"x",color:"positive"===recommendation?"positive":"negative",isInline:!0,className:space.mr5}),title),description&&react.createElement(text_text.x,{block:!0,variant:"description"},description),recommendationsList&&react.createElement(mark_list.N,{iconName:"positive"===recommendation?"check":"x",iconColor:"positive"===recommendation?"positive":"negative",className:(0,mergeClasses_esm.z)(classes.recommendationList,space.mt5)},recommendationsList.map((function(recommendation,index){return react.createElement(mark_list_item.O,{key:index},recommendation)}))),linkAs&&linkText&&react.createElement(link_link.r,{as:linkAs,variant:"caption",elementProps:linkProps,className:space.mt5,withIcon:linkWithIcon},linkText))};RecommendationTile.__docgenInfo={description:"",methods:[],displayName:"RecommendationTile"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/recommendation-tile/lib/recommendation-tile/recommendation-tile.js"]={name:"RecommendationTile",docgenInfo:RecommendationTile.__docgenInfo,path:"components/recommendation-tile/lib/recommendation-tile/recommendation-tile.js"});var index_browser=__webpack_require__("./components/tabs/node_modules/nanoid/index.browser.js"),TabsContext=(0,react.createContext)({currentIndex:0,prevIndex:void 0,id:"",onChangeIndex:function onChangeIndex(_ref){_ref.nextIndex}}),TabsProvider=TabsContext.Provider,useTabsStyles=(0,makeStyles_esm.Z)({root:{color:tokens.T.colorNeutralForeground1,":global(:root)":{"--reach-tabs":1},'& [data-reach-tabs][data-orientation="vertical"]':{display:"flex"},'& [data-reach-tab-list][aria-orientation="vertical"]':{flexDirection:"column"},"& [data-reach-tab]":Object.assign({},index_esm.q5.margin("0"),{paddingTop:tokens.T.spacingHorizontalS,paddingBottom:tokens.T.spacingHorizontalS,paddingLeft:tokens.T.spacingHorizontalL,paddingRight:tokens.T.spacingHorizontalL,display:"inline-block"},index_esm.q5.borderColor("transparent"),index_esm.q5.borderWidth(0),index_esm.q5.borderStyle("none"),index_esm.q5.borderRadius("0.25rem 0.25rem 0 0"),{boxShadow:"0 0 0 -2px transparent",backgroundColor:"transparent",color:"inherit",cursor:"pointer",WebkitAppearance:"none",MozAppearance:"none",fontWeight:tokens.T.fontWeightRegular,fontSize:tokens.T.fontSizeBase300,lineHeight:tokens.T.lineHeightBase300,transitionProperty:"box-shadow",transitionDuration:tokens.T.durationNormal,transitionTimingFunction:tokens.T.curveEasyEase,"&:focus":{outlineColor:"initial",outlineStyle:"none",outlineWidth:"initial"}}),"& [data-reach-tab]:active":{backgroundColor:tokens.T.colorNeutralBackground1},"& [data-reach-tab]:disabled":{opacity:"0.25",cursor:"default"},"& [data-reach-tab][data-selected]":{fontWeight:tokens.T.fontWeightSemibold,boxShadow:"0 0.125rem 0 0 "+tokens.T.colorBrandForeground1}}});function tabs_slicedToArray(arr,i){return function tabs_arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function tabs_iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null!=_i){var _s,_e,_x,_r,_arr=[],_n=!0,_d=!1;try{if(_x=(_i=_i.call(arr)).next,0===i){if(Object(_i)!==_i)return;_n=!1}else for(;!(_n=(_s=_x.call(_i)).done)&&(_arr.push(_s.value),_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{if(!_n&&null!=_i.return&&(_r=_i.return(),Object(_r)!==_r))return}finally{if(_d)throw _e}}return _arr}}(arr,i)||function tabs_unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return tabs_arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return tabs_arrayLikeToArray(o,minLen)}(arr,i)||function tabs_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 tabs_arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);iarr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i{"use strict";__webpack_require__.d(__webpack_exports__,{_:()=>Crown});var mergeClasses_esm=__webpack_require__("./node_modules/@griffel/core/mergeClasses.esm.js"),icon_button=__webpack_require__("./components/icon-button/lib/icon-button/icon-button.js"),text_text=__webpack_require__("./components/text/lib/text/text.js"),react=__webpack_require__("./node_modules/react/index.js"),context=__webpack_require__("./components/tray/lib/context.js"),tokens=(__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/@fluentui/tokens/lib/tokens.js")),makeStyles_esm=__webpack_require__("./node_modules/@griffel/react/makeStyles.esm.js"),index_esm=__webpack_require__("./node_modules/@griffel/core/index.esm.js"),useCrownStyles=(0,makeStyles_esm.Z)({root:{width:"100%",display:"inline-flex",alignItems:"center",minHeight:"60px",columnGap:tokens.T.spacingHorizontalM},image:{width:"auto",height:tokens.T.spacingHorizontalXXXL},logo:{display:"inline-flex",alignItems:"center",height:"100%",columnGap:tokens.T.spacingHorizontalM},interactive:{backgroundColor:"transparent",borderLeftWidth:"none",borderRightWidth:"none",borderTopWidth:"none",borderBottomWidth:"none",borderLeftColor:"none",borderRightColor:"none",borderTopColor:"none",borderBottomColor:"none",borderLeftStyle:"none",borderRightStyle:"none",borderTopStyle:"none",borderBottomStyle:"none",cursor:"pointer",position:"relative","&::after":Object.assign({content:'""',position:"absolute",top:"-1px",left:"-1px",height:"calc(100% + 2px)",width:"calc(100% + 2px)",boxShadow:"0 0 4px 1px transparent",transitionProperty:"box-shadow",transitionDuration:tokens.T.durationNormal,transitionTimingFunction:tokens.T.curveEasyEase},index_esm.q5.borderRadius(tokens.T.borderRadiusMedium)),"&:focus":{outlineColor:"initial",outlineStyle:"none",outlineWidth:"initial",position:"relative"},"&:focus-visible":{outlineStyle:"none","&::after":{boxShadow:"0 0 4px 2px "+tokens.T.colorBrandForeground1}}}}),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),Logo=function Logo(_ref){var onClick=_ref.onClick,children=_ref.children,classes=useCrownStyles();return onClick?(0,jsx_runtime.jsx)("button",{className:(0,mergeClasses_esm.z)(classes.logo,classes.interactive),onClick,children}):(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children})},Crown=function Crown(_ref2){var className=_ref2.className,onClick=_ref2.onClick,_ref2$closeTrayLabel=_ref2.closeTrayLabel,closeTrayLabel=void 0===_ref2$closeTrayLabel?"Close navigation":_ref2$closeTrayLabel,isTabletLayout=_ref2.isTabletLayout,logoMarkAlt=_ref2.logoMarkAlt,logoMarkSrc=_ref2.logoMarkSrc,logoText=_ref2.logoText,_ref2$openTrayLabel=_ref2.openTrayLabel,openTrayLabel=void 0===_ref2$openTrayLabel?"Open navigation":_ref2$openTrayLabel,_useTrayContext=function useTrayContext(){return(0,react.useContext)(context.Se)}(),isOpen=_useTrayContext.isOpen,setIsOpen=_useTrayContext.setIsOpen,classes=useCrownStyles();return(0,jsx_runtime.jsxs)("div",{className:(0,mergeClasses_esm.z)(classes.root,className),children:[isTabletLayout&&(0,jsx_runtime.jsx)(icon_button.h,{iconName:isOpen?"slide-in":"slide-out",label:isOpen?closeTrayLabel:openTrayLabel,onClick:isOpen?function onCloseTray(){return setIsOpen(!1)}:function onOpenTray(){return setIsOpen(!0)},"aria-hidden":!0}),(0,jsx_runtime.jsxs)(Logo,{onClick,children:[logoMarkSrc&&(0,jsx_runtime.jsx)("img",{src:logoMarkSrc,alt:logoMarkAlt,className:classes.image}),logoText&&(0,jsx_runtime.jsx)(text_text.x,{as:"h1",variant:"subtitle",children:logoText})]})]})};Crown.displayName="Crown";try{Crown.displayName="Crown",Crown.__docgenInfo={description:"",displayName:"Crown",props:{className:{defaultValue:null,description:"Consumer provided class.",name:"className",required:!1,type:{name:"string"}},logoMarkSrc:{defaultValue:null,description:"Logo mark src.",name:"logoMarkSrc",required:!1,type:{name:"string"}},logoMarkAlt:{defaultValue:null,description:"Logo mark alt.",name:"logoMarkAlt",required:!1,type:{name:"string"}},logoText:{defaultValue:null,description:"Logo text.",name:"logoText",required:!1,type:{name:"string"}},isTabletLayout:{defaultValue:null,description:"Adds tablet tray controls.",name:"isTabletLayout",required:!1,type:{name:"boolean"}},closeTrayLabel:{defaultValue:{value:"Close navigation"},description:"Accessible text for the close tray action.",name:"closeTrayLabel",required:!1,type:{name:"string"}},openTrayLabel:{defaultValue:{value:"Open navigation"},description:"Accessible text for the open tray action.",name:"openTrayLabel",required:!1,type:{name:"string"}},onClick:{defaultValue:null,description:"Click handler.",name:"onClick",required:!1,type:{name:"(event?: MouseEvent) => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/shell/src/crown/crown.tsx#Crown"]={docgenInfo:Crown.__docgenInfo,name:"Crown",path:"components/shell/src/crown/crown.tsx#Crown"})}catch(__react_docgen_typescript_loader_error){}},"./components/table-list/__dev__/table-list.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Alternating:()=>Alternating,Simple:()=>Simple,__namedExportsOrder:()=>__namedExportsOrder,default:()=>table_list_stories});__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js");var makeStyles_esm=__webpack_require__("./node_modules/@griffel/react/makeStyles.esm.js"),text_text=__webpack_require__("./components/text/lib/text/text.js"),react=__webpack_require__("./node_modules/react/index.js"),decorators=__webpack_require__("./.storybook/decorators/index.ts"),mergeClasses_esm=__webpack_require__("./node_modules/@griffel/core/mergeClasses.esm.js"),TableListContext=(0,react.createContext)({isAlternating:!1}),TableListProvider=TableListContext.Provider,tokens=__webpack_require__("./node_modules/@fluentui/tokens/lib/tokens.js"),index_esm=__webpack_require__("./node_modules/@griffel/core/index.esm.js"),useTableListStyles=(0,makeStyles_esm.Z)({root:Object.assign({borderSpacing:0,width:"100%"},index_esm.q5.borderColor(tokens.T.colorNeutralStroke1),index_esm.q5.borderWidth(tokens.T.strokeWidthThin),index_esm.q5.borderStyle("solid"),index_esm.q5.borderRadius(tokens.T.borderRadiusXLarge),{tableLayout:"fixed","& thead > tr > th":Object.assign({borderBottomColor:tokens.T.colorNeutralStroke1,borderBottomWidth:tokens.T.strokeWidthThin,borderBottomStyle:"solid"},index_esm.q5.borderRadius(0)),"& thead tr:last-child td:first-child, &:last-child th:first-child":{borderBottomLeftRadius:0},"& thead tr:last-child td:last-child, &:last-child th:last-child":{borderBottomRightRadius:0}}),caption:{color:tokens.T.colorNeutralForeground1,fontFamily:tokens.T.fontFamilyBase,fontSize:tokens.T.fontSizeBase500,lineHeight:tokens.T.lineHeightBase500,fontWeight:tokens.T.fontWeightSemibold,marginBottom:tokens.T.spacingVerticalL,textAlign:"left","@media screen and (max-width: 600px)":{fontSize:tokens.T.fontSizeBase400,lineHeight:tokens.T.lineHeightBase400}}}),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),TableList=function TableList(_ref){var className=_ref.className,isAlternating=_ref.isAlternating,children=_ref.children,caption=_ref.caption,classes=useTableListStyles();return(0,jsx_runtime.jsx)(TableListProvider,{value:{isAlternating},children:(0,jsx_runtime.jsxs)("table",{className:(0,mergeClasses_esm.z)(classes.root,className),children:[caption&&(0,jsx_runtime.jsx)("caption",{className:classes.caption,children:caption}),children]})})};TableList.displayName="TableList";try{TableList.displayName="TableList",TableList.__docgenInfo={description:"",displayName:"TableList",props:{className:{defaultValue:null,description:"Consumer provided class.",name:"className",required:!1,type:{name:"string"}},isAlternating:{defaultValue:null,description:"Alternating row colors variant.",name:"isAlternating",required:!1,type:{name:"boolean"}},caption:{defaultValue:null,description:"Table title (caption).",name:"caption",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/table-list/src/table-list/table-list.tsx#TableList"]={docgenInfo:TableList.__docgenInfo,name:"TableList",path:"components/table-list/src/table-list/table-list.tsx#TableList"})}catch(__react_docgen_typescript_loader_error){}var useTableRowStyles=(0,makeStyles_esm.Z)({root:{"&:first-child td:first-child, &:first-child th:first-child":{borderTopLeftRadius:tokens.T.borderRadiusXLarge},"&:first-child td:last-child, &:first-child th:last-child":{borderTopRightRadius:tokens.T.borderRadiusXLarge},"&:last-child td:first-child, &:last-child th:first-child":{borderBottomLeftRadius:tokens.T.borderRadiusXLarge},"&:last-child td:last-child, &:last-child th:last-child":{borderBottomRightRadius:tokens.T.borderRadiusXLarge}},simple:{"&:not(:last-child) td":{borderBottomColor:tokens.T.colorNeutralStroke1,borderBottomWidth:tokens.T.strokeWidthThin,borderBottomStyle:"solid"},"&:not(:last-child) th":{borderBottomColor:tokens.T.colorNeutralStroke1,borderBottomWidth:tokens.T.strokeWidthThin,borderBottomStyle:"solid"}},alternating:{"&:nth-child(even) td, &:nth-child(even) th":{backgroundColor:tokens.T.colorNeutralBackground3}}}),TableRow=function TableRow(_ref){var className=_ref.className,children=_ref.children,isAlternating=function useTableListContext(){return(0,react.useContext)(TableListContext)}().isAlternating,classes=useTableRowStyles();return(0,jsx_runtime.jsx)("tr",{className:(0,mergeClasses_esm.z)(classes.root,isAlternating?classes.alternating:classes.simple,className),children})};TableRow.displayName="TableRow";try{TableRow.displayName="TableRow",TableRow.__docgenInfo={description:"",displayName:"TableRow",props:{className:{defaultValue:null,description:"Consumer provided class.",name:"className",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/table-list/src/table-row/table-row.tsx#TableRow"]={docgenInfo:TableRow.__docgenInfo,name:"TableRow",path:"components/table-list/src/table-row/table-row.tsx#TableRow"})}catch(__react_docgen_typescript_loader_error){}__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js");var useTableCellStyles=(0,makeStyles_esm.Z)({root:Object.assign({},index_esm.q5.padding(tokens.T.spacingVerticalXL))}),_excluded=["className","isHeader","children"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var TableCell=function TableCell(_ref){var className=_ref.className,isHeader=_ref.isHeader,children=_ref.children,props=_objectWithoutProperties(_ref,_excluded),classes=useTableCellStyles();return isHeader?(0,jsx_runtime.jsx)("th",Object.assign({className:(0,mergeClasses_esm.z)(classes.root,className)},props,{children})):(0,jsx_runtime.jsx)("td",Object.assign({className:(0,mergeClasses_esm.z)(classes.root,className)},props,{children}))};TableCell.displayName="TableCell";try{TableCell.displayName="TableCell",TableCell.__docgenInfo={description:"",displayName:"TableCell",props:{className:{defaultValue:null,description:"Consumer provided class.",name:"className",required:!1,type:{name:"string"}},isHeader:{defaultValue:null,description:"Sets the cell to be a header cell (``).",name:"isHeader",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/table-list/src/table-cell/table-cell.tsx#TableCell"]={docgenInfo:TableCell.__docgenInfo,name:"TableCell",path:"components/table-list/src/table-cell/table-cell.tsx#TableCell"})}catch(__react_docgen_typescript_loader_error){}var useTemplateStyles=(0,makeStyles_esm.Z)({header:{width:"120px"},domain:{width:"120px"}});const table_list_stories={title:"Lists/TableList",component:TableList,decorators:[function(Story){return(0,jsx_runtime.jsx)(decorators.z,{children:(0,jsx_runtime.jsx)("div",{children:(0,jsx_runtime.jsx)(Story,{})})})}]};var Template=function Template(args){var classes=useTemplateStyles();return(0,jsx_runtime.jsxs)(TableList,Object.assign({},args,{children:[(0,jsx_runtime.jsx)("thead",{children:(0,jsx_runtime.jsxs)(TableRow,{children:[(0,jsx_runtime.jsx)(TableCell,{isHeader:!0,className:classes.header,children:"Component"}),(0,jsx_runtime.jsx)(TableCell,{isHeader:!0,className:classes.domain,children:"Domain"}),(0,jsx_runtime.jsx)(TableCell,{isHeader:!0,children:"Example"}),(0,jsx_runtime.jsx)(TableCell,{isHeader:!0,children:"Notes"})]})}),(0,jsx_runtime.jsxs)("tbody",{children:[(0,jsx_runtime.jsxs)(TableRow,{children:[(0,jsx_runtime.jsx)(TableCell,{isHeader:!0,className:classes.header,children:"Table"}),(0,jsx_runtime.jsx)(TableCell,{className:classes.domain,children:"Lists"}),(0,jsx_runtime.jsx)(TableCell,{children:(0,jsx_runtime.jsx)(text_text.x,{variant:"code",children:"{children}"})}),(0,jsx_runtime.jsx)(TableCell,{children:"No additional info."})]}),(0,jsx_runtime.jsxs)(TableRow,{children:[(0,jsx_runtime.jsx)(TableCell,{isHeader:!0,className:classes.header,children:"Button"}),(0,jsx_runtime.jsx)(TableCell,{className:classes.domain,children:"Actions"}),(0,jsx_runtime.jsx)(TableCell,{children:(0,jsx_runtime.jsx)(text_text.x,{variant:"code",children:""})}),(0,jsx_runtime.jsx)(TableCell,{children:"No additional info."})]}),(0,jsx_runtime.jsxs)(TableRow,{children:[(0,jsx_runtime.jsx)(TableCell,{isHeader:!0,className:classes.header,children:"Link"}),(0,jsx_runtime.jsx)(TableCell,{className:classes.domain,children:"Navigation"}),(0,jsx_runtime.jsx)(TableCell,{children:(0,jsx_runtime.jsx)(text_text.x,{variant:"code",children:" {}}>Click me!"})}),(0,jsx_runtime.jsx)(TableCell,{children:"Deprecated"})]})]})]}))};Template.displayName="Template";var Simple=Template.bind({});Simple.args={isAlternating:!1,caption:"TableList Example"};var Alternating=Template.bind({});Alternating.args={isAlternating:!0};var __namedExportsOrder=["Simple","Alternating"]},"./components/tabs/__dev__/tabs.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Simple:()=>Simple,__namedExportsOrder:()=>__namedExportsOrder,default:()=>tabs_stories});__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js");var makeStyles_esm=__webpack_require__("./node_modules/@griffel/react/makeStyles.esm.js"),text_text=__webpack_require__("./components/text/lib/text/text.js"),tile=__webpack_require__("./components/tile/lib/tile.js"),use_space_styles=__webpack_require__("./hooks/use-space-styles/lib/use-space-styles.js"),react=__webpack_require__("./node_modules/react/index.js"),mergeClasses_esm=(__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/@griffel/core/mergeClasses.esm.js")),index_browser=__webpack_require__("./components/tabs/node_modules/nanoid/index.browser.js"),TabsContext=(0,react.createContext)({currentIndex:0,prevIndex:void 0,id:"",onChangeIndex:function onChangeIndex(_ref){_ref.nextIndex}}),TabsProvider=TabsContext.Provider,tokens=__webpack_require__("./node_modules/@fluentui/tokens/lib/tokens.js"),index_esm=__webpack_require__("./node_modules/@griffel/core/index.esm.js"),useTabsStyles=(0,makeStyles_esm.Z)({root:{color:tokens.T.colorNeutralForeground1,":global(:root)":{"--reach-tabs":1},'& [data-reach-tabs][data-orientation="vertical"]':{display:"flex"},'& [data-reach-tab-list][aria-orientation="vertical"]':{flexDirection:"column"},"& [data-reach-tab]":Object.assign({},index_esm.q5.margin("0"),{paddingTop:tokens.T.spacingHorizontalS,paddingBottom:tokens.T.spacingHorizontalS,paddingLeft:tokens.T.spacingHorizontalL,paddingRight:tokens.T.spacingHorizontalL,display:"inline-block"},index_esm.q5.borderColor("transparent"),index_esm.q5.borderWidth(0),index_esm.q5.borderStyle("none"),index_esm.q5.borderRadius("0.25rem 0.25rem 0 0"),{boxShadow:"0 0 0 -2px transparent",backgroundColor:"transparent",color:"inherit",cursor:"pointer",WebkitAppearance:"none",MozAppearance:"none",fontWeight:tokens.T.fontWeightRegular,fontSize:tokens.T.fontSizeBase300,lineHeight:tokens.T.lineHeightBase300,transitionProperty:"box-shadow",transitionDuration:tokens.T.durationNormal,transitionTimingFunction:tokens.T.curveEasyEase,"&:focus":{outlineColor:"initial",outlineStyle:"none",outlineWidth:"initial"}}),"& [data-reach-tab]:active":{backgroundColor:tokens.T.colorNeutralBackground1},"& [data-reach-tab]:disabled":{opacity:"0.25",cursor:"default"},"& [data-reach-tab][data-selected]":{fontWeight:tokens.T.fontWeightSemibold,boxShadow:"0 0.125rem 0 0 "+tokens.T.colorBrandForeground1}}}),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null!=_i){var _s,_e,_x,_r,_arr=[],_n=!0,_d=!1;try{if(_x=(_i=_i.call(arr)).next,0===i){if(Object(_i)!==_i)return;_n=!1}else for(;!(_n=(_s=_x.call(_i)).done)&&(_arr.push(_s.value),_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{if(!_n&&null!=_i.return&&(_r=_i.return(),Object(_r)!==_r))return}finally{if(_d)throw _e}}return _arr}}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||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 _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Simple:()=>Simple,__namedExportsOrder:()=>__namedExportsOrder,default:()=>tag_stories});__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/react/index.js");var mergeClasses_esm=__webpack_require__("./node_modules/@griffel/core/mergeClasses.esm.js"),tokens=__webpack_require__("./node_modules/@fluentui/tokens/lib/tokens.js"),makeStyles_esm=__webpack_require__("./node_modules/@griffel/react/makeStyles.esm.js"),index_esm=__webpack_require__("./node_modules/@griffel/core/index.esm.js"),map_to_styles=__webpack_require__("./styles/utilities/lib/map-to-styles.js"),colorMap={new:{background:tokens.T.colorPaletteLavenderBackground2,text:tokens.T.colorPaletteLavenderForeground2},error:{background:tokens.T.colorPaletteDarkOrangeBackground2,text:tokens.T.colorPaletteDarkOrangeForeground2},warning:{background:tokens.T.colorPaletteMarigoldBackground2,text:tokens.T.colorPaletteMarigoldForeground2},success:{background:tokens.T.colorPaletteGreenBackground2,text:tokens.T.colorPaletteGreenForeground2},info:{background:tokens.T.colorNeutralBackground3,text:tokens.T.colorNeutralForeground3},accent:{background:tokens.T.colorBrandBackground2,text:tokens.T.colorBrandForeground2}},typeClasses=(0,map_to_styles.f)(colorMap,(function colorStyleFunction(_ref){return{backgroundColor:_ref.background,color:_ref.text}})),useTagStyles=(0,makeStyles_esm.Z)(Object.assign({root:Object.assign({color:tokens.T.colorNeutralForeground1,display:"block",textTransform:"uppercase"},index_esm.q5.borderRadius(tokens.T.borderRadiusMedium)),medium:{paddingTop:tokens.T.spacingVerticalXS,paddingBottom:tokens.T.spacingVerticalXS,paddingLeft:tokens.T.spacingHorizontalS,paddingRight:tokens.T.spacingHorizontalS,fontSize:tokens.T.fontSizeBase200,fontWeight:tokens.T.fontWeightSemibold,lineHeight:tokens.T.lineHeightBase200},small:{paddingTop:tokens.T.spacingVerticalXXS,paddingBottom:tokens.T.spacingVerticalXXS,paddingLeft:tokens.T.spacingHorizontalXS,paddingRight:tokens.T.spacingHorizontalXS,fontSize:tokens.T.fontSizeBase100,lineHeight:tokens.T.lineHeightBase100,fontWeight:tokens.T.fontWeightSemibold,letterSpacing:"0.5px"}},typeClasses,{inline:{display:"inline-block"}})),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),Tag=function Tag(_ref){var children=_ref.children,className=_ref.className,isInline=_ref.isInline,_ref$size=_ref.size,size=void 0===_ref$size?"medium":_ref$size,_ref$type=_ref.type,type=void 0===_ref$type?"accent":_ref$type,classes=useTagStyles();return(0,jsx_runtime.jsx)("span",{className:(0,mergeClasses_esm.z)(classes.root,classes[type],classes[size],isInline&&classes.inline,className),children})};Tag.displayName="Tag";try{Tag.displayName="Tag",Tag.__docgenInfo={description:"",displayName:"Tag",props:{className:{defaultValue:null,description:"Consumer provided class.",name:"className",required:!1,type:{name:"string"}},type:{defaultValue:{value:"accent"},description:"Type color variant options.",name:"type",required:!1,type:{name:"enum",value:[{value:'"accent"'},{value:'"warning"'},{value:'"info"'},{value:'"success"'},{value:'"error"'},{value:'"new"'}]}},size:{defaultValue:{value:"medium"},description:"Size variant options.",name:"size",required:!1,type:{name:"enum",value:[{value:'"small"'},{value:'"medium"'}]}},isInline:{defaultValue:{value:"false"},description:"Inline variant.",name:"isInline",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/tag/src/tag/tag.tsx#Tag"]={docgenInfo:Tag.__docgenInfo,name:"Tag",path:"components/tag/src/tag/tag.tsx#Tag"})}catch(__react_docgen_typescript_loader_error){}const tag_stories={title:"Atoms/Tag",component:Tag};var Template=function Template(args){return(0,jsx_runtime.jsx)(Tag,Object.assign({},args))};Template.displayName="Template";var Simple=Template.bind({});Simple.args={type:"accent",children:"Future",isInline:!1,size:"medium"};var __namedExportsOrder=["Simple"]},"./components/text/__dev__/text.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Code:()=>Code,Simple:()=>Simple,StylesDemo:()=>StylesDemo,__namedExportsOrder:()=>__namedExportsOrder,default:()=>text_stories});__webpack_require__("./node_modules/core-js/modules/es.array.concat.js"),__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js");var makeStyles_esm=__webpack_require__("./node_modules/@griffel/react/makeStyles.esm.js"),index_esm=__webpack_require__("./node_modules/@griffel/core/index.esm.js"),mergeClasses_esm=__webpack_require__("./node_modules/@griffel/core/mergeClasses.esm.js"),divider=__webpack_require__("./components/divider/lib/divider/divider.js"),use_space_styles=__webpack_require__("./hooks/use-space-styles/lib/use-space-styles.js"),decorators=(__webpack_require__("./node_modules/react/index.js"),__webpack_require__("./.storybook/decorators/index.ts")),Text_Text=(__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/@fluentui/react-text/lib/components/Text/Text.js")),tokens=__webpack_require__("./node_modules/@fluentui/tokens/lib/tokens.js"),map_to_styles=__webpack_require__("./styles/utilities/lib/map-to-styles.js"),colorMap={accent:tokens.T.colorBrandForeground1,action:tokens.T.colorBrandForeground2,primary:tokens.T.colorNeutralForeground1,secondary:tokens.T.colorNeutralForeground2,tertiary:tokens.T.colorNeutralForeground3,quaternary:tokens.T.colorNeutralForeground4,negative:tokens.T.colorPaletteDarkOrangeForeground1,positive:tokens.T.colorPaletteGreenForeground1,warning:tokens.T.colorPaletteMarigoldForeground1,danger:tokens.T.colorPaletteDarkOrangeForeground1,info:tokens.T.colorBrandForeground2,background:tokens.T.colorNeutralBackground1},colorClasses=(0,map_to_styles.f)(colorMap,(function colorStyleFunction(color){return{color}})),variantClasses={jumbo:{fontFamily:tokens.T.fontFamilyBase,fontSize:tokens.T.fontSizeHero1000,lineHeight:tokens.T.lineHeightHero1000,fontWeight:tokens.T.fontWeightBold},title:{fontFamily:tokens.T.fontFamilyBase,fontSize:tokens.T.fontSizeHero800,lineHeight:tokens.T.lineHeightHero800,fontWeight:tokens.T.fontWeightSemibold},subtitle:{fontFamily:tokens.T.fontFamilyBase,fontSize:tokens.T.fontSizeHero700,lineHeight:tokens.T.lineHeightHero700,fontWeight:tokens.T.fontWeightSemibold},headline:{fontFamily:tokens.T.fontFamilyBase,fontSize:tokens.T.fontSizeBase500,lineHeight:tokens.T.lineHeightBase500,fontWeight:tokens.T.fontWeightSemibold},leading:{fontFamily:tokens.T.fontFamilyBase,fontSize:tokens.T.fontSizeBase400,lineHeight:tokens.T.lineHeightBase400,fontWeight:tokens.T.fontWeightRegular},paragraph:{fontFamily:tokens.T.fontFamilyBase,fontSize:tokens.T.fontSizeBase300,lineHeight:tokens.T.lineHeightBase300,fontWeight:tokens.T.fontWeightRegular},caption:{fontFamily:tokens.T.fontFamilyBase,fontSize:tokens.T.fontSizeBase300,lineHeight:tokens.T.lineHeightBase300,fontWeight:tokens.T.fontWeightSemibold},description:{fontFamily:tokens.T.fontFamilyBase,fontSize:tokens.T.fontSizeBase200,lineHeight:tokens.T.lineHeightBase200,fontWeight:tokens.T.fontWeightRegular}},useTextStyles=(0,makeStyles_esm.Z)(Object.assign({},colorClasses,variantClasses,{root:Object.assign({},index_esm.q5.margin(0),index_esm.q5.padding(0)),code:Object.assign({display:"inline-block",fontFamily:tokens.T.fontFamilyMonospace,fontSize:tokens.T.fontSizeBase300,lineHeight:tokens.T.lineHeightBase300,backgroundColor:tokens.T.colorNeutralBackground3},index_esm.q5.borderRadius(tokens.T.borderRadiusSmall),{paddingLeft:tokens.T.spacingHorizontalXS,paddingRight:tokens.T.spacingHorizontalXS})})),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["children","color","variant","className","weight","size","font"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var Text=function Text(_ref){var children=_ref.children,_ref$color=_ref.color,color=void 0===_ref$color?"primary":_ref$color,variant=_ref.variant,className=_ref.className,weight=_ref.weight,size=_ref.size,font=_ref.font,props=_objectWithoutProperties(_ref,_excluded),classes=useTextStyles(),variantClass="";weight&&size&&font||(variantClass=variant?classes[variant]:classes.paragraph);var rootClasses=(0,mergeClasses_esm.z)(classes.root,classes[color],variantClass,className);return(0,jsx_runtime.jsx)(Text_Text.x,Object.assign({weight,size,font,className:rootClasses},props,{children}))};Text.displayName="Text";try{Text.displayName="Text",Text.__docgenInfo={description:"",displayName:"Text",props:{className:{defaultValue:null,description:"Consumer provided class.",name:"className",required:!1,type:{name:"string"}},variant:{defaultValue:null,description:"Selection of text styles.",name:"variant",required:!1,type:{name:"enum",value:[{value:'"title"'},{value:'"description"'},{value:'"code"'},{value:'"caption"'},{value:'"jumbo"'},{value:'"headline"'},{value:'"subtitle"'},{value:'"leading"'},{value:'"paragraph"'}]}},color:{defaultValue:{value:"primary"},description:"Selection of color options.",name:"color",required:!1,type:{name:"enum",value:[{value:'"action"'},{value:'"accent"'},{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'},{value:'"quaternary"'},{value:'"negative"'},{value:'"positive"'},{value:'"warning"'},{value:'"danger"'},{value:'"info"'},{value:'"background"'}]}},as:{defaultValue:null,description:"",name:"as",required:!1,type:{name:"enum",value:[{value:'"h1"'},{value:'"h2"'},{value:'"h3"'},{value:'"h4"'},{value:'"h5"'},{value:'"h6"'},{value:'"p"'},{value:'"pre"'},{value:'"span"'}]}},align:{defaultValue:{value:"start"},description:"Aligns text based on the parent container.",name:"align",required:!1,type:{name:"enum",value:[{value:'"start"'},{value:'"center"'},{value:'"end"'},{value:'"justify"'}]}},block:{defaultValue:{value:"false"},description:"Applies a block display for the content.",name:"block",required:!1,type:{name:"boolean"}},font:{defaultValue:{value:"base"},description:"Applies the font family to the content.",name:"font",required:!1,type:{name:"enum",value:[{value:'"numeric"'},{value:'"base"'},{value:'"monospace"'}]}},italic:{defaultValue:{value:"false"},description:"Applies the italic font style to the content.",name:"italic",required:!1,type:{name:"boolean"}},size:{defaultValue:{value:"300"},description:"Applies font size and line height based on the theme tokens.",name:"size",required:!1,type:{name:"enum",value:[{value:"100"},{value:"200"},{value:"300"},{value:"400"},{value:"500"},{value:"600"},{value:"700"},{value:"800"},{value:"900"},{value:"1000"}]}},strikethrough:{defaultValue:{value:"false"},description:"Applies the strikethrough text decoration to the content.",name:"strikethrough",required:!1,type:{name:"boolean"}},truncate:{defaultValue:{value:"false"},description:"Truncate overflowing text for block displays.",name:"truncate",required:!1,type:{name:"boolean"}},underline:{defaultValue:{value:"false"},description:"Applies the underline text decoration to the content.",name:"underline",required:!1,type:{name:"boolean"}},weight:{defaultValue:{value:"regular"},description:"Applies font weight to the content.",name:"weight",required:!1,type:{name:"enum",value:[{value:'"medium"'},{value:'"regular"'},{value:'"semibold"'},{value:'"bold"'}]}},wrap:{defaultValue:{value:"true"},description:"Wraps the text content on white spaces.",name:"wrap",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/text/src/text/text.tsx#Text"]={docgenInfo:Text.__docgenInfo,name:"Text",path:"components/text/src/text/text.tsx#Text"})}catch(__react_docgen_typescript_loader_error){}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);iHello!'}))};CodeTemplate.displayName="CodeTemplate";var Simple=Template.bind({});Simple.args={color:"primary",variant:"paragraph"};var Code=CodeTemplate.bind({});Code.args={variant:"code"};var useGridStyles=(0,makeStyles_esm.Z)({root:{maxWidth:"60rem"},article:{display:"grid",gridTemplateColumns:"repeat(2, 1fr)",columnGap:"1rem"},image:Object.assign({},index_esm.q5.borderRadius("var(--arbutus--shape-border-radius)"),{width:"100%"})}),TemplateDemo=function TemplateDemo(){var space=(0,use_space_styles.z)(),grid=useGridStyles(),imageClasses=(0,mergeClasses_esm.z)(grid.image,space.mb4);return(0,jsx_runtime.jsxs)("main",{className:(0,mergeClasses_esm.z)(space.pb12,grid.root),children:[(0,jsx_runtime.jsx)(Text,{block:!0,as:"h1",variant:"title",className:space.my4,children:"Title"}),(0,jsx_runtime.jsx)(Text,{block:!0,variant:"leading",children:"Leading Lorem ipsum dolor, sit amet consectetur adipisicing elit. Cupiditate modi eveniet dolorum officiis assumenda similique a voluptas voluptatum ducimus temporibus. Culpa animi labore molestiae nesciunt suscipit, architecto optio sit iusto."}),(0,jsx_runtime.jsx)(divider.i,{className:space.my8}),(0,jsx_runtime.jsx)(Text,{block:!0,as:"h2",variant:"subtitle",className:space.mb2,children:"Subheading"}),(0,jsx_runtime.jsx)(Text,{block:!0,variant:"leading",children:"Leading Lorem ipsum dolor, sit amet consectetur adipisicing elit. Cupiditate modi eveniet dolorum officiis assumenda similique a voluptas voluptatum ducimus temporibus. Culpa animi labore molestiae nesciunt suscipit, architecto optio sit iusto."}),(0,jsx_runtime.jsx)(divider.i,{className:space.my8}),(0,jsx_runtime.jsx)(Text,{block:!0,as:"h1",variant:"headline",className:space.my4,children:"Headline"}),(0,jsx_runtime.jsx)(Text,{block:!0,variant:"paragraph",className:space.mb8,children:"Paragraph Lorem ipsum dolor, sit amet consectetur adipisicing elit. Cupiditate modi eveniet dolorum officiis assumenda similique a voluptas voluptatum ducimus temporibus. Culpa animi labore molestiae nesciunt suscipit, architecto optio sit iusto."}),(0,jsx_runtime.jsxs)("div",{className:grid.article,children:[(0,jsx_runtime.jsxs)("section",{children:[(0,jsx_runtime.jsx)("img",{src:"https://via.placeholder.com/300x100.png/f0f0f0",alt:"Text demo 1",className:imageClasses}),(0,jsx_runtime.jsx)(Text,{block:!0,as:"h2",variant:"caption",className:space.mb1,color:"positive",children:"Caption: What do you see?"}),(0,jsx_runtime.jsx)(Text,{block:!0,variant:"description",color:"tertiary",children:"Description: Lorem ipsum dolor, sit amet consectetur adipisicing elit. Cupiditate modi eveniet dolorum officiis assumenda similique a voluptas voluptatum ducimus temporibus. Culpa animi labore molestiae nesciunt suscipit, architecto optio sit iusto."})]}),(0,jsx_runtime.jsxs)("section",{children:[(0,jsx_runtime.jsx)("img",{src:"https://via.placeholder.com/300x100.png/f0f0f0",alt:"Text demo 1",className:imageClasses}),(0,jsx_runtime.jsx)(Text,{block:!0,as:"h2",variant:"caption",className:space.mb1,color:"negative",children:"Caption: What do you see?"}),(0,jsx_runtime.jsx)(Text,{block:!0,variant:"description",color:"tertiary",children:"Description: Lorem ipsum dolor, sit amet consectetur adipisicing elit. Cupiditate modi eveniet dolorum officiis assumenda similique a voluptas voluptatum ducimus temporibus. Culpa animi labore molestiae nesciunt suscipit, architecto optio sit iusto."})]})]}),(0,jsx_runtime.jsx)(divider.i,{className:space.my12}),(0,jsx_runtime.jsxs)("div",{className:grid.article,children:[(0,jsx_runtime.jsxs)("section",{children:[(0,jsx_runtime.jsx)(Text,{block:!0,as:"h4",variant:"jumbo",color:"quaternary",className:space.my6,children:"Jumbo Text"}),(0,jsx_runtime.jsx)(Text,{block:!0,variant:"description",color:"secondary",children:"Description: Lorem ipsum dolor, sit amet consectetur adipisicing elit. Cupiditate modi eveniet dolorum officiis assumenda similique a voluptas voluptatum ducimus temporibus. Culpa animi labore molestiae nesciunt suscipit, architecto optio sit iusto."})]}),(0,jsx_runtime.jsx)("img",{src:"https://via.placeholder.com/300x200.png/f0f0f0",alt:"Text demo 2",className:grid.image})]})]})};TemplateDemo.displayName="TemplateDemo";var StylesDemo=TemplateDemo.bind({}),__namedExportsOrder=["Simple","Code","StylesDemo"]},"./components/text/lib/text/text.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{x:()=>Text});__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var _fluentui_react_text__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/@fluentui/react-text/lib/components/Text/Text.js"),_griffel_react__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@griffel/core/mergeClasses.esm.js"),react__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/react/index.js"),_text_styles__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./components/text/lib/text/text.styles.js"),_excluded=["children","color","variant","className","weight","size","font"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var Text=function Text(_ref){var children=_ref.children,_ref$color=_ref.color,color=void 0===_ref$color?"primary":_ref$color,variant=_ref.variant,className=_ref.className,weight=_ref.weight,size=_ref.size,font=_ref.font,props=_objectWithoutProperties(_ref,_excluded),classes=(0,_text_styles__WEBPACK_IMPORTED_MODULE_5__.Ke)(),variantClass="";weight&&size&&font||(variantClass=variant?classes[variant]:classes.paragraph);var rootClasses=(0,_griffel_react__WEBPACK_IMPORTED_MODULE_6__.z)(classes.root,classes[color],variantClass,className);return react__WEBPACK_IMPORTED_MODULE_4__.createElement(_fluentui_react_text__WEBPACK_IMPORTED_MODULE_7__.x,Object.assign({weight,size,font,className:rootClasses},props),children)};Text.__docgenInfo={description:"",methods:[],displayName:"Text",props:{color:{defaultValue:{value:"'primary'",computed:!1},required:!1}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/text/lib/text/text.js"]={name:"Text",docgenInfo:Text.__docgenInfo,path:"components/text/lib/text/text.js"})},"./components/text/lib/text/text.styles.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{AD:()=>variantClasses,Ke:()=>useTextStyles,bG:()=>colorClasses});__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var _fluentui_react_theme__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@fluentui/tokens/lib/tokens.js"),_griffel_react__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@griffel/react/makeStyles.esm.js"),_griffel_react__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/@griffel/core/index.esm.js"),_microsoft_arbutus_style_utilities__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./styles/utilities/lib/map-to-styles.js"),colorMap={accent:_fluentui_react_theme__WEBPACK_IMPORTED_MODULE_1__.T.colorBrandForeground1,action:_fluentui_react_theme__WEBPACK_IMPORTED_MODULE_1__.T.colorBrandForeground2,primary:_fluentui_react_theme__WEBPACK_IMPORTED_MODULE_1__.T.colorNeutralForeground1,secondary:_fluentui_react_theme__WEBPACK_IMPORTED_MODULE_1__.T.colorNeutralForeground2,tertiary:_fluentui_react_theme__WEBPACK_IMPORTED_MODULE_1__.T.colorNeutralForeground3,quaternary:_fluentui_react_theme__WEBPACK_IMPORTED_MODULE_1__.T.colorNeutralForeground4,negative:_fluentui_react_theme__WEBPACK_IMPORTED_MODULE_1__.T.colorPaletteDarkOrangeForeground1,positive:_fluentui_react_theme__WEBPACK_IMPORTED_MODULE_1__.T.colorPaletteGreenForeground1,warning:_fluentui_react_theme__WEBPACK_IMPORTED_MODULE_1__.T.colorPaletteMarigoldForeground1,danger:_fluentui_react_theme__WEBPACK_IMPORTED_MODULE_1__.T.colorPaletteDarkOrangeForeground1,info:_fluentui_react_theme__WEBPACK_IMPORTED_MODULE_1__.T.colorBrandForeground2,background:_fluentui_react_theme__WEBPACK_IMPORTED_MODULE_1__.T.colorNeutralBackground1},colorClasses=(0,_microsoft_arbutus_style_utilities__WEBPACK_IMPORTED_MODULE_2__.f)(colorMap,(function colorStyleFunction(color){return{color}})),variantClasses={jumbo:{fontFamily:_fluentui_react_theme__WEBPACK_IMPORTED_MODULE_1__.T.fontFamilyBase,fontSize:_fluentui_react_theme__WEBPACK_IMPORTED_MODULE_1__.T.fontSizeHero1000,lineHeight:_fluentui_react_theme__WEBPACK_IMPORTED_MODULE_1__.T.lineHeightHero1000,fontWeight:_fluentui_react_theme__WEBPACK_IMPORTED_MODULE_1__.T.fontWeightBold},title:{fontFamily:_fluentui_react_theme__WEBPACK_IMPORTED_MODULE_1__.T.fontFamilyBase,fontSize:_fluentui_react_theme__WEBPACK_IMPORTED_MODULE_1__.T.fontSizeHero800,lineHeight:_fluentui_react_theme__WEBPACK_IMPORTED_MODULE_1__.T.lineHeightHero800,fontWeight:_fluentui_react_theme__WEBPACK_IMPORTED_MODULE_1__.T.fontWeightSemibold},subtitle:{fontFamily:_fluentui_react_theme__WEBPACK_IMPORTED_MODULE_1__.T.fontFamilyBase,fontSize:_fluentui_react_theme__WEBPACK_IMPORTED_MODULE_1__.T.fontSizeHero700,lineHeight:_fluentui_react_theme__WEBPACK_IMPORTED_MODULE_1__.T.lineHeightHero700,fontWeight:_fluentui_react_theme__WEBPACK_IMPORTED_MODULE_1__.T.fontWeightSemibold},headline:{fontFamily:_fluentui_react_theme__WEBPACK_IMPORTED_MODULE_1__.T.fontFamilyBase,fontSize:_fluentui_react_theme__WEBPACK_IMPORTED_MODULE_1__.T.fontSizeBase500,lineHeight:_fluentui_react_theme__WEBPACK_IMPORTED_MODULE_1__.T.lineHeightBase500,fontWeight:_fluentui_react_theme__WEBPACK_IMPORTED_MODULE_1__.T.fontWeightSemibold},leading:{fontFamily:_fluentui_react_theme__WEBPACK_IMPORTED_MODULE_1__.T.fontFamilyBase,fontSize:_fluentui_react_theme__WEBPACK_IMPORTED_MODULE_1__.T.fontSizeBase400,lineHeight:_fluentui_react_theme__WEBPACK_IMPORTED_MODULE_1__.T.lineHeightBase400,fontWeight:_fluentui_react_theme__WEBPACK_IMPORTED_MODULE_1__.T.fontWeightRegular},paragraph:{fontFamily:_fluentui_react_theme__WEBPACK_IMPORTED_MODULE_1__.T.fontFamilyBase,fontSize:_fluentui_react_theme__WEBPACK_IMPORTED_MODULE_1__.T.fontSizeBase300,lineHeight:_fluentui_react_theme__WEBPACK_IMPORTED_MODULE_1__.T.lineHeightBase300,fontWeight:_fluentui_react_theme__WEBPACK_IMPORTED_MODULE_1__.T.fontWeightRegular},caption:{fontFamily:_fluentui_react_theme__WEBPACK_IMPORTED_MODULE_1__.T.fontFamilyBase,fontSize:_fluentui_react_theme__WEBPACK_IMPORTED_MODULE_1__.T.fontSizeBase300,lineHeight:_fluentui_react_theme__WEBPACK_IMPORTED_MODULE_1__.T.lineHeightBase300,fontWeight:_fluentui_react_theme__WEBPACK_IMPORTED_MODULE_1__.T.fontWeightSemibold},description:{fontFamily:_fluentui_react_theme__WEBPACK_IMPORTED_MODULE_1__.T.fontFamilyBase,fontSize:_fluentui_react_theme__WEBPACK_IMPORTED_MODULE_1__.T.fontSizeBase200,lineHeight:_fluentui_react_theme__WEBPACK_IMPORTED_MODULE_1__.T.lineHeightBase200,fontWeight:_fluentui_react_theme__WEBPACK_IMPORTED_MODULE_1__.T.fontWeightRegular}},useTextStyles=(0,_griffel_react__WEBPACK_IMPORTED_MODULE_3__.Z)(Object.assign({},colorClasses,variantClasses,{root:Object.assign({},_griffel_react__WEBPACK_IMPORTED_MODULE_4__.q5.margin(0),_griffel_react__WEBPACK_IMPORTED_MODULE_4__.q5.padding(0)),code:Object.assign({display:"inline-block",fontFamily:_fluentui_react_theme__WEBPACK_IMPORTED_MODULE_1__.T.fontFamilyMonospace,fontSize:_fluentui_react_theme__WEBPACK_IMPORTED_MODULE_1__.T.fontSizeBase300,lineHeight:_fluentui_react_theme__WEBPACK_IMPORTED_MODULE_1__.T.lineHeightBase300,backgroundColor:_fluentui_react_theme__WEBPACK_IMPORTED_MODULE_1__.T.colorNeutralBackground3},_griffel_react__WEBPACK_IMPORTED_MODULE_4__.q5.borderRadius(_fluentui_react_theme__WEBPACK_IMPORTED_MODULE_1__.T.borderRadiusSmall),{paddingLeft:_fluentui_react_theme__WEBPACK_IMPORTED_MODULE_1__.T.spacingHorizontalXS,paddingRight:_fluentui_react_theme__WEBPACK_IMPORTED_MODULE_1__.T.spacingHorizontalXS})}))},"./components/theme-switch/__dev__/theme-switch.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Simple:()=>Simple,__namedExportsOrder:()=>__namedExportsOrder,default:()=>theme_switch_stories});__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/react/index.js");var decorators=__webpack_require__("./.storybook/decorators/index.ts"),mergeClasses_esm=__webpack_require__("./node_modules/@griffel/core/mergeClasses.esm.js"),icon=__webpack_require__("./components/icon/lib/icon/icon.js"),reach_visually_hidden=__webpack_require__("./node_modules/@reach/visually-hidden/dist/reach-visually-hidden.mjs"),tokens=__webpack_require__("./node_modules/@fluentui/tokens/lib/tokens.js"),makeStyles_esm=__webpack_require__("./node_modules/@griffel/react/makeStyles.esm.js"),index_esm=__webpack_require__("./node_modules/@griffel/core/index.esm.js"),buttonHeight=tokens.T.spacingVerticalXXL,toggleHeight=tokens.T.spacingVerticalL,useThemeSwitchStyles=(0,makeStyles_esm.Z)({root:Object.assign({position:"relative",backgroundColor:tokens.T.colorNeutralBackground2,height:buttonHeight,width:"calc("+buttonHeight+" * 2 + -2px)",paddingTop:"calc(("+buttonHeight+" - "+toggleHeight+") / 2)",paddingBottom:"calc(("+buttonHeight+" - "+toggleHeight+") / 2)",paddingLeft:"calc(("+buttonHeight+" - "+toggleHeight+") / 2)",paddingRight:"calc(("+buttonHeight+" - "+toggleHeight+") / 2)",outlineStyle:"none",cursor:"pointer",transitionProperty:"all",transitionDuration:tokens.T.durationNormal,transitionTimingFunction:tokens.T.curveEasyEase,borderTopStyle:"none",borderBottomStyle:"none",borderLeftStyle:"none",borderRightStyle:"none",boxShadow:tokens.T.shadow2},index_esm.q5.borderRadius("calc("+buttonHeight+" / 2)")),toggle:Object.assign({transitionProperty:"all",transitionDuration:tokens.T.durationNormal,transitionTimingFunction:tokens.T.curveEasyEase,position:"absolute",top:"calc(("+buttonHeight+" - "+toggleHeight+") / 2)",height:toggleHeight,width:toggleHeight,backgroundColor:tokens.T.colorNeutralForeground2,boxShadow:tokens.T.shadow4},index_esm.q5.borderRadius(toggleHeight)),toggleOff:{transform:"translateX(0)"},toggleOn:{transform:"translateX(calc("+buttonHeight+" + -2px))"},iconSun:{position:"absolute",transitionProperty:"all",transitionDuration:tokens.T.durationNormal,transitionTimingFunction:tokens.T.curveEasyEase,top:"calc(("+buttonHeight+" - "+toggleHeight+") / 2)",left:"calc(("+buttonHeight+" - "+toggleHeight+") / 2)",color:tokens.T.colorPaletteMarigoldBackground3,opacity:1},iconMoon:{position:"absolute",transitionProperty:"all",transitionDuration:tokens.T.durationNormal,transitionTimingFunction:tokens.T.curveEasyEase,top:"calc(("+buttonHeight+" - "+toggleHeight+") / 2)",right:"calc(("+buttonHeight+" - "+toggleHeight+") / 2)",color:tokens.T.colorPaletteMarigoldBackground3,opacity:1},iconOff:{opacity:0}}),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),ThemeSwitch=function ThemeSwitch(_ref){var className=_ref.className,_ref$label=_ref.label,label=void 0===_ref$label?"Dark mode":_ref$label,isDark=_ref.isDark,onToggle=_ref.onToggle,classes=useThemeSwitchStyles();return(0,jsx_runtime.jsxs)("button",{"aria-pressed":isDark,className:(0,mergeClasses_esm.z)(classes.root,className),onClick:function clickHandler(){return null==onToggle?void 0:onToggle()},children:[(0,jsx_runtime.jsx)(reach_visually_hidden.T,{children:label}),(0,jsx_runtime.jsx)("div",{"aria-hidden":!0,className:(0,mergeClasses_esm.z)(classes.toggle,isDark?classes.toggleOn:classes.toggleOff)}),(0,jsx_runtime.jsx)(icon.J,{iconName:"sun",className:(0,mergeClasses_esm.z)(classes.iconSun,!isDark&&classes.iconOff)}),(0,jsx_runtime.jsx)(icon.J,{iconName:"moon",className:(0,mergeClasses_esm.z)(classes.iconMoon,isDark&&classes.iconOff)})]})};ThemeSwitch.displayName="ThemeSwitch";try{ThemeSwitch.displayName="ThemeSwitch",ThemeSwitch.__docgenInfo={description:"",displayName:"ThemeSwitch",props:{className:{defaultValue:null,description:"Consumer provided class.",name:"className",required:!1,type:{name:"string"}},label:{defaultValue:{value:"Dark mode"},description:"Label for assistive technologies to indicate whether the theme is light or dark.",name:"label",required:!1,type:{name:"string"}},isDark:{defaultValue:null,description:"Whether the theme is light or dark.",name:"isDark",required:!0,type:{name:"boolean"}},onToggle:{defaultValue:null,description:"Callback to be called when the theme is toggled.\n@param isDark - Whether the theme is light or dark.",name:"onToggle",required:!1,type:{name:"() => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/theme-switch/src/theme-switch/theme-switch.tsx#ThemeSwitch"]={docgenInfo:ThemeSwitch.__docgenInfo,name:"ThemeSwitch",path:"components/theme-switch/src/theme-switch/theme-switch.tsx#ThemeSwitch"})}catch(__react_docgen_typescript_loader_error){}const theme_switch_stories={title:"Atoms/ThemeSwitch",component:ThemeSwitch,decorators:[function(Story){return(0,jsx_runtime.jsx)(decorators.z,{children:(0,jsx_runtime.jsx)("div",{style:{maxWidth:" "},children:(0,jsx_runtime.jsx)(Story,{})})})}]};var Template=function Template(args){return(0,jsx_runtime.jsx)(ThemeSwitch,Object.assign({},args))};Template.displayName="Template";var Simple=Template.bind({});Simple.args={isDark:!1};var __namedExportsOrder=["Simple"]},"./components/tile/__dev__/tile.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{CardVariant:()=>CardVariant,ImageVariant:()=>ImageVariant,InteractiveVariant:()=>InteractiveVariant,SolidColorVariant:()=>SolidColorVariant,__namedExportsOrder:()=>__namedExportsOrder,default:()=>tile_stories});__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js");var tokens=__webpack_require__("./node_modules/@fluentui/tokens/lib/tokens.js"),makeStyles_esm=__webpack_require__("./node_modules/@griffel/react/makeStyles.esm.js"),index_esm=__webpack_require__("./node_modules/@griffel/core/index.esm.js"),mergeClasses_esm=__webpack_require__("./node_modules/@griffel/core/mergeClasses.esm.js"),text_text=__webpack_require__("./components/text/lib/text/text.js"),use_space_styles=__webpack_require__("./hooks/use-space-styles/lib/use-space-styles.js"),map_to_styles=(__webpack_require__("./node_modules/react/index.js"),__webpack_require__("./styles/utilities/lib/map-to-styles.js")),colorMap={none:"transparent",primary:tokens.T.colorNeutralBackground1,secondary:tokens.T.colorNeutralBackground2,tertiary:tokens.T.colorNeutralBackground3,quaternary:tokens.T.colorNeutralBackground4,tile:tokens.T.colorNeutralBackground6,negative:tokens.T.colorPaletteDarkOrangeBackground1,positive:tokens.T.colorPaletteGreenBackground1,warning:tokens.T.colorPaletteMarigoldBackground1,danger:tokens.T.colorPaletteDarkOrangeBackground1,info:tokens.T.colorNeutralBackground2,accent:tokens.T.colorBrandBackground2},colorClasses=(0,map_to_styles.f)(colorMap,(function colorStyleFunction(color){return{backgroundColor:color}})),useTileStyles=(0,makeStyles_esm.Z)(Object.assign({root:{marginTop:0,marginBottom:0,marginLeft:0,marginRight:0},interactive:Object.assign({},index_esm.q5.borderStyle("none"),index_esm.q5.borderColor("transparent"),{cursor:"pointer",transitionProperty:"all",transitionDuration:tokens.T.durationNormal,transitionTimingFunction:tokens.T.curveEasyEase,":focus":{outlineColor:tokens.T.colorBrandForeground2}}),card:Object.assign({backgroundColor:tokens.T.colorNeutralBackground1},index_esm.q5.borderRadius(tokens.T.borderRadiusLarge),{boxShadow:tokens.T.shadow4}),interactiveCard:{":hover":{boxShadow:tokens.T.shadow16}},image:Object.assign({backgroundColor:tokens.T.colorNeutralBackground6},index_esm.q5.borderRadius("var(--arbutus--shape-border-radius)"),{backgroundSize:"cover",backgroundPositionX:"center",backgroundPositionY:"center"}),solidColor:Object.assign({},index_esm.q5.borderRadius("var(--arbutus--shape-border-radius)"))},colorClasses)),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),isImage=function isImage(_ref2){return"image"===_ref2.variant},Tile=function Tile(_ref4){var children=_ref4.children,variant=_ref4.variant,_ref4$as=_ref4.as,Root=void 0===_ref4$as?"div":_ref4$as,_ref4$backgroundColor=_ref4.backgroundColor,backgroundColor=void 0===_ref4$backgroundColor?"tile":_ref4$backgroundColor,imageSrc=_ref4.imageSrc,className=_ref4.className,onClick=_ref4.onClick,classes=useTileStyles(),variantClasses="";switch(!0){case function isCard(_ref){return"card"===_ref.variant}({variant}):variantClasses=(0,mergeClasses_esm.z)(classes.root,classes.card,onClick&&classes.interactive,onClick&&classes.interactiveCard,className);break;case isImage({variant}):variantClasses=(0,mergeClasses_esm.z)(classes.root,classes.image,onClick&&classes.interactive,className);break;case function isSolidColor(_ref3){return"solid-color"===_ref3.variant}({variant}):variantClasses=(0,mergeClasses_esm.z)(classes.root,classes.solidColor,onClick&&classes.interactive,classes[backgroundColor],className);break;default:variantClasses=(0,mergeClasses_esm.z)(classes.root,className)}var imageBackground=isImage({variant})?{style:{backgroundImage:'url("'+(null!=imageSrc?imageSrc:"")+'")'}}:{};return(0,jsx_runtime.jsx)(Root,Object.assign({className:variantClasses},imageBackground,{onClick,children}))};Tile.displayName="Tile";try{Tile.displayName="Tile",Tile.__docgenInfo={description:"",displayName:"Tile",props:{className:{defaultValue:null,description:"Consumer provided class.",name:"className",required:!1,type:{name:"string"}},as:{defaultValue:null,description:"Custom root element.",name:"as",required:!1,type:{name:"ElementType"}},onClick:{defaultValue:null,description:"Click handler.",name:"onClick",required:!1,type:{name:"(e?: SyntheticEvent) => void"}},variant:{defaultValue:null,description:"",name:"variant",required:!0,type:{name:"enum",value:[{value:'"image"'},{value:'"card"'},{value:'"solid-color"'}]}},imageSrc:{defaultValue:null,description:"[NOTE] Don not use with Solid Color variant.\nBackground image source.",name:"imageSrc",required:!1,type:{name:"string"}},backgroundColor:{defaultValue:{value:"tile"},description:"[NOTE] Don not use with Solid Color variant.\nSelection of color options.",name:"backgroundColor",required:!1,type:{name:"enum",value:[{value:'"accent"'},{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'},{value:'"quaternary"'},{value:'"negative"'},{value:'"positive"'},{value:'"warning"'},{value:'"danger"'},{value:'"info"'},{value:'"none"'},{value:'"tile"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/tile/src/tile.tsx#Tile"]={docgenInfo:Tile.__docgenInfo,name:"Tile",path:"components/tile/src/tile.tsx#Tile"})}catch(__react_docgen_typescript_loader_error){}const background_namespaceObject=__webpack_require__.p+"static/media/background.0b6922ce.png",logo_namespaceObject=__webpack_require__.p+"static/media/logo.06277550.svg",tile_stories={title:"Atoms/Tile",component:Tile,argTypes:{backgroundColor:{options:Object.keys(colorMap),control:{type:"select"}}}};var useGridStyles=(0,makeStyles_esm.Z)({root:{width:"100%",maxWidth:"60rem",display:"grid",gridTemplateColumns:"repeat(2, 1fr)",columnGap:"1rem",minHeight:"5rem","& button":{textAlign:"left"}},single:{gridTemplateColumns:"1fr",columnGap:"1rem"},double:{gridTemplateColumns:"repeat(2, 1fr)",columnGap:"1rem"},triple:{gridTemplateColumns:"repeat(3, 1fr)",columnGap:"1rem",gridTemplateRow:"10rem"},tile:{width:"100%"},imageContent:{display:"grid",height:"100%",alignItems:"center",gridTemplateColumns:"auto min-content"},imageButton:Object.assign({backgroundColor:tokens.T.colorNeutralBackground1,height:"2rem"},index_esm.q5.borderRadius("2rem"),{alignItems:"center",gridTemplateColumns:"repeat(2, 1fr)",paddingTop:"0.125rem"}),image:{backgroundPositionY:"70%"}}),Children=function Children(){var space=(0,use_space_styles.z)();return(0,jsx_runtime.jsxs)("div",{className:space.p6,children:[(0,jsx_runtime.jsx)(text_text.x,{variant:"subtitle",as:"h3",className:space.my2,children:"Hello 👋"}),(0,jsx_runtime.jsxs)("p",{children:["Lorem ipsum dolor sit amet consectetur adipisicing elit."," ",(0,jsx_runtime.jsx)("strong",{children:"Laboriosam"})," deleniti eius quam? Occupy tacos schlitz flexitarian. Ennui palo santo fingerstache sriracha, distillery shabby chic bitters craft beer kinfolk."]}),(0,jsx_runtime.jsxs)("ul",{children:[(0,jsx_runtime.jsx)("li",{children:"One"}),(0,jsx_runtime.jsx)("li",{children:"Two"}),(0,jsx_runtime.jsx)("li",{children:"Three"})]})]})};Children.displayName="Children";var Template=function Template(args){var classes=useGridStyles();return(0,jsx_runtime.jsxs)("div",{className:(0,mergeClasses_esm.z)(classes.root,classes.double),children:[(0,jsx_runtime.jsx)(Tile,Object.assign({},args,{children:(0,jsx_runtime.jsx)(Children,{})})),(0,jsx_runtime.jsx)(Tile,Object.assign({},args,{children:(0,jsx_runtime.jsx)(Children,{})}))]})};Template.displayName="Template";var CardVariant=Template.bind({});CardVariant.args={variant:"card"};var ImageTemplate=function ImageTemplate(args){var classes=useGridStyles(),space=(0,use_space_styles.z)();return(0,jsx_runtime.jsx)("div",{className:(0,mergeClasses_esm.z)(classes.root,classes.single),children:(0,jsx_runtime.jsx)(Tile,Object.assign({},args,{className:(0,mergeClasses_esm.z)(classes.tile,classes.image),children:(0,jsx_runtime.jsxs)("div",{className:(0,mergeClasses_esm.z)(classes.imageContent,space.px6),children:[(0,jsx_runtime.jsx)("img",{src:logo_namespaceObject,alt:"Windows 11"}),(0,jsx_runtime.jsx)("div",{className:(0,mergeClasses_esm.z)(classes.imageButton,space.px3),children:(0,jsx_runtime.jsx)(text_text.x,{as:"span",variant:"caption",children:"Design overview"})})]})}))})};ImageTemplate.displayName="ImageTemplate";var ImageVariant=ImageTemplate.bind({});ImageVariant.args={variant:"image",imageSrc:background_namespaceObject};var SolidColorVariant=Template.bind({});SolidColorVariant.args={variant:"solid-color",backgroundColor:"tile",as:"article"};var InteractiveTemplate=function InteractiveTemplate(){var classes=useGridStyles(),space=(0,use_space_styles.z)(),onClick=function onClick(){return console.log("onClick")};return(0,jsx_runtime.jsxs)("div",{className:(0,mergeClasses_esm.z)(classes.root,classes.triple),children:[(0,jsx_runtime.jsxs)(Tile,{as:"button",variant:"card",onClick,className:(0,mergeClasses_esm.z)(classes.tile,space.p6),children:[(0,jsx_runtime.jsx)(text_text.x,{variant:"caption",className:space.mb2,children:"Click Me!"}),(0,jsx_runtime.jsx)(text_text.x,{children:"Lorem ipsum dolor sit amet consectetur adipisicing elit. Debitis asperiores, repellendus esse labore dolore cupiditate veritatis non qui ut dolores."})]}),(0,jsx_runtime.jsx)(Tile,{as:"button",variant:"image",imageSrc:background_namespaceObject,onClick,className:(0,mergeClasses_esm.z)(classes.tile,space.p6),children:(0,jsx_runtime.jsx)(text_text.x,{variant:"jumbo",color:"background",children:"Click Me!"})}),(0,jsx_runtime.jsxs)(Tile,{as:"button",variant:"solid-color",onClick,className:(0,mergeClasses_esm.z)(classes.tile,space.p6),children:[(0,jsx_runtime.jsx)(text_text.x,{variant:"caption",className:space.mb2,children:"Click Me!"}),(0,jsx_runtime.jsx)(text_text.x,{children:"Lorem ipsum dolor sit amet consectetur adipisicing elit. Debitis asperiores, repellendus esse labore dolore cupiditate veritatis non qui ut dolores."})]})]})};InteractiveTemplate.displayName="InteractiveTemplate";var InteractiveVariant=InteractiveTemplate.bind({}),__namedExportsOrder=["CardVariant","ImageVariant","SolidColorVariant","InteractiveVariant"]},"./components/tile/lib/tile.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{n:()=>Tile});__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var mergeClasses_esm=__webpack_require__("./node_modules/@griffel/core/mergeClasses.esm.js"),react=__webpack_require__("./node_modules/react/index.js"),tokens=__webpack_require__("./node_modules/@fluentui/tokens/lib/tokens.js"),makeStyles_esm=__webpack_require__("./node_modules/@griffel/react/makeStyles.esm.js"),index_esm=__webpack_require__("./node_modules/@griffel/core/index.esm.js"),map_to_styles=__webpack_require__("./styles/utilities/lib/map-to-styles.js"),colorMap={none:"transparent",primary:tokens.T.colorNeutralBackground1,secondary:tokens.T.colorNeutralBackground2,tertiary:tokens.T.colorNeutralBackground3,quaternary:tokens.T.colorNeutralBackground4,tile:tokens.T.colorNeutralBackground6,negative:tokens.T.colorPaletteDarkOrangeBackground1,positive:tokens.T.colorPaletteGreenBackground1,warning:tokens.T.colorPaletteMarigoldBackground1,danger:tokens.T.colorPaletteDarkOrangeBackground1,info:tokens.T.colorNeutralBackground2,accent:tokens.T.colorBrandBackground2},colorClasses=(0,map_to_styles.f)(colorMap,(function colorStyleFunction(color){return{backgroundColor:color}})),useTileStyles=(0,makeStyles_esm.Z)(Object.assign({root:{marginTop:0,marginBottom:0,marginLeft:0,marginRight:0},interactive:Object.assign({},index_esm.q5.borderStyle("none"),index_esm.q5.borderColor("transparent"),{cursor:"pointer",transitionProperty:"all",transitionDuration:tokens.T.durationNormal,transitionTimingFunction:tokens.T.curveEasyEase,":focus":{outlineColor:tokens.T.colorBrandForeground2}}),card:Object.assign({backgroundColor:tokens.T.colorNeutralBackground1},index_esm.q5.borderRadius(tokens.T.borderRadiusLarge),{boxShadow:tokens.T.shadow4}),interactiveCard:{":hover":{boxShadow:tokens.T.shadow16}},image:Object.assign({backgroundColor:tokens.T.colorNeutralBackground6},index_esm.q5.borderRadius("var(--arbutus--shape-border-radius)"),{backgroundSize:"cover",backgroundPositionX:"center",backgroundPositionY:"center"}),solidColor:Object.assign({},index_esm.q5.borderRadius("var(--arbutus--shape-border-radius)"))},colorClasses)),isImage=function isImage(_ref2){return"image"===_ref2.variant},Tile=function Tile(_ref4){var children=_ref4.children,variant=_ref4.variant,_ref4$as=_ref4.as,Root=void 0===_ref4$as?"div":_ref4$as,_ref4$backgroundColor=_ref4.backgroundColor,backgroundColor=void 0===_ref4$backgroundColor?"tile":_ref4$backgroundColor,imageSrc=_ref4.imageSrc,className=_ref4.className,onClick=_ref4.onClick,classes=useTileStyles(),variantClasses="";switch(!0){case function isCard(_ref){return"card"===_ref.variant}({variant}):variantClasses=(0,mergeClasses_esm.z)(classes.root,classes.card,onClick&&classes.interactive,onClick&&classes.interactiveCard,className);break;case isImage({variant}):variantClasses=(0,mergeClasses_esm.z)(classes.root,classes.image,onClick&&classes.interactive,className);break;case function isSolidColor(_ref3){return"solid-color"===_ref3.variant}({variant}):variantClasses=(0,mergeClasses_esm.z)(classes.root,classes.solidColor,onClick&&classes.interactive,classes[backgroundColor],className);break;default:variantClasses=(0,mergeClasses_esm.z)(classes.root,className)}var imageBackground=isImage({variant})?{style:{backgroundImage:'url("'+(null!=imageSrc?imageSrc:"")+'")'}}:{};return react.createElement(Root,Object.assign({className:variantClasses},imageBackground,{onClick}),children)};Tile.__docgenInfo={description:"",methods:[],displayName:"Tile",props:{as:{defaultValue:{value:"'div'",computed:!1},required:!1},backgroundColor:{defaultValue:{value:"'tile'",computed:!1},required:!1}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/tile/lib/tile.js"]={name:"Tile",docgenInfo:Tile.__docgenInfo,path:"components/tile/lib/tile.js"})},"./components/tray/__dev__/tray.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{NavigationExample:()=>NavigationExample,Simple:()=>Simple,__namedExportsOrder:()=>__namedExportsOrder,default:()=>tray_stories});__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js");var _root,tokens=__webpack_require__("./node_modules/@fluentui/tokens/lib/tokens.js"),makeStyles_esm=__webpack_require__("./node_modules/@griffel/react/makeStyles.esm.js"),icon_button=__webpack_require__("./components/icon-button/lib/icon-button/icon-button.js"),text_text=__webpack_require__("./components/text/lib/text/text.js"),use_space_styles=__webpack_require__("./hooks/use-space-styles/lib/use-space-styles.js"),react=__webpack_require__("./node_modules/react/index.js"),mergeClasses_esm=__webpack_require__("./node_modules/@griffel/core/mergeClasses.esm.js"),useTrayStyles=(0,makeStyles_esm.Z)({root:(_root={zIndex:10,position:"fixed",width:"324px",height:"100vh",borderRightColor:tokens.T.colorNeutralStroke1,borderRightWidth:"1px",borderRightStyle:"solid",transform:"translate3D(-325px, 0, 0)",opacity:0,left:0,top:0,backgroundColor:tokens.T.colorNeutralBackground1,backdropFilter:"blur(1rem)","@media screen and (prefers-reduced-motion: no-preference)":{transitionProperty:"all",transitionDuration:tokens.T.durationNormal,transitionTimingFunction:tokens.T.curveEasyEase}},_root["@media screen and (max-width: 324px)"]={width:"100%"},_root),isOpen:{opacity:1,backgroundColor:"var(--arbutus--color-overlay-background)",transform:"translate3d(0, 0, 0)"}}),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),Tray=function Tray(_ref){var className=_ref.className,children=_ref.children,isOpen=_ref.isOpen,classes=useTrayStyles();return(0,jsx_runtime.jsx)("aside",{className:(0,mergeClasses_esm.z)(classes.root,isOpen&&classes.isOpen,className),children})};Tray.displayName="Tray";try{Tray.displayName="Tray",Tray.__docgenInfo={description:"",displayName:"Tray",props:{className:{defaultValue:null,description:"Consumer provided class.",name:"className",required:!1,type:{name:"string"}},isOpen:{defaultValue:null,description:"Controls whether the tray is open or closed.",name:"isOpen",required:!0,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/tray/src/tray/tray.tsx#Tray"]={docgenInfo:Tray.__docgenInfo,name:"Tray",path:"components/tray/src/tray/tray.tsx#Tray"})}catch(__react_docgen_typescript_loader_error){}var divider=__webpack_require__("./components/divider/lib/divider/divider.js"),main_navigation=__webpack_require__("./components/main-navigation/lib/main-navigation/main-navigation.js"),main_navigation_sub=__webpack_require__("./components/main-navigation/lib/main-navigation-sub/main-navigation-sub.js"),main_navigation_link=__webpack_require__("./components/main-navigation/lib/main-navigation-link/main-navigation-link.js"),Link=function Link(_ref){var children=_ref.children,href=_ref.href;return(0,jsx_runtime.jsx)("a",{href,children})};Link.displayName="Link";var NavigationSample=function NavigationSample(){return(0,jsx_runtime.jsxs)(main_navigation.o,{children:[(0,jsx_runtime.jsxs)(main_navigation_sub.S,{title:"About us",children:[(0,jsx_runtime.jsx)(main_navigation_link.G,{as:Link,elementProps:{href:"#"},children:"Overview"}),(0,jsx_runtime.jsx)(main_navigation_link.G,{as:Link,elementProps:{href:"#"},children:"Getting started"})]}),(0,jsx_runtime.jsx)(divider.i,{}),(0,jsx_runtime.jsxs)(main_navigation_sub.S,{title:"Design Fundamentals",children:[(0,jsx_runtime.jsx)(main_navigation_link.G,{as:Link,elementProps:{href:"#"},children:"Typography"}),(0,jsx_runtime.jsx)(main_navigation_link.G,{as:Link,elementProps:{href:"#"},children:"Colors"}),(0,jsx_runtime.jsx)(main_navigation_link.G,{as:Link,elementProps:{href:"#"},children:"Space grid"})]}),(0,jsx_runtime.jsx)(divider.i,{}),(0,jsx_runtime.jsxs)(main_navigation_sub.S,{title:"Components",children:[(0,jsx_runtime.jsxs)(main_navigation_sub.S,{title:"Button",children:[(0,jsx_runtime.jsx)(main_navigation_link.G,{as:Link,elementProps:{href:"#"},children:"Primary"}),(0,jsx_runtime.jsx)(main_navigation_link.G,{as:Link,elementProps:{href:"#"},children:"Secondary"}),(0,jsx_runtime.jsx)(main_navigation_link.G,{as:Link,elementProps:{href:"#"},children:"Umph"})]}),(0,jsx_runtime.jsx)(main_navigation_link.G,{as:Link,elementProps:{href:"#"},children:"Text"}),(0,jsx_runtime.jsx)(main_navigation_link.G,{as:Link,elementProps:{href:"#"},children:"Link"})]}),(0,jsx_runtime.jsx)(divider.i,{}),(0,jsx_runtime.jsx)(main_navigation_link.G,{as:Link,elementProps:{href:"#"},children:"Credits"})]})};NavigationSample.displayName="NavigationSample";var index_esm=__webpack_require__("./node_modules/@griffel/core/index.esm.js"),useGridStyles=(0,makeStyles_esm.Z)({root:{display:"grid",gridTemplateColumns:"repeat(2, 1fr)",columnGap:"1rem"},image:Object.assign({},index_esm.q5.borderRadius("var(--arbutus--shape-border-radius)"),{width:"100%"})}),PageSample=function PageSample(){var space=(0,use_space_styles.z)(),grid=useGridStyles(),imageClasses=(0,mergeClasses_esm.z)(grid.image,space.mb4);return(0,jsx_runtime.jsxs)("main",{className:space.pb12,children:[(0,jsx_runtime.jsx)(text_text.x,{block:!0,as:"h1",variant:"headline",children:"Headline"}),(0,jsx_runtime.jsx)(text_text.x,{block:!0,variant:"leading",children:"Leading Lorem ipsum dolor, sit amet consectetur adipisicing elit. Cupiditate modi eveniet dolorum officiis assumenda similique a voluptas voluptatum ducimus temporibus. Culpa animi labore molestiae nesciunt suscipit, architecto optio sit iusto."}),(0,jsx_runtime.jsx)(divider.i,{className:space.my8}),(0,jsx_runtime.jsx)(text_text.x,{block:!0,as:"h2",variant:"subtitle",children:"Subheading"}),(0,jsx_runtime.jsx)(text_text.x,{block:!0,variant:"paragraph",className:space.mb8,children:"Paragraph Lorem ipsum dolor, sit amet consectetur adipisicing elit. Cupiditate modi eveniet dolorum officiis assumenda similique a voluptas voluptatum ducimus temporibus. Culpa animi labore molestiae nesciunt suscipit, architecto optio sit iusto."}),(0,jsx_runtime.jsxs)("div",{className:grid.root,children:[(0,jsx_runtime.jsxs)("section",{children:[(0,jsx_runtime.jsx)("img",{src:"https://via.placeholder.com/300x100.png/f0f0f0",alt:"Text demo 1",className:imageClasses}),(0,jsx_runtime.jsx)(text_text.x,{block:!0,as:"h2",variant:"caption",className:space.mb1,children:"Caption: What do you see?"}),(0,jsx_runtime.jsx)(text_text.x,{block:!0,variant:"description",color:"tertiary",children:"Description: Lorem ipsum dolor, sit amet consectetur adipisicing elit. Cupiditate modi eveniet dolorum officiis assumenda similique a voluptas voluptatum ducimus temporibus. Culpa animi labore molestiae nesciunt suscipit, architecto optio sit iusto."})]}),(0,jsx_runtime.jsxs)("section",{children:[(0,jsx_runtime.jsx)("img",{src:"https://via.placeholder.com/300x100.png/f0f0f0",alt:"Text demo 1",className:imageClasses}),(0,jsx_runtime.jsx)(text_text.x,{block:!0,as:"h2",variant:"caption",className:space.mb1,children:"Caption: What do you see?"}),(0,jsx_runtime.jsx)(text_text.x,{block:!0,variant:"description",color:"tertiary",children:"Description: Lorem ipsum dolor, sit amet consectetur adipisicing elit. Cupiditate modi eveniet dolorum officiis assumenda similique a voluptas voluptatum ducimus temporibus. Culpa animi labore molestiae nesciunt suscipit, architecto optio sit iusto."})]})]}),(0,jsx_runtime.jsx)(divider.i,{className:space.my12}),(0,jsx_runtime.jsxs)("div",{className:grid.root,children:[(0,jsx_runtime.jsxs)("section",{children:[(0,jsx_runtime.jsx)(text_text.x,{block:!0,as:"h4",variant:"jumbo",color:"quaternary",className:space.mt4,children:"Jumbo Text"}),(0,jsx_runtime.jsx)(text_text.x,{block:!0,variant:"description",color:"secondary",children:"Description: Lorem ipsum dolor, sit amet consectetur adipisicing elit. Cupiditate modi eveniet dolorum officiis assumenda similique a voluptas voluptatum ducimus temporibus. Culpa animi labore molestiae nesciunt suscipit, architecto optio sit iusto."})]}),(0,jsx_runtime.jsx)("img",{src:"https://via.placeholder.com/300x100.png/f0f0f0",alt:"Text demo 2",className:grid.image})]})]})};function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null!=_i){var _s,_e,_x,_r,_arr=[],_n=!0,_d=!1;try{if(_x=(_i=_i.call(arr)).next,0===i){if(Object(_i)!==_i)return;_n=!1}else for(;!(_n=(_s=_x.call(_i)).done)&&(_arr.push(_s.value),_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{if(!_n&&null!=_i.return&&(_r=_i.return(),Object(_r)!==_r))return}finally{if(_d)throw _e}}return _arr}}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||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 _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i{"use strict";__webpack_require__.d(__webpack_exports__,{QH:()=>TrayProvider,Se:()=>TrayContext,i:()=>TrayConsumer});var TrayContext=(0,__webpack_require__("./node_modules/react/index.js").createContext)({isOpen:!1,setIsOpen:function setIsOpen(isOpen){}}),TrayProvider=TrayContext.Provider,TrayConsumer=TrayContext.Consumer},"./hooks/use-copy-to-clipboard/__dev__/use-copy-to-clipboard.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Demo:()=>Demo,__namedExportsOrder:()=>__namedExportsOrder,default:()=>use_copy_to_clipboard_stories});__webpack_require__("./node_modules/core-js/modules/es.function.bind.js");var react=__webpack_require__("./node_modules/react/index.js");__webpack_require__("./node_modules/core-js/modules/web.timers.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null!=_i){var _s,_e,_x,_r,_arr=[],_n=!0,_d=!1;try{if(_x=(_i=_i.call(arr)).next,0===i){if(Object(_i)!==_i)return;_n=!1}else for(;!(_n=(_s=_x.call(_i)).done)&&(_arr.push(_s.value),_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{if(!_n&&null!=_i.return&&(_r=_i.return(),Object(_r)!==_r))return}finally{if(_d)throw _e}}return _arr}}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||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 _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i{"use strict";__webpack_require__.d(__webpack_exports__,{m:()=>useCopyToClipboard});__webpack_require__("./node_modules/core-js/modules/web.timers.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js");var react__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__("./node_modules/react/index.js");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null!=_i){var _s,_e,_x,_r,_arr=[],_n=!0,_d=!1;try{if(_x=(_i=_i.call(arr)).next,0===i){if(Object(_i)!==_i)return;_n=!1}else for(;!(_n=(_s=_x.call(_i)).done)&&(_arr.push(_s.value),_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{if(!_n&&null!=_i.return&&(_r=_i.return(),Object(_r)!==_r))return}finally{if(_d)throw _e}}return _arr}}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||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 _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i{"use strict";__webpack_require__.d(__webpack_exports__,{z:()=>useCSSVars});__webpack_require__("./node_modules/core-js/modules/es.array.for-each.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.for-each.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js");var react=__webpack_require__("./node_modules/react/index.js");__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.concat.js"),__webpack_require__("./node_modules/core-js/modules/es.object.entries.js");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null!=_i){var _s,_e,_x,_r,_arr=[],_n=!0,_d=!1;try{if(_x=(_i=_i.call(arr)).next,0===i){if(Object(_i)!==_i)return;_n=!1}else for(;!(_n=(_s=_x.call(_i)).done)&&(_arr.push(_s.value),_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{if(!_n&&null!=_i.return&&(_r=_i.return(),Object(_r)!==_r))return}finally{if(_d)throw _e}}return _arr}}(arr,i)||_unsupportedIterableToArray(arr,i)||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 _toConsumableArray(arr){return function _arrayWithoutHoles(arr){if(Array.isArray(arr))return _arrayLikeToArray(arr)}(arr)||function _iterableToArray(iter){if("undefined"!=typeof Symbol&&null!=iter[Symbol.iterator]||null!=iter["@@iterator"])return Array.from(iter)}(arr)||_unsupportedIterableToArray(arr)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _unsupportedIterableToArray(o,minLen){if(o){if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);return"Object"===n&&o.constructor&&(n=o.constructor.name),"Map"===n||"Set"===n?Array.from(o):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?_arrayLikeToArray(o,minLen):void 0}}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);iarr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i1&&void 0!==arguments[1]?arguments[1]:prefix?"--"+prefix+"-":"-";"string"==typeof v&&(acc=[].concat(_toConsumableArray(acc),[[pre,v]])),v&&!isEmptyObject(v)&&isObject(v)&&Object.entries(v).forEach((function(_ref){var _ref2=_slicedToArray(_ref,2),k=_ref2[0],v=_ref2[1];return traverseObject(v,pre+"-"+k)}))}(theme),acc}(theme,prefix);return cssVarTuples.forEach((function(_ref2){var _document,_document$documentEle,_document$documentEle2,_ref3=lib_slicedToArray(_ref2,2),k=_ref3[0],v=_ref3[1];return null===(_document=document)||void 0===_document||null===(_document$documentEle=_document.documentElement)||void 0===_document$documentEle||null===(_document$documentEle2=_document$documentEle.style)||void 0===_document$documentEle2?void 0:_document$documentEle2.setProperty(k,v)})),function(){cssVarTuples.forEach((function(_ref4){var _document2,_document2$documentEl,_document2$documentEl2,k=lib_slicedToArray(_ref4,1)[0];return null===(_document2=document)||void 0===_document2||null===(_document2$documentEl=_document2.documentElement)||void 0===_document2$documentEl||null===(_document2$documentEl2=_document2$documentEl.style)||void 0===_document2$documentEl2?void 0:_document2$documentEl2.removeProperty(k)}))}}),[theme,prefix])}},"./hooks/use-prefers-color-scheme/__dev__/use-prefers-color-scheme.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Simple:()=>Simple,__namedExportsOrder:()=>__namedExportsOrder,default:()=>use_prefers_color_scheme_stories});__webpack_require__("./node_modules/core-js/modules/es.function.bind.js");var text_text=__webpack_require__("./components/text/lib/text/text.js"),react=__webpack_require__("./node_modules/react/index.js"),decorators=__webpack_require__("./.storybook/decorators/index.ts");__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null!=_i){var _s,_e,_x,_r,_arr=[],_n=!0,_d=!1;try{if(_x=(_i=_i.call(arr)).next,0===i){if(Object(_i)!==_i)return;_n=!1}else for(;!(_n=(_s=_x.call(_i)).done)&&(_arr.push(_s.value),_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{if(!_n&&null!=_i.return&&(_r=_i.return(),Object(_r)!==_r))return}finally{if(_d)throw _e}}return _arr}}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||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 _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i{"use strict";__webpack_require__.d(__webpack_exports__,{t:()=>usePrefersColorScheme});__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js");var react__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("./node_modules/react/index.js");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null!=_i){var _s,_e,_x,_r,_arr=[],_n=!0,_d=!1;try{if(_x=(_i=_i.call(arr)).next,0===i){if(Object(_i)!==_i)return;_n=!1}else for(;!(_n=(_s=_x.call(_i)).done)&&(_arr.push(_s.value),_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{if(!_n&&null!=_i.return&&(_r=_i.return(),Object(_r)!==_r))return}finally{if(_d)throw _e}}return _arr}}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||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 _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i{"use strict";__webpack_require__.d(__webpack_exports__,{z:()=>useSpaceStyles});__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var _spaceScale,makeStyles_esm=__webpack_require__("./node_modules/@griffel/react/makeStyles.esm.js"),tokens=(__webpack_require__("./node_modules/core-js/modules/es.array.reduce.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.object.entries.js"),__webpack_require__("./node_modules/@fluentui/tokens/lib/tokens.js")),spaceScale=((_spaceScale={})[1]=tokens.T.spacingHorizontalXXS,_spaceScale[2]=tokens.T.spacingHorizontalXS,_spaceScale[3]=tokens.T.spacingHorizontalSNudge,_spaceScale[4]=tokens.T.spacingHorizontalS,_spaceScale[5]=tokens.T.spacingHorizontalMNudge,_spaceScale[6]=tokens.T.spacingHorizontalM,_spaceScale[7]=tokens.T.spacingHorizontalL,_spaceScale[8]=tokens.T.spacingHorizontalXL,_spaceScale[9]=tokens.T.spacingHorizontalXXL,_spaceScale[10]=tokens.T.spacingHorizontalXXXL,_spaceScale[11]="40px",_spaceScale[12]="52px",_spaceScale),spaceEntries=Object.entries(spaceScale);function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null!=_i){var _s,_e,_x,_r,_arr=[],_n=!0,_d=!1;try{if(_x=(_i=_i.call(arr)).next,0===i){if(Object(_i)!==_i)return;_n=!1}else for(;!(_n=(_s=_x.call(_i)).done)&&(_arr.push(_s.value),_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{if(!_n&&null!=_i.return&&(_r=_i.return(),Object(_r)!==_r))return}finally{if(_d)throw _e}}return _arr}}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||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 _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);iarr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i{"use strict";__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js")},"./styles/theming/__dev__/theming.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Simple:()=>Simple,__namedExportsOrder:()=>__namedExportsOrder,default:()=>theming_stories});__webpack_require__("./node_modules/core-js/modules/es.function.bind.js");var button_button=__webpack_require__("./components/button/lib/button/button.js"),text_text=__webpack_require__("./components/text/lib/text/text.js"),mergeClasses_esm=__webpack_require__("./node_modules/@griffel/core/mergeClasses.esm.js"),icon=__webpack_require__("./components/icon/lib/icon/icon.js"),reach_visually_hidden=__webpack_require__("./node_modules/@reach/visually-hidden/dist/reach-visually-hidden.mjs"),react=__webpack_require__("./node_modules/react/index.js"),tokens=(__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/@fluentui/tokens/lib/tokens.js")),makeStyles_esm=__webpack_require__("./node_modules/@griffel/react/makeStyles.esm.js"),index_esm=__webpack_require__("./node_modules/@griffel/core/index.esm.js"),buttonHeight=tokens.T.spacingVerticalXXL,toggleHeight=tokens.T.spacingVerticalL,useThemeSwitchStyles=(0,makeStyles_esm.Z)({root:Object.assign({position:"relative",backgroundColor:tokens.T.colorNeutralBackground2,height:buttonHeight,width:"calc("+buttonHeight+" * 2 + -2px)",paddingTop:"calc(("+buttonHeight+" - "+toggleHeight+") / 2)",paddingBottom:"calc(("+buttonHeight+" - "+toggleHeight+") / 2)",paddingLeft:"calc(("+buttonHeight+" - "+toggleHeight+") / 2)",paddingRight:"calc(("+buttonHeight+" - "+toggleHeight+") / 2)",outlineStyle:"none",cursor:"pointer",transitionProperty:"all",transitionDuration:tokens.T.durationNormal,transitionTimingFunction:tokens.T.curveEasyEase,borderTopStyle:"none",borderBottomStyle:"none",borderLeftStyle:"none",borderRightStyle:"none",boxShadow:tokens.T.shadow2},index_esm.q5.borderRadius("calc("+buttonHeight+" / 2)")),toggle:Object.assign({transitionProperty:"all",transitionDuration:tokens.T.durationNormal,transitionTimingFunction:tokens.T.curveEasyEase,position:"absolute",top:"calc(("+buttonHeight+" - "+toggleHeight+") / 2)",height:toggleHeight,width:toggleHeight,backgroundColor:tokens.T.colorNeutralForeground2,boxShadow:tokens.T.shadow4},index_esm.q5.borderRadius(toggleHeight)),toggleOff:{transform:"translateX(0)"},toggleOn:{transform:"translateX(calc("+buttonHeight+" + -2px))"},iconSun:{position:"absolute",transitionProperty:"all",transitionDuration:tokens.T.durationNormal,transitionTimingFunction:tokens.T.curveEasyEase,top:"calc(("+buttonHeight+" - "+toggleHeight+") / 2)",left:"calc(("+buttonHeight+" - "+toggleHeight+") / 2)",color:tokens.T.colorPaletteMarigoldBackground3,opacity:1},iconMoon:{position:"absolute",transitionProperty:"all",transitionDuration:tokens.T.durationNormal,transitionTimingFunction:tokens.T.curveEasyEase,top:"calc(("+buttonHeight+" - "+toggleHeight+") / 2)",right:"calc(("+buttonHeight+" - "+toggleHeight+") / 2)",color:tokens.T.colorPaletteMarigoldBackground3,opacity:1},iconOff:{opacity:0}}),ThemeSwitch=function ThemeSwitch(_ref){var className=_ref.className,_ref$label=_ref.label,label=void 0===_ref$label?"Dark mode":_ref$label,isDark=_ref.isDark,onToggle=_ref.onToggle,classes=useThemeSwitchStyles();return react.createElement("button",{"aria-pressed":isDark,className:(0,mergeClasses_esm.z)(classes.root,className),onClick:function clickHandler(){return null==onToggle?void 0:onToggle()}},react.createElement(reach_visually_hidden.T,null,label),react.createElement("div",{"aria-hidden":!0,className:(0,mergeClasses_esm.z)(classes.toggle,isDark?classes.toggleOn:classes.toggleOff)}),react.createElement(icon.J,{iconName:"sun",className:(0,mergeClasses_esm.z)(classes.iconSun,!isDark&&classes.iconOff)}),react.createElement(icon.J,{iconName:"moon",className:(0,mergeClasses_esm.z)(classes.iconMoon,isDark&&classes.iconOff)}))};ThemeSwitch.__docgenInfo={description:"",methods:[],displayName:"ThemeSwitch",props:{label:{defaultValue:{value:"'Dark mode'",computed:!1},required:!1}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/theme-switch/lib/theme-switch/theme-switch.js"]={name:"ThemeSwitch",docgenInfo:ThemeSwitch.__docgenInfo,path:"components/theme-switch/lib/theme-switch/theme-switch.js"});var _shape,light_shape,decorators=__webpack_require__("./.storybook/decorators/index.ts"),createLightTheme=__webpack_require__("./node_modules/@fluentui/tokens/lib/utils/createLightTheme.js"),arbutusBrandRamp={10:"#151515",20:"#221F1E",30:"#2E2627",40:"#3D2D2E",50:"#4F3437",60:"#613A3D",70:"#913039",80:"#BD3844",90:"#C6404B",100:"#E05E69",110:"#E6717B",120:"#EB838C",130:"#F19FA6",140:"#F7B7BC",150:"#FACFD3",160:"#FCEBEC"},ThemeContext=(0,react.createContext)({theme:(0,createLightTheme.f)(arbutusBrandRamp),themeKey:"light"}),FluentProvider=(__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/@fluentui/react-provider/lib/components/FluentProvider/FluentProvider.js")),createDarkTheme=__webpack_require__("./node_modules/@fluentui/tokens/lib/utils/createDarkTheme.js"),lib=__webpack_require__("./hooks/use-css-vars/lib/index.js"),use_prefers_color_scheme_lib=__webpack_require__("./hooks/use-prefers-color-scheme/lib/index.js"),breakpoints={micro:"400px",xxs:"470px",xs:"640px",small:"768px",medium:"1024px",large:"1140px"},layout={mobile:0,tablet:768,desktop:1140,ultraWide:1440},dark={color:{overlay:{background:"rgb(0 0 0 / 75%)"}},shape:(_shape={},_shape["border-radius"]="1rem",_shape),breakpoints,layout},arbutusTokens={light:{color:{overlay:{background:"rgb(255 255 255 / 50%)"}},shape:(light_shape={},light_shape["border-radius"]="1rem",light_shape),breakpoints,layout},dark},jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null!=_i){var _s,_e,_x,_r,_arr=[],_n=!0,_d=!1;try{if(_x=(_i=_i.call(arr)).next,0===i){if(Object(_i)!==_i)return;_n=!1}else for(;!(_n=(_s=_x.call(_i)).done)&&(_arr.push(_s.value),_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{if(!_n&&null!=_i.return&&(_r=_i.return(),Object(_r)!==_r))return}finally{if(_d)throw _e}}return _arr}}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||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 _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i"}},currentThemeKey:{defaultValue:null,description:"",name:"currentThemeKey",required:!1,type:{name:"enum",value:[{value:'"light"'},{value:'"dark"'}]}},setThemeKey:{defaultValue:null,description:"",name:"setThemeKey",required:!1,type:{name:"(themeKey: ColorScheme) => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["styles/theming/src/theme-provider.tsx#ThemeProvider"]={docgenInfo:ThemeProvider.__docgenInfo,name:"ThemeProvider",path:"styles/theming/src/theme-provider.tsx#ThemeProvider"})}catch(__react_docgen_typescript_loader_error){}var DemoComponent=function DemoComponent(){var _useTheme=function useTheme(){var _useContext=(0,react.useContext)(ThemeContext);return{theme:_useContext.theme,themeKey:_useContext.themeKey,setTheme:_useContext.setTheme}}(),themeKey=_useTheme.themeKey,setTheme=_useTheme.setTheme,isDark="dark"===themeKey;return(0,jsx_runtime.jsxs)(decorators.z,{children:[(0,jsx_runtime.jsx)(ThemeSwitch,{isDark,onToggle:function onToggle(){return null==setTheme?void 0:setTheme(isDark?"light":"dark")}}),(0,jsx_runtime.jsx)(text_text.x,{as:"h1",block:!0,variant:"title",children:"Welcome to theming!"}),(0,jsx_runtime.jsx)(button_button.z,{children:"I am a button"})]})};DemoComponent.displayName="DemoComponent";const theming_stories={title:"Styles/Theming"};var Template=function Template(){return(0,jsx_runtime.jsx)(ThemeProvider,{children:(0,jsx_runtime.jsx)(DemoComponent,{})})};Template.displayName="Template";var Simple=Template.bind({}),__namedExportsOrder=["Simple"]},"./styles/theming/lib/layout.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{b:()=>layout});var layout={mobile:0,tablet:768,desktop:1140,ultraWide:1440}},"./styles/theming/lib/theme-context.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{N:()=>ThemeContext});var _fluentui_react_theme__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@fluentui/tokens/lib/utils/createLightTheme.js"),react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_themes__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./styles/theming/lib/themes/brand-ramp.js"),ThemeContext=(0,react__WEBPACK_IMPORTED_MODULE_0__.createContext)({theme:(0,_fluentui_react_theme__WEBPACK_IMPORTED_MODULE_1__.f)(_themes__WEBPACK_IMPORTED_MODULE_2__.C),themeKey:"light"})},"./styles/theming/lib/theme-provider.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{f:()=>ThemeProvider});__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js");var _shape,light_shape,FluentProvider=__webpack_require__("./node_modules/@fluentui/react-provider/lib/components/FluentProvider/FluentProvider.js"),createLightTheme=__webpack_require__("./node_modules/@fluentui/tokens/lib/utils/createLightTheme.js"),createDarkTheme=__webpack_require__("./node_modules/@fluentui/tokens/lib/utils/createDarkTheme.js"),lib=__webpack_require__("./hooks/use-css-vars/lib/index.js"),use_prefers_color_scheme_lib=__webpack_require__("./hooks/use-prefers-color-scheme/lib/index.js"),react=__webpack_require__("./node_modules/react/index.js"),theme_context=__webpack_require__("./styles/theming/lib/theme-context.js"),brand_ramp=__webpack_require__("./styles/theming/lib/themes/brand-ramp.js"),breakpoints={micro:"400px",xxs:"470px",xs:"640px",small:"768px",medium:"1024px",large:"1140px"},layout=__webpack_require__("./styles/theming/lib/layout.js"),dark={color:{overlay:{background:"rgb(0 0 0 / 75%)"}},shape:(_shape={},_shape["border-radius"]="1rem",_shape),breakpoints,layout:layout.b},arbutusTokens={light:{color:{overlay:{background:"rgb(255 255 255 / 50%)"}},shape:(light_shape={},light_shape["border-radius"]="1rem",light_shape),breakpoints,layout:layout.b},dark};function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null!=_i){var _s,_e,_x,_r,_arr=[],_n=!0,_d=!1;try{if(_x=(_i=_i.call(arr)).next,0===i){if(Object(_i)!==_i)return;_n=!1}else for(;!(_n=(_s=_x.call(_i)).done)&&(_arr.push(_s.value),_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{if(!_n&&null!=_i.return&&(_r=_i.return(),Object(_r)!==_r))return}finally{if(_d)throw _e}}return _arr}}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||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 _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i{"use strict";__webpack_require__.d(__webpack_exports__,{C:()=>arbutusBrandRamp});var arbutusBrandRamp={10:"#151515",20:"#221F1E",30:"#2E2627",40:"#3D2D2E",50:"#4F3437",60:"#613A3D",70:"#913039",80:"#BD3844",90:"#C6404B",100:"#E05E69",110:"#E6717B",120:"#EB838C",130:"#F19FA6",140:"#F7B7BC",150:"#FACFD3",160:"#FCEBEC"}},"./styles/theming/lib/use-theme.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{F:()=>useTheme});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_theme_context__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./styles/theming/lib/theme-context.js"),useTheme=function useTheme(){var _useContext=(0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(_theme_context__WEBPACK_IMPORTED_MODULE_1__.N);return{theme:_useContext.theme,themeKey:_useContext.themeKey,setTheme:_useContext.setTheme}}},"./styles/utilities/lib/map-to-styles.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{f:()=>mapToStyles});__webpack_require__("./node_modules/core-js/modules/es.array.reduce.js"),__webpack_require__("./node_modules/core-js/modules/es.object.entries.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null!=_i){var _s,_e,_x,_r,_arr=[],_n=!0,_d=!1;try{if(_x=(_i=_i.call(arr)).next,0===i){if(Object(_i)!==_i)return;_n=!1}else for(;!(_n=(_s=_x.call(_i)).done)&&(_arr.push(_s.value),_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{if(!_n&&null!=_i.return&&(_r=_i.return(),Object(_r)!==_r))return}finally{if(_d)throw _e}}return _arr}}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||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 _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Demo:()=>Demo,__namedExportsOrder:()=>__namedExportsOrder,default:()=>file_to_string_stories});__webpack_require__("./node_modules/core-js/modules/es.function.bind.js");var makeStyles_esm=__webpack_require__("./node_modules/@griffel/react/makeStyles.esm.js"),react=__webpack_require__("./node_modules/react/index.js"),default_highlight=__webpack_require__("./node_modules/react-syntax-highlighter/dist/esm/default-highlight.js"),tokens=__webpack_require__("./node_modules/@fluentui/tokens/lib/tokens.js"),useCodeSnippetStyles=(0,makeStyles_esm.Z)({root:{boxSizing:"border-box",width:"100%",paddingTop:tokens.T.spacingVerticalL,paddingBottom:tokens.T.spacingVerticalL,paddingLeft:tokens.T.spacingVerticalXXL,paddingRight:tokens.T.spacingVerticalXXL,borderTopLeftRadius:"var(--arbutus--shape-border-radius)",borderTopRightRadius:"var(--arbutus--shape-border-radius)",borderBottomRightRadius:"var(--arbutus--shape-border-radius)",borderBottomLeftRadius:"var(--arbutus--shape-border-radius)",backgroundColor:"rgb(240, 240, 240)",display:"block",position:"relative"}}),CodeSnippet=function CodeSnippet(_ref){var language=_ref.language,code=_ref.code,classes=useCodeSnippetStyles();return react.createElement("div",{className:classes.root},react.createElement(default_highlight.Z,{language,showLineNumbers:!0},code))};CodeSnippet.__docgenInfo={description:"",methods:[],displayName:"CodeSnippet"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["components/code-snippet/lib/code-snippet/code-snippet.js"]={name:"CodeSnippet",docgenInfo:CodeSnippet.__docgenInfo,path:"components/code-snippet/lib/code-snippet/code-snippet.js"});var command=__webpack_require__("./components/command/lib/command/command.js"),text_text=__webpack_require__("./components/text/lib/text/text.js"),decorators=__webpack_require__("./.storybook/decorators/index.ts");var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),useStyles=(0,makeStyles_esm.Z)({root:{maxWidth:"860px",display:"grid",gridGap:"16px"}}),DemoComponent=function DemoComponent(){var classes=useStyles();return(0,jsx_runtime.jsxs)("div",{className:classes.root,children:[(0,jsx_runtime.jsx)(text_text.x,{as:"h1",block:!0,variant:"title",children:"File To String"}),(0,jsx_runtime.jsx)(text_text.x,{as:"p",block:!0,variant:"leading",children:"File to string takes a path to a file and generates a new file that exports it as a string this utility is useful for documenting code examples that you might want to show the source code for there are options for output in java script and type script."}),(0,jsx_runtime.jsxs)(text_text.x,{as:"h2",block:!0,variant:"caption",children:["1. Create a script file, for example: ",(0,jsx_runtime.jsx)(text_text.x,{variant:"code",children:"scripts/examples-to-string.js"})]}),(0,jsx_runtime.jsx)(CodeSnippet,{language:"javascript",code:"import { fileToString } from '@microsoft/arbutus.file-to-string';\n\nconst config = {\n files: ['./__dev__/example.js'],\n outputDir: './__dev__/__raw__', // optional\n extension: 'ts', // optional\n};\n\nfileToString({ config })\n .then(() => console.log('Success!'))\n .catch((err) => console.log('Did not work out: ', err));\n"}),(0,jsx_runtime.jsx)(text_text.x,{as:"h2",block:!0,variant:"caption",children:"2. Add the script to your package.json."}),(0,jsx_runtime.jsx)(command.m,{isCopyable:!0,command:"node scripts/examples-to-string.mjs"})]})};DemoComponent.displayName="DemoComponent";const file_to_string_stories={title:"Utilities/File To String",decorators:[function(Story){return(0,jsx_runtime.jsx)(decorators.z,{children:(0,jsx_runtime.jsx)(Story,{})})}]};var Template=function Template(){return(0,jsx_runtime.jsx)(DemoComponent,{})};Template.displayName="Template";var Demo=Template.bind({}),__namedExportsOrder=["Demo"]},"./utilities/prop-docs-cli/__dev__/prop-docs-cli.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Demo:()=>Demo,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("./node_modules/core-js/modules/es.function.bind.js");var _microsoft_arbutus_command__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./components/command/lib/command/command.js"),_microsoft_arbutus_text__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./components/text/lib/text/text.js"),_microsoft_arbutus_use_space_styles__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./hooks/use-space-styles/lib/use-space-styles.js"),_storybook_decorators__WEBPACK_IMPORTED_MODULE_2__=(__webpack_require__("./node_modules/react/index.js"),__webpack_require__("./.storybook/decorators/index.ts")),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react/jsx-runtime.js"),DemoComponent=function DemoComponent(){var space=(0,_microsoft_arbutus_use_space_styles__WEBPACK_IMPORTED_MODULE_4__.z)();return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div",{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_microsoft_arbutus_text__WEBPACK_IMPORTED_MODULE_5__.x,{as:"h1",block:!0,variant:"title",className:space.mb4,children:"Prop Docs CLI"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_microsoft_arbutus_text__WEBPACK_IMPORTED_MODULE_5__.x,{as:"h2",block:!0,variant:"caption",className:space.mb4,children:"Configuration:"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div",{className:space.mb4,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_microsoft_arbutus_text__WEBPACK_IMPORTED_MODULE_5__.x,{variant:"code",children:"arbutus-prop-docs.config.json"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div",{className:space.mb4,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_microsoft_arbutus_text__WEBPACK_IMPORTED_MODULE_5__.x,{variant:"code",children:'\n{\n "componentPaths": ["__dev__/demo-component/demo-component.tsx"],\n "outputDir": "__prop-docs__"\n}\n '})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_microsoft_arbutus_text__WEBPACK_IMPORTED_MODULE_5__.x,{as:"h2",block:!0,variant:"caption",className:space.my4,children:"Generate component props documentation:"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)(_microsoft_arbutus_text__WEBPACK_IMPORTED_MODULE_5__.x,{as:"p",block:!0,variant:"paragraph",className:space.mb4,children:["If you have a TypeScript project, add ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_microsoft_arbutus_text__WEBPACK_IMPORTED_MODULE_5__.x,{variant:"code",children:"--ts"})," to generate TypeScript files instead."]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_microsoft_arbutus_command__WEBPACK_IMPORTED_MODULE_6__.m,{command:"arbutus-prop-docs generate --ts",isCopyable:!0}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_microsoft_arbutus_text__WEBPACK_IMPORTED_MODULE_5__.x,{as:"h2",block:!0,variant:"caption",className:space.my4,children:"Clean:"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_microsoft_arbutus_command__WEBPACK_IMPORTED_MODULE_6__.m,{command:"arbutus-prop-docs clean",isCopyable:!0})]})};DemoComponent.displayName="DemoComponent";const __WEBPACK_DEFAULT_EXPORT__={title:"Utilities/Prop Docs CLI",decorators:[function(Story){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_storybook_decorators__WEBPACK_IMPORTED_MODULE_2__.z,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(Story,{})})}]};var Template=function Template(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(DemoComponent,{})};Template.displayName="Template";var Demo=Template.bind({}),__namedExportsOrder=["Demo"]},"./styles sync recursive ^\\.(?:(?:^%7C\\/%7C(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/)(?%21\\.)(?=.)[^/]*?\\.stories\\.(js%7Cjsx%7Cts%7Ctsx))$":(module,__unused_webpack_exports,__webpack_require__)=>{var map={"./theming/__dev__/theming.stories.tsx":"./styles/theming/__dev__/theming.stories.tsx"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./styles sync recursive ^\\.(?:(?:^%7C\\/%7C(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/)(?%21\\.)(?=.)[^/]*?\\.stories\\.(js%7Cjsx%7Cts%7Ctsx))$"},"./styles sync recursive ^\\.(?:(?:^%7C\\/%7C(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/)(?%21\\.)(?=.)[^/]*?\\.stories\\.mdx)$":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="./styles sync recursive ^\\.(?:(?:^%7C\\/%7C(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/)(?%21\\.)(?=.)[^/]*?\\.stories\\.mdx)$",module.exports=webpackEmptyContext},"./utilities sync recursive ^\\.(?:(?:^%7C\\/%7C(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/)(?%21\\.)(?=.)[^/]*?\\.stories\\.(js%7Cjsx%7Cts%7Ctsx))$":(module,__unused_webpack_exports,__webpack_require__)=>{var map={"./file-to-string/__dev__/file-to-string.stories.tsx":"./utilities/file-to-string/__dev__/file-to-string.stories.tsx","./prop-docs-cli/__dev__/prop-docs-cli.stories.tsx":"./utilities/prop-docs-cli/__dev__/prop-docs-cli.stories.tsx"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./utilities sync recursive ^\\.(?:(?:^%7C\\/%7C(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/)(?%21\\.)(?=.)[^/]*?\\.stories\\.(js%7Cjsx%7Cts%7Ctsx))$"},"./utilities sync recursive ^\\.(?:(?:^%7C\\/%7C(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/)(?%21\\.)(?=.)[^/]*?\\.stories\\.mdx)$":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="./utilities sync recursive ^\\.(?:(?:^%7C\\/%7C(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/)(?%21\\.)(?=.)[^/]*?\\.stories\\.mdx)$",module.exports=webpackEmptyContext},"./components/shell/__dev__/fluentui-logo.svg":(module,__unused_webpack_exports,__webpack_require__)=>{"use strict";module.exports=__webpack_require__.p+"static/media/fluentui-logo.2c059e02.svg"},"?4f7e":()=>{},"./generated-stories-entry.cjs":(module,__unused_webpack_exports,__webpack_require__)=>{"use strict";module=__webpack_require__.nmd(module),(0,__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js").configure)([__webpack_require__("./components sync recursive ^\\.(?:(?:^%7C\\/%7C(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/)(?%21\\.)(?=.)[^/]*?\\.stories\\.mdx)$"),__webpack_require__("./components sync recursive ^\\.(?:(?:^%7C\\/%7C(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/)(?%21\\.)(?=.)[^/]*?\\.stories\\.(js%7Cjsx%7Cts%7Ctsx))$"),__webpack_require__("./hooks sync recursive ^\\.(?:(?:^%7C\\/%7C(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/)(?%21\\.)(?=.)[^/]*?\\.stories\\.mdx)$"),__webpack_require__("./hooks sync recursive ^\\.(?:(?:^%7C\\/%7C(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/)(?%21\\.)(?=.)[^/]*?\\.stories\\.(js%7Cjsx%7Cts%7Ctsx))$"),__webpack_require__("./utilities sync recursive ^\\.(?:(?:^%7C\\/%7C(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/)(?%21\\.)(?=.)[^/]*?\\.stories\\.mdx)$"),__webpack_require__("./utilities sync recursive ^\\.(?:(?:^%7C\\/%7C(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/)(?%21\\.)(?=.)[^/]*?\\.stories\\.(js%7Cjsx%7Cts%7Ctsx))$"),__webpack_require__("./styles sync recursive ^\\.(?:(?:^%7C\\/%7C(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/)(?%21\\.)(?=.)[^/]*?\\.stories\\.mdx)$"),__webpack_require__("./styles sync recursive ^\\.(?:(?:^%7C\\/%7C(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/)(?%21\\.)(?=.)[^/]*?\\.stories\\.(js%7Cjsx%7Cts%7Ctsx))$")],module,!1)}},__webpack_require__=>{var __webpack_exec__=moduleId=>__webpack_require__(__webpack_require__.s=moduleId);__webpack_require__.O(0,[908],(()=>(__webpack_exec__("./node_modules/@storybook/core-client/dist/esm/globals/polyfills.js"),__webpack_exec__("./node_modules/@storybook/core-client/dist/esm/globals/globals.js"),__webpack_exec__("./storybook-init-framework-entry.js"),__webpack_exec__("./node_modules/@storybook/react/dist/esm/client/docs/config-generated-config-entry.js"),__webpack_exec__("./node_modules/@storybook/react/dist/esm/client/preview/config-generated-config-entry.js"),__webpack_exec__("./node_modules/@storybook/addon-links/preview.js-generated-config-entry.js"),__webpack_exec__("./node_modules/@storybook/addon-actions/preview.js-generated-config-entry.js"),__webpack_exec__("./node_modules/@storybook/addon-backgrounds/preview.js-generated-config-entry.js"),__webpack_exec__("./node_modules/@storybook/addon-measure/preview.js-generated-config-entry.js"),__webpack_exec__("./node_modules/@storybook/addon-outline/preview.js-generated-config-entry.js"),__webpack_exec__("./node_modules/@storybook/addon-interactions/preview.js-generated-config-entry.js"),__webpack_exec__("./.storybook/preview.jsx-generated-config-entry.js"),__webpack_exec__("./generated-stories-entry.cjs"))));__webpack_require__.O()}]); \ No newline at end of file diff --git a/docs/project.json b/docs/project.json index c7200cc0..101bb78b 100644 --- a/docs/project.json +++ b/docs/project.json @@ -1 +1 @@ -{"generatedAt":1678406000963,"builder":{"name":"webpack5"},"hasCustomBabel":false,"hasCustomWebpack":true,"hasStaticDirs":false,"hasStorybookEslint":false,"refCount":0,"monorepo":"Workspaces","packageManager":{"type":"npm","version":"8.19.2"},"storybookVersion":"6.5.15","language":"typescript","storybookPackages":{"@storybook/addon-actions":{"version":"6.5.15"},"@storybook/builder-webpack5":{"version":"6.5.15"},"@storybook/jest":{"version":"0.0.10"},"@storybook/manager-webpack5":{"version":"6.5.15"},"@storybook/react":{"version":"6.5.15"},"@storybook/testing-library":{"version":"0.0.13"}},"framework":{"name":"react"},"addons":{"@storybook/addon-links":{"version":"6.5.15"},"@storybook/addon-essentials":{"options":{"docs":false},"version":"6.5.15"},"@storybook/addon-interactions":{"version":"6.5.15"}}} +{"generatedAt":1678489849818,"builder":{"name":"webpack5"},"hasCustomBabel":false,"hasCustomWebpack":true,"hasStaticDirs":false,"hasStorybookEslint":false,"refCount":0,"monorepo":"Workspaces","packageManager":{"type":"npm","version":"8.19.2"},"storybookVersion":"6.5.15","language":"typescript","storybookPackages":{"@storybook/addon-actions":{"version":"6.5.15"},"@storybook/builder-webpack5":{"version":"6.5.15"},"@storybook/jest":{"version":"0.0.10"},"@storybook/manager-webpack5":{"version":"6.5.15"},"@storybook/react":{"version":"6.5.15"},"@storybook/testing-library":{"version":"0.0.13"}},"framework":{"name":"react"},"addons":{"@storybook/addon-links":{"version":"6.5.15"},"@storybook/addon-essentials":{"options":{"docs":false},"version":"6.5.15"},"@storybook/addon-interactions":{"version":"6.5.15"}}} diff --git a/package-lock.json b/package-lock.json index 18cd6b95..b50959aa 100644 --- a/package-lock.json +++ b/package-lock.json @@ -16,20 +16,21 @@ "devDependencies": { "@griffel/react": "^1.5.2", "@microsoft/arbutus.aside-navigation": "0.0.10", - "@microsoft/arbutus.bookmark-tile": "0.0.11", - "@microsoft/arbutus.code-snippet": "^0.0.1-alpha.1", - "@microsoft/arbutus.command": "^0.0.6", + "@microsoft/arbutus.bookmark-tile": "0.0.12", + "@microsoft/arbutus.code-snippet": "0.0.1-alpha.2", + "@microsoft/arbutus.command": "0.0.7", "@microsoft/arbutus.divider": "0.0.3", - "@microsoft/arbutus.file-to-string": "^0.0.1", - "@microsoft/arbutus.icon": "0.1.0", - "@microsoft/arbutus.icon-button": "0.0.8", - "@microsoft/arbutus.link": "0.0.11", - "@microsoft/arbutus.main-navigation": "0.2.1", - "@microsoft/arbutus.mark-list": "0.0.8", - "@microsoft/arbutus.recommendation-tile": "0.1.8", - "@microsoft/arbutus.tabs": "0.0.7", + "@microsoft/arbutus.file-to-string": "0.0.2", + "@microsoft/arbutus.icon": "0.1.1", + "@microsoft/arbutus.icon-button": "0.0.9", + "@microsoft/arbutus.link": "0.0.12", + "@microsoft/arbutus.main-navigation": "0.2.2", + "@microsoft/arbutus.mark-list": "0.0.9", + "@microsoft/arbutus.recommendation-tile": "0.1.9", + "@microsoft/arbutus.table-list": "^0.1.0", + "@microsoft/arbutus.tabs": "0.0.8", "@microsoft/arbutus.text": "0.1.3", - "@microsoft/arbutus.theme-switch": "0.0.3", + "@microsoft/arbutus.theme-switch": "0.0.4", "@microsoft/arbutus.theming": "0.0.6", "@microsoft/arbutus.tile": "0.0.7", "@microsoft/arbutus.ts": "0.0.2", @@ -6817,6 +6818,10 @@ "resolved": "components/ordered-list", "link": true }, + "node_modules/@microsoft/arbutus.parse-code-string": { + "resolved": "utilities/parse-code-string", + "link": true + }, "node_modules/@microsoft/arbutus.person-tile": { "resolved": "components/person-tile", "link": true @@ -36860,6 +36865,14 @@ "typescript": "^4.9.4" } }, + "utilities/parse-code-string": { + "name": "@microsoft/arbutus.parse-code-string", + "version": "0.0.1", + "devDependencies": { + "@microsoft/arbutus.ts": "0.0.2", + "typescript": "^4.9.4" + } + }, "utilities/prop-docs-cli": { "name": "@microsoft/arbutus.prop-docs-cli", "version": "0.1.1", @@ -41408,6 +41421,13 @@ "typescript": "^4.9.4" } }, + "@microsoft/arbutus.parse-code-string": { + "version": "file:utilities/parse-code-string", + "requires": { + "@microsoft/arbutus.ts": "0.0.2", + "typescript": "^4.9.4" + } + }, "@microsoft/arbutus.person-tile": { "version": "file:components/person-tile", "requires": { diff --git a/package.json b/package.json index 039e906c..ad04e5b5 100755 --- a/package.json +++ b/package.json @@ -42,20 +42,21 @@ "devDependencies": { "@griffel/react": "^1.5.2", "@microsoft/arbutus.aside-navigation": "0.0.10", - "@microsoft/arbutus.bookmark-tile": "0.0.11", - "@microsoft/arbutus.code-snippet": "^0.0.1-alpha.1", - "@microsoft/arbutus.command": "^0.0.6", + "@microsoft/arbutus.bookmark-tile": "0.0.12", + "@microsoft/arbutus.code-snippet": "0.0.1-alpha.2", + "@microsoft/arbutus.command": "0.0.7", "@microsoft/arbutus.divider": "0.0.3", - "@microsoft/arbutus.file-to-string": "^0.0.1", - "@microsoft/arbutus.icon": "0.1.0", - "@microsoft/arbutus.icon-button": "0.0.8", - "@microsoft/arbutus.link": "0.0.11", - "@microsoft/arbutus.main-navigation": "0.2.1", - "@microsoft/arbutus.mark-list": "0.0.8", - "@microsoft/arbutus.recommendation-tile": "0.1.8", - "@microsoft/arbutus.tabs": "0.0.7", + "@microsoft/arbutus.file-to-string": "0.0.2", + "@microsoft/arbutus.icon": "0.1.1", + "@microsoft/arbutus.icon-button": "0.0.9", + "@microsoft/arbutus.link": "0.0.12", + "@microsoft/arbutus.main-navigation": "0.2.2", + "@microsoft/arbutus.mark-list": "0.0.9", + "@microsoft/arbutus.recommendation-tile": "0.1.9", + "@microsoft/arbutus.table-list": "^0.1.0", + "@microsoft/arbutus.tabs": "0.0.8", "@microsoft/arbutus.text": "0.1.3", - "@microsoft/arbutus.theme-switch": "0.0.3", + "@microsoft/arbutus.theme-switch": "0.0.4", "@microsoft/arbutus.theming": "0.0.6", "@microsoft/arbutus.tile": "0.0.7", "@microsoft/arbutus.ts": "0.0.2", diff --git a/utilities/parse-code-string/.eslintignore b/utilities/parse-code-string/.eslintignore new file mode 100644 index 00000000..27f042f6 --- /dev/null +++ b/utilities/parse-code-string/.eslintignore @@ -0,0 +1,16 @@ +# configs +just.config.js +**/.eslintrc.js +**/tsconfig.js +lage.config.js +**/*.config.js + +# generated folders +__snapshots__ +.cache +dist +lib +node_modules + +# template files which actually follow a different language's formatting +_templates \ No newline at end of file diff --git a/utilities/parse-code-string/.npmignore b/utilities/parse-code-string/.npmignore new file mode 100644 index 00000000..fdb485ee --- /dev/null +++ b/utilities/parse-code-string/.npmignore @@ -0,0 +1,8 @@ +__tests__ +__dev__ +.cache +node_modules +src +.eslintrc +.eslintignore +tsconfig.json \ No newline at end of file diff --git a/utilities/parse-code-string/README.md b/utilities/parse-code-string/README.md new file mode 100644 index 00000000..6b3735d6 --- /dev/null +++ b/utilities/parse-code-string/README.md @@ -0,0 +1,13 @@ +# Utility: Parse Code String + +**Utility functions that receive code as a string and return information about it.** + +## Get Started + +```sh +npm i "@microsoft/arbutus.parse-code-string" +``` + +```ts +import { parseCodeString } from "@microsoft/arbutus.parse-code-string"; +``` diff --git a/utilities/parse-code-string/__dev__/example-component.raw.ts b/utilities/parse-code-string/__dev__/example-component.raw.ts new file mode 100644 index 00000000..7e989a52 --- /dev/null +++ b/utilities/parse-code-string/__dev__/example-component.raw.ts @@ -0,0 +1,25 @@ +export default `import { mergeClasses } from '@griffel/react'; +import { Text } from '@microsoft/arbutus.text'; +import { Tile } from '@microsoft/arbutus.tile'; +import { useSpaceStyles } from '@microsoft/arbutus.use-space-styles'; +import * as React from 'react'; + +const ExampleComponent = () => { + const space = useSpaceStyles(); + + return ( + + + Example Component + + + Lorem ipsum dolor sit amet consectetur adipisicing elit. Veniam sapiente voluptas + laudantium placeat aliquam eum nesciunt dolorem rerum, quasi ea quisquam natus + repellendus! Laudantium expedita laborum natus, earum tenetur quidem? + + + ); +}; + +export default ExampleComponent; +`; diff --git a/utilities/parse-code-string/__dev__/parse-code-string.stories.tsx b/utilities/parse-code-string/__dev__/parse-code-string.stories.tsx new file mode 100644 index 00000000..5f272a69 --- /dev/null +++ b/utilities/parse-code-string/__dev__/parse-code-string.stories.tsx @@ -0,0 +1,113 @@ +import { makeStyles } from '@griffel/react'; +import { CodeSnippet } from '@microsoft/arbutus.code-snippet'; +import { Command } from '@microsoft/arbutus.command'; +import { TableCell, TableList, TableRow } from '@microsoft/arbutus.table-list'; +import { Text } from '@microsoft/arbutus.text'; +import { useSpaceStyles } from '@microsoft/arbutus.use-space-styles'; +import type { Meta, Story } from '@storybook/react'; +import React from 'react'; + +import { Centered } from '../../../.storybook/decorators'; +import { getDefaultExportName, getDependencies } from '../src/index'; +import codeStr from './example-component.raw'; + +const useStyles = makeStyles({ + root: { + maxWidth: '860px', + display: 'grid', + gridGap: '16px', + }, + code: { + wordWrap: 'break-word', + maxWidth: '100%', + }, +}); + +const codeExample = `import { getDefaultExportName, getDependencies } from '@microsoft/arbutus.parse-code-string'; +import codeStr from './example-component.raw'; + +const dependencies = getDependencies(codeStr); +const defaultExportName = getDefaultExportName(codeStr); +`; + +const DemoComponent = () => { + const classes = useStyles(); + const space = useSpaceStyles(); + + const dependencies = getDependencies(codeStr); + const defaultExportName = getDefaultExportName(codeStr); + + return ( +
+ + Parse Code String utilities + + + Usage + + + + + Example file + + + + + If you need to generate a string from a file, you can use the{' '} + fileToString() utility from the{' '} + @microsoft/arbutus.file-to-string + package. + + + Result + + + + Function + Output + + + + {`getDependencies(codeStr: string)`} + + + + {JSON.stringify(dependencies)} + + + + + + {`getDefaultExportName(codeStr: string)`} + + + + {JSON.stringify(defaultExportName, null, 2)} + + + + +
+ ); +}; + +export default { + title: 'Utilities/ParseCodeString', + decorators: [ + (Story) => ( + + + + ), + ], +} as Meta; + +const Template: Story = () => ; + +export const Demo = Template.bind({}) as Story; diff --git a/utilities/parse-code-string/package.json b/utilities/parse-code-string/package.json new file mode 100644 index 00000000..d151c5bc --- /dev/null +++ b/utilities/parse-code-string/package.json @@ -0,0 +1,23 @@ +{ + "name": "@microsoft/arbutus.parse-code-string", + "version": "0.0.1", + "description": "Utility functions that receive code as a string and return information about it.", + "main": "lib/index.js", + "module": "lib/index.js", + "typings": "lib/index.d.ts", + "exports": [ + "./lib/index.js" + ], + "files": [ + "lib/**" + ], + "sideEffects": false, + "scripts": { + "build": "tsc", + "lint": "eslint . --fix" + }, + "devDependencies": { + "@microsoft/arbutus.ts": "0.0.2", + "typescript": "^4.9.4" + } +} diff --git a/utilities/parse-code-string/src/get-default-export-name.tsx b/utilities/parse-code-string/src/get-default-export-name.tsx new file mode 100644 index 00000000..30288466 --- /dev/null +++ b/utilities/parse-code-string/src/get-default-export-name.tsx @@ -0,0 +1,2 @@ +export const getDefaultExportName = (codeStr: string) => + codeStr.match(/export\s+default\s+(\w+)/)?.[1]; diff --git a/utilities/parse-code-string/src/get-dependencies.tsx b/utilities/parse-code-string/src/get-dependencies.tsx new file mode 100644 index 00000000..3f802c20 --- /dev/null +++ b/utilities/parse-code-string/src/get-dependencies.tsx @@ -0,0 +1,6 @@ +export const getDependencies = (codeStr: string) => { + const regex = /import\s.*\sfrom\s+['"](.*)['"]/g; + const dependencies = [...codeStr.matchAll(regex)].map(([_, result]) => result); + + return dependencies; +}; diff --git a/utilities/parse-code-string/src/index.ts b/utilities/parse-code-string/src/index.ts new file mode 100644 index 00000000..30dab022 --- /dev/null +++ b/utilities/parse-code-string/src/index.ts @@ -0,0 +1,2 @@ +export { getDefaultExportName } from './get-default-export-name'; +export { getDependencies } from './get-dependencies'; diff --git a/utilities/parse-code-string/tsconfig.json b/utilities/parse-code-string/tsconfig.json new file mode 100644 index 00000000..3fc08a95 --- /dev/null +++ b/utilities/parse-code-string/tsconfig.json @@ -0,0 +1,10 @@ +{ + "$schema": "https://json.schemastore.org/tsconfig", + "extends": "@microsoft/arbutus.ts", + "include": ["src"], + "compilerOptions": { + "outDir": "lib", + "esModuleInterop": true, + "moduleResolution": "nodenext" + } +} \ No newline at end of file