diff --git a/fuselage/1151/iframe.html b/fuselage/1151/iframe.html index 421fc0a8b3..7df4eec669 100644 --- a/fuselage/1151/iframe.html +++ b/fuselage/1151/iframe.html @@ -361,4 +361,4 @@ - window['STORIES'] = [{"titlePrefix":"","directory":"./src","files":"**/*.stories.{mdx,js,tsx}","importPathMatcher":"^\\.[\\\\/](?:src(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.stories\\.(mdx|js|tsx))$"}]; \ No newline at end of file + window['STORIES'] = [{"titlePrefix":"","directory":"./src","files":"**/*.stories.{mdx,js,tsx}","importPathMatcher":"^\\.[\\\\/](?:src(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.stories\\.(mdx|js|tsx))$"}]; \ No newline at end of file diff --git a/fuselage/1151/main.3a58d8ed.iframe.bundle.js b/fuselage/1151/main.80273102.iframe.bundle.js similarity index 56% rename from fuselage/1151/main.3a58d8ed.iframe.bundle.js rename to fuselage/1151/main.80273102.iframe.bundle.js index 1579a1bded..333a925004 100644 --- a/fuselage/1151/main.3a58d8ed.iframe.bundle.js +++ b/fuselage/1151/main.80273102.iframe.bundle.js @@ -1 +1 @@ -(self.webpackChunk_rocket_chat_fuselage=self.webpackChunk_rocket_chat_fuselage||[]).push([[179],{"./src/components/Box/Box.stories.mdx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{__namedExportsOrder:()=>__namedExportsOrder,__page:()=>__page,default:()=>__WEBPACK_DEFAULT_EXPORT__});__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.function.bind.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("../../node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("../../node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("../../node_modules/@storybook/addon-docs/dist/esm/index.js"),_excluded=["components"];function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;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 layoutProps={};function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("wrapper",_extends({},layoutProps,props,{components,mdxType:"MDXLayout"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.h_,{title:"Layout/Box/Overview",parameters:{jest:["Box/spec"]},mdxType:"Meta"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("h1",{id:"box"},"Box"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",null,"A primitive component with normalized styles and a lot of props for prototyping."),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("h3",{id:"rcx--prefixed-props"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"h3"},"rcx-")," prefixed props"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",null,"As the class names used in Fuselage are prefixed by ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"p"},"rcx-"),", props named as ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"p"},"rcx-*")," are automatically converted into\nvalues appended to the ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"p"},"className")," prop."),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",null,"For instance,"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("pre",null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("code",{parentName:"pre",className:"language-jsx"},"\n")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",null,"is rendered as"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("pre",null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("code",{parentName:"pre",className:"language-html"},'\n')))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var __page=function __page(){throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};var componentMeta={title:"Layout/Box/Overview",parameters:{jest:["Box/spec"]},includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.aT,{mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(MDXContent,null))}});const __WEBPACK_DEFAULT_EXPORT__=componentMeta;var __namedExportsOrder=["__page"]},"./src/components/Box/props.stories.mdx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{__namedExportsOrder:()=>__namedExportsOrder,borderRadii:()=>borderRadii,borders:()=>borders,default:()=>__WEBPACK_DEFAULT_EXPORT__,display:()=>display,elevation:()=>elevation,fontColors:()=>fontColors,fontFamilies:()=>fontFamilies,fontScales:()=>fontScales,fontSizes:()=>fontSizes,fontStyles:()=>fontStyles,fontWeights:()=>fontWeights,heights:()=>heights,inset:()=>inset,invisible:()=>invisible,isProp:()=>isProp,letterSpacing:()=>letterSpacing,lineHeights:()=>lineHeights,margins:()=>margins,opacity:()=>opacity,paddings:()=>paddings,position:()=>position,sizes:()=>sizes,statusColors:()=>statusColors,strokeColors:()=>strokeColors,surfaceColors:()=>surfaceColors,textAlignment:()=>textAlignment,textDecoration:()=>textDecoration,textTransform:()=>textTransform,verticalAlignment:()=>verticalAlignment,widths:()=>widths,withRichContent:()=>withRichContent,withTruncatedText:()=>withTruncatedText,wordBreak:()=>wordBreak,zIndex:()=>zIndex});__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.function.bind.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.map.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.assign.js");var react__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("../../node_modules/react/index.js"),_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("../../node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("../../node_modules/@storybook/addon-docs/dist/esm/index.js"),react_keyed_flatten_children__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("../../node_modules/react-keyed-flatten-children/index.js"),___WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./src/index.ts"),_excluded=["components"];function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;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 layoutProps={};function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)("wrapper",_extends({},layoutProps,props,{components,mdxType:"MDXLayout"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.h_,{title:"Layout/Box/Props",parameters:{jest:["Box/spec"]},mdxType:"Meta"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)("h1",{id:"box"},"Box"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)("h2",{id:"props"},"Props"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)("p",null,"Most of the props are designed to change styles by creating CSS rules at runtime."),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.$4,{of:___WEBPACK_IMPORTED_MODULE_10__.xuv,mdxType:"ArgsTable"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)("h3",{id:"is-prop"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)("inlineCode",{parentName:"h3"},"is")," prop"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)("p",null,"The ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)("inlineCode",{parentName:"p"},"is")," prop allows ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)("inlineCode",{parentName:"p"},"Box")," to render any component capable of handling common DOM attributes, specially ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)("inlineCode",{parentName:"p"},"className")," and\n",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)("inlineCode",{parentName:"p"},"style"),"."),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.Xz,{mdxType:"Canvas"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.oG,{name:"is prop",mdxType:"Story"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{is:___WEBPACK_IMPORTED_MODULE_10__.zxk,mdxType:"Box"},"A Box rendering a Button"))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)("h3",{id:"space"},"Space"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)("h4",{id:"margins"},"Margins"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.Xz,{mdxType:"Canvas"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.oG,{name:"Margins",decorators:[function(fn){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{display:"flex",flexWrap:"wrap",alignItems:"center",mdxType:"Box"},(0,react_keyed_flatten_children__WEBPACK_IMPORTED_MODULE_9__.Z)(fn().props.children).map((function(child){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{key:child.key,bg:"neutral-200",m:16,mdxType:"Box"},react__WEBPACK_IMPORTED_MODULE_6__.cloneElement(child,{bg:"primary-200"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{bg:"neutral-500",size:"x16",mdxType:"Box"})))})))}],mdxType:"Story"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(react__WEBPACK_IMPORTED_MODULE_6__.Fragment,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{m:16,mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{margin:16,mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{mb:16,mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{marginBlock:16,mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{mbs:16,mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{marginBlockStart:16,mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{mbe:16,mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{marginBlockEnd:16,mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{mi:16,mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{marginInline:16,mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{mis:16,mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{marginInlineStart:16,mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{mie:16,mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{marginInlineEnd:16,mdxType:"Box"})))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)("h4",{id:"paddings"},"Paddings"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.Xz,{mdxType:"Canvas"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.oG,{name:"Paddings",decorators:[function(fn){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{display:"flex",flexWrap:"wrap",alignItems:"center",mdxType:"Box"},(0,react_keyed_flatten_children__WEBPACK_IMPORTED_MODULE_9__.Z)(fn().props.children).map((function(child){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{key:child.key,bg:"neutral-200",m:16,mdxType:"Box"},react__WEBPACK_IMPORTED_MODULE_6__.cloneElement(child,{bg:"primary-200"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{bg:"neutral-500",size:"x16",mdxType:"Box"})))})))}],mdxType:"Story"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(react__WEBPACK_IMPORTED_MODULE_6__.Fragment,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{p:16,mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{padding:16,mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{pb:16,mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{paddingBlock:16,mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{pbs:16,mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{paddingBlockStart:16,mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{pbe:16,mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{paddingBlockEnd:16,mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{pi:16,mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{paddingInline:16,mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{pis:16,mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{paddingInlineStart:16,mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{pie:16,mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{paddingInlineEnd:16,mdxType:"Box"})))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)("h3",{id:"color"},"Color"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)("h4",{id:"surface-colors"},"Surface Colors"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.Xz,{mdxType:"Canvas"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.oG,{name:"Surface Colors",decorators:[function(fn){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{display:"flex",flexWrap:"wrap",alignItems:"center",overflow:"hidden",mdxType:"Box"},(0,react_keyed_flatten_children__WEBPACK_IMPORTED_MODULE_9__.Z)(fn().props.children).map((function(child){return react__WEBPACK_IMPORTED_MODULE_6__.cloneElement(child,{m:"x4",size:"x122",color:"annotation",textAlign:"center"},child.props.bg)})))}],mdxType:"Story"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(react__WEBPACK_IMPORTED_MODULE_6__.Fragment,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{bg:"light",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{bg:"tint",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{bg:"room",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{bg:"neutral",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{bg:"disabled",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{bg:"hover",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{bg:"selected",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{bg:"dark",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{bg:"featured",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{bg:"featured-hover",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{bg:"transparent",mdxType:"Box"})))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)("h4",{id:"status-colors"},"Status Colors"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.Xz,{mdxType:"Canvas"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.oG,{name:"Status Colors",decorators:[function(fn){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{display:"flex",flexWrap:"wrap",alignItems:"center",overflow:"hidden",mdxType:"Box"},(0,react_keyed_flatten_children__WEBPACK_IMPORTED_MODULE_9__.Z)(fn().props.children).map((function(child){return react__WEBPACK_IMPORTED_MODULE_6__.cloneElement(child,{m:"x4",size:"x122",textAlign:"center"},child.props.bg)})))}],mdxType:"Story"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(react__WEBPACK_IMPORTED_MODULE_6__.Fragment,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{bg:"status-background-info",color:"status-font-on-info",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{bg:"status-background-success",color:"status-font-on-success",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{bg:"status-background-danger",color:"status-font-on-danger",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{bg:"status-background-warning",color:"status-font-on-warning",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{bg:"status-background-service-1",color:"status-font-on-service-1",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{bg:"status-background-service-2",color:"status-font-on-service-2",mdxType:"Box"})))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)("h4",{id:"stroke-colors"},"Stroke Colors"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.Xz,{mdxType:"Canvas"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.oG,{name:"Stroke Colors",decorators:[function(fn){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{display:"flex",flexWrap:"wrap",alignItems:"center",overflow:"hidden",mdxType:"Box"},(0,react_keyed_flatten_children__WEBPACK_IMPORTED_MODULE_9__.Z)(fn().props.children).map((function(child){return react__WEBPACK_IMPORTED_MODULE_6__.cloneElement(child,{m:"x4",textAlign:"center",size:"x122",color:"annotation",borderWidth:"x8"},child.props.borderColor)})))}],mdxType:"Story"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(react__WEBPACK_IMPORTED_MODULE_6__.Fragment,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{borderColor:"stroke-extra-light",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{borderColor:"stroke-light",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{borderColor:"stroke-medium",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{borderColor:"stroke-dark",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{borderColor:"stroke-extra-dark",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{borderColor:"stroke-extra-light-highlight",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{borderColor:"stroke-highlight",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{borderColor:"stroke-extra-light-error",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{borderColor:"stroke-error",mdxType:"Box"})))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)("h4",{id:"font-colors"},"Font Colors"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.Xz,{mdxType:"Canvas"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.oG,{name:"Font Colors",decorators:[function(fn){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{display:"flex",flexWrap:"wrap",alignItems:"center",overflow:"hidden",mdxType:"Box"},(0,react_keyed_flatten_children__WEBPACK_IMPORTED_MODULE_9__.Z)(fn().props.children).map((function(child){return react__WEBPACK_IMPORTED_MODULE_6__.cloneElement(child,{bg:"neutral-200",m:"x4",p:"x4"},child.props.color)})))}],mdxType:"Story"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(react__WEBPACK_IMPORTED_MODULE_6__.Fragment,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{color:"font-white",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{color:"font-disabled",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{color:"font-annotation",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{color:"font-secondary-info",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{color:"font-hint",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{color:"font-text",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{color:"font-titles-labels",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{color:"font-info",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{color:"font-danger",mdxType:"Box"})))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)("h4",{id:"opacity"},"Opacity"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.Xz,{mdxType:"Canvas"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.oG,{name:"Opacity",decorators:[function(fn){return react__WEBPACK_IMPORTED_MODULE_6__.cloneElement(fn(),{size:"x32",bg:"neutral-500"})}],mdxType:"Story"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{opacity:.5,mdxType:"Box"}))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)("h3",{id:"typography"},"Typography"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)("h4",{id:"font-families"},"Font families"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.Xz,{mdxType:"Canvas"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.oG,{name:"Font families",mdxType:"Story"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(react__WEBPACK_IMPORTED_MODULE_6__.Fragment,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontFamily:"sans",mdxType:"Box"},"The quick brown fox jumps over the lazy dog"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontFamily:"mono",mdxType:"Box"},"The quick brown fox jumps over the lazy dog")))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)("h4",{id:"font-sizes"},"Font sizes"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.Xz,{mdxType:"Canvas"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.oG,{name:"Font sizes",mdxType:"Story"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(react__WEBPACK_IMPORTED_MODULE_6__.Fragment,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontSize:"x12",mdxType:"Box"},"x12"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontSize:"x16",mdxType:"Box"},"x16"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontSize:"x20",mdxType:"Box"},"x20"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontSize:"x24",mdxType:"Box"},"x24"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontSize:"x32",mdxType:"Box"},"x32"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontSize:"hero",mdxType:"Box"},"hero"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontSize:"h1",mdxType:"Box"},"h1"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontSize:"h2",mdxType:"Box"},"h2"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontSize:"h3",mdxType:"Box"},"h3"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontSize:"h4",mdxType:"Box"},"h4"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontSize:"h5",mdxType:"Box"},"h5"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontSize:"p1",mdxType:"Box"},"p1"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontSize:"p1m",mdxType:"Box"},"p1m"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontSize:"p1b",mdxType:"Box"},"p1b"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontSize:"p2",mdxType:"Box"},"p2"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontSize:"p2m",mdxType:"Box"},"p2m"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontSize:"p2b",mdxType:"Box"},"p2b"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontSize:"c1",mdxType:"Box"},"c1"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontSize:"c2",mdxType:"Box"},"c2"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontSize:"micro",mdxType:"Box"},"micro")))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)("h4",{id:"font-weights"},"Font weights"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.Xz,{mdxType:"Canvas"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.oG,{name:"Font weights",mdxType:"Story"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(react__WEBPACK_IMPORTED_MODULE_6__.Fragment,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontWeight:100,mdxType:"Box"},"100"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontWeight:200,mdxType:"Box"},"200"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontWeight:300,mdxType:"Box"},"300"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontWeight:400,mdxType:"Box"},"400"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontWeight:500,mdxType:"Box"},"500"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontWeight:600,mdxType:"Box"},"600"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontWeight:700,mdxType:"Box"},"700"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontWeight:800,mdxType:"Box"},"800"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontWeight:900,mdxType:"Box"},"900"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontWeight:"hero",mdxType:"Box"},"hero"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontWeight:"h1",mdxType:"Box"},"h1"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontWeight:"h2",mdxType:"Box"},"h2"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontWeight:"h3",mdxType:"Box"},"h3"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontWeight:"h4",mdxType:"Box"},"h4"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontWeight:"h5",mdxType:"Box"},"h5"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontWeight:"p1",mdxType:"Box"},"p1"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontWeight:"p1m",mdxType:"Box"},"p1m"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontWeight:"p1b",mdxType:"Box"},"p1b"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontWeight:"p2",mdxType:"Box"},"p2"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontWeight:"p2m",mdxType:"Box"},"p2m"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontWeight:"p2b",mdxType:"Box"},"p2b"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontWeight:"c1",mdxType:"Box"},"c1"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontWeight:"c2",mdxType:"Box"},"c2"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontWeight:"micro",mdxType:"Box"},"micro")))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)("h4",{id:"line-heights"},"Line heights"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.Xz,{mdxType:"Canvas"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.oG,{name:"Line heights",mdxType:"Story"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(react__WEBPACK_IMPORTED_MODULE_6__.Fragment,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{lineHeight:"1",mdxType:"Box"},"1"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{lineHeight:"1.25",mdxType:"Box"},"1.25"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{lineHeight:"1.5",mdxType:"Box"},"1.5"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{lineHeight:"2",mdxType:"Box"},"2"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{lineHeight:"hero",mdxType:"Box"},"hero"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{lineHeight:"h1",mdxType:"Box"},"h1"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{lineHeight:"h2",mdxType:"Box"},"h2"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{lineHeight:"h3",mdxType:"Box"},"h3"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{lineHeight:"h4",mdxType:"Box"},"h4"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{lineHeight:"h5",mdxType:"Box"},"h5"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{lineHeight:"p1",mdxType:"Box"},"p1"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{lineHeight:"p1m",mdxType:"Box"},"p1m"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{lineHeight:"p1b",mdxType:"Box"},"p1b"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{lineHeight:"p2",mdxType:"Box"},"p2"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{lineHeight:"p2m",mdxType:"Box"},"p2m"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{lineHeight:"p2b",mdxType:"Box"},"p2b"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{lineHeight:"c1",mdxType:"Box"},"c1"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{lineHeight:"c2",mdxType:"Box"},"c2"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{lineHeight:"micro",mdxType:"Box"},"micro")))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)("h4",{id:"letter-spacing"},"Letter spacing"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.Xz,{mdxType:"Canvas"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.oG,{name:"Letter spacing",mdxType:"Story"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(react__WEBPACK_IMPORTED_MODULE_6__.Fragment,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{letterSpacing:"4px",mdxType:"Box"},"4px"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{letterSpacing:"-4px",mdxType:"Box"},"-4px"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{letterSpacing:"hero",mdxType:"Box"},"hero"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{letterSpacing:"h1",mdxType:"Box"},"h1"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{letterSpacing:"h2",mdxType:"Box"},"h2"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{letterSpacing:"h3",mdxType:"Box"},"h3"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{letterSpacing:"h4",mdxType:"Box"},"h4"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{letterSpacing:"h5",mdxType:"Box"},"h5"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{letterSpacing:"p1",mdxType:"Box"},"p1"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{letterSpacing:"p1m",mdxType:"Box"},"p1m"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{letterSpacing:"p1b",mdxType:"Box"},"p1b"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{letterSpacing:"p2",mdxType:"Box"},"p2"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{letterSpacing:"p2m",mdxType:"Box"},"p2m"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{letterSpacing:"p2b",mdxType:"Box"},"p2b"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{letterSpacing:"c1",mdxType:"Box"},"c1"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{letterSpacing:"c2",mdxType:"Box"},"c2"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{letterSpacing:"micro",mdxType:"Box"},"micro")))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)("h4",{id:"font-scales"},"Font scales"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.Xz,{mdxType:"Canvas"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.oG,{name:"Font scales",mdxType:"Story"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(react__WEBPACK_IMPORTED_MODULE_6__.Fragment,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontScale:"hero",mdxType:"Box"},"hero"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontScale:"h1",mdxType:"Box"},"h1"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontScale:"h2",mdxType:"Box"},"h2"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontScale:"h3",mdxType:"Box"},"h3"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontScale:"h4",mdxType:"Box"},"h4"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontScale:"h5",mdxType:"Box"},"h5"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontScale:"p1",mdxType:"Box"},"p1"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontScale:"p1m",mdxType:"Box"},"p1m"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontScale:"p1b",mdxType:"Box"},"p1b"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontScale:"p2",mdxType:"Box"},"p2"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontScale:"p2m",mdxType:"Box"},"p2m"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontScale:"p2b",mdxType:"Box"},"p2b"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontScale:"c1",mdxType:"Box"},"c1"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontScale:"c2",mdxType:"Box"},"c2"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontScale:"micro",mdxType:"Box"},"micro")))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)("h4",{id:"font-styles"},"Font styles"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.Xz,{mdxType:"Canvas"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.oG,{name:"Font styles",mdxType:"Story"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(react__WEBPACK_IMPORTED_MODULE_6__.Fragment,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontStyle:"normal",mdxType:"Box"},"normal"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontStyle:"italic",mdxType:"Box"},"italic")))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)("h4",{id:"text-alignment"},"Text alignment"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.Xz,{mdxType:"Canvas"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.oG,{name:"Text alignment",mdxType:"Story"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(react__WEBPACK_IMPORTED_MODULE_6__.Fragment,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{textAlign:"start",mdxType:"Box"},"start"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{textAlign:"end",mdxType:"Box"},"end"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{textAlign:"center",mdxType:"Box"},"center"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{textAlign:"justify",mdxType:"Box"},"justify")))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)("h4",{id:"text-transform"},"Text transform"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.Xz,{mdxType:"Canvas"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.oG,{name:"Text transform",mdxType:"Story"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(react__WEBPACK_IMPORTED_MODULE_6__.Fragment,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{textTransform:"none",mdxType:"Box"},"none"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{textTransform:"uppercase",mdxType:"Box"},"uppercase"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{textTransform:"lowercase",mdxType:"Box"},"lowercase"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{textTransform:"capitalize",mdxType:"Box"},"capitalize")))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)("h4",{id:"text-decoration"},"Text decoration"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.Xz,{mdxType:"Canvas"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.oG,{name:"Text decoration",mdxType:"Story"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(react__WEBPACK_IMPORTED_MODULE_6__.Fragment,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{textDecorationLine:"none",mdxType:"Box"},"none"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{textDecorationLine:"underline",mdxType:"Box"},"underline"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{textDecorationLine:"overline",mdxType:"Box"},"overline"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{textDecorationLine:"line-through",mdxType:"Box"},"line-through")))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)("h4",{id:"word-break"},"Word Break"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.Xz,{mdxType:"Canvas"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.oG,{name:"Word break",mdxType:"Story"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(react__WEBPACK_IMPORTED_MODULE_6__.Fragment,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{wordBreak:"break-word",mdxType:"Box"},"Breakwoooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooord"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{wordBreak:"break-all",mdxType:"Box"},"Breakaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaall")))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)("h3",{id:"layout"},"Layout"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)("h4",{id:"widths"},"Widths"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.Xz,{mdxType:"Canvas"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.oG,{name:"Widths",decorators:[function(fn){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{display:"flex",flexWrap:"wrap",alignItems:"center",mdxType:"Box"},(0,react_keyed_flatten_children__WEBPACK_IMPORTED_MODULE_9__.Z)(fn().props.children).map((function(child){return react__WEBPACK_IMPORTED_MODULE_6__.cloneElement(child,{bg:"primary-200",h:"x32",m:"x4"})})))}],mdxType:"Story"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(react__WEBPACK_IMPORTED_MODULE_6__.Fragment,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{w:"x64",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{width:"x64",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{w:"none",minWidth:"x64",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{w:"sw",maxWidth:"x64",mdxType:"Box"})))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)("h4",{id:"heights"},"Heights"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.Xz,{mdxType:"Canvas"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.oG,{name:"Heights",decorators:[function(fn){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{display:"flex",flexWrap:"wrap",alignItems:"center",mdxType:"Box"},(0,react_keyed_flatten_children__WEBPACK_IMPORTED_MODULE_9__.Z)(fn().props.children).map((function(child){return react__WEBPACK_IMPORTED_MODULE_6__.cloneElement(child,{bg:"primary-200",w:"x32",m:"x4"})})))}],mdxType:"Story"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(react__WEBPACK_IMPORTED_MODULE_6__.Fragment,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{h:"x64",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{height:"x64",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{h:"none",minHeight:"x64",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{h:"sw",maxHeight:"x64",mdxType:"Box"})))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)("h4",{id:"sizes"},"Sizes"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.Xz,{mdxType:"Canvas"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.oG,{name:"Sizes",decorators:[function(fn){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{display:"flex",flexWrap:"wrap",alignItems:"center",mdxType:"Box"},(0,react_keyed_flatten_children__WEBPACK_IMPORTED_MODULE_9__.Z)(fn().props.children).map((function(child){return react__WEBPACK_IMPORTED_MODULE_6__.cloneElement(child,{bg:"primary-200",m:"x4"})})))}],mdxType:"Story"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(react__WEBPACK_IMPORTED_MODULE_6__.Fragment,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{size:"x64",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{size:"none",minSize:"x64",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{size:9999,maxSize:"x64",mdxType:"Box"})))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)("h4",{id:"display"},"Display"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.Xz,{mdxType:"Canvas"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.oG,{name:"Display",decorators:[function(fn){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{mdxType:"Box"},(0,react_keyed_flatten_children__WEBPACK_IMPORTED_MODULE_9__.Z)(fn().props.children).map((function(child){return react__WEBPACK_IMPORTED_MODULE_6__.cloneElement(child,{children:child.props.display})})))}],mdxType:"Story"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(react__WEBPACK_IMPORTED_MODULE_6__.Fragment,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{display:"none",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{display:"inline",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{display:"inline-block",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{display:"inline-flex",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{display:"block",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{verticalAlign:"-40px",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{verticalAlign:"40px",mdxType:"Box"})))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)("h4",{id:"vertical-alignment"},"Vertical alignment"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.Xz,{mdxType:"Canvas"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.oG,{name:"Vertical alignment",decorators:[function(fn){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{mdxType:"Box"},(0,react_keyed_flatten_children__WEBPACK_IMPORTED_MODULE_9__.Z)(fn().props.children).map((function(child){return react__WEBPACK_IMPORTED_MODULE_6__.cloneElement(child,{display:"inline",children:child.props.verticalAlign})})))}],mdxType:"Story"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{mdxType:"Box"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{verticalAlign:"top",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{verticalAlign:"baseline",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{verticalAlign:"sub",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{verticalAlign:"middle",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{verticalAlign:"bottom",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{verticalAlign:"-40px",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{verticalAlign:"40px",mdxType:"Box"})))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)("h3",{id:"borders"},"Borders"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)("h4",{id:"borders-1"},"Borders"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.Xz,{mdxType:"Canvas"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.oG,{name:"Borders",decorators:[function(fn){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{display:"flex",flexWrap:"wrap",alignItems:"center",mdxType:"Box"},(0,react_keyed_flatten_children__WEBPACK_IMPORTED_MODULE_9__.Z)(fn().props.children).map((function(child){return react__WEBPACK_IMPORTED_MODULE_6__.cloneElement(child,{bg:"primary-200",size:"x32",m:"x16"})})))}],mdxType:"Story"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(react__WEBPACK_IMPORTED_MODULE_6__.Fragment,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{border:"2px solid currentColor",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{borderBlock:"2px solid currentColor",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{borderBlockStart:"2px solid currentColor",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{borderBlockEnd:"2px solid currentColor",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{borderInline:"2px solid currentColor",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{borderInlineStart:"2px solid currentColor",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{borderInlineEnd:"2px solid currentColor",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{borderWidth:"x2",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{borderBlockWidth:"x2",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{borderBlockStartWidth:"x2",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{borderBlockEndWidth:"x2",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{borderInlineWidth:"x2",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{borderInlineStartWidth:"x2",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{borderInlineEndWidth:"x2",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{borderWidth:"x1",borderStyle:"dashed",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{borderWidth:"x1",borderBlockStyle:"dashed",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{borderWidth:"x1",borderBlockStartStyle:"dashed",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{borderWidth:"x1",borderBlockEndStyle:"dashed",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{borderWidth:"x1",borderInlineStyle:"dashed",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{borderWidth:"x1",borderInlineStartStyle:"dashed",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{borderWidth:"x1",borderInlineEndStyle:"dashed",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{borderWidth:"x4",borderColor:"primary-500",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{borderWidth:"x4",borderBlockColor:"primary-500",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{borderWidth:"x4",borderBlockStartColor:"primary-500",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{borderWidth:"x4",borderBlockEndColor:"primary-500",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{borderWidth:"x4",borderInlineColor:"primary-500",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{borderWidth:"x4",borderInlineStartColor:"primary-500",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{borderWidth:"x4",borderInlineEndColor:"primary-500",mdxType:"Box"})))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)("h4",{id:"border-radii"},"Border radii"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.Xz,{mdxType:"Canvas"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.oG,{name:"Border radii",decorators:[function(fn){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{display:"flex",flexWrap:"wrap",alignItems:"center",mdxType:"Box"},(0,react_keyed_flatten_children__WEBPACK_IMPORTED_MODULE_9__.Z)(fn().props.children).map((function(child){return react__WEBPACK_IMPORTED_MODULE_6__.cloneElement(child,{bg:"primary-200",size:"x32",m:"x16"})})))}],mdxType:"Story"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(react__WEBPACK_IMPORTED_MODULE_6__.Fragment,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{borderRadius:"full",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{borderStartStartRadius:"full",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{borderStartEndRadius:"full",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{borderEndStartRadius:"full",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{borderEndEndRadius:"full",mdxType:"Box"})))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)("h3",{id:"position"},"Position"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)("h4",{id:"position-1"},"Position"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.Xz,{mdxType:"Canvas"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.oG,{name:"Position",decorators:[function(fn){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{display:"flex",flexWrap:"wrap",alignItems:"center",mdxType:"Box"},(0,react_keyed_flatten_children__WEBPACK_IMPORTED_MODULE_9__.Z)(fn().props.children).map((function(child){return react__WEBPACK_IMPORTED_MODULE_6__.cloneElement(child,{bg:"primary-200",size:"x32",m:"x16"})})))}],mdxType:"Story"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(react__WEBPACK_IMPORTED_MODULE_6__.Fragment,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{position:"static",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{position:"relative",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{position:"absolute",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{position:"fixed",mdxType:"Box"})))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)("h4",{id:"z-index"},"Z-index"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.Xz,{mdxType:"Canvas"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.oG,{name:"Z-index",decorators:[function(fn){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{display:"flex",flexWrap:"wrap",alignItems:"center",mdxType:"Box"},(0,react_keyed_flatten_children__WEBPACK_IMPORTED_MODULE_9__.Z)(fn().props.children).map((function(child){return react__WEBPACK_IMPORTED_MODULE_6__.cloneElement(child,{bg:"primary-200",borderWidth:"x4",size:"x32",m:"neg-x2"})})))}],mdxType:"Story"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(react__WEBPACK_IMPORTED_MODULE_6__.Fragment,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{zIndex:"2",borderColor:"success-300",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{zIndex:"1",borderColor:"info-300",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{zIndex:"2",borderColor:"warning-300",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{zIndex:"1",borderColor:"danger-300",mdxType:"Box"})))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)("h4",{id:"inset"},"Inset"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.Xz,{mdxType:"Canvas"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.oG,{name:"Inset",decorators:[function(fn){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{display:"flex",flexWrap:"wrap",alignItems:"center",mdxType:"Box"},(0,react_keyed_flatten_children__WEBPACK_IMPORTED_MODULE_9__.Z)(fn().props.children).map((function(child){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{key:child.key,position:"relative",bg:"neutral-200",m:16,size:"x64",mdxType:"Box"},react__WEBPACK_IMPORTED_MODULE_6__.cloneElement(child,{bg:"primary-200",position:"absolute",minSize:"x16"}))})))}],mdxType:"Story"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(react__WEBPACK_IMPORTED_MODULE_6__.Fragment,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{inset:"none",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{inset:"x1",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{inset:"x2",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{inset:"x4",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{inset:"x8",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{inset:"x16",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{insetBlock:"x16",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{insetBlockStart:"x16",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{insetBlockEnd:"x16",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{insetInline:"x16",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{insetInlineStart:"x16",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{insetInlineEnd:"x16",mdxType:"Box"})))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)("h3",{id:"special"},"Special"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)("h4",{id:"elevation"},"Elevation"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.Xz,{mdxType:"Canvas"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.oG,{name:"Elevation",decorators:[function(fn){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{display:"flex",flexWrap:"wrap",alignItems:"center",mdxType:"Box"},(0,react_keyed_flatten_children__WEBPACK_IMPORTED_MODULE_9__.Z)(fn().props.children).map((function(child){return react__WEBPACK_IMPORTED_MODULE_6__.cloneElement(child,{bg:"primary-100",m:"x16",size:"x64"})})))}],mdxType:"Story"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(react__WEBPACK_IMPORTED_MODULE_6__.Fragment,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{elevation:"0",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{elevation:"1",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{elevation:"2",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{elevation:"1nb",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{elevation:"2nb",mdxType:"Box"})))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)("h4",{id:"invisible"},"Invisible"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.Xz,{mdxType:"Canvas"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.oG,{name:"Invisible",decorators:[function(fn){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{display:"flex",flexWrap:"wrap",alignItems:"center",mdxType:"Box"},(0,react_keyed_flatten_children__WEBPACK_IMPORTED_MODULE_9__.Z)(fn()).map((function(child){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{key:child.key,bg:"neutral-200",p:16,mdxType:"Box"},react__WEBPACK_IMPORTED_MODULE_6__.cloneElement(child,{bg:"primary-200",size:"x16"}))})))}],mdxType:"Story"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{invisible:!0,mdxType:"Box"}))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)("h4",{id:"with-rich-content"},"With rich content"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.Xz,{mdxType:"Canvas"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.oG,{name:"With rich content",mdxType:"Story"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{withRichContent:!0,mdxType:"Box"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)("p",null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)("strong",null,"This text is strong")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)("p",null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)("em",null,"This text has emphasis")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)("p",null,"This is",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)("sub",null," subscript")," and ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)("sup",null,"superscript"))))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)("h4",{id:"with-truncated-text"},"With truncated text"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.Xz,{mdxType:"Canvas"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.oG,{name:"With truncated text",mdxType:"Story"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{withTruncatedText:!0,w:"x80",mdxType:"Box"},"This text is truncated."))))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var isProp=function isProp(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{is:___WEBPACK_IMPORTED_MODULE_10__.zxk},"A Box rendering a Button")};isProp.displayName="isProp",isProp.storyName="is prop",isProp.parameters={storySource:{source:"A Box rendering a Button"}};var margins=function margins(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(react__WEBPACK_IMPORTED_MODULE_6__.Fragment,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{m:16}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{margin:16}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{mb:16}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{marginBlock:16}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{mbs:16}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{marginBlockStart:16}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{mbe:16}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{marginBlockEnd:16}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{mi:16}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{marginInline:16}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{mis:16}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{marginInlineStart:16}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{mie:16}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{marginInlineEnd:16}))};margins.storyName="Margins",margins.parameters={storySource:{source:"<>\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n "}},margins.decorators=[function(fn){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{display:"flex",flexWrap:"wrap",alignItems:"center"},(0,react_keyed_flatten_children__WEBPACK_IMPORTED_MODULE_9__.Z)(fn().props.children).map((function(child){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{key:child.key,bg:"neutral-200",m:16},react__WEBPACK_IMPORTED_MODULE_6__.cloneElement(child,{bg:"primary-200"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{bg:"neutral-500",size:"x16"})))})))}];var paddings=function paddings(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(react__WEBPACK_IMPORTED_MODULE_6__.Fragment,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{p:16}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{padding:16}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{pb:16}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{paddingBlock:16}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{pbs:16}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{paddingBlockStart:16}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{pbe:16}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{paddingBlockEnd:16}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{pi:16}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{paddingInline:16}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{pis:16}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{paddingInlineStart:16}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{pie:16}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{paddingInlineEnd:16}))};paddings.storyName="Paddings",paddings.parameters={storySource:{source:"<>\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n "}},paddings.decorators=[function(fn){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{display:"flex",flexWrap:"wrap",alignItems:"center"},(0,react_keyed_flatten_children__WEBPACK_IMPORTED_MODULE_9__.Z)(fn().props.children).map((function(child){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{key:child.key,bg:"neutral-200",m:16},react__WEBPACK_IMPORTED_MODULE_6__.cloneElement(child,{bg:"primary-200"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{bg:"neutral-500",size:"x16"})))})))}];var surfaceColors=function surfaceColors(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(react__WEBPACK_IMPORTED_MODULE_6__.Fragment,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{bg:"light"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{bg:"tint"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{bg:"room"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{bg:"neutral"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{bg:"disabled"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{bg:"hover"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{bg:"selected"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{bg:"dark"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{bg:"featured"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{bg:"featured-hover"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{bg:"transparent"}))};surfaceColors.storyName="Surface Colors",surfaceColors.parameters={storySource:{source:"<>\n \n \n \n \n \n \n \n \n \n \n \n "}},surfaceColors.decorators=[function(fn){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{display:"flex",flexWrap:"wrap",alignItems:"center",overflow:"hidden"},(0,react_keyed_flatten_children__WEBPACK_IMPORTED_MODULE_9__.Z)(fn().props.children).map((function(child){return react__WEBPACK_IMPORTED_MODULE_6__.cloneElement(child,{m:"x4",size:"x122",color:"annotation",textAlign:"center"},child.props.bg)})))}];var statusColors=function statusColors(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(react__WEBPACK_IMPORTED_MODULE_6__.Fragment,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{bg:"status-background-info",color:"status-font-on-info"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{bg:"status-background-success",color:"status-font-on-success"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{bg:"status-background-danger",color:"status-font-on-danger"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{bg:"status-background-warning",color:"status-font-on-warning"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{bg:"status-background-service-1",color:"status-font-on-service-1"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{bg:"status-background-service-2",color:"status-font-on-service-2"}))};statusColors.storyName="Status Colors",statusColors.parameters={storySource:{source:"<>\n \n \n \n \n \n \n "}},statusColors.decorators=[function(fn){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{display:"flex",flexWrap:"wrap",alignItems:"center",overflow:"hidden"},(0,react_keyed_flatten_children__WEBPACK_IMPORTED_MODULE_9__.Z)(fn().props.children).map((function(child){return react__WEBPACK_IMPORTED_MODULE_6__.cloneElement(child,{m:"x4",size:"x122",textAlign:"center"},child.props.bg)})))}];var strokeColors=function strokeColors(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(react__WEBPACK_IMPORTED_MODULE_6__.Fragment,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{borderColor:"stroke-extra-light"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{borderColor:"stroke-light"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{borderColor:"stroke-medium"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{borderColor:"stroke-dark"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{borderColor:"stroke-extra-dark"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{borderColor:"stroke-extra-light-highlight"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{borderColor:"stroke-highlight"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{borderColor:"stroke-extra-light-error"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{borderColor:"stroke-error"}))};strokeColors.storyName="Stroke Colors",strokeColors.parameters={storySource:{source:"<>\n \n \n \n \n \n \n \n \n \n "}},strokeColors.decorators=[function(fn){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{display:"flex",flexWrap:"wrap",alignItems:"center",overflow:"hidden"},(0,react_keyed_flatten_children__WEBPACK_IMPORTED_MODULE_9__.Z)(fn().props.children).map((function(child){return react__WEBPACK_IMPORTED_MODULE_6__.cloneElement(child,{m:"x4",textAlign:"center",size:"x122",color:"annotation",borderWidth:"x8"},child.props.borderColor)})))}];var fontColors=function fontColors(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(react__WEBPACK_IMPORTED_MODULE_6__.Fragment,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{color:"font-white"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{color:"font-disabled"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{color:"font-annotation"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{color:"font-secondary-info"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{color:"font-hint"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{color:"font-text"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{color:"font-titles-labels"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{color:"font-info"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{color:"font-danger"}))};fontColors.storyName="Font Colors",fontColors.parameters={storySource:{source:"<>\n \n \n \n \n \n \n \n \n \n "}},fontColors.decorators=[function(fn){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{display:"flex",flexWrap:"wrap",alignItems:"center",overflow:"hidden"},(0,react_keyed_flatten_children__WEBPACK_IMPORTED_MODULE_9__.Z)(fn().props.children).map((function(child){return react__WEBPACK_IMPORTED_MODULE_6__.cloneElement(child,{bg:"neutral-200",m:"x4",p:"x4"},child.props.color)})))}];var opacity=function opacity(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{opacity:.5})};opacity.displayName="opacity",opacity.storyName="Opacity",opacity.parameters={storySource:{source:""}},opacity.decorators=[function(fn){return react__WEBPACK_IMPORTED_MODULE_6__.cloneElement(fn(),{size:"x32",bg:"neutral-500"})}];var fontFamilies=function fontFamilies(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(react__WEBPACK_IMPORTED_MODULE_6__.Fragment,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontFamily:"sans"},"The quick brown fox jumps over the lazy dog"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontFamily:"mono"},"The quick brown fox jumps over the lazy dog"))};fontFamilies.storyName="Font families",fontFamilies.parameters={storySource:{source:"<>\n The quick brown fox jumps over the lazy dog\n The quick brown fox jumps over the lazy dog\n "}};var fontSizes=function fontSizes(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(react__WEBPACK_IMPORTED_MODULE_6__.Fragment,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontSize:"x12"},"x12"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontSize:"x16"},"x16"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontSize:"x20"},"x20"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontSize:"x24"},"x24"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontSize:"x32"},"x32"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontSize:"hero"},"hero"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontSize:"h1"},"h1"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontSize:"h2"},"h2"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontSize:"h3"},"h3"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontSize:"h4"},"h4"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontSize:"h5"},"h5"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontSize:"p1"},"p1"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontSize:"p1m"},"p1m"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontSize:"p1b"},"p1b"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontSize:"p2"},"p2"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontSize:"p2m"},"p2m"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontSize:"p2b"},"p2b"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontSize:"c1"},"c1"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontSize:"c2"},"c2"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontSize:"micro"},"micro"))};fontSizes.storyName="Font sizes",fontSizes.parameters={storySource:{source:"<>\n x12\n x16\n x20\n x24\n x32\n hero\n h1\n h2\n h3\n h4\n h5\n p1\n p1m\n p1b\n p2\n p2m\n p2b\n c1\n c2\n micro\n "}};var fontWeights=function fontWeights(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(react__WEBPACK_IMPORTED_MODULE_6__.Fragment,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontWeight:100},"100"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontWeight:200},"200"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontWeight:300},"300"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontWeight:400},"400"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontWeight:500},"500"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontWeight:600},"600"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontWeight:700},"700"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontWeight:800},"800"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontWeight:900},"900"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontWeight:"hero"},"hero"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontWeight:"h1"},"h1"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontWeight:"h2"},"h2"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontWeight:"h3"},"h3"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontWeight:"h4"},"h4"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontWeight:"h5"},"h5"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontWeight:"p1"},"p1"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontWeight:"p1m"},"p1m"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontWeight:"p1b"},"p1b"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontWeight:"p2"},"p2"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontWeight:"p2m"},"p2m"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontWeight:"p2b"},"p2b"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontWeight:"c1"},"c1"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontWeight:"c2"},"c2"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontWeight:"micro"},"micro"))};fontWeights.storyName="Font weights",fontWeights.parameters={storySource:{source:"<>\n 100\n 200\n 300\n 400\n 500\n 600\n 700\n 800\n 900\n hero\n h1\n h2\n h3\n h4\n h5\n p1\n p1m\n p1b\n p2\n p2m\n p2b\n c1\n c2\n micro\n "}};var lineHeights=function lineHeights(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(react__WEBPACK_IMPORTED_MODULE_6__.Fragment,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{lineHeight:"1"},"1"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{lineHeight:"1.25"},"1.25"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{lineHeight:"1.5"},"1.5"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{lineHeight:"2"},"2"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{lineHeight:"hero"},"hero"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{lineHeight:"h1"},"h1"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{lineHeight:"h2"},"h2"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{lineHeight:"h3"},"h3"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{lineHeight:"h4"},"h4"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{lineHeight:"h5"},"h5"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{lineHeight:"p1"},"p1"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{lineHeight:"p1m"},"p1m"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{lineHeight:"p1b"},"p1b"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{lineHeight:"p2"},"p2"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{lineHeight:"p2m"},"p2m"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{lineHeight:"p2b"},"p2b"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{lineHeight:"c1"},"c1"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{lineHeight:"c2"},"c2"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{lineHeight:"micro"},"micro"))};lineHeights.storyName="Line heights",lineHeights.parameters={storySource:{source:"<>\n 1\n 1.25\n 1.5\n 2\n hero\n h1\n h2\n h3\n h4\n h5\n p1\n p1m\n p1b\n p2\n p2m\n p2b\n c1\n c2\n micro\n "}};var letterSpacing=function letterSpacing(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(react__WEBPACK_IMPORTED_MODULE_6__.Fragment,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{letterSpacing:"4px"},"4px"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{letterSpacing:"-4px"},"-4px"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{letterSpacing:"hero"},"hero"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{letterSpacing:"h1"},"h1"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{letterSpacing:"h2"},"h2"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{letterSpacing:"h3"},"h3"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{letterSpacing:"h4"},"h4"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{letterSpacing:"h5"},"h5"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{letterSpacing:"p1"},"p1"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{letterSpacing:"p1m"},"p1m"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{letterSpacing:"p1b"},"p1b"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{letterSpacing:"p2"},"p2"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{letterSpacing:"p2m"},"p2m"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{letterSpacing:"p2b"},"p2b"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{letterSpacing:"c1"},"c1"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{letterSpacing:"c2"},"c2"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{letterSpacing:"micro"},"micro"))};letterSpacing.storyName="Letter spacing",letterSpacing.parameters={storySource:{source:"<>\n 4px\n -4px\n hero\n h1\n h2\n h3\n h4\n h5\n p1\n p1m\n p1b\n p2\n p2m\n p2b\n c1\n c2\n micro\n "}};var fontScales=function fontScales(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(react__WEBPACK_IMPORTED_MODULE_6__.Fragment,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontScale:"hero"},"hero"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontScale:"h1"},"h1"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontScale:"h2"},"h2"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontScale:"h3"},"h3"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontScale:"h4"},"h4"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontScale:"h5"},"h5"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontScale:"p1"},"p1"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontScale:"p1m"},"p1m"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontScale:"p1b"},"p1b"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontScale:"p2"},"p2"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontScale:"p2m"},"p2m"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontScale:"p2b"},"p2b"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontScale:"c1"},"c1"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontScale:"c2"},"c2"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontScale:"micro"},"micro"))};fontScales.storyName="Font scales",fontScales.parameters={storySource:{source:"<>\n hero\n h1\n h2\n h3\n h4\n h5\n p1\n p1m\n p1b\n p2\n p2m\n p2b\n c1\n c2\n micro\n "}};var fontStyles=function fontStyles(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(react__WEBPACK_IMPORTED_MODULE_6__.Fragment,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontStyle:"normal"},"normal"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontStyle:"italic"},"italic"))};fontStyles.storyName="Font styles",fontStyles.parameters={storySource:{source:"<>\n normal\n italic\n "}};var textAlignment=function textAlignment(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(react__WEBPACK_IMPORTED_MODULE_6__.Fragment,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{textAlign:"start"},"start"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{textAlign:"end"},"end"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{textAlign:"center"},"center"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{textAlign:"justify"},"justify"))};textAlignment.storyName="Text alignment",textAlignment.parameters={storySource:{source:"<>\n start\n end\n center\n justify\n "}};var textTransform=function textTransform(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(react__WEBPACK_IMPORTED_MODULE_6__.Fragment,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{textTransform:"none"},"none"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{textTransform:"uppercase"},"uppercase"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{textTransform:"lowercase"},"lowercase"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{textTransform:"capitalize"},"capitalize"))};textTransform.storyName="Text transform",textTransform.parameters={storySource:{source:"<>\n none\n uppercase\n lowercase\n capitalize\n "}};var textDecoration=function textDecoration(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(react__WEBPACK_IMPORTED_MODULE_6__.Fragment,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{textDecorationLine:"none"},"none"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{textDecorationLine:"underline"},"underline"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{textDecorationLine:"overline"},"overline"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{textDecorationLine:"line-through"},"line-through"))};textDecoration.storyName="Text decoration",textDecoration.parameters={storySource:{source:"<>\n none\n underline\n overline\n line-through\n "}};var wordBreak=function wordBreak(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(react__WEBPACK_IMPORTED_MODULE_6__.Fragment,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{wordBreak:"break-word"},"Breakwoooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooord"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{wordBreak:"break-all"},"Breakaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaall"))};wordBreak.storyName="Word break",wordBreak.parameters={storySource:{source:"<>\n \n Breakwoooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooord\n \n \n Breakaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaall\n \n "}};var widths=function widths(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(react__WEBPACK_IMPORTED_MODULE_6__.Fragment,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{w:"x64"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{width:"x64"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{w:"none",minWidth:"x64"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{w:"sw",maxWidth:"x64"}))};widths.storyName="Widths",widths.parameters={storySource:{source:"<>\n \n \n \n \n "}},widths.decorators=[function(fn){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{display:"flex",flexWrap:"wrap",alignItems:"center"},(0,react_keyed_flatten_children__WEBPACK_IMPORTED_MODULE_9__.Z)(fn().props.children).map((function(child){return react__WEBPACK_IMPORTED_MODULE_6__.cloneElement(child,{bg:"primary-200",h:"x32",m:"x4"})})))}];var heights=function heights(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(react__WEBPACK_IMPORTED_MODULE_6__.Fragment,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{h:"x64"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{height:"x64"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{h:"none",minHeight:"x64"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{h:"sw",maxHeight:"x64"}))};heights.storyName="Heights",heights.parameters={storySource:{source:"<>\n \n \n \n \n "}},heights.decorators=[function(fn){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{display:"flex",flexWrap:"wrap",alignItems:"center"},(0,react_keyed_flatten_children__WEBPACK_IMPORTED_MODULE_9__.Z)(fn().props.children).map((function(child){return react__WEBPACK_IMPORTED_MODULE_6__.cloneElement(child,{bg:"primary-200",w:"x32",m:"x4"})})))}];var sizes=function sizes(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(react__WEBPACK_IMPORTED_MODULE_6__.Fragment,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{size:"x64"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{size:"none",minSize:"x64"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{size:9999,maxSize:"x64"}))};sizes.storyName="Sizes",sizes.parameters={storySource:{source:"<>\n \n \n \n "}},sizes.decorators=[function(fn){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{display:"flex",flexWrap:"wrap",alignItems:"center"},(0,react_keyed_flatten_children__WEBPACK_IMPORTED_MODULE_9__.Z)(fn().props.children).map((function(child){return react__WEBPACK_IMPORTED_MODULE_6__.cloneElement(child,{bg:"primary-200",m:"x4"})})))}];var display=function display(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(react__WEBPACK_IMPORTED_MODULE_6__.Fragment,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{display:"none"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{display:"inline"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{display:"inline-block"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{display:"inline-flex"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{display:"block"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{verticalAlign:"-40px"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{verticalAlign:"40px"}))};display.storyName="Display",display.parameters={storySource:{source:"<>\n \n \n \n \n \n \n \n "}},display.decorators=[function(fn){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,null,(0,react_keyed_flatten_children__WEBPACK_IMPORTED_MODULE_9__.Z)(fn().props.children).map((function(child){return react__WEBPACK_IMPORTED_MODULE_6__.cloneElement(child,{children:child.props.display})})))}];var verticalAlignment=function verticalAlignment(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{verticalAlign:"top"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{verticalAlign:"baseline"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{verticalAlign:"sub"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{verticalAlign:"middle"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{verticalAlign:"bottom"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{verticalAlign:"-40px"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{verticalAlign:"40px"}))};verticalAlignment.displayName="verticalAlignment",verticalAlignment.storyName="Vertical alignment",verticalAlignment.parameters={storySource:{source:"\n \n \n \n \n \n \n \n "}},verticalAlignment.decorators=[function(fn){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,null,(0,react_keyed_flatten_children__WEBPACK_IMPORTED_MODULE_9__.Z)(fn().props.children).map((function(child){return react__WEBPACK_IMPORTED_MODULE_6__.cloneElement(child,{display:"inline",children:child.props.verticalAlign})})))}];var borders=function borders(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(react__WEBPACK_IMPORTED_MODULE_6__.Fragment,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{border:"2px solid currentColor"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{borderBlock:"2px solid currentColor"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{borderBlockStart:"2px solid currentColor"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{borderBlockEnd:"2px solid currentColor"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{borderInline:"2px solid currentColor"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{borderInlineStart:"2px solid currentColor"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{borderInlineEnd:"2px solid currentColor"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{borderWidth:"x2"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{borderBlockWidth:"x2"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{borderBlockStartWidth:"x2"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{borderBlockEndWidth:"x2"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{borderInlineWidth:"x2"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{borderInlineStartWidth:"x2"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{borderInlineEndWidth:"x2"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{borderWidth:"x1",borderStyle:"dashed"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{borderWidth:"x1",borderBlockStyle:"dashed"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{borderWidth:"x1",borderBlockStartStyle:"dashed"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{borderWidth:"x1",borderBlockEndStyle:"dashed"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{borderWidth:"x1",borderInlineStyle:"dashed"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{borderWidth:"x1",borderInlineStartStyle:"dashed"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{borderWidth:"x1",borderInlineEndStyle:"dashed"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{borderWidth:"x4",borderColor:"primary-500"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{borderWidth:"x4",borderBlockColor:"primary-500"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{borderWidth:"x4",borderBlockStartColor:"primary-500"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{borderWidth:"x4",borderBlockEndColor:"primary-500"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{borderWidth:"x4",borderInlineColor:"primary-500"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{borderWidth:"x4",borderInlineStartColor:"primary-500"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{borderWidth:"x4",borderInlineEndColor:"primary-500"}))};borders.storyName="Borders",borders.parameters={storySource:{source:"<>\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n "}},borders.decorators=[function(fn){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{display:"flex",flexWrap:"wrap",alignItems:"center"},(0,react_keyed_flatten_children__WEBPACK_IMPORTED_MODULE_9__.Z)(fn().props.children).map((function(child){return react__WEBPACK_IMPORTED_MODULE_6__.cloneElement(child,{bg:"primary-200",size:"x32",m:"x16"})})))}];var borderRadii=function borderRadii(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(react__WEBPACK_IMPORTED_MODULE_6__.Fragment,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{borderRadius:"full"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{borderStartStartRadius:"full"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{borderStartEndRadius:"full"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{borderEndStartRadius:"full"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{borderEndEndRadius:"full"}))};borderRadii.storyName="Border radii",borderRadii.parameters={storySource:{source:"<>\n \n \n \n \n \n "}},borderRadii.decorators=[function(fn){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{display:"flex",flexWrap:"wrap",alignItems:"center"},(0,react_keyed_flatten_children__WEBPACK_IMPORTED_MODULE_9__.Z)(fn().props.children).map((function(child){return react__WEBPACK_IMPORTED_MODULE_6__.cloneElement(child,{bg:"primary-200",size:"x32",m:"x16"})})))}];var position=function position(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(react__WEBPACK_IMPORTED_MODULE_6__.Fragment,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{position:"static"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{position:"relative"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{position:"absolute"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{position:"fixed"}))};position.storyName="Position",position.parameters={storySource:{source:"<>\n \n \n \n \n "}},position.decorators=[function(fn){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{display:"flex",flexWrap:"wrap",alignItems:"center"},(0,react_keyed_flatten_children__WEBPACK_IMPORTED_MODULE_9__.Z)(fn().props.children).map((function(child){return react__WEBPACK_IMPORTED_MODULE_6__.cloneElement(child,{bg:"primary-200",size:"x32",m:"x16"})})))}];var zIndex=function zIndex(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(react__WEBPACK_IMPORTED_MODULE_6__.Fragment,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{zIndex:"2",borderColor:"success-300"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{zIndex:"1",borderColor:"info-300"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{zIndex:"2",borderColor:"warning-300"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{zIndex:"1",borderColor:"danger-300"}))};zIndex.storyName="Z-index",zIndex.parameters={storySource:{source:"<>\n \n \n \n \n "}},zIndex.decorators=[function(fn){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{display:"flex",flexWrap:"wrap",alignItems:"center"},(0,react_keyed_flatten_children__WEBPACK_IMPORTED_MODULE_9__.Z)(fn().props.children).map((function(child){return react__WEBPACK_IMPORTED_MODULE_6__.cloneElement(child,{bg:"primary-200",borderWidth:"x4",size:"x32",m:"neg-x2"})})))}];var inset=function inset(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(react__WEBPACK_IMPORTED_MODULE_6__.Fragment,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{inset:"none"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{inset:"x1"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{inset:"x2"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{inset:"x4"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{inset:"x8"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{inset:"x16"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{insetBlock:"x16"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{insetBlockStart:"x16"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{insetBlockEnd:"x16"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{insetInline:"x16"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{insetInlineStart:"x16"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{insetInlineEnd:"x16"}))};inset.storyName="Inset",inset.parameters={storySource:{source:"<>\n \n \n \n \n \n \n \n \n \n \n \n \n "}},inset.decorators=[function(fn){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{display:"flex",flexWrap:"wrap",alignItems:"center"},(0,react_keyed_flatten_children__WEBPACK_IMPORTED_MODULE_9__.Z)(fn().props.children).map((function(child){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{key:child.key,position:"relative",bg:"neutral-200",m:16,size:"x64"},react__WEBPACK_IMPORTED_MODULE_6__.cloneElement(child,{bg:"primary-200",position:"absolute",minSize:"x16"}))})))}];var elevation=function elevation(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(react__WEBPACK_IMPORTED_MODULE_6__.Fragment,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{elevation:"0"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{elevation:"1"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{elevation:"2"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{elevation:"1nb"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{elevation:"2nb"}))};elevation.storyName="Elevation",elevation.parameters={storySource:{source:"<>\n \n \n \n \n \n "}},elevation.decorators=[function(fn){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{display:"flex",flexWrap:"wrap",alignItems:"center"},(0,react_keyed_flatten_children__WEBPACK_IMPORTED_MODULE_9__.Z)(fn().props.children).map((function(child){return react__WEBPACK_IMPORTED_MODULE_6__.cloneElement(child,{bg:"primary-100",m:"x16",size:"x64"})})))}];var invisible=function invisible(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{invisible:!0})};invisible.displayName="invisible",invisible.storyName="Invisible",invisible.parameters={storySource:{source:""}},invisible.decorators=[function(fn){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{display:"flex",flexWrap:"wrap",alignItems:"center"},(0,react_keyed_flatten_children__WEBPACK_IMPORTED_MODULE_9__.Z)(fn()).map((function(child){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{key:child.key,bg:"neutral-200",p:16},react__WEBPACK_IMPORTED_MODULE_6__.cloneElement(child,{bg:"primary-200",size:"x16"}))})))}];var withRichContent=function withRichContent(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{withRichContent:!0},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)("p",null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)("strong",null,"This text is strong")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)("p",null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)("em",null,"This text has emphasis")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)("p",null,"This is",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)("sub",null," subscript")," and ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)("sup",null,"superscript")))};withRichContent.displayName="withRichContent",withRichContent.storyName="With rich content",withRichContent.parameters={storySource:{source:"\n

\n This text is strong\n

\n

\n This text has emphasis\n

\n

\n This is subscript and superscript\n

\n "}};var withTruncatedText=function withTruncatedText(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{withTruncatedText:!0,w:"x80"},"This text is truncated.")};withTruncatedText.displayName="withTruncatedText",withTruncatedText.storyName="With truncated text",withTruncatedText.parameters={storySource:{source:"\n This text is truncated.\n "}};var componentMeta={title:"Layout/Box/Props",parameters:{jest:["Box/spec"]},includeStories:["isProp","margins","paddings","surfaceColors","statusColors","strokeColors","fontColors","opacity","fontFamilies","fontSizes","fontWeights","lineHeights","letterSpacing","fontScales","fontStyles","textAlignment","textTransform","textDecoration","wordBreak","widths","heights","sizes","display","verticalAlignment","borders","borderRadii","position","zIndex","inset","elevation","invisible","withRichContent","withTruncatedText"]},mdxStoryNameToKey={"is prop":"isProp",Margins:"margins",Paddings:"paddings","Surface Colors":"surfaceColors","Status Colors":"statusColors","Stroke Colors":"strokeColors","Font Colors":"fontColors",Opacity:"opacity","Font families":"fontFamilies","Font sizes":"fontSizes","Font weights":"fontWeights","Line heights":"lineHeights","Letter spacing":"letterSpacing","Font scales":"fontScales","Font styles":"fontStyles","Text alignment":"textAlignment","Text transform":"textTransform","Text decoration":"textDecoration","Word break":"wordBreak",Widths:"widths",Heights:"heights",Sizes:"sizes",Display:"display","Vertical alignment":"verticalAlignment",Borders:"borders","Border radii":"borderRadii",Position:"position","Z-index":"zIndex",Inset:"inset",Elevation:"elevation",Invisible:"invisible","With rich content":"withRichContent","With truncated text":"withTruncatedText"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.aT,{mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(MDXContent,null))}});const __WEBPACK_DEFAULT_EXPORT__=componentMeta;var __namedExportsOrder=["isProp","margins","paddings","surfaceColors","statusColors","strokeColors","fontColors","opacity","fontFamilies","fontSizes","fontWeights","lineHeights","letterSpacing","fontScales","fontStyles","textAlignment","textTransform","textDecoration","wordBreak","widths","heights","sizes","display","verticalAlignment","borders","borderRadii","position","zIndex","inset","elevation","invisible","withRichContent","withTruncatedText"]},"./src/components/Flex/Flex.stories.mdx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{__namedExportsOrder:()=>__namedExportsOrder,_alignContent_:()=>_alignContent_,_alignItems_:()=>_alignItems_,_align_:()=>_align_,_basis_:()=>_basis_,_direction_:()=>_direction_,_example_:()=>_example_,_grow_:()=>_grow_,_justifyContent_:()=>_justifyContent_,_order_:()=>_order_,_shrink_:()=>_shrink_,_wrap_:()=>_wrap_,default:()=>__WEBPACK_DEFAULT_EXPORT__});__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.function.bind.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("../../node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("../../node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("../../node_modules/@storybook/addon-docs/dist/esm/index.js"),___WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/index.ts"),_Flex_stories__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./src/components/Flex/Flex.stories.tsx"),_excluded=["components"];function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;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 layoutProps={};function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("wrapper",_extends({},layoutProps,props,{components,mdxType:"MDXLayout"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.h_,{title:"Layout/Flex",parameters:{jest:["/Flex.spec"]},mdxType:"Meta"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("h1",{id:"flex"},"Flex"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.MB,{mdxType:"Preview"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.oG,{story:_Flex_stories__WEBPACK_IMPORTED_MODULE_9__.example,name:"_example_",mdxType:"Story"})),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("hr",null),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("h2",{id:"flexcontainer"},"Flex.Container"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.$4,{of:___WEBPACK_IMPORTED_MODULE_8__.kCb.Container,mdxType:"ArgsTable"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("h2",{id:"flexitem"},"Flex.Item"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.$4,{of:___WEBPACK_IMPORTED_MODULE_8__.kCb.Item,mdxType:"ArgsTable"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("hr",null),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("h3",{id:"direction"},"Direction"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.MB,{mdxType:"Preview"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.oG,{story:_Flex_stories__WEBPACK_IMPORTED_MODULE_9__.direction,name:"_direction_",mdxType:"Story"})),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("h3",{id:"wrap"},"Wrap"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.MB,{mdxType:"Preview"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.oG,{story:_Flex_stories__WEBPACK_IMPORTED_MODULE_9__.wrap,name:"_wrap_",mdxType:"Story"})),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("h3",{id:"justify-content"},"Justify Content"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.MB,{mdxType:"Preview"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.oG,{story:_Flex_stories__WEBPACK_IMPORTED_MODULE_9__.justifyContent,name:"_justifyContent_",mdxType:"Story"})),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("h3",{id:"align-items"},"Align Items"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.MB,{mdxType:"Preview"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.oG,{story:_Flex_stories__WEBPACK_IMPORTED_MODULE_9__.alignItems,name:"_alignItems_",mdxType:"Story"})),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("h3",{id:"align-content"},"Align Content"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.MB,{mdxType:"Preview"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.oG,{story:_Flex_stories__WEBPACK_IMPORTED_MODULE_9__.alignContent,name:"_alignContent_",mdxType:"Story"})),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("h3",{id:"order"},"Order"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.MB,{mdxType:"Preview"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.oG,{story:_Flex_stories__WEBPACK_IMPORTED_MODULE_9__.order,name:"_order_",mdxType:"Story"})),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("h3",{id:"grow"},"Grow"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.MB,{mdxType:"Preview"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.oG,{story:_Flex_stories__WEBPACK_IMPORTED_MODULE_9__.grow,name:"_grow_",mdxType:"Story"})),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("h3",{id:"shrink"},"Shrink"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.MB,{mdxType:"Preview"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.oG,{story:_Flex_stories__WEBPACK_IMPORTED_MODULE_9__.shrink,name:"_shrink_",mdxType:"Story"})),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("h3",{id:"basis"},"Basis"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.MB,{mdxType:"Preview"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.oG,{story:_Flex_stories__WEBPACK_IMPORTED_MODULE_9__.basis,name:"_basis_",mdxType:"Story"})),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("h3",{id:"align"},"Align"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.MB,{mdxType:"Preview"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.oG,{story:_Flex_stories__WEBPACK_IMPORTED_MODULE_9__.align,name:"_align_",mdxType:"Story"})))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var _example_=_Flex_stories__WEBPACK_IMPORTED_MODULE_9__.example,_direction_=_Flex_stories__WEBPACK_IMPORTED_MODULE_9__.direction,_wrap_=_Flex_stories__WEBPACK_IMPORTED_MODULE_9__.wrap,_justifyContent_=_Flex_stories__WEBPACK_IMPORTED_MODULE_9__.justifyContent,_alignItems_=_Flex_stories__WEBPACK_IMPORTED_MODULE_9__.alignItems,_alignContent_=_Flex_stories__WEBPACK_IMPORTED_MODULE_9__.alignContent,_order_=_Flex_stories__WEBPACK_IMPORTED_MODULE_9__.order,_grow_=_Flex_stories__WEBPACK_IMPORTED_MODULE_9__.grow,_shrink_=_Flex_stories__WEBPACK_IMPORTED_MODULE_9__.shrink,_basis_=_Flex_stories__WEBPACK_IMPORTED_MODULE_9__.basis,_align_=_Flex_stories__WEBPACK_IMPORTED_MODULE_9__.align,componentMeta={title:"Layout/Flex",parameters:{jest:["/Flex.spec"]},includeStories:["_example_","_direction_","_wrap_","_justifyContent_","_alignItems_","_alignContent_","_order_","_grow_","_shrink_","_basis_","_align_"]},mdxStoryNameToKey={_example_:"_example_",_direction_:"_direction_",_wrap_:"_wrap_",_justifyContent_:"_justifyContent_",_alignItems_:"_alignItems_",_alignContent_:"_alignContent_",_order_:"_order_",_grow_:"_grow_",_shrink_:"_shrink_",_basis_:"_basis_",_align_:"_align_"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.aT,{mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(MDXContent,null))}});const __WEBPACK_DEFAULT_EXPORT__=componentMeta;var __namedExportsOrder=["_example_","_direction_","_wrap_","_justifyContent_","_alignItems_","_alignContent_","_order_","_grow_","_shrink_","_basis_","_align_"]},"./src/components/Accordion/Accordion.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("../../node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("../../node_modules/react/index.js");var ___WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/index.ts"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("../../node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__={title:"Containers/Accordion",component:___WEBPACK_IMPORTED_MODULE_3__.UQy,parameters:{docs:{description:{component:"An `Accordion` allows users to toggle the display of sections of content."}}}};var Template=function Template(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.UQy,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.UQy.Item,{title:"Item #1",defaultExpanded:!0,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.xuv,{color:"default",fontScale:"p2",marginBlockEnd:16,children:"Content #1"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.UQy.Item,{title:"Item #2",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.xuv,{color:"default",fontScale:"p2",marginBlockEnd:16,children:"Content #2"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.UQy.Item,{title:"Item #3",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.xuv,{color:"default",fontScale:"p2",marginBlockEnd:16,children:"Content #3"})})]})};Template.displayName="Template";var Default=Template.bind({});Default.parameters=Object.assign({storySource:{source:"() => (\n \n \n \n Content #1\n \n \n \n \n Content #2\n \n \n \n \n Content #3\n \n \n \n)"}},Default.parameters);var __namedExportsOrder=["Default"]},"./src/components/AnimatedVisibility/AnimatedVisibility.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__,example:()=>example});__webpack_require__("../../node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("../../node_modules/react/index.js");var ___WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/index.ts"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("../../node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__={title:"Layout/AnimatedVisibility",component:___WEBPACK_IMPORTED_MODULE_2__.pdH,argTypes:{visibility:{control:{type:"inline-radio"},options:[___WEBPACK_IMPORTED_MODULE_2__.pdH.VISIBLE,___WEBPACK_IMPORTED_MODULE_2__.pdH.HIDDEN,___WEBPACK_IMPORTED_MODULE_2__.pdH.HIDING,___WEBPACK_IMPORTED_MODULE_2__.pdH.UNHIDING]}}};var example=function example(_ref){var visibility=_ref.visibility;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(___WEBPACK_IMPORTED_MODULE_2__.pdH,{visibility,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(___WEBPACK_IMPORTED_MODULE_2__.n9L,{padding:40,children:"Visible"})})};example.displayName="example",example.args={visibility:___WEBPACK_IMPORTED_MODULE_2__.pdH.VISIBLE},example.parameters=Object.assign({storySource:{source:"({\n visibility,\n}) => (\n \n Visible\n \n)"}},example.parameters);var __namedExportsOrder=["example"]},"./src/components/AudioPlayer/AudioPlayer.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{AudioPlayerDefault:()=>AudioPlayerDefault,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("../../node_modules/core-js/modules/es.object.assign.js");var _storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../../node_modules/@storybook/addon-docs/dist/esm/index.js"),___WEBPACK_IMPORTED_MODULE_3__=(__webpack_require__("../../node_modules/react/index.js"),__webpack_require__("./src/index.ts")),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("../../node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__={title:"Media/AudioPlayer",component:___WEBPACK_IMPORTED_MODULE_3__.zFy,parameters:{docs:{description:{component:"A fuselage`s custom AudioPlayer."},page:function page(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.Dx,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.QE,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.dk,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.sq,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.fQ,{title:""}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.$4,{story:_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.Uh})]})}}}};var AudioPlayerDefault=function AudioPlayerDefault(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.zFy,{src:"https://www.soundhelix.com/examples/mp3/SoundHelix-Song-17.mp3"})};AudioPlayerDefault.displayName="AudioPlayerDefault",AudioPlayerDefault.parameters=Object.assign({storySource:{source:"() => "}},AudioPlayerDefault.parameters);var __namedExportsOrder=["AudioPlayerDefault"]},"./src/components/AutoComplete/AutoComplete.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{AutoCompleteCustomSelected:()=>AutoCompleteCustomSelected,AutoCompleteDefault:()=>AutoCompleteDefault,AutoCompleteMultiple:()=>AutoCompleteMultiple,AutoCompleteMultipleCustomSelected:()=>AutoCompleteMultipleCustomSelected,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js"),_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/slicedToArray.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__=(__webpack_require__("../../node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("../../node_modules/@storybook/addon-docs/dist/esm/index.js")),react__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("../../node_modules/react/index.js"),___WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/index.ts"),_storybook_helpers__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./.storybook/helpers.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("../../node_modules/react/jsx-runtime.js"),_excluded=["value","label"];const __WEBPACK_DEFAULT_EXPORT__={title:"Inputs/AutoComplete",component:___WEBPACK_IMPORTED_MODULE_3__.QcG,parameters:{docs:{description:{component:"An input for selection of options."},page:function page(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.Dx,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.QE,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.dk,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.sq,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.fQ,{title:""}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.$4,{story:_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.Uh})]})}}}};var options=[{value:"1",label:"test1"},{value:"2",label:"test2"},{value:"3",label:"test3"},{value:"4",label:"test4"}],AutoCompleteDefault=function AutoCompleteDefault(){var _useState=(0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(""),_useState2=(0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_6__.Z)(_useState,2),filter=_useState2[0],setFilter=_useState2[1],_useState3=(0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(""),_useState4=(0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_6__.Z)(_useState3,2),value=_useState4[0],setValue=_useState4[1];return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.QcG,{value,filter,setFilter,options,onChange:function handleChangeRooms(value){setValue(value)}})};AutoCompleteDefault.displayName="AutoCompleteDefault";var AutoCompleteCustomSelected=function AutoCompleteCustomSelected(){var _useState5=(0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(""),_useState6=(0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_6__.Z)(_useState5,2),filter=_useState6[0],setFilter=_useState6[1],_useState7=(0,react__WEBPACK_IMPORTED_MODULE_2__.useState)("1"),_useState8=(0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_6__.Z)(_useState7,2),value=_useState8[0],setValue=_useState8[1];return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.QcG,{value,filter,setFilter,options,onChange:function handleChangeRooms(value){setValue(value)},renderSelected:function renderSelected(_ref){var label=_ref.selected.label;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.xuv,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.qEK,{size:"x20",url:_storybook_helpers__WEBPACK_IMPORTED_MODULE_4__.Hh})," ",label]})}})};AutoCompleteCustomSelected.displayName="AutoCompleteCustomSelected";var AutoCompleteMultiple=function AutoCompleteMultiple(){var _useState9=(0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(""),_useState10=(0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_6__.Z)(_useState9,2),filter=_useState10[0],setFilter=_useState10[1],_useState11=(0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(["1","3"]),_useState12=(0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_6__.Z)(_useState11,2),value=_useState12[0],setValue=_useState12[1];return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.QcG,{multiple:!0,value,filter,setFilter,options,onChange:function handleChangeRooms(value){setValue(value)}})};AutoCompleteMultiple.displayName="AutoCompleteMultiple";var AutoCompleteMultipleCustomSelected=function AutoCompleteMultipleCustomSelected(){var _useState13=(0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(""),_useState14=(0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_6__.Z)(_useState13,2),filter=_useState14[0],setFilter=_useState14[1],_useState15=(0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(["1","3"]),_useState16=(0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_6__.Z)(_useState15,2),value=_useState16[0],setValue=_useState16[1];return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.QcG,{multiple:!0,value,filter,setFilter,options,onChange:function handleChangeRooms(value){setValue(value)},renderSelected:function renderSelected(_ref2){var _ref2$selected=_ref2.selected,value=_ref2$selected.value,label=_ref2$selected.label,onRemove=_ref2.onRemove;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.AfN,{height:"x20",value,onClick:onRemove,mie:4,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.xuv,{is:"span",margin:"none",mis:4,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.qEK,{size:"x20",url:_storybook_helpers__WEBPACK_IMPORTED_MODULE_4__.Hh})," ",label]})},value)},renderItem:function renderItem(_ref3){var value=_ref3.value,label=_ref3.label,props=(0,_babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_7__.Z)(_ref3,_excluded);return(0,react__WEBPACK_IMPORTED_MODULE_2__.createElement)(___WEBPACK_IMPORTED_MODULE_3__.Wxm,Object.assign({},props,{key:value,label}))}})};AutoCompleteMultipleCustomSelected.displayName="AutoCompleteMultipleCustomSelected",AutoCompleteDefault.parameters=Object.assign({storySource:{source:"() => {\n const [filter, setFilter] = useState('');\n const [value, setValue] = useState('');\n\n const handleChangeRooms = (value: string | string[]) => {\n setValue(value);\n };\n\n return (\n \n );\n}"}},AutoCompleteDefault.parameters),AutoCompleteCustomSelected.parameters=Object.assign({storySource:{source:"() => {\n const [filter, setFilter] = useState('');\n const [value, setValue] = useState('1');\n\n const handleChangeRooms = (value: string | string[]) => {\n setValue(value);\n };\n\n return (\n (\n \n {label}\n \n )}\n />\n );\n}"}},AutoCompleteCustomSelected.parameters),AutoCompleteMultiple.parameters=Object.assign({storySource:{source:"() => {\n const [filter, setFilter] = useState('');\n const [value, setValue] = useState(['1', '3']);\n\n const handleChangeRooms = (value: string | string[]) => {\n setValue(value);\n };\n\n return (\n \n );\n}"}},AutoCompleteMultiple.parameters),AutoCompleteMultipleCustomSelected.parameters=Object.assign({storySource:{source:"() => {\n const [filter, setFilter] = useState('');\n const [value, setValue] = useState(['1', '3']);\n\n const handleChangeRooms = (value: string | string[]) => {\n setValue(value);\n };\n\n return (\n (\n \n \n \n {' '}\n {label}\n \n \n )}\n renderItem={({ value, label, ...props }) => (\n \n );\n}"}},Default.parameters);var __namedExportsOrder=["Default"]},"./src/components/EmailInput/EmailInput.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,Disabled:()=>Disabled,Invalid:()=>Invalid,States:()=>States,WithIconAddon:()=>WithIconAddon,WithPlaceholder:()=>WithPlaceholder,WithValue:()=>WithValue,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("../../node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("../../node_modules/core-js/modules/es.function.bind.js");var _storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("../../node_modules/@storybook/addon-docs/dist/esm/index.js"),___WEBPACK_IMPORTED_MODULE_4__=(__webpack_require__("../../node_modules/react/index.js"),__webpack_require__("./src/index.ts")),_storybook_helpers__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./.storybook/helpers.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("../../node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__={title:"Inputs/EmailInput",component:___WEBPACK_IMPORTED_MODULE_4__.U50,parameters:{docs:{description:{component:"An input for email addresses."},page:function page(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__.Dx,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__.dk,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__.sq,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__.fQ,{title:"Props from InputBox"})]})}}}};var Template=function Template(args){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.U50,Object.assign({},args))};Template.displayName="Template";var Default=Template.bind({}),WithIconAddon=function WithIconAddon(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.U50,{addon:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.JO$,{name:"send",size:"x20"})})};WithIconAddon.displayName="WithIconAddon";var Invalid=Template.bind({});Invalid.args={error:"Error"};var Disabled=Template.bind({});Disabled.args={disabled:!0};var WithPlaceholder=Template.bind({});WithPlaceholder.args={placeholder:"Placeholder"};var WithValue=Template.bind({});WithValue.args={defaultValue:"support@rocket.chat"};var States=function States(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_storybook_helpers__WEBPACK_IMPORTED_MODULE_5__.$y,{component:___WEBPACK_IMPORTED_MODULE_4__.U50,common:{onChange:function onChange(){}},xAxis:{default:{},"with placeholder":{placeholder:"Placeholder"},"with value":{value:"support@rocket.chat"},"with icon":{addon:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.JO$,{name:"at",size:"x20"}),value:"support@rocket.chat"}},yAxis:{default:{},hover:{className:"hover"},active:{className:"active"},focus:{className:"focus"},disabled:{disabled:!0},errored:{error:"Error"},"errored + hover":{className:"hover",error:"Error"},"errored + active":{className:"active",error:"Error"},"errored + focus":{className:"focus",error:"Error"}}})};States.displayName="States",Default.parameters=Object.assign({storySource:{source:"(args) => (\n \n)"}},Default.parameters),WithIconAddon.parameters=Object.assign({storySource:{source:"() => (\n } />\n)"}},WithIconAddon.parameters),Invalid.parameters=Object.assign({storySource:{source:"(args) => (\n \n)"}},Invalid.parameters),Disabled.parameters=Object.assign({storySource:{source:"(args) => (\n \n)"}},Disabled.parameters),WithPlaceholder.parameters=Object.assign({storySource:{source:"(args) => (\n \n)"}},WithPlaceholder.parameters),WithValue.parameters=Object.assign({storySource:{source:"(args) => (\n \n)"}},WithValue.parameters),States.parameters=Object.assign({storySource:{source:"() => (\n {} }}\n xAxis={{\n 'default': {},\n 'with placeholder': { placeholder: 'Placeholder' },\n 'with value': { value: 'support@rocket.chat' },\n 'with icon': {\n addon: ,\n value: 'support@rocket.chat',\n },\n }}\n yAxis={{\n 'default': {},\n 'hover': { className: 'hover' },\n 'active': { className: 'active' },\n 'focus': { className: 'focus' },\n 'disabled': { disabled: true },\n 'errored': { error: 'Error' },\n 'errored + hover': { className: 'hover', error: 'Error' },\n 'errored + active': { className: 'active', error: 'Error' },\n 'errored + focus': { className: 'focus', error: 'Error' },\n }}\n />\n)"}},States.parameters);var __namedExportsOrder=["Default","WithIconAddon","Invalid","Disabled","WithPlaceholder","WithValue","States"]},"./src/components/Field/Field.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,WithCheckBox:()=>WithCheckBox,WithDescription:()=>WithDescription,WithError:()=>WithError,WithHint:()=>WithHint,WithHintAndError:()=>WithHintAndError,WithHintAndLink:()=>WithHintAndLink,WithLink:()=>WithLink,WithToggleSwitch:()=>WithToggleSwitch,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("../../node_modules/core-js/modules/es.object.assign.js");var _storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../../node_modules/@storybook/addon-docs/dist/esm/index.js"),___WEBPACK_IMPORTED_MODULE_3__=(__webpack_require__("../../node_modules/react/index.js"),__webpack_require__("./src/index.ts")),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("../../node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__={title:"Inputs/Field",component:___WEBPACK_IMPORTED_MODULE_3__.gNt,parameters:{docs:{description:{component:"A `Field` is a wrapper representing an entry in a form."},page:function page(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.Dx,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.dk,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.sq,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.fQ,{title:"Field Patterns"})]})}}}};var Default=function Default(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.gNt,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.Qyk,{children:"Label"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.DE$,{children:"Description"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.Evx,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.Wzg.Skeleton,{})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.cp7,{children:"Error"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.J14,{children:"Hint"})]})};Default.displayName="Default";var WithCheckBox=function WithCheckBox(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.gNt,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.Evx,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.JgP,{id:"check-box"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.Qyk,{htmlFor:"check-box",children:"Label"})]})})};WithCheckBox.displayName="WithCheckBox";var WithToggleSwitch=function WithToggleSwitch(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.gNt,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.Evx,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.ZhN,{id:"toggle-switch"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.Qyk,{htmlFor:"toggle-switch",children:"Label"})]})})};WithToggleSwitch.displayName="WithToggleSwitch";var WithDescription=function WithDescription(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.gNt,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.Qyk,{children:"Label"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.DE$,{children:"Descriptions should add useful and relevant additional information about what is required of the user for the related input. Its content is strictly composed by plain text."}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.Evx,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.Wzg.Skeleton,{})})]})};WithDescription.displayName="WithDescription";var WithError=function WithError(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.gNt,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.Qyk,{children:"Label"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.Evx,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.Wzg.Skeleton,{})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.cp7,{children:"Error text appears when the user has inputted an invalid response to a field and let's the user know exactly what the issue is, so as to let them remedy the error as easily as possible."})]})};WithError.displayName="WithError";var WithHint=function WithHint(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.gNt,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.Qyk,{children:"Label"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.Evx,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.Wzg.Skeleton,{})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.J14,{children:"Hint fields help by explaining technical terms or concepts related to third-party apps and integrations."})]})};WithHint.displayName="WithHint";var WithHintAndError=function WithHintAndError(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.gNt,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.Qyk,{children:"Label"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.Evx,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.Wzg.Skeleton,{})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.cp7,{children:"Error must be above."}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.J14,{children:"Hint must be below."})]})};WithHintAndError.displayName="WithHintAndError";var WithLink=function WithLink(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.gNt,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.Qyk,{children:"Label"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.Evx,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.Wzg.Skeleton,{})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.Evx,{justifyContent:"end",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.gED,{href:"#",children:"Link is used for external resources or documentation."})})]})};WithLink.displayName="WithLink";var WithHintAndLink=function WithHintAndLink(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.gNt,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.Qyk,{children:"Label"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.Evx,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.Wzg.Skeleton,{})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.Evx,{justifyContent:"space-between",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.J14,{children:"Same line as Link in the left"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.gED,{href:"#",children:"Same line as Hint in the right"})]})]})};WithHintAndLink.displayName="WithHintAndLink",Default.parameters=Object.assign({storySource:{source:"() => (\n \n Label\n Description\n \n \n \n Error\n Hint\n \n)"}},Default.parameters),WithCheckBox.parameters=Object.assign({storySource:{source:"() => (\n \n \n \n Label\n \n \n)"}},WithCheckBox.parameters),WithToggleSwitch.parameters=Object.assign({storySource:{source:"() => (\n \n \n \n Label\n \n \n)"}},WithToggleSwitch.parameters),WithDescription.parameters=Object.assign({storySource:{source:"() => (\n \n Label\n \n Descriptions should add useful and relevant additional information about\n what is required of the user for the related input. Its content is\n strictly composed by plain text.\n \n \n \n \n \n)"}},WithDescription.parameters),WithError.parameters=Object.assign({storySource:{source:"() => (\n \n Label\n \n \n \n \n Error text appears when the user has inputted an invalid response to a\n field and let's the user know exactly what the issue is, so as to let them\n remedy the error as easily as possible.\n \n \n)"}},WithError.parameters),WithHint.parameters=Object.assign({storySource:{source:"() => (\n \n Label\n \n \n \n \n Hint fields help by explaining technical terms or concepts related to\n third-party apps and integrations.\n \n \n)"}},WithHint.parameters),WithHintAndError.parameters=Object.assign({storySource:{source:"() => (\n \n Label\n \n \n \n Error must be above.\n Hint must be below.\n \n)"}},WithHintAndError.parameters),WithLink.parameters=Object.assign({storySource:{source:"() => (\n \n Label\n \n \n \n \n \n Link is used for external resources or documentation.\n \n \n \n)"}},WithLink.parameters),WithHintAndLink.parameters=Object.assign({storySource:{source:"() => (\n \n Label\n \n \n \n \n Same line as Link in the left\n Same line as Hint in the right\n \n \n)"}},WithHintAndLink.parameters);var __namedExportsOrder=["Default","WithCheckBox","WithToggleSwitch","WithDescription","WithError","WithHint","WithHintAndError","WithLink","WithHintAndLink"]},"./src/components/FieldGroup/FieldGroup.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("../../node_modules/core-js/modules/es.object.assign.js");var _storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../../node_modules/@storybook/addon-docs/dist/esm/index.js"),___WEBPACK_IMPORTED_MODULE_3__=(__webpack_require__("../../node_modules/react/index.js"),__webpack_require__("./src/index.ts")),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("../../node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__={title:"Inputs/FieldGroup",component:___WEBPACK_IMPORTED_MODULE_3__.NIo,parameters:{docs:{description:{component:"A container for grouping fields that semantically share a common data context."},page:function page(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.Dx,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.dk,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.sq,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.fQ,{title:"Label positioning for selection buttons"})]})}}}};var Default=function Default(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.NIo,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.gNt,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.gNt.Label,{children:"Field #1"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.gNt.Row,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.Wzg.Skeleton,{})})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.gNt,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.gNt.Label,{children:"Field #2"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.gNt.Row,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.Wzg.Skeleton,{})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.gNt.Hint,{children:"Help text"})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.gNt,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.gNt.Label,{children:"Field #3"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.gNt.Row,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.Wzg.Skeleton,{})})]})]})};Default.displayName="Default",Default.parameters=Object.assign({storySource:{source:"() => (\n \n \n Field #1\n \n \n \n \n \n Field #2\n \n \n \n Help text\n \n \n Field #3\n \n \n \n \n \n)"}},Default.parameters);var __namedExportsOrder=["Default"]},"./src/components/Flex/Flex.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{__namedExportsOrder:()=>__namedExportsOrder,align:()=>align,alignContent:()=>alignContent,alignItems:()=>alignItems,basis:()=>basis,direction:()=>direction,example:()=>example,grow:()=>grow,justifyContent:()=>justifyContent,order:()=>order,shrink:()=>shrink,wrap:()=>wrap});__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/react/index.js");var ___WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/index.ts"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("../../node_modules/react/jsx-runtime.js"),example=function example(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.kCb.Container,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:Array.from({length:3},(function(_,i){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.kCb.Item,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:["#",i+1]})},i)}))})})};example.displayName="example";var direction=function direction(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.kCb.Container,{direction:"row-reverse",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:Array.from({length:3},(function(_,i){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.kCb.Item,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:["#",i+1]})},i)}))})})};direction.displayName="direction";var wrap=function wrap(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.kCb.Container,{wrap:"wrap",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:Array.from({length:12},(function(_,i){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.kCb.Item,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:["#",i+1]})},i)}))})})};wrap.displayName="wrap";var justifyContent=function justifyContent(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.kCb.Container,{justifyContent:"space-around",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:Array.from({length:3},(function(_,i){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.kCb.Item,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:["#",i+1]})},i)}))})})};justifyContent.displayName="justifyContent";var alignItems=function alignItems(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.kCb.Container,{alignItems:"end",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:Array.from({length:3},(function(_,i){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.kCb.Item,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{style:{height:100*i},children:["#",i+1]})},i)}))})})};alignItems.displayName="alignItems";var alignContent=function alignContent(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.kCb.Container,{wrap:"wrap",alignContent:"end",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{style:{minHeight:400},children:Array.from({length:12},(function(_,i){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.kCb.Item,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:["#",i+1]})},i)}))})})};alignContent.displayName="alignContent";var order=function order(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.kCb.Container,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.kCb.Item,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:"#1"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.kCb.Item,{order:1,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:"#2"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.kCb.Item,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:"#3"})})]})})};order.displayName="order";var grow=function grow(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.kCb.Container,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.kCb.Item,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:"#1"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.kCb.Item,{grow:1,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:"#2"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.kCb.Item,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:"#3"})})]})})};grow.displayName="grow";var shrink=function shrink(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.kCb.Container,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.kCb.Item,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:"#1"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.kCb.Item,{shrink:1,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{width:"full",children:"#2"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.kCb.Item,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:"#3"})})]})})};shrink.displayName="shrink";var basis=function basis(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.kCb.Container,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.kCb.Item,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:"#1"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.kCb.Item,{basis:"400px",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:"#2"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.kCb.Item,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:"#3"})})]})})};basis.displayName="basis";var align=function align(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.kCb.Container,{alignItems:"center",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{style:{minHeight:400},children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.kCb.Item,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:"#1"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.kCb.Item,{align:"end",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:"#2"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.kCb.Item,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:"#3"})})]})})};align.displayName="align",example.parameters=Object.assign({storySource:{source:"() => (\n \n \n {Array.from({ length: 3 }, (_, i) => (\n \n #{i + 1}\n \n ))}\n \n \n)"}},example.parameters),direction.parameters=Object.assign({storySource:{source:"() => (\n \n \n {Array.from({ length: 3 }, (_, i) => (\n \n #{i + 1}\n \n ))}\n \n \n)"}},direction.parameters),wrap.parameters=Object.assign({storySource:{source:"() => (\n \n \n {Array.from({ length: 12 }, (_, i) => (\n \n #{i + 1}\n \n ))}\n \n \n)"}},wrap.parameters),justifyContent.parameters=Object.assign({storySource:{source:"() => (\n \n \n {Array.from({ length: 3 }, (_, i) => (\n \n #{i + 1}\n \n ))}\n \n \n)"}},justifyContent.parameters),alignItems.parameters=Object.assign({storySource:{source:"() => (\n \n \n {Array.from({ length: 3 }, (_, i) => (\n \n #{i + 1}\n \n ))}\n \n \n)"}},alignItems.parameters),alignContent.parameters=Object.assign({storySource:{source:"() => (\n \n \n {Array.from({ length: 12 }, (_, i) => (\n \n #{i + 1}\n \n ))}\n \n \n)"}},alignContent.parameters),order.parameters=Object.assign({storySource:{source:"() => (\n \n \n \n #1\n \n \n #2\n \n \n #3\n \n \n \n)"}},order.parameters),grow.parameters=Object.assign({storySource:{source:"() => (\n \n \n \n #1\n \n \n #2\n \n \n #3\n \n \n \n)"}},grow.parameters),shrink.parameters=Object.assign({storySource:{source:"() => (\n \n \n \n #1\n \n \n #2\n \n \n #3\n \n \n \n)"}},shrink.parameters),basis.parameters=Object.assign({storySource:{source:"() => (\n \n \n \n #1\n \n \n #2\n \n \n #3\n \n \n \n)"}},basis.parameters),align.parameters=Object.assign({storySource:{source:"() => (\n \n \n \n #1\n \n \n #2\n \n \n #3\n \n \n \n)"}},align.parameters);var __namedExportsOrder=["example","direction","wrap","justifyContent","alignItems","alignContent","order","grow","shrink","basis","align"]},"./src/components/Grid/Grid.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Breakpoints:()=>Breakpoints,Default:()=>Default,ExtraLarge:()=>ExtraLarge,ExtraSmall:()=>ExtraSmall,Large:()=>Large,Medium:()=>Medium,Small:()=>Small,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("../../node_modules/core-js/modules/es.function.bind.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.object.assign.js");var _storybook_addon_docs__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("../../node_modules/@storybook/addon-docs/dist/esm/index.js"),react__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("../../node_modules/react/index.js"),___WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/components/index.ts"),___WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/index.ts"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("../../node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__={title:"Layout/Grid",component:___WEBPACK_IMPORTED_MODULE_8__.rjZ,parameters:{docs:{description:{component:"A container for grouping fields that semantically share a common data context."},page:function page(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_5__.Dx,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_5__.dk,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_5__.sq,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_5__.$4,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_5__.fQ,{title:""})]})}}}};var Template=function Template(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(___WEBPACK_IMPORTED_MODULE_8__.rjZ,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_8__.rjZ.Item,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_8__.n9L,{})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_8__.rjZ.Item,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_8__.n9L,{})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_8__.rjZ.Item,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_8__.n9L,{})})]})};Template.displayName="Template";var Default=Template.bind({}),Breakpoints=function Breakpoints(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(___WEBPACK_IMPORTED_MODULE_7__.iA_,{fixed:!0,striped:!0,sticky:!0,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_7__.ssF,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(___WEBPACK_IMPORTED_MODULE_7__.SCH,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_7__.pj1,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_7__.pj1,{children:"extra-small"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_7__.pj1,{children:"small"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_7__.pj1,{children:"medium"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_7__.pj1,{children:"large"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_7__.pj1,{children:"extra-large"})]})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(___WEBPACK_IMPORTED_MODULE_7__.RMI,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(___WEBPACK_IMPORTED_MODULE_7__.SCH,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_7__.pj1,{is:"th",scope:"row",children:"Alias"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_7__.pj1,{children:"xs"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_7__.pj1,{children:"sm"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_7__.pj1,{children:"md"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_7__.pj1,{children:"lg"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_7__.pj1,{children:"xl"})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(___WEBPACK_IMPORTED_MODULE_7__.SCH,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_7__.pj1,{is:"th",scope:"row",children:"Minimun width"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_7__.pj1,{children:"320px"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_7__.pj1,{children:"600px"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_7__.pj1,{children:"768px"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_7__.pj1,{children:"1024px"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_7__.pj1,{children:"1440px"})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(___WEBPACK_IMPORTED_MODULE_7__.SCH,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_7__.pj1,{is:"th",scope:"row",children:"Columns"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_7__.pj1,{children:"4"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_7__.pj1,{children:"8"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_7__.pj1,{children:"8"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_7__.pj1,{children:"12"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_7__.pj1,{children:"12"})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(___WEBPACK_IMPORTED_MODULE_7__.SCH,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_7__.pj1,{is:"th",scope:"row",children:"Margins / Gutters"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_7__.pj1,{children:"16px"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_7__.pj1,{children:"16px"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_7__.pj1,{children:"24px"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_7__.pj1,{children:"24px"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_7__.pj1,{children:"24px"})]})]})]})};Breakpoints.displayName="Breakpoints";var ExtraSmall=function ExtraSmall(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_8__.rjZ,{children:Array.from({length:4}).map((function(_,i){return i+1})).map((function(columns){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(react__WEBPACK_IMPORTED_MODULE_6__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_8__.rjZ.Item,{xs:columns,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(___WEBPACK_IMPORTED_MODULE_8__.n9L,{children:["xs=",columns]})}),4-columns>0&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_8__.rjZ.Item,{xs:4-columns,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(___WEBPACK_IMPORTED_MODULE_8__.n9L,{children:["xs=",4-columns]})})]},columns)}))})};ExtraSmall.displayName="ExtraSmall",ExtraSmall.storyName="Extra Small (xs)";var Small=function Small(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_8__.rjZ,{children:Array.from({length:8}).map((function(_,i){return i+1})).map((function(columns){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(react__WEBPACK_IMPORTED_MODULE_6__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_8__.rjZ.Item,{sm:columns,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(___WEBPACK_IMPORTED_MODULE_8__.n9L,{children:["sm=",columns]})}),8-columns>0&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_8__.rjZ.Item,{sm:8-columns,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(___WEBPACK_IMPORTED_MODULE_8__.n9L,{children:["sm=",8-columns]})})]},columns)}))})};Small.displayName="Small",Small.storyName="Small (sm)";var Medium=function Medium(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_8__.rjZ,{children:Array.from({length:8}).map((function(_,i){return i+1})).map((function(columns){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(react__WEBPACK_IMPORTED_MODULE_6__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_8__.rjZ.Item,{md:columns,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(___WEBPACK_IMPORTED_MODULE_8__.n9L,{children:["md=",columns]})}),8-columns>0&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_8__.rjZ.Item,{md:8-columns,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(___WEBPACK_IMPORTED_MODULE_8__.n9L,{children:["md=",8-columns]})})]},columns)}))})};Medium.displayName="Medium",Medium.storyName="Medium (md)";var Large=function Large(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_8__.rjZ,{children:Array.from({length:12}).map((function(_,i){return i+1})).map((function(columns){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(react__WEBPACK_IMPORTED_MODULE_6__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_8__.rjZ.Item,{lg:columns,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(___WEBPACK_IMPORTED_MODULE_8__.n9L,{children:["lg=",columns]})}),12-columns>0&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_8__.rjZ.Item,{lg:12-columns,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(___WEBPACK_IMPORTED_MODULE_8__.n9L,{children:["lg=",12-columns]})})]},columns)}))})};Large.displayName="Large",Large.storyName="Large (lg)";var ExtraLarge=function ExtraLarge(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_8__.rjZ,{children:Array.from({length:12}).map((function(_,i){return i+1})).map((function(columns){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(react__WEBPACK_IMPORTED_MODULE_6__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_8__.rjZ.Item,{xl:columns,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(___WEBPACK_IMPORTED_MODULE_8__.n9L,{children:["xl=",columns]})}),12-columns>0&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_8__.rjZ.Item,{xl:12-columns,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(___WEBPACK_IMPORTED_MODULE_8__.n9L,{children:["xl=",12-columns]})})]},columns)}))})};ExtraLarge.displayName="ExtraLarge",ExtraLarge.storyName="Extra Large (xl)",Default.parameters=Object.assign({storySource:{source:"() => (\n \n \n \n \n \n \n \n \n \n \n \n)"}},Default.parameters),Breakpoints.parameters=Object.assign({storySource:{source:"() => (\n \n \n \n \n extra-small\n small\n medium\n large\n extra-large\n \n \n \n \n \n Alias\n \n xs\n sm\n md\n lg\n xl\n \n \n \n Minimun width\n \n 320px\n 600px\n 768px\n 1024px\n 1440px\n \n \n \n Columns\n \n 4\n 8\n 8\n 12\n 12\n \n \n \n Margins / Gutters\n \n 16px\n 16px\n 24px\n 24px\n 24px\n \n \n
\n)"}},Breakpoints.parameters),ExtraSmall.parameters=Object.assign({storySource:{source:"() => {\n type ColumnsType = 1 | 2 | 3 | 4;\n return (\n \n {Array.from({ length: 4 })\n .map((_, i) => (i + 1) as ColumnsType)\n .map((columns) => (\n \n \n xs={columns}\n \n {4 - columns > 0 && (\n \n xs={4 - columns}\n \n )}\n \n ))}\n \n );\n}"}},ExtraSmall.parameters),Small.parameters=Object.assign({storySource:{source:"() => {\n type ColumnsType = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8;\n return (\n \n {Array.from({ length: 8 })\n .map((_, i) => (i + 1) as ColumnsType)\n .map((columns) => (\n \n \n sm={columns}\n \n {8 - columns > 0 && (\n \n sm={8 - columns}\n \n )}\n \n ))}\n \n );\n}"}},Small.parameters),Medium.parameters=Object.assign({storySource:{source:"() => {\n type ColumnsType = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8;\n return (\n \n {Array.from({ length: 8 })\n .map((_, i) => (i + 1) as ColumnsType)\n .map((columns) => (\n \n \n md={columns}\n \n {8 - columns > 0 && (\n \n md={8 - columns}\n \n )}\n \n ))}\n \n );\n}"}},Medium.parameters),Large.parameters=Object.assign({storySource:{source:"() => {\n type ColumnsType = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\n return (\n \n {Array.from({ length: 12 })\n .map((_, i) => (i + 1) as ColumnsType)\n .map((columns) => (\n \n \n lg={columns}\n \n {12 - columns > 0 && (\n \n lg={12 - columns}\n \n )}\n \n ))}\n \n );\n}"}},Large.parameters),ExtraLarge.parameters=Object.assign({storySource:{source:"() => {\n type ColumnsType = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\n return (\n \n {Array.from({ length: 12 })\n .map((_, i) => (i + 1) as ColumnsType)\n .map((columns) => (\n \n \n xl={columns}\n \n {12 - columns > 0 && (\n \n xl={12 - columns}\n \n )}\n \n ))}\n \n );\n}"}},ExtraLarge.parameters);var __namedExportsOrder=["Default","Breakpoints","ExtraSmall","Small","Medium","Large","ExtraLarge"]},"./src/components/Icon/Icon.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{AvailableIcons:()=>AvailableIcons,Default:()=>Default,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("../../node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.map.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.assign.js");var _rocket_chat_icons__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("../icons/dist/index.js"),_rocket_chat_icons__WEBPACK_IMPORTED_MODULE_3___default=__webpack_require__.n(_rocket_chat_icons__WEBPACK_IMPORTED_MODULE_3__),___WEBPACK_IMPORTED_MODULE_5__=(__webpack_require__("../../node_modules/react/index.js"),__webpack_require__("./src/index.ts")),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("../../node_modules/react/jsx-runtime.js"),iconsList=Object.keys(_rocket_chat_icons__WEBPACK_IMPORTED_MODULE_3___default());const __WEBPACK_DEFAULT_EXPORT__={title:"Data Display/Icon",component:___WEBPACK_IMPORTED_MODULE_5__.JO$};var Default=function Default(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.xuv,{color:"default",children:iconsList.map((function(name){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.JO$,{name,size:"x40"},name)}))})};Default.displayName="Default";var styles={container:{display:"flex",flexFlow:"row wrap",alignItems:"center",justifyContent:"space-between",textAlign:"center"},wrapper:{margin:"2rem 0.5rem",flex:"1 0 8rem"}},AvailableIcons=function AvailableIcons(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("div",{style:styles.container,children:iconsList.map((function(name){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)("div",{style:styles.wrapper,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.xuv,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.JO$,{name,size:"x40"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.xuv,{color:"hint",children:name})]},name)}))})};AvailableIcons.displayName="AvailableIcons",Default.parameters=Object.assign({storySource:{source:"() => (\n \n {iconsList.map((name) => (\n \n ))}\n \n)"}},Default.parameters),AvailableIcons.parameters=Object.assign({storySource:{source:"() => (\n
\n {iconsList.map((name) => (\n
\n \n \n \n {name}\n
\n ))}\n
\n)"}},AvailableIcons.parameters);var __namedExportsOrder=["Default","AvailableIcons"]},"./src/components/InputBox/InputBox.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Date:()=>Date,Default:()=>Default,Disabled:()=>Disabled,Invalid:()=>Invalid,Skeleton:()=>Skeleton,Time:()=>Time,WithAddon:()=>WithAddon,WithPlaceholder:()=>WithPlaceholder,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("../../node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("../../node_modules/core-js/modules/es.function.bind.js");var _storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("../../node_modules/@storybook/addon-actions/dist/esm/index.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("../../node_modules/@storybook/addon-docs/dist/esm/index.js"),___WEBPACK_IMPORTED_MODULE_5__=(__webpack_require__("../../node_modules/react/index.js"),__webpack_require__("./src/index.ts")),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("../../node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__={title:"Inputs/InputBox",component:___WEBPACK_IMPORTED_MODULE_5__.Wzg,parameters:{docs:{description:{component:"A decorated input control with support for addons.
Usually you'll perfer to use `-Input` (e.g. `TextInput`) components over this one because it works as a construction block for them."},page:function page(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_3__.Dx,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_3__.dk,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_3__.sq,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_3__.$4,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_3__.fQ,{title:""})]})}}}};var Template=function Template(args){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.Wzg,Object.assign({},args))};Template.displayName="Template";var Default=Template.bind({});Default.args={defaultValue:"Value",onChange:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("change")};var Date=Template.bind({});Date.args={defaultValue:"Value",onChange:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("change"),type:"date"};var Time=Template.bind({});Time.args={defaultValue:"Value",onChange:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("change"),type:"time"};var WithAddon=Template.bind({});WithAddon.args={addon:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.JO$,{name:"send",size:"x20"})};var Invalid=Template.bind({});Invalid.args={defaultValue:"Value",error:"Error",onChange:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("change")};var Disabled=Template.bind({});Disabled.args={defaultValue:"Value",disabled:!0,onChange:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("change")};var WithPlaceholder=Template.bind({});WithPlaceholder.args={placeholder:"Placeholder",onChange:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("change")};var Skeleton=function Skeleton(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.Wzg.Skeleton,{})};Skeleton.displayName="Skeleton",Skeleton.storyName="InputBox.Skeleton",Default.parameters=Object.assign({storySource:{source:"(args) => (\n \n)"}},Default.parameters),Date.parameters=Object.assign({storySource:{source:"(args) => (\n \n)"}},Date.parameters),Time.parameters=Object.assign({storySource:{source:"(args) => (\n \n)"}},Time.parameters),WithAddon.parameters=Object.assign({storySource:{source:"(args) => (\n \n)"}},WithAddon.parameters),Invalid.parameters=Object.assign({storySource:{source:"(args) => (\n \n)"}},Invalid.parameters),Disabled.parameters=Object.assign({storySource:{source:"(args) => (\n \n)"}},Disabled.parameters),WithPlaceholder.parameters=Object.assign({storySource:{source:"(args) => (\n \n)"}},WithPlaceholder.parameters),Skeleton.parameters=Object.assign({storySource:{source:"() => (\n \n)"}},Skeleton.parameters);var __namedExportsOrder=["Default","Date","Time","WithAddon","Invalid","Disabled","WithPlaceholder","Skeleton"]},"./src/components/Label/Label.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,Disabled:()=>Disabled,Required:()=>Required,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("../../node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("../../node_modules/core-js/modules/es.function.bind.js");var _storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("../../node_modules/@storybook/addon-docs/dist/esm/index.js"),___WEBPACK_IMPORTED_MODULE_4__=(__webpack_require__("../../node_modules/react/index.js"),__webpack_require__("./src/index.ts")),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("../../node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__={title:"Inputs/Label",component:___WEBPACK_IMPORTED_MODULE_4__.__J,parameters:{docs:{description:{component:"A caption for an input component."},page:function page(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__.Dx,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__.dk,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__.sq,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__.$4,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__.fQ,{title:"Input component state"})]})}}}};var Template=function Template(args){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.__J,Object.assign({},args,{children:"Label"}))};Template.displayName="Template";var Default=Template.bind({}),Required=Template.bind({});Required.args={required:!0};var Disabled=Template.bind({});Disabled.args={disabled:!0},Default.parameters=Object.assign({storySource:{source:"(args) => (\n \n)"}},Default.parameters),Required.parameters=Object.assign({storySource:{source:"(args) => (\n \n)"}},Required.parameters),Disabled.parameters=Object.assign({storySource:{source:"(args) => (\n \n)"}},Disabled.parameters);var __namedExportsOrder=["Default","Required","Disabled"]},"./src/components/Margins/Margins.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{AllProp:()=>AllProp,BlockEndProp:()=>BlockEndProp,BlockProp:()=>BlockProp,BlockStartProp:()=>BlockStartProp,Example:()=>Example,InlineEndProp:()=>InlineEndProp,InlineProp:()=>InlineProp,InlineStartProp:()=>InlineStartProp,WithAutoValue:()=>WithAutoValue,WithNegativeValues:()=>WithNegativeValues,WithNonBoxChildren:()=>WithNonBoxChildren,WithNoneValue:()=>WithNoneValue,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("../../node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("../../node_modules/core-js/modules/es.function.bind.js");var _storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("../../node_modules/@storybook/addon-docs/dist/esm/index.js"),___WEBPACK_IMPORTED_MODULE_4__=(__webpack_require__("../../node_modules/react/index.js"),__webpack_require__("./src/index.ts")),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("../../node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__={title:"Layout/Margins",component:___WEBPACK_IMPORTED_MODULE_4__.mTO,parameters:{docs:{description:{component:"Add margins to the wrapped component."},page:function page(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__.Dx,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__.dk,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__.sq,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__.$4,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__.fQ,{title:""})]})}}}};var Template=function Template(args){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(___WEBPACK_IMPORTED_MODULE_4__.hE2,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.zxk,{children:"Without margins"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.mTO,Object.assign({},args,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.zxk,{children:"With margins"})})),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.zxk,{children:"Without margins"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.zxk,{children:"Without margins"})]})};Template.displayName="Template";var Example=Template.bind({});Example.args={all:"x32"};var AllProp=function AllProp(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.xuv,{display:"flex",alignItems:"center",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{all:"x8",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{display:"flex",padding:"none",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{all:"x4",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:"x4"})})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{display:"flex",padding:"none",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{all:"x8",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:"x8"})})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{display:"flex",padding:"none",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{all:"x16",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:"x16"})})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{display:"flex",padding:"none",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{all:"x24",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:"x24"})})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{display:"flex",padding:"none",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{all:"x32",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:"x32"})})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{display:"flex",padding:"none",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{all:"x40",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:"x40"})})})]})})};AllProp.displayName="AllProp",AllProp.storyName="all prop";var BlockProp=function BlockProp(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.xuv,{display:"flex",alignItems:"center",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{all:"x8",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{display:"flex",padding:"none",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{block:"x4",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:"x4"})})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{display:"flex",padding:"none",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{block:"x8",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:"x8"})})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{display:"flex",padding:"none",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{block:"x16",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:"x16"})})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{display:"flex",padding:"none",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{block:"x24",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:"x24"})})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{display:"flex",padding:"none",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{block:"x32",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:"x32"})})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{display:"flex",padding:"none",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{block:"x40",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:"x40"})})})]})})};BlockProp.displayName="BlockProp",BlockProp.storyName="block prop";var BlockStartProp=function BlockStartProp(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.xuv,{display:"flex",alignItems:"center",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{all:"x8",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{display:"flex",padding:"none",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{blockStart:"x4",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:"x4"})})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{display:"flex",padding:"none",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{blockStart:"x8",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:"x8"})})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{display:"flex",padding:"none",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{blockStart:"x16",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:"x16"})})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{display:"flex",padding:"none",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{blockStart:"x24",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:"x24"})})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{display:"flex",padding:"none",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{blockStart:"x32",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:"x32"})})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{display:"flex",padding:"none",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{blockStart:"x40",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:"x40"})})})]})})};BlockStartProp.displayName="BlockStartProp",BlockStartProp.storyName="blockStart prop";var BlockEndProp=function BlockEndProp(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.xuv,{display:"flex",alignItems:"center",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{all:"x8",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{display:"flex",padding:"none",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{blockEnd:"x4",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:"x4"})})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{display:"flex",padding:"none",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{blockEnd:"x8",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:"x8"})})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{display:"flex",padding:"none",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{blockEnd:"x16",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:"x16"})})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{display:"flex",padding:"none",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{blockEnd:"x24",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:"x24"})})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{display:"flex",padding:"none",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{blockEnd:"x32",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:"x32"})})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{display:"flex",padding:"none",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{blockEnd:"x40",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:"x40"})})})]})})};BlockEndProp.displayName="BlockEndProp",BlockEndProp.storyName="blockEnd prop";var InlineProp=function InlineProp(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.xuv,{display:"flex",alignItems:"center",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{all:"x8",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{display:"flex",padding:"none",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{inline:"x4",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:"x4"})})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{display:"flex",padding:"none",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{inline:"x8",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:"x8"})})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{display:"flex",padding:"none",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{inline:"x16",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:"x16"})})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{display:"flex",padding:"none",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{inline:"x24",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:"x24"})})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{display:"flex",padding:"none",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{inline:"x32",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:"x32"})})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{display:"flex",padding:"none",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{inline:"x40",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:"x40"})})})]})})};InlineProp.displayName="InlineProp",InlineProp.storyName="inline prop";var InlineStartProp=function InlineStartProp(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.xuv,{display:"flex",alignItems:"center",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{all:"x8",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{display:"flex",padding:"none",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{inlineStart:"x4",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:"x4"})})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{display:"flex",padding:"none",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{inlineStart:"x8",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:"x8"})})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{display:"flex",padding:"none",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{inlineStart:"x16",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:"x16"})})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{display:"flex",padding:"none",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{inlineStart:"x24",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:"x24"})})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{display:"flex",padding:"none",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{inlineStart:"x32",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:"x32"})})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{display:"flex",padding:"none",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{inlineStart:"x40",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:"x40"})})})]})})};InlineStartProp.displayName="InlineStartProp",InlineStartProp.storyName="inlineStart prop";var InlineEndProp=function InlineEndProp(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.xuv,{display:"flex",alignItems:"center",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{all:"x8",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{display:"flex",padding:"none",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{inlineEnd:"x4",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:"x4"})})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{display:"flex",padding:"none",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{inlineEnd:"x8",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:"x8"})})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{display:"flex",padding:"none",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{inlineEnd:"x16",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:"x16"})})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{display:"flex",padding:"none",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{inlineEnd:"x24",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:"x24"})})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{display:"flex",padding:"none",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{inlineEnd:"x32",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:"x32"})})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{display:"flex",padding:"none",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{inlineEnd:"x40",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:"x40"})})})]})})};InlineEndProp.displayName="InlineEndProp",InlineEndProp.storyName="inlineEnd prop";var WithNegativeValues=function WithNegativeValues(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.xuv,{display:"flex",flexDirection:"column",alignItems:"center",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{all:"x20",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{inline:"-x40",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{display:"flex",padding:"none",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{inline:"x40",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{padding:40}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{padding:40}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{padding:40}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{padding:40})]})})})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{block:"-x40",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{display:"flex",padding:"none",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{block:"x40",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{padding:40}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{padding:40}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{padding:40}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{padding:40})]})})})})]})})};WithNegativeValues.displayName="WithNegativeValues",WithNegativeValues.storyName="With negative values";var WithAutoValue=function WithAutoValue(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{display:"flex",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{padding:40}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{inline:"auto",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{padding:40})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{padding:40})]})};WithAutoValue.displayName="WithAutoValue",WithAutoValue.storyName="With auto value";var WithNoneValue=function WithNoneValue(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{display:"flex",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{inline:"x16",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{padding:40})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{inline:"none",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{padding:40}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{padding:40})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{inline:"x16",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{padding:40})})]})};WithNoneValue.displayName="WithNoneValue",WithNoneValue.storyName="With none value";var WithNonBoxChildren=function WithNonBoxChildren(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("div",{style:{border:"1px solid red"},children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{block:"x16",inline:"x32",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("div",{style:{border:"1px solid green"}}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("div",{style:{border:"1px solid blue"}})]})})};WithNonBoxChildren.displayName="WithNonBoxChildren",WithNonBoxChildren.storyName="With non-Box children",Example.parameters=Object.assign({storySource:{source:"(args) => (\n \n \n \n \n \n \n \n \n)"}},Example.parameters),AllProp.parameters=Object.assign({storySource:{source:"() => (\n \n \n \n \n x4\n \n \n \n \n x8\n \n \n \n \n x16\n \n \n \n \n x24\n \n \n \n \n x32\n \n \n \n \n x40\n \n \n \n \n)"}},AllProp.parameters),BlockProp.parameters=Object.assign({storySource:{source:"() => (\n \n \n \n \n x4\n \n \n \n \n x8\n \n \n \n \n x16\n \n \n \n \n x24\n \n \n \n \n x32\n \n \n \n \n x40\n \n \n \n \n)"}},BlockProp.parameters),BlockStartProp.parameters=Object.assign({storySource:{source:"() => (\n \n \n \n \n x4\n \n \n \n \n x8\n \n \n \n \n x16\n \n \n \n \n x24\n \n \n \n \n x32\n \n \n \n \n x40\n \n \n \n \n)"}},BlockStartProp.parameters),BlockEndProp.parameters=Object.assign({storySource:{source:"() => (\n \n \n \n \n x4\n \n \n \n \n x8\n \n \n \n \n x16\n \n \n \n \n x24\n \n \n \n \n x32\n \n \n \n \n x40\n \n \n \n \n)"}},BlockEndProp.parameters),InlineProp.parameters=Object.assign({storySource:{source:"() => (\n \n \n \n \n x4\n \n \n \n \n x8\n \n \n \n \n x16\n \n \n \n \n x24\n \n \n \n \n x32\n \n \n \n \n x40\n \n \n \n \n)"}},InlineProp.parameters),InlineStartProp.parameters=Object.assign({storySource:{source:"() => (\n \n \n \n \n x4\n \n \n \n \n x8\n \n \n \n \n x16\n \n \n \n \n x24\n \n \n \n \n x32\n \n \n \n \n x40\n \n \n \n \n)"}},InlineStartProp.parameters),InlineEndProp.parameters=Object.assign({storySource:{source:"() => (\n \n \n \n \n x4\n \n \n \n \n x8\n \n \n \n \n x16\n \n \n \n \n x24\n \n \n \n \n x32\n \n \n \n \n x40\n \n \n \n \n)"}},InlineEndProp.parameters),WithNegativeValues.parameters=Object.assign({storySource:{source:"() => (\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n)"}},WithNegativeValues.parameters),WithAutoValue.parameters=Object.assign({storySource:{source:"() => (\n \n \n \n \n \n \n \n)"}},WithAutoValue.parameters),WithNoneValue.parameters=Object.assign({storySource:{source:"() => (\n \n \n \n \n \n \n \n \n \n \n \n \n)"}},WithNoneValue.parameters),WithNonBoxChildren.parameters=Object.assign({storySource:{source:"() => (\n
\n \n
\n
\n \n
\n)"}},WithNonBoxChildren.parameters);var __namedExportsOrder=["Example","AllProp","BlockProp","BlockStartProp","BlockEndProp","InlineProp","InlineStartProp","InlineEndProp","WithNegativeValues","WithAutoValue","WithNoneValue","WithNonBoxChildren"]},"./src/components/Menu/Menu.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Complex:()=>Complex,Simple:()=>Simple,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("../../node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("../../node_modules/core-js/modules/es.function.bind.js");var _storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("../../node_modules/@storybook/addon-actions/dist/esm/index.js"),___WEBPACK_IMPORTED_MODULE_4__=(__webpack_require__("../../node_modules/react/index.js"),__webpack_require__("./src/components/index.ts")),_Icon__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/components/Icon/index.ts"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("../../node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__={title:"Navigation/Menu",component:___WEBPACK_IMPORTED_MODULE_4__.v2r,parameters:{docs:{description:{component:"Kebab Menu"}},layout:"centered"}};var Template=function Template(args){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.xuv,{position:"relative",maxWidth:250,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.v2r,Object.assign({},args))})};Template.displayName="Template";var Simple=Template.bind({});Simple.args={options:{makeAdmin:{label:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(___WEBPACK_IMPORTED_MODULE_4__.xuv,{display:"flex",alignItems:"center",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_Icon__WEBPACK_IMPORTED_MODULE_5__.J,{mie:4,name:"key",size:"x16"}),"Make Admin"]}),action:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("makeAdmin.action")},delete:{label:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(___WEBPACK_IMPORTED_MODULE_4__.xuv,{display:"flex",alignItems:"center",color:"danger",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_Icon__WEBPACK_IMPORTED_MODULE_5__.J,{mie:4,name:"trash",size:"x16"}),"Delete"]}),action:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("delete.action")}}};var Complex=Template.bind({});Complex.args={options:{example:{label:"Example",action:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("example.action")},disabled:{label:"Disabled",action:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("disabled.action"),disabled:!0},divider1:{type:"divider"},heading:{type:"heading",label:"Heading Example"},delete:{type:"option",label:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(___WEBPACK_IMPORTED_MODULE_4__.xuv,{display:"flex",alignItems:"center",color:"danger",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_Icon__WEBPACK_IMPORTED_MODULE_5__.J,{mie:4,name:"trash",size:"x16"}),"Delete"]}),action:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("delete.action")}}},Simple.parameters=Object.assign({storySource:{source:"(args) => (\n \n \n \n)"}},Simple.parameters),Complex.parameters=Object.assign({storySource:{source:"(args) => (\n \n \n \n)"}},Complex.parameters);var __namedExportsOrder=["Simple","Complex"]},"./src/components/Menu/V2/Menu.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{AsSidebarTopbarActions:()=>AsSidebarTopbarActions,Complex:()=>Complex,ControlledOpenState:()=>ControlledOpenState,ItemVariants:()=>ItemVariants,MenuDisplayExample:()=>MenuDisplayExample,MenuMapGenericItem:()=>MenuMapGenericItem,Simple:()=>Simple,Sizes:()=>Sizes,WithCustomButton:()=>WithCustomButton,WithSections:()=>WithSections,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/slicedToArray.js"),react__WEBPACK_IMPORTED_MODULE_2__=(__webpack_require__("../../node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("../../node_modules/core-js/modules/es.function.name.js"),__webpack_require__("../../node_modules/react/index.js")),___WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/components/Menu/V2/index.ts"),_Box_Box__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/components/Box/Box.tsx"),_Button__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/components/Button/index.ts"),_ButtonGroup__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/components/ButtonGroup/index.ts"),_CheckBox__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/components/CheckBox/index.ts"),_RadioButton__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/components/RadioButton/index.ts"),_Sidebar__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./src/components/Sidebar/index.tsx"),_ToggleSwitch__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./src/components/ToggleSwitch/index.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("../../node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__={title:"Navigation/Menu/v2",component:___WEBPACK_IMPORTED_MODULE_3__.lG,decorators:[function(story){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(_Box_Box__WEBPACK_IMPORTED_MODULE_4__.Z,{minHeight:50,height:"full",minWidth:100,maxWidth:250,width:"full",children:story()})}],parameters:{docs:{source:{excludeDecorators:!0,transform:function transform(src){return console.log(src)}},description:{component:"Kebab Menu. Use `` to render the menu items."}}}};var Simple=function Simple(args){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.lG,Object.assign({},args,{placement:"right-start",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.sN,{children:"Profile"},"1"),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.sN,{children:"Chats"},"2"),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.sN,{children:"Settings"},"3")]}))};Simple.displayName="Simple";var Complex=function Complex(args){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.lG,Object.assign({},args,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.sN,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.ZH,{name:"user"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.l_,{children:"Profile"})]},"profile"),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.sN,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.ZH,{name:"chat"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.l_,{children:"Chats"})]},"chats"),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.sN,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.ZH,{name:"cog"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.l_,{children:"Settings"})]},"settings")]}))};Complex.displayName="Complex",Complex.parameters={docs:{description:{story:"You can use `MenuItem` sub-components to render more complex items, with icons, avatars, text and inputs. The available components are:
`MenuItemAvatar`
`MenuItemColumn`
`MenuItemContent`
`MenuItemIcon`
`MenuItemInput`
`MenuItemSkeleton`
`MenuItemTitle`"}}};var WithSections=function WithSections(args){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.lG,Object.assign({},args,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.xw,{title:"Styles",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.sN,{children:"Bold"},"bold"),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.sN,{children:"Underline"},"underline")]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.xw,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.sN,{children:"Left"},"left"),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.sN,{children:"Middle"},"middle"),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.sN,{children:"Right"},"right")]})]}))};WithSections.displayName="WithSections",WithSections.parameters={docs:{description:{story:"Use `` to group the menu items. The `title` prop is optional. If provided, a **title** and a **divider** is added - otherwise, only the divider is added."}}};var MenuDisplayExample=function MenuDisplayExample(args){var _useState=(0,react__WEBPACK_IMPORTED_MODULE_2__.useState)("condensed"),_useState2=(0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_12__.Z)(_useState,2),display=_useState2[0],setDisplay=_useState2[1],_useState3=(0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(!1),_useState4=(0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_12__.Z)(_useState3,2),avatarDisplay=_useState4[0],setAvatarDisplay=_useState4[1],_useState5=(0,react__WEBPACK_IMPORTED_MODULE_2__.useState)("name"),_useState6=(0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_12__.Z)(_useState5,2),sortBy=_useState6[0],setSortBy=_useState6[1],_useState7=(0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(!1),_useState8=(0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_12__.Z)(_useState7,2),groupByUnread=_useState8[0],setGroupByUnread=_useState8[1],_useState9=(0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(!1),_useState10=(0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_12__.Z)(_useState9,2),groupByFav=_useState10[0],setGroupByFav=_useState10[1],_useState11=(0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(!1),_useState12=(0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_12__.Z)(_useState11,2),groupByTypes=_useState12[0],setGroupByTypes=_useState12[1];return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.lG,Object.assign({selectionMode:"multiple",placement:"top-start"},args,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.xw,{title:"Display",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.sN,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.ZH,{name:"extended-view"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.l_,{children:"Extended"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.tJ,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(_RadioButton__WEBPACK_IMPORTED_MODULE_8__.E,{mi:16,onChange:function onChange(){return setDisplay("extended")},checked:"extended"===display})})]},"extended"),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.sN,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.ZH,{name:"medium-view"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.l_,{children:"Medium"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.tJ,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(_RadioButton__WEBPACK_IMPORTED_MODULE_8__.E,{mi:16,onChange:function onChange(){return setDisplay("medium")},checked:"medium"===display})})]},"medium"),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.sN,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.ZH,{name:"condensed-view"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.l_,{children:"Condensed"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.tJ,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(_RadioButton__WEBPACK_IMPORTED_MODULE_8__.E,{mi:16,onChange:function onChange(){return setDisplay("condensed")},checked:"condensed"===display})})]},"condensed"),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.sN,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.ZH,{name:"user-rounded"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.l_,{children:"Avatars"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.tJ,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(_ToggleSwitch__WEBPACK_IMPORTED_MODULE_10__.Z,{mie:16,onChange:function onChange(){return setAvatarDisplay(!avatarDisplay)},checked:avatarDisplay})})]},"avatars")]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.xw,{title:"Sort by",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.sN,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.ZH,{name:"clock"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.l_,{children:"Activities"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.tJ,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(_RadioButton__WEBPACK_IMPORTED_MODULE_8__.E,{mi:16,onChange:function onChange(){return setSortBy("activity")},checked:"activity"===sortBy})})]},"activities"),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.sN,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.ZH,{name:"sort-az"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.l_,{children:"Name"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.tJ,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(_RadioButton__WEBPACK_IMPORTED_MODULE_8__.E,{mi:16,onChange:function onChange(){return setSortBy("alphabetical")},checked:"alphabetical"===sortBy})})]},"name")]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.xw,{title:"Group by",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.sN,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.ZH,{name:"flag"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.l_,{children:"Unread"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.tJ,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(_CheckBox__WEBPACK_IMPORTED_MODULE_7__.J,{mi:16,checked:groupByUnread,onChange:function onChange(){return setGroupByUnread(!groupByUnread)}})})]},"unread"),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.sN,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.ZH,{name:"star"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.l_,{children:"Favorites"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.tJ,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(_CheckBox__WEBPACK_IMPORTED_MODULE_7__.J,{mi:16,checked:groupByFav,onChange:function onChange(){return setGroupByFav(!groupByFav)}})})]},"favorites"),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.sN,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.ZH,{name:"group-by-type"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.l_,{children:"Types"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.tJ,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(_CheckBox__WEBPACK_IMPORTED_MODULE_7__.J,{mi:16,checked:groupByTypes,onChange:function onChange(){return setGroupByTypes(!groupByTypes)}})})]},"types")]})]}))};MenuDisplayExample.displayName="MenuDisplayExample";var GenericMenuItem=function GenericMenuItem(_ref){var _ref$item=_ref.item,icon=_ref$item.icon,name=_ref$item.name,input=_ref$item.input;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.Fragment,{children:[icon&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.ZH,{name:icon}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.l_,{children:name}),input&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.tJ,{children:input})]})},MenuMapGenericItem=function MenuMapGenericItem(){var _useState13=(0,react__WEBPACK_IMPORTED_MODULE_2__.useState)("name"),_useState14=(0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_12__.Z)(_useState13,2),sortBy=_useState14[0],setSortBy=_useState14[1],_useState15=(0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(!1),_useState16=(0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_12__.Z)(_useState15,2),groupByUnread=_useState16[0],setGroupByUnread=_useState16[1],_useState17=(0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(!1),_useState18=(0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_12__.Z)(_useState17,2),groupByFav=_useState18[0],setGroupByFav=_useState18[1],_useState19=(0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(!1),_useState20=(0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_12__.Z)(_useState19,2),groupByTypes=_useState20[0],setGroupByTypes=_useState20[1],groupByItems=[{name:"Unread",icon:"flag",input:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(_CheckBox__WEBPACK_IMPORTED_MODULE_7__.J,{mi:16,checked:groupByUnread,onChange:function onChange(){return setGroupByUnread(!groupByUnread)}})},{name:"favorites",icon:"star",description:"Group by favorites and unread bla bla balaisudhf ioioasdhoaisdf asdifh oaisdhf aosidhf aisdhf aosdihf",input:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(_CheckBox__WEBPACK_IMPORTED_MODULE_7__.J,{mi:16,checked:groupByFav,onChange:function onChange(){return setGroupByFav(!groupByFav)}})},{name:"Types",icon:"group-by-type",input:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(_CheckBox__WEBPACK_IMPORTED_MODULE_7__.J,{mi:16,checked:groupByTypes,onChange:function onChange(){return setGroupByTypes(!groupByTypes)}})}],sortByItems=[{name:"Activities",icon:"clock",input:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(_CheckBox__WEBPACK_IMPORTED_MODULE_7__.J,{mi:16,onChange:function onChange(){return setSortBy("activity")},checked:"activity"===sortBy})},{name:"Name",icon:"sort-az",input:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(_CheckBox__WEBPACK_IMPORTED_MODULE_7__.J,{mi:16,onChange:function onChange(){return setSortBy("alphabetical")},checked:"alphabetical"===sortBy})}];return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.lG,{selectionMode:"multiple",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.xw,{title:"Sort by",items:sortByItems,children:function children(item){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.sN,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(GenericMenuItem,{item})},item.name)}}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.xw,{title:"Group By",items:groupByItems,children:function children(item){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.sN,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(GenericMenuItem,{item})},item.name)}}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.xw,{items:[{id:"delete",name:"Delete",icon:"trash",variant:"danger"}],children:function children(item){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.sN,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(GenericMenuItem,{item})},item.id)}})]})};MenuMapGenericItem.displayName="MenuMapGenericItem";var AsSidebarTopbarActions=function AsSidebarTopbarActions(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsxs)(_Sidebar__WEBPACK_IMPORTED_MODULE_9__.ZP.TopBar.Actions,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(_Sidebar__WEBPACK_IMPORTED_MODULE_9__.ZP.TopBar.Action,{icon:"user",title:"user"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(_Sidebar__WEBPACK_IMPORTED_MODULE_9__.ZP.TopBar.Action,{icon:"book",title:"book"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.lG,{title:"test",is:_Sidebar__WEBPACK_IMPORTED_MODULE_9__.ZP.TopBar.Action,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.sN,{children:"test"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.sN,{children:"test"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.sN,{children:"test"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.sN,{children:"test"})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.lG,{icon:"sort",title:"sort",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.sN,{children:"test"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.sN,{children:"test"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.sN,{children:"test"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.sN,{children:"test"})]})]})};AsSidebarTopbarActions.displayName="AsSidebarTopbarActions";var ControlledOpenState=function ControlledOpenState(){var _useState21=(0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(!1),_useState22=(0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_12__.Z)(_useState21,2),isOpen=_useState22[0],setIsOpen=_useState22[1];return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.lG,{isOpen,onOpenChange:setIsOpen,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.sN,{children:"Profile"},"1"),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.sN,{children:"Chats"},"2"),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.sN,{children:"Settings"},"3")]})};ControlledOpenState.displayName="ControlledOpenState";var ItemVariants=function ItemVariants(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.lG,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.xw,{items:[{id:"default",name:"Default",icon:"info-circled"},{id:"success",name:"Success",icon:"circle-check",variant:"success"},{id:"warning",name:"Warning",icon:"modal-warning",variant:"warning"},{id:"danger",name:"Danger",icon:"circle-cross",variant:"danger"}],children:function children(item){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.sN,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(GenericMenuItem,{item})},item.id)}})})};ItemVariants.displayName="ItemVariants";var Sizes=function Sizes(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsxs)(_ButtonGroup__WEBPACK_IMPORTED_MODULE_6__.h,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.lG,{large:!0,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.sN,{children:"Profile"},"1"),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.sN,{children:"Chats"},"2"),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.sN,{children:"Settings"},"3")]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.lG,{medium:!0,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.sN,{children:"Profile"},"1"),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.sN,{children:"Chats"},"2"),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.sN,{children:"Settings"},"3")]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.lG,{small:!0,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.sN,{children:"Profile"},"1"),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.sN,{children:"Chats"},"2"),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.sN,{children:"Settings"},"3")]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.lG,{tiny:!0,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.sN,{children:"Profile"},"1"),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.sN,{children:"Chats"},"2"),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.sN,{children:"Settings"},"3")]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.lG,{mini:!0,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.sN,{children:"Profile"},"1"),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.sN,{children:"Chats"},"2"),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.sN,{children:"Settings"},"3")]})]})};Sizes.displayName="Sizes";var CustomButton=(0,react__WEBPACK_IMPORTED_MODULE_2__.forwardRef)((function(props,ref){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(_Button__WEBPACK_IMPORTED_MODULE_5__.hU,Object.assign({ref},props,{icon:"kebab",secondary:!0,small:!1}))})),WithCustomButton=function WithCustomButton(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsxs)(_ButtonGroup__WEBPACK_IMPORTED_MODULE_6__.h,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.lG,{title:"using prop customButton",button:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(_Button__WEBPACK_IMPORTED_MODULE_5__.hU,{icon:"kebab",secondary:!0}),children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.sN,{children:"Profile"},"1"),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.sN,{children:"Chats"},"2"),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.sN,{children:"Settings"},"3")]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.lG,{title:"using prop is",is:CustomButton,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.sN,{children:"Profile"},"1"),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.sN,{children:"Chats"},"2"),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.sN,{children:"Settings"},"3")]})]})};WithCustomButton.displayName="WithCustomButton",Simple.parameters=Object.assign({storySource:{source:"(args) => (\n \n Profile\n Chats\n Settings\n \n)"}},Simple.parameters),Complex.parameters=Object.assign({storySource:{source:"(args) => (\n \n \n \n Profile\n \n \n \n Chats\n \n \n \n Settings\n \n \n)"}},Complex.parameters),WithSections.parameters=Object.assign({storySource:{source:"(args) => (\n \n \n Bold\n Underline\n \n \n Left\n Middle\n Right\n \n \n)"}},WithSections.parameters),MenuDisplayExample.parameters=Object.assign({storySource:{source:"(args) => {\n const [display, setDisplay] = useState('condensed');\n const [avatarDisplay, setAvatarDisplay] = useState(false);\n const [sortBy, setSortBy] = useState('name');\n const [groupByUnread, setGroupByUnread] = useState(false);\n const [groupByFav, setGroupByFav] = useState(false);\n const [groupByTypes, setGroupByTypes] = useState(false);\n\n return (\n \n \n \n \n Extended\n \n setDisplay('extended')}\n checked={display === 'extended'}\n />\n \n \n \n \n Medium\n \n setDisplay('medium')}\n checked={display === 'medium'}\n />\n \n \n \n \n Condensed\n \n setDisplay('condensed')}\n checked={display === 'condensed'}\n />\n \n \n \n \n Avatars\n \n setAvatarDisplay(!avatarDisplay)}\n checked={avatarDisplay}\n />\n \n \n \n \n \n \n Activities\n \n setSortBy('activity')}\n checked={sortBy === 'activity'}\n />\n \n \n \n \n Name\n \n setSortBy('alphabetical')}\n checked={sortBy === 'alphabetical'}\n />\n \n \n \n \n \n \n Unread\n \n setGroupByUnread(!groupByUnread)}\n />\n \n \n \n \n Favorites\n \n setGroupByFav(!groupByFav)}\n />\n \n \n \n \n Types\n \n setGroupByTypes(!groupByTypes)}\n />\n \n \n \n \n );\n}"}},MenuDisplayExample.parameters),MenuMapGenericItem.parameters=Object.assign({storySource:{source:"() => {\n const [sortBy, setSortBy] = useState('name');\n\n const [groupByUnread, setGroupByUnread] = useState(false);\n const [groupByFav, setGroupByFav] = useState(false);\n const [groupByTypes, setGroupByTypes] = useState(false);\n\n const groupByItems: Item[] = [\n {\n name: 'Unread',\n icon: 'flag',\n input: (\n setGroupByUnread(!groupByUnread)}\n />\n ),\n },\n {\n name: 'favorites',\n icon: 'star',\n description:\n 'Group by favorites and unread bla bla balaisudhf ioioasdhoaisdf asdifh oaisdhf aosidhf aisdhf aosdihf',\n input: (\n setGroupByFav(!groupByFav)}\n />\n ),\n },\n {\n name: 'Types',\n icon: 'group-by-type',\n input: (\n setGroupByTypes(!groupByTypes)}\n />\n ),\n },\n ];\n const sortByItems: Item[] = [\n {\n name: 'Activities',\n icon: 'clock',\n input: (\n setSortBy('activity')}\n checked={sortBy === 'activity'}\n />\n ),\n },\n {\n name: 'Name',\n icon: 'sort-az',\n input: (\n setSortBy('alphabetical')}\n checked={sortBy === 'alphabetical'}\n />\n ),\n },\n ];\n\n return (\n \n \n {(item) => (\n \n \n \n )}\n \n \n {(item) => (\n \n \n \n )}\n \n \n {(item) => (\n \n \n \n )}\n \n \n );\n}"}},MenuMapGenericItem.parameters),AsSidebarTopbarActions.parameters=Object.assign({storySource:{source:"() => (\n \n \n \n \n test\n test\n test\n test\n \n \n test\n test\n test\n test\n \n \n)"}},AsSidebarTopbarActions.parameters),ControlledOpenState.parameters=Object.assign({storySource:{source:"() => {\n const [isOpen, setIsOpen] = useState(false);\n\n return (\n \n Profile\n Chats\n Settings\n \n );\n}"}},ControlledOpenState.parameters),ItemVariants.parameters=Object.assign({storySource:{source:"() => (\n \n \n {(item) => (\n \n \n \n )}\n \n \n)"}},ItemVariants.parameters),Sizes.parameters=Object.assign({storySource:{source:"() => (\n \n \n Profile\n Chats\n Settings\n \n \n Profile\n Chats\n Settings\n \n \n Profile\n Chats\n Settings\n \n \n Profile\n Chats\n Settings\n \n \n Profile\n Chats\n Settings\n \n \n)"}},Sizes.parameters),WithCustomButton.parameters=Object.assign({storySource:{source:"() => (\n \n }\n >\n Profile\n Chats\n Settings\n \n \n Profile\n Chats\n Settings\n \n \n)"}},WithCustomButton.parameters);var __namedExportsOrder=["Simple","Complex","WithSections","MenuDisplayExample","MenuMapGenericItem","AsSidebarTopbarActions","ControlledOpenState","ItemVariants","Sizes","WithCustomButton"]},"./src/components/Message/MessageDivider/MessageDivider.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("../../node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("../../node_modules/react/index.js");var ___WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/components/Message/MessageDivider/index.tsx"),_Box__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/components/Box/index.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("../../node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__={title:"Message/MessageDivider",component:___WEBPACK_IMPORTED_MODULE_2__.T};var Default=function Default(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)(_Box__WEBPACK_IMPORTED_MODULE_3__.Z,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_2__.T,{children:"Text"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_2__.T,{unreadLabel:"Unread",children:"Text"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_2__.T,{unreadLabel:"Unread"})]})};Default.displayName="Default",Default.parameters=Object.assign({storySource:{source:"() => (\n \n Text\n Text\n \n \n)"}},Default.parameters);var __namedExportsOrder=["Default"]},"./src/components/Message/MessageGenericPreview/MessageGenericPreview.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,FileAttachment:()=>FileAttachment,ImagePreview:()=>ImagePreview,LinkPreview:()=>LinkPreview,NoPreview:()=>NoPreview,NoPreviewTitleLink:()=>NoPreviewTitleLink,Thumb:()=>Thumb,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("../../node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("../../node_modules/react/index.js");var ___WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/components/Message/MessageGenericPreview/index.tsx"),___WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/components/Message/index.tsx"),___WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/components/index.ts"),_Avatar__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/components/Avatar/index.tsx"),_MessageGenericPreviewContent__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/components/Message/MessageGenericPreview/MessageGenericPreviewContent.tsx"),_MessageGenericPreviewCoverImage__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/components/Message/MessageGenericPreview/MessageGenericPreviewCoverImage.tsx"),_MessageGenericPreviewDescription__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/components/Message/MessageGenericPreview/MessageGenericPreviewDescription.tsx"),_MessageGenericPreviewIcon__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./src/components/Message/MessageGenericPreview/MessageGenericPreviewIcon.tsx"),_MessageGenericPreviewImage__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./src/components/Message/MessageGenericPreview/MessageGenericPreviewImage.tsx"),_MessageGenericPreviewThumb__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("./src/components/Message/MessageGenericPreview/MessageGenericPreviewThumb.tsx"),_MessageGenericPreviewTitle__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__("./src/components/Message/MessageGenericPreview/MessageGenericPreviewTitle.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__=__webpack_require__("../../node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__={title:"Message/MessageGenericPreview",component:___WEBPACK_IMPORTED_MODULE_2__.K5,decorators:[function(storyFn){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.xuv,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.ZP,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.ZP.LeftContainer,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_Avatar__WEBPACK_IMPORTED_MODULE_5__.qE,{url:"data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC 4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDL/2wBDAQkJCQwLDBgNDRgyIRwhMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMj IyMjIyMjIyMjIyMjIyMjL/wAARCAAoACgDASIAAhEBAxEB/8QAGwAAAgIDAQAAAAAAAAAAAAAAAAcEBgIDBQj/xAAuEAACAQQAAwcEAQUAAA AAAAABAgMABAUREiExBhMUIkFRYQcWcYGhFTJSgpH/xAAYAQADAQEAAAAAAAAAAAAAAAACAwQBAP/EAB4RAAIBBQEBAQAAAAAAAAAAAAABAg MREiExE0HR/9oADAMBAAIRAxEAPwBuXuIkhBuMe5ib/AHQP49q4L3mLitryTLTSpOiHQI5k/HzXa/qbFOEudVTu1dumWvcTaNCZYZ7vU6g6L xqjOU/24dfs1Ouh9FnkMpd3Reeyx83hAxZZEhkdV9/MBrX71WGPvJcqrJBGveKATtuXXqNU0pu02bTHXD/AGvJAluyxxRd6F4x00o+NdKoVr jbzJdvVe1t5cVLc2ck8qjnohgpPtz2v7G6JtPQ2VJwjlcw+37mchpnK6GtIuv5NFWeTsLNPvxWTvpfjvOEfwKKzEVkSct2vscS/BIzSN0YRk eX81UpPqO8masJETu7OOccY4dswYFQeftv096XV5knuJGdm2T1+agvMXj8jEaHX905QihabvcbuS7X566mLWLwSY8PuRnk/u4eZ0deTl71Ef 6hY+0yM88TzeNZY4luYwpVYyduOfrvhPTnr0pXSX9y5mCsyJMdyxxvwq599em+taItqCSNc90ChvZRUruUcT0JiO18Elpk7t8v41LWzacxkB SuvjQ/FFJayjDWrCTepAQ2vUH0oo/Jk3ovpwJJeVCP5CN+lFFaaMqy+nAyuChvrTI2kN9JAsi2ZOy4IBHMnkSCP+iqBexSWdxLazoUljJVlP UH2oorkV10pRc7b1zXb/hZOzuJvM86QWEXeELxOzHSIPcmiiiunVlF2RNTpRkrs//Z",size:"x36"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.ZP.Container,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.ZP.Header,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.ZP.NameContainer,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.ZP.Name,{children:"Haylie George"})," ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.ZP.Username,{children:"@haylie.george"})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.ZP.Role,{children:"Admin"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.ZP.Role,{children:"User"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.ZP.Role,{children:"Owner"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.ZP.Timestamp,{children:"12:00 PM"})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.ZP.Body,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.ZP.Block,{children:[" ",storyFn()]})})]})]})})}]};var imgUrl="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAXAAAADACAYAAAAdpDj+AAAYSklEQVR4Xu2dh7LdJhRF9ZweJ3FJtZ3ee/3/P3jpvcdOc+L0ntiOM/s68tPlgoQkQIAWM54US3BYB23gUO7e/v7+pYYEgQECe03T0FBoJiUQWFNb3UPAS2iSaW1c0weQlmympeHwTB0zbBYCPszI+wm+A29UMx6E8gx4vFoZAQS8ModSnZIJ0DmV7L0lbEfAl6BOmX4E0DM/Tjy1WgII+GpdP63iaOo0brwFgRgEEPAYVMkTAhCAQAICCHgsyNGGqtEyjkWCfCEAgUgEEPBIYMkWAhCAQGwCCHhswuQPAQhAIBIBBDwS2K1siXqkoEwZTX4NLT+L6momWQk4zk7YuICdEDZFQSAOgawEPE4VyRUChRGgcy3MYcuZi4Avx56SIVAcAfqWvFy2gIDTBPJqAlgTlQDNPSretWc+WsDt7ZFWuvaGRP1XTgAJWKQBjBbwRaxMWSgNMSVtyppDYGxbdT0/Np85NvNuUAIIeFCcB5nxTUQCS7YQgMAVAgg4jQECAwTGdsZjn8cBEJhKAAGfSi7X91APD88AyQMSjyxGwL99hhNw/zIXw5JzweDL2TvYBoE8CYQT8DzrN2xVEuVMUsh2XRcochh2pk/AyuGYTMFkatYSrRsBX4J65mXyfWTuIMyDwP8EEHCaAgQg4CZAb55160DAs3YPxtVKAF3M2LMFOQcBz7gdYRoEkhAoSLCS8CioEAS8IGdhKgQgAIEugV0BpzemhUAAArMJICSzEXpkUP8IPPt2lIeBeVjh0WJ5ZCYBPD0TYFav1y/gWeHGGAhAIDsCBfdp0QW8YDbZtTMMggAEINAfA4fPygnQ5a68AVD9gghEH4EXxAJTHQTql/T6a0jjrpMAAl6KXy0aE1d24uZeCnbshEDOBA4EfNHvddHCc/YPtkEAAhBwEmAETuOAAASaJqMxVDRTomW8XANCwJdjX2zJFX4HxfoCw9dNAAFft/+pPQQgUDABBLxg52H6Oggw41mHn6fUEgGfQo13IAABCGRAAAHPwAmYAAEIQGAKAQTcvUGnaZpLU5jyDgQgAIEkBBDwJJjzLoQYa97+wToIuAgg4LQNCECgUAIMPRDwQpsuZkNgDgGkbw69fN5FwPPxRQRLxn+m49+IYDZZQgACXgQQcC9MTVZHjX1NDvsc0h6WJ7lBYD4BBHw+Q3KAAAQgsAgBBHwR7BQKAQhAYD4BBHw+Q3KAAAQgsAgBBHwR7BQKAQhAYD4BBHw+Q3KAAAQgsAgBBHwR7BQKAQhAYD4BBHw+Q3KAAAQgsACBvQYBt2Bnx/MCbXFVRcZpYXFyXZVjiqssAl6cyzAYAhCAwGUCCHgFLYGRVwVOpAoQmEAgTwFHkSa4MtIr+CISWLKFwHwCeQq4WS9EZL6nyQECENgiUIOslCHgNDwIQAACENghgIDTKCAAAQgUSgABL9RxmA0BCEAAAacNQAACbgI1BIor9i8CXrFzqRoEIFA3AQS8bv9SOwhAoGICCwg4c7KK2xNVgwAEEhJYQMAT1o6inAToRn0bRxxSB7nGyd+3djxXNoGZAk7jK9v9WA+BlkDsbzl2/uv05EwBXyc0ag0BCEAgBwIIeA5ewIY6CGQ/yMzewDraQcJaIOAJYVNU4QRWpH8rqmrRjRIBL9p9GA8BCKyZAAK+Zu971z3UeCxUPt6G8yAEqiaQl4DzfVfd2EquHE2zz3vQWapt5yXgC1FI1/zSlbQQSoqFAAQSEkgq4MhXQs/uFAX9JelTNgRiEEgq4DEqQJ4QgAAE1koAAV+r56k3BCBQPIHRAs5EvFSf47lSPYfdEHARGC3ga0SJ9K3R69Q5TwJ8jV2/VCngtbj42muvbY4ePdpcd911zTXXXNNcvHix+fPPPzd/fv/99+bff/+d/I3t7e01R44caW688cbmhhtuaPTf//zzzybf3377rfn7778teW+TtXGWnTfddFNz+PDh5vrrr28uXLjQ/PHHH5t89c9Lly5NtrnEF++4447mqquu2pj+448/Nn/99dfkaqgd3HLLLRu+4ti2hV9//XUWV7UBtTO1t7adtT5TW1ibzyY7KPCLPjpWpYAH5pg8u+PHjzd333335mPqSxKDzz77bCOOY9LJkyebu+66ayParqTO4ZNPPml+/vnnzSNDjUnC8sADDzRXX311rynfffddc+bMmVWIgjqxxx9//AqPc+fObeo+Jonno48+uulkXUkC+8MPPzRffPHFpsP0TadOnWpuv/32Kx2M6z117B9++OGszsfXJttzQ21vTt6lv4uAZ+bBhx56aDMaGpM0Avvggw8GX9FI8Omnnx4U2W5GEoZPP/3Umbc6gUceeaS5+eabB8tvH1Dn8PHHHze//PKL9zslPvjwww9vZjltGivg6hSVR19H2+Uiru++++6g0KpTUMeiEf2Y9PXXXzdfffXVmFd4NjIBBDwy4DHZ33PPPY2m3FPSt99+23z++ee9Qivx1jR5bPryyy+bs2fPWl+b0uEoI40a33zzzeb8+fNjzSnieYnjU089tSW+YwT8tttua+67777RdRXXd955p1fE1Q7GindryDfffLMZ6ZPyIICA5+GHzRT5ySef3LGmjXsrTKLpcRuvtI3KNArXaNyWNA03R8n62PW8YrOKeervJRyKXXeTnnvttdd2Yu6aKUjAzaS8lK9CPBIKxWz1x0yKs7/11luZeCCcGarzE088sROa8BVw+fb5559vDh06tOMHcVVcWs8oRKNRupnE/e2337ZWyDVIUEeqmLpmRW3erpngG2+8UW3HG64VpMkJAU/DebAUc7qtFyTa77333s67+rAlyPqAu0lCrLi1mSQoGnWZovz+++9b4+cPPvhgc+zYsa3nNQLXSLybnn322Z04vcqXHWaSgMtms+OR0MxZ2BsEm+ABdXjtwq1CJq61C18Bv/feezex6W6SuMpf6tC7SWWJq9npuvzwwgsv7HQMrtmb8n7sscd2RuuudpkANUUYBPwEnFWE6A3nxRdf3BK3oY9EQigB7S4auka0ttG3Ooa+xU/THo36JCDd9NJLL3l1IO1DWpzVQmc39YVnokMPUIBNbF3Z+gi4/Cr23aSZ1+uvv+60Vh36c889tyXMtragzkUDhW4aWuPQuony7na8mpG98sorHkvbAQCTRS+BjoCj0ku1FdsIWXFMjbr6kmKkCnm0SYtYr7766taOEX3cGnV1k3aWfPTRR715m6NwU0RsIR8toCl80pfMjsHHFlt+mt6bISFN/9tdMy4bNLPQaFms9Edi9NNPP02eBZg+6Ku7j4CbO1eUnxZ8ZeNuOvhmtXai8Eg3SWS7WwBNnx4IcX/Lt4VdtH6h3SmkZQn4jcCXtbH60s2RUSvEQxXXdsATJ05cecz2QUqw9OF2k0/YQoud3QVVdSbff//9lWxs8W+NEoe2sSm22+6LVmausM9Q3bXN8s4779x6bGhh1NZRKgOfjsdlT2gBV51Utzb5iqxmYhopd5N2D2mE3SbtPOmG3WyzKlsncfTokZ21jtOnTzfaEkpalgACnpi/bZ5jjp60oKSFoqFkhkZsU21z1BVq4VDxUYVwukl70rsib9pve0fb0rQ9bUp65plndnbVaAYgQbYl2+4Ln1Fxn20STtsCrd4R+27owaesLX9daprzF/zagsozQ1oatWv03iaT17nvzjVnTg/vS1f9FAvvJu14UuyctCwBBHwO/0BRJ4U5uvuF2xORQ8KhD7K7U8EmXjsfrXGYRKPhzYnMwzc2f/5xeReC79Y+MxyimYM6HnOhra2HttWZi23O0e8O213YrhG1bXRozlZkkzgrFBArmQuGPgJudsrOHSWWtje0jmK2BV8RPnnqZHPiroOZnnj5zOJicbXNEppmXSd8WwYIeLpWFqwkCZe2HJrbzGzbCM1RmU4CKk6sxURtSTTzkJGatkvINQV3ibGes4UP9Lz2CXen1ypH2w3NPegKyyjWPyfpRKlOFHaT7Fc4p7XdJfTawmi/MmCORQfvThFwk+nQAmZbmjpihae6KcRsSzMIhWa6YS+V8fLLL4eBRC6zCCDgs/DFf1kxS4VYJEoSQomRTXQluDrubCZTwHUQw4wdu2qhMrVLRO+4ki2M0T6rEbkEwLZn3efAiS9ddWbmUfNufNcWOlEn01cv37L7npsi4LYDPOZipK1M25qEbyiurw46ZWvuNe/bZx6CG3n4E0DA/VlFeXIoCuOzTc0VR7YtbE2pxNCC1dgTpBpVahtjqNGvYuvqSMyOQnuhFbJR+KSb+uLkU/i43pki4LbZgk/oxbYn33cx3Ga/66yBno09cwnpg9rzQsAz97CPgCtUoNBId8eBquU63dlWWaNgiZn+SOz1vBmj1rN9uzt8LluyIQ59r4Zt5Cq7TVHX/1Ocfmi3TIhmMUXAVa65U0f/T7Mr190xrusM1C50gnZs0s6l+++/3zrTC+23sbbx/DYBBDynFmEZjtu2y7lMNkfKmvpqCmxLEgONUA9i3JcLdx0Dt8WrdTBHH7rvZUumHaFHwuY2OVu9XScUYzSDqQJuO3Aj+7R2oU5a4aF28VlrAPp3LeGZd0uODaHI99oFo1CdLQ0d+onBkDz7CSDgBbQQLf5pSqvRsf5IOF3Xi3b3YttOPqq6Q/t/VZZGgaYwdxeuZJPCFmZqFzG1v1v/3t6roZmEzeaQsWgJmUIJtjUC2elaJ4jVBKYKuOzRtj3X9kRfe31j1fKROmK1F1vSrEWDg74tor428VxYAgi4yXMoKB2W/+TcFPfV4p15/3b3YIxtJLfZofHa683Ff7fv1DANse0w6Z6+G3N3S5v3rbfeuhGKbpI9Oj0a6kcDbAeXVJ7iwQonhCrHx3FzBFydkGZPY0Rc2yK7O316rxnetPO95vjxY5vdRK5OT3lo1pIi5OTDdPwzhXzQ4yu2eQMBnwguh9dsV5Z2t53ZjmX7bt2zLYB2D+rY9oBr9D/0K0G2i7L6blEcy1nH67WX2ky+2/HGlrf9/LZYTBfwg3zU6Ulg+8JUCpVIZLWY3A1/9J1yVX6KnXfPH3Trojzl79rvbHf5uxTZR8DnfbFB3pZYdj9Q34M0KtyM+3aPXtvCHGOOrpsi3e6GsO051vRaH/xQsnUMc05jdstz7Vlun/G1cagOvn8/XcB3S5Awq3NSpyy/tle/SmDbdQyzPNdBnb4f9lAHrK2jnLL09fKyzyHgy/LflG7u1XZfXrRrrC3U0Y1Vm3mPETFTwNsdCLZR7tBWw67lZr7mke+pLrGFdcy8dKOi1gBSpJACPmSv7ZoChYzMg1jq5Fw/7KG2IT+mDDMN1Yu/7yeAgGfQQkxBG/OrJ6aAm5cf6RRdN04+dE1ti8N2rWkb6tBoUD9Y0E1zBNxnn/OQm1yxb/M9CZpCPSlEaoqAi3v3LnbZO3TDoupoXhVweQeKrgnYPmJuu1pYZci3QzdJDvmAv09PAAFPz3ynRPMQhq/IKiPzFKJ5v4e5m8F3MW/oRKA5svfdYma73nbu1j7X7hPds6IrA8y97aFG/ENNZ4qA22Y3WuQdWlsw25AtVCYOuo+mm5SvFqfLXaQc8kLdf4+AZ+Bf25Yx2/TXNNX2sZviZBuZ+ox4zZG7eSjE/HvfAzK2U5s+de1zk23/dxsqcm131H3oPiPbgQnszgi3+/wUAbd1cEO3PNq2i9ouCdMOIC2KtinkdQYZfEarNAEBz8DtNpGVYOqiJ9el+dpTLeHSB989xNEdzbYr6baf0TLviu5i0KjV3BNsLojZOh0trOmIvGu0aDtYNHd3iG2mYIZJbBdeyUafXTNzmscUAVd55nsKh+j4uo2r7afqXAekzBOeY9ZD5nDg3XgEEPB4bEflbLtqVSMkjZa1F1e7DSTW7eVWth+zdYVebL/WIuOUp+Ltyl95K0/FUs2Qg+3aVdt0XHlKZLSrRKNbHSRpD/LoxkDbnua+I+JDAF13oNjytPHt3Sc9VLjH308VcNtirERccer290PFVZeSmTcxyizbVa+2Rc72F4k8qrLzCDHzKdTCv4OAh2c6KUfbwuCYjIbu4rYtXvnm7/r9TNvBHN889dzUn1Nry7DdQug6bekKpQyFJ8bUx3x2moDvNYcOXb7C1XXVrzp218Eb1wK47bbCOXWbF4IqZZf1HEJp3kXA03D2KkXhAB05H3u3iMIQ2no4tD1u7K2B6hQ0mu3Ld2yeLQjNFjSKG1qcc4GbEhbRz8+ZNxP6xu69HGg8NE3AL2cyRXD7QiK2H7SYUqf2nXkCvltyOkl3l5TOhjnk/3/3f2MR8AAsQ2ahqa5Gy7ZbAc1yJD5nz57dhCx8k0IwOqJtXtBvvj9GYGWrFsi6v7foskeCrVGvdknMSebWS+XVF9dvy7LdDR5rV4oZcx6zPVT2atagcIrr3pu2Tm3Yqu9+8zG/3enjl5CnZ33K4xk7AQQ805YhMVTMWP+UQGovtz5UxaO1WCiBVQii7xdz+qqmfHWMWmVIKJS3Fr802lYYYsovjisMpAVZ/VN5tp2E8lLeslnCPXXUnamropslP+mP2oGuTxBXzbp0n3q7jhHdCArIkgACnqVbMAoCEIDAMAEEfJgRT0BgfQSKCgivzz1tjT0FPG9v5m3dehsXNU9BgNafgnKuZXgKeJ/5NKBcnYtdEIBA3QQCCHjdgKgdBCAAgVwJIOC5emaCXcyFJkDjFQiEJpDwQ0TAQzgvocNCmEsekQnQHiIDXjj7jPyLgC/cFjbFZ9QgcsAxbAPAhhnxRHwCy7dDBDy+l7MtYfnmly2aQg3Do4U6brLZCPhkdLwIgZoJ1NsZ1FQzBLzmb5C6QSATAjWJZiZIL0df9/f3t380LyfrsAUCEIAABJwEEHAaBwQgAIFCCTgEnAlPof4MYzbuD8ORXCAQmUCCEThqENmHZA8BCKyUQHABX41cZ1/R7A1c6SdHtSEQjkBwAQ9nGjlBAAIQgEAfAQQ8g/bBWDkDJ2ACBAokgIAX6LTxJtNFjGfGGxDIn8CqBTxLWcvSqPwb8jQLgT2NG2/lQqB+AecbzaWtYQcEIBCYQP0CHhgY2UEAAhDIhQACnosnsAMCEKicQPhwwPICHr5OaRtB6fanpUVpEIBAQALLCTjCF9CNZAUBCKyRwHICvkbaSepMz5gE89RCJrln0ktTLeS9gggg4H3O4rtx0gFNQV85poYjkFnDR8DDuZacIAABCCQlgIAnxU1hEIhFILOhYaxqrjZfu38R8NU2CJ+KIwo+lHgmPoEYLTFGnvFJbJeQt4DXQHimR0EwEyCvQ6BiAlkLOOJVccujahCAwGwCWQv47NqRAQQg0EOAIVLpzQMBD+ZBPoZgKHPIKBt3ZmNIDl7BBoMAAk6TgEASAgjxfMxjGY59fr6FqXNAwFMTpzwIQAACgQhYBLz+XsuPHRz8OPEUBCCwFAFG4EuRp1wIrIEA46CoXkbAo+IlcwhAAALxCNQr4PT88VoNOUMAAlkQqFfAs8CLERBYEwFGTam9naWA0wxSNwPKgwAESiQQfxcKalxiu8BmCECgAAJZjsAL4Fa3iXS6dfvXUjtcXqbLEfAy/YbVEIBA8QTmd5sIePGNgApAAAJrJYCAJ/L8/L42jaGl2JmGBqVAIG8CCHje/sE6CEAAAk4CCDiNAwKLEXDNd5gH9bsEPi0fBHyxj5eCIeBBAK3ygLTeR/IVcBruelslNa+EAB9xbEfmK+Cxa07+EMiFADqXiyfS2hHA7wh4WpdRGgQgAIFgBBDwYCjJyEogwCgDshA4IECD6rYGBLzn26CpIBwQgEDOBBDwnL2DbRCAAAT6Bpn7+/uXQhHKYcSagw2heI7NZ811H8uK5yFQAwFG4DV4sVMHRLwyh8asDo0lJt0keS8m4LSdJP6lEAhAoGICiwl4xUypGgQgUCyBsoaWCHixDQ3DIQCBtRNAwNfeAqj/NoGyBmB4b+UEJgg4LXzlbYbqQ2CFBPLUvQkCvkLfUWUIQAACGRJAwDN0CiZBAAIQ8CGAgPtQyvaZPKd12eLCMAhURgABr8yhVAcCNRFYZoiyTKlT/IaAT6HGOxCAAAQyIJCXgJfT8WXgOkyAAATWTiAvAV+7N6g/BCAAgREEEPARsGp6lMlOTd6kLmslMFvAEYIITQeoEaCSJQTqIzBbwOtDQo0gcECAvpTWkDMBBDxn72AbBCAAgR4CCDjNIygBRqxBca4nMxrOJF8j4JOw8RIEIAABg8ACndCqBXwB3rR5CCxDgMa+DPfIpa5awCOzJXsIQAACUQkg4FHxkjkEIACBeAQQ8HhsyRkCEIBAVAIIeFS8ZA4BCEAgHgEEPB5bcoYABCAQlcB/DcmZp+UFdxMAAAAASUVORK5CYII=",Default=function Default(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(___WEBPACK_IMPORTED_MODULE_2__.K5,{style:{maxWidth:368,width:"100%"},children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_MessageGenericPreviewCoverImage__WEBPACK_IMPORTED_MODULE_7__.U,{height:192,width:368,url:imgUrl}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(_MessageGenericPreviewContent__WEBPACK_IMPORTED_MODULE_6__.f,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_MessageGenericPreviewTitle__WEBPACK_IMPORTED_MODULE_12__.h,{title:"Title",children:"Title"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_MessageGenericPreviewDescription__WEBPACK_IMPORTED_MODULE_8__.K,{clamp:!0,children:"From Gmail to YouTube, everything at Google runs in containers. We’ve packaged this experience From Gmail to YouTube, everything at Google runs in containers. We’ve packaged this experience From Gmail to YouTube, everything at Google runs in containers. We’ve packaged this experience From Gmail to YouTube, everything at Google runs in containers. We’ve packaged this experience o..."})]})]})};Default.displayName="Default";var ImagePreview=function ImagePreview(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_2__.K5,{style:{maxWidth:368,width:"100%"},children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_MessageGenericPreviewImage__WEBPACK_IMPORTED_MODULE_10__.g,{url:imgUrl})})};ImagePreview.displayName="ImagePreview";var LinkPreview=function LinkPreview(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(___WEBPACK_IMPORTED_MODULE_2__.K5,{style:{maxWidth:368,width:"100%"},children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_MessageGenericPreviewCoverImage__WEBPACK_IMPORTED_MODULE_7__.U,{height:192,width:368,url:imgUrl}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(_MessageGenericPreviewContent__WEBPACK_IMPORTED_MODULE_6__.f,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_MessageGenericPreviewTitle__WEBPACK_IMPORTED_MODULE_12__.h,{externalUrl:"https://rocket.chat",children:"Title"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_MessageGenericPreviewDescription__WEBPACK_IMPORTED_MODULE_8__.K,{children:"From Gmail to YouTube, everything at Google runs in containers. We’ve packaged this experience From Gmail to YouTube, everything at Google runs in containers. We’ve packaged this experience From Gmail to YouTube, everything at Google runs in containers. We’ve packaged this experience From Gmail to YouTube, everything at Google runs in containers. We’ve packaged this experience o..."})]})]})};LinkPreview.displayName="LinkPreview";var NoPreview=function NoPreview(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_2__.K5,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(_MessageGenericPreviewContent__WEBPACK_IMPORTED_MODULE_6__.f,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_MessageGenericPreviewTitle__WEBPACK_IMPORTED_MODULE_12__.h,{children:"Title"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_MessageGenericPreviewDescription__WEBPACK_IMPORTED_MODULE_8__.K,{children:"From Gmail to YouTube, everything at Google runs in containers. We’ve packaged this experience From Gmail to YouTube, everything at Google runs in containers. We’ve packaged this experience From Gmail to YouTube, everything at Google runs in containers. We’ve packaged this experience From Gmail to YouTube, everything at Google runs in containers. We’ve packaged this experience o..."})]})})};NoPreview.displayName="NoPreview";var NoPreviewTitleLink=function NoPreviewTitleLink(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_2__.K5,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(_MessageGenericPreviewContent__WEBPACK_IMPORTED_MODULE_6__.f,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_MessageGenericPreviewTitle__WEBPACK_IMPORTED_MODULE_12__.h,{externalUrl:"https://rocket.chat",children:"Title"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_MessageGenericPreviewDescription__WEBPACK_IMPORTED_MODULE_8__.K,{children:"From Gmail to YouTube, everything at Google runs in containers. We’ve packaged this experience From Gmail to YouTube, everything at Google runs in containers. We’ve packaged this experience From Gmail to YouTube, everything at Google runs in containers. We’ve packaged this experience From Gmail to YouTube, everything at Google runs in containers. We’ve packaged this experience o..."})]})})};NoPreviewTitleLink.displayName="NoPreviewTitleLink";var Thumb=function Thumb(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_2__.K5,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(_MessageGenericPreviewContent__WEBPACK_IMPORTED_MODULE_6__.f,{thumb:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_MessageGenericPreviewThumb__WEBPACK_IMPORTED_MODULE_11__.A,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_MessageGenericPreviewCoverImage__WEBPACK_IMPORTED_MODULE_7__.U,{height:192,width:368,url:imgUrl})}),children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_MessageGenericPreviewTitle__WEBPACK_IMPORTED_MODULE_12__.h,{externalUrl:"https://rocket.chat",children:"Title"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_MessageGenericPreviewDescription__WEBPACK_IMPORTED_MODULE_8__.K,{children:"From Gmail to YouTube, everything at Google runs in containers. We’ve packaged this experience From Gmail to YouTube, everything at Google runs in containers. We’ve packaged this experience From Gmail to YouTube, everything at Google runs in containers. We’ve packaged this experience From Gmail to YouTube, everything at Google runs in containers. We’ve packaged this experience o..."})]})})};Thumb.displayName="Thumb";var FileAttachment=function FileAttachment(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_2__.K5,{style:{maxWidth:368,width:"100%"},children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(_MessageGenericPreviewContent__WEBPACK_IMPORTED_MODULE_6__.f,{thumb:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_MessageGenericPreviewIcon__WEBPACK_IMPORTED_MODULE_9__.L,{name:"attachment-file",type:"PDF"}),children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_MessageGenericPreviewTitle__WEBPACK_IMPORTED_MODULE_12__.h,{externalUrl:"https://rocket.chat",children:"Flexbox In a Nutshell - Cheat Sheet - Lorem ipsum dolor sit amet consectetur"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_MessageGenericPreviewDescription__WEBPACK_IMPORTED_MODULE_8__.K,{children:"9 MB - PDF"})]})})};FileAttachment.displayName="FileAttachment",Default.parameters=Object.assign({storySource:{source:"() => (\n \n \n \n \n Title\n \n \n From Gmail to YouTube, everything at Google runs in containers. We’ve\n packaged this experience From Gmail to YouTube, everything at Google\n runs in containers. We’ve packaged this experience From Gmail to\n YouTube, everything at Google runs in containers. We’ve packaged this\n experience From Gmail to YouTube, everything at Google runs in\n containers. We’ve packaged this experience o...\n \n \n \n)"}},Default.parameters),ImagePreview.parameters=Object.assign({storySource:{source:"() => (\n \n \n \n)"}},ImagePreview.parameters),LinkPreview.parameters=Object.assign({storySource:{source:"() => (\n \n \n \n \n Title\n \n \n From Gmail to YouTube, everything at Google runs in containers. We’ve\n packaged this experience From Gmail to YouTube, everything at Google\n runs in containers. We’ve packaged this experience From Gmail to\n YouTube, everything at Google runs in containers. We’ve packaged this\n experience From Gmail to YouTube, everything at Google runs in\n containers. We’ve packaged this experience o...\n \n \n \n)"}},LinkPreview.parameters),NoPreview.parameters=Object.assign({storySource:{source:"() => (\n \n \n Title\n \n From Gmail to YouTube, everything at Google runs in containers. We’ve\n packaged this experience From Gmail to YouTube, everything at Google\n runs in containers. We’ve packaged this experience From Gmail to\n YouTube, everything at Google runs in containers. We’ve packaged this\n experience From Gmail to YouTube, everything at Google runs in\n containers. We’ve packaged this experience o...\n \n \n \n)"}},NoPreview.parameters),NoPreviewTitleLink.parameters=Object.assign({storySource:{source:"() => (\n \n \n \n Title\n \n \n From Gmail to YouTube, everything at Google runs in containers. We’ve\n packaged this experience From Gmail to YouTube, everything at Google\n runs in containers. We’ve packaged this experience From Gmail to\n YouTube, everything at Google runs in containers. We’ve packaged this\n experience From Gmail to YouTube, everything at Google runs in\n containers. We’ve packaged this experience o...\n \n \n \n)"}},NoPreviewTitleLink.parameters),Thumb.parameters=Object.assign({storySource:{source:"() => (\n \n \n \n \n }\n >\n \n Title\n \n \n From Gmail to YouTube, everything at Google runs in containers. We’ve\n packaged this experience From Gmail to YouTube, everything at Google\n runs in containers. We’ve packaged this experience From Gmail to\n YouTube, everything at Google runs in containers. We’ve packaged this\n experience From Gmail to YouTube, everything at Google runs in\n containers. We’ve packaged this experience o...\n \n \n \n)"}},Thumb.parameters),FileAttachment.parameters=Object.assign({storySource:{source:"() => (\n \n }\n >\n \n Flexbox In a Nutshell - Cheat Sheet - Lorem ipsum dolor sit amet\n consectetur\n \n \n 9 MB - PDF\n \n \n \n)"}},FileAttachment.parameters);var __namedExportsOrder=["Default","ImagePreview","LinkPreview","NoPreview","NoPreviewTitleLink","Thumb","FileAttachment"]},"./src/components/Message/MessageStatusIndicator/MessageStatusIndicator.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("../../node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("../../node_modules/react/index.js");var ___WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/components/Message/MessageStatusIndicator/index.ts"),___WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/components/Message/index.tsx"),___WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/components/index.ts"),_MessageDivider__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/components/Message/MessageDivider/index.tsx"),_MessageReactions__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/components/Message/MessageReactions/index.tsx"),_MessageToolbox__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/components/Message/MessageToolbox/index.tsx"),_MessageStatusIndicatorText__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/components/Message/MessageStatusIndicator/MessageStatusIndicatorText.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("../../node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__={title:"Message/MessageStatusIndicator",component:___WEBPACK_IMPORTED_MODULE_3__.ZP};var Default=function Default(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(___WEBPACK_IMPORTED_MODULE_4__.xuv,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_MessageDivider__WEBPACK_IMPORTED_MODULE_5__.T,{children:"May, 24, 2020"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.ZP,{clickable:!0,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.ZP.LeftContainer,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.qEK,{url:"data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC 4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDL/2wBDAQkJCQwLDBgNDRgyIRwhMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMj IyMjIyMjIyMjIyMjIyMjL/wAARCAAoACgDASIAAhEBAxEB/8QAGwAAAgIDAQAAAAAAAAAAAAAAAAcEBgIDBQj/xAAuEAACAQQAAwcEAQUAAA AAAAABAgMABAUREiExBhMUIkFRYQcWcYGhFTJSgpH/xAAYAQADAQEAAAAAAAAAAAAAAAACAwQBAP/EAB4RAAIBBQEBAQAAAAAAAAAAAAABAg MREiExE0HR/9oADAMBAAIRAxEAPwBuXuIkhBuMe5ib/AHQP49q4L3mLitryTLTSpOiHQI5k/HzXa/qbFOEudVTu1dumWvcTaNCZYZ7vU6g6L xqjOU/24dfs1Ouh9FnkMpd3Reeyx83hAxZZEhkdV9/MBrX71WGPvJcqrJBGveKATtuXXqNU0pu02bTHXD/AGvJAluyxxRd6F4x00o+NdKoVr jbzJdvVe1t5cVLc2ck8qjnohgpPtz2v7G6JtPQ2VJwjlcw+37mchpnK6GtIuv5NFWeTsLNPvxWTvpfjvOEfwKKzEVkSct2vscS/BIzSN0YRk eX81UpPqO8masJETu7OOccY4dswYFQeftv096XV5knuJGdm2T1+agvMXj8jEaHX905QihabvcbuS7X566mLWLwSY8PuRnk/u4eZ0deTl71Ef 6hY+0yM88TzeNZY4luYwpVYyduOfrvhPTnr0pXSX9y5mCsyJMdyxxvwq599em+taItqCSNc90ChvZRUruUcT0JiO18Elpk7t8v41LWzacxkB SuvjQ/FFJayjDWrCTepAQ2vUH0oo/Jk3ovpwJJeVCP5CN+lFFaaMqy+nAyuChvrTI2kN9JAsi2ZOy4IBHMnkSCP+iqBexSWdxLazoUljJVlP UH2oorkV10pRc7b1zXb/hZOzuJvM86QWEXeELxOzHSIPcmiiiunVlF2RNTpRkrs//Z",size:"x36"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.ZP.Container,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.ZP.Header,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.ZP.NameContainer,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.ZP.Name,{children:"Haylie George"})," ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.ZP.Username,{children:"@haylie.george"})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.ZP.Role,{children:"Admin"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.ZP.Role,{children:"User"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.ZP.Role,{children:"Owner"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.ZP.Timestamp,{children:"12:00 PM"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(___WEBPACK_IMPORTED_MODULE_2__.wv,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_2__.AF,{name:"star",variant:"success"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_2__.AF,{name:"star",variant:"danger"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_2__.AF,{name:"star",variant:"warning"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_2__.AF,{name:"star",variant:"primary"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_2__.AF,{name:"star-filled","data-title":"starred"})]})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.ZP.Body,{children:"Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat a duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam..."}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(_MessageReactions__WEBPACK_IMPORTED_MODULE_6__.ZP,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_MessageReactions__WEBPACK_IMPORTED_MODULE_6__.ZP.Reaction,{counter:1}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_MessageReactions__WEBPACK_IMPORTED_MODULE_6__.ZP.Reaction,{counter:2}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_MessageReactions__WEBPACK_IMPORTED_MODULE_6__.ZP.Reaction,{counter:3}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_MessageReactions__WEBPACK_IMPORTED_MODULE_6__.ZP.Action,{})]})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_MessageToolbox__WEBPACK_IMPORTED_MODULE_7__.ZP.Wrapper,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(_MessageToolbox__WEBPACK_IMPORTED_MODULE_7__.ZP,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_MessageToolbox__WEBPACK_IMPORTED_MODULE_7__.ZP.Item,{icon:"quote"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_MessageToolbox__WEBPACK_IMPORTED_MODULE_7__.ZP.Item,{icon:"clock"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_MessageToolbox__WEBPACK_IMPORTED_MODULE_7__.ZP.Item,{icon:"thread"})]})})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.ZP,{className:"customclass",clickable:!0,sequential:!0,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.ZP.LeftContainer,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(___WEBPACK_IMPORTED_MODULE_2__.wv,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_2__.AF,{name:"star-filled"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_2__.AF,{name:"star-filled"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_2__.AF,{name:"star-filled"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_2__.AF,{name:"star-filled"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_2__.AF,{name:"star-filled","data-title":"starred"})]})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.ZP.Container,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.ZP.Body,{children:"Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_MessageToolbox__WEBPACK_IMPORTED_MODULE_7__.ZP.Wrapper,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(_MessageToolbox__WEBPACK_IMPORTED_MODULE_7__.ZP,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_MessageToolbox__WEBPACK_IMPORTED_MODULE_7__.ZP.Item,{icon:"quote"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_MessageToolbox__WEBPACK_IMPORTED_MODULE_7__.ZP.Item,{icon:"clock"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_MessageToolbox__WEBPACK_IMPORTED_MODULE_7__.ZP.Item,{icon:"thread"})]})})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.ZP,{className:"customclass",clickable:!0,sequential:!0,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.ZP.LeftContainer,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_2__.wv,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(_MessageStatusIndicatorText__WEBPACK_IMPORTED_MODULE_8__.Y,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_2__.AF,{name:"star-filled"})," Status"]})})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.ZP.Container,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.ZP.Body,{children:"Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_MessageToolbox__WEBPACK_IMPORTED_MODULE_7__.ZP.Wrapper,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(_MessageToolbox__WEBPACK_IMPORTED_MODULE_7__.ZP,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_MessageToolbox__WEBPACK_IMPORTED_MODULE_7__.ZP.Item,{icon:"quote"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_MessageToolbox__WEBPACK_IMPORTED_MODULE_7__.ZP.Item,{icon:"clock"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_MessageToolbox__WEBPACK_IMPORTED_MODULE_7__.ZP.Item,{icon:"thread"})]})})]})]})};Default.displayName="Default",Default.parameters=Object.assign({storySource:{source:"() => (\n \n May, 24, 2020\n \n \n \n \n \n \n \n Haylie George{' '}\n @haylie.george\n \n Admin\n User\n Owner\n 12:00 PM\n \n \n \n \n \n \n \n \n \n Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris\n nisi ut aliquip ex ea commodo consequat a duis aute irure dolor in\n reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla\n pariatur. Consectetur adipiscing elit, sed do eiusmod tempor\n incididunt ut labore et dolore magna aliqua. Ut enim ad minim\n veniam...\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n Status\n \n \n \n \n \n Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua\n \n \n \n \n \n \n \n \n \n \n \n)"}},Default.parameters);var __namedExportsOrder=["Default"]},"./src/components/Message/MessageSystem/MessageSystem.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("../../node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("../../node_modules/react/index.js");var ___WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/components/Message/MessageSystem/index.tsx"),___WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/components/Message/index.tsx"),___WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/components/index.ts"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("../../node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__={title:"Message/MessageSystem",component:___WEBPACK_IMPORTED_MODULE_2__.a8,parameters:{jest:["Message.spec.tsx"]}};var Default=function Default(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(___WEBPACK_IMPORTED_MODULE_4__.xuv,{overflow:"hidden",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.Tw,{children:"May, 24, 2020"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(___WEBPACK_IMPORTED_MODULE_2__.a8,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_2__.Vv,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.qEK,{url:"data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC 4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDL/2wBDAQkJCQwLDBgNDRgyIRwhMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMj IyMjIyMjIyMjIyMjIyMjL/wAARCAAoACgDASIAAhEBAxEB/8QAGwAAAgIDAQAAAAAAAAAAAAAAAAcEBgIDBQj/xAAuEAACAQQAAwcEAQUAAA AAAAABAgMABAUREiExBhMUIkFRYQcWcYGhFTJSgpH/xAAYAQADAQEAAAAAAAAAAAAAAAACAwQBAP/EAB4RAAIBBQEBAQAAAAAAAAAAAAABAg MREiExE0HR/9oADAMBAAIRAxEAPwBuXuIkhBuMe5ib/AHQP49q4L3mLitryTLTSpOiHQI5k/HzXa/qbFOEudVTu1dumWvcTaNCZYZ7vU6g6L xqjOU/24dfs1Ouh9FnkMpd3Reeyx83hAxZZEhkdV9/MBrX71WGPvJcqrJBGveKATtuXXqNU0pu02bTHXD/AGvJAluyxxRd6F4x00o+NdKoVr jbzJdvVe1t5cVLc2ck8qjnohgpPtz2v7G6JtPQ2VJwjlcw+37mchpnK6GtIuv5NFWeTsLNPvxWTvpfjvOEfwKKzEVkSct2vscS/BIzSN0YRk eX81UpPqO8masJETu7OOccY4dswYFQeftv096XV5knuJGdm2T1+agvMXj8jEaHX905QihabvcbuS7X566mLWLwSY8PuRnk/u4eZ0deTl71Ef 6hY+0yM88TzeNZY4luYwpVYyduOfrvhPTnr0pXSX9y5mCsyJMdyxxvwq599em+taItqCSNc90ChvZRUruUcT0JiO18Elpk7t8v41LWzacxkB SuvjQ/FFJayjDWrCTepAQ2vUH0oo/Jk3ovpwJJeVCP5CN+lFFaaMqy+nAyuChvrTI2kN9JAsi2ZOy4IBHMnkSCP+iqBexSWdxLazoUljJVlP UH2oorkV10pRc7b1zXb/hZOzuJvM86QWEXeELxOzHSIPcmiiiunVlF2RNTpRkrs//Z",size:"x18"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_2__.jL,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.D6,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.Xi,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_2__.xK,{children:"Haylie George"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_2__.Ui,{children:"Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat a duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam..."}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_2__.XF,{children:"12:00 PM"})]})})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.Tw,{unreadLabel:"Unread",children:"May, 24, 2020"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(___WEBPACK_IMPORTED_MODULE_2__.a8,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_2__.Vv,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.qEK,{url:"data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC 4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDL/2wBDAQkJCQwLDBgNDRgyIRwhMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMj IyMjIyMjIyMjIyMjIyMjL/wAARCAAoACgDASIAAhEBAxEB/8QAGwAAAgIDAQAAAAAAAAAAAAAAAAcEBgIDBQj/xAAuEAACAQQAAwcEAQUAAA AAAAABAgMABAUREiExBhMUIkFRYQcWcYGhFTJSgpH/xAAYAQADAQEAAAAAAAAAAAAAAAACAwQBAP/EAB4RAAIBBQEBAQAAAAAAAAAAAAABAg MREiExE0HR/9oADAMBAAIRAxEAPwBuXuIkhBuMe5ib/AHQP49q4L3mLitryTLTSpOiHQI5k/HzXa/qbFOEudVTu1dumWvcTaNCZYZ7vU6g6L xqjOU/24dfs1Ouh9FnkMpd3Reeyx83hAxZZEhkdV9/MBrX71WGPvJcqrJBGveKATtuXXqNU0pu02bTHXD/AGvJAluyxxRd6F4x00o+NdKoVr jbzJdvVe1t5cVLc2ck8qjnohgpPtz2v7G6JtPQ2VJwjlcw+37mchpnK6GtIuv5NFWeTsLNPvxWTvpfjvOEfwKKzEVkSct2vscS/BIzSN0YRk eX81UpPqO8masJETu7OOccY4dswYFQeftv096XV5knuJGdm2T1+agvMXj8jEaHX905QihabvcbuS7X566mLWLwSY8PuRnk/u4eZ0deTl71Ef 6hY+0yM88TzeNZY4luYwpVYyduOfrvhPTnr0pXSX9y5mCsyJMdyxxvwq599em+taItqCSNc90ChvZRUruUcT0JiO18Elpk7t8v41LWzacxkB SuvjQ/FFJayjDWrCTepAQ2vUH0oo/Jk3ovpwJJeVCP5CN+lFFaaMqy+nAyuChvrTI2kN9JAsi2ZOy4IBHMnkSCP+iqBexSWdxLazoUljJVlP UH2oorkV10pRc7b1zXb/hZOzuJvM86QWEXeELxOzHSIPcmiiiunVlF2RNTpRkrs//Z",size:"x18"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_2__.jL,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.D6,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.Xi,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_2__.xK,{children:"Haylie George"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_2__.Ui,{children:"Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat a duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam..."}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_2__.XF,{children:"12:00 PM"})]})})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(___WEBPACK_IMPORTED_MODULE_2__.a8,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_2__.Vv,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.qEK,{url:"data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC 4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDL/2wBDAQkJCQwLDBgNDRgyIRwhMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMj IyMjIyMjIyMjIyMjIyMjL/wAARCAAoACgDASIAAhEBAxEB/8QAGwAAAgIDAQAAAAAAAAAAAAAAAAcEBgIDBQj/xAAuEAACAQQAAwcEAQUAAA AAAAABAgMABAUREiExBhMUIkFRYQcWcYGhFTJSgpH/xAAYAQADAQEAAAAAAAAAAAAAAAACAwQBAP/EAB4RAAIBBQEBAQAAAAAAAAAAAAABAg MREiExE0HR/9oADAMBAAIRAxEAPwBuXuIkhBuMe5ib/AHQP49q4L3mLitryTLTSpOiHQI5k/HzXa/qbFOEudVTu1dumWvcTaNCZYZ7vU6g6L xqjOU/24dfs1Ouh9FnkMpd3Reeyx83hAxZZEhkdV9/MBrX71WGPvJcqrJBGveKATtuXXqNU0pu02bTHXD/AGvJAluyxxRd6F4x00o+NdKoVr jbzJdvVe1t5cVLc2ck8qjnohgpPtz2v7G6JtPQ2VJwjlcw+37mchpnK6GtIuv5NFWeTsLNPvxWTvpfjvOEfwKKzEVkSct2vscS/BIzSN0YRk eX81UpPqO8masJETu7OOccY4dswYFQeftv096XV5knuJGdm2T1+agvMXj8jEaHX905QihabvcbuS7X566mLWLwSY8PuRnk/u4eZ0deTl71Ef 6hY+0yM88TzeNZY4luYwpVYyduOfrvhPTnr0pXSX9y5mCsyJMdyxxvwq599em+taItqCSNc90ChvZRUruUcT0JiO18Elpk7t8v41LWzacxkB SuvjQ/FFJayjDWrCTepAQ2vUH0oo/Jk3ovpwJJeVCP5CN+lFFaaMqy+nAyuChvrTI2kN9JAsi2ZOy4IBHMnkSCP+iqBexSWdxLazoUljJVlP UH2oorkV10pRc7b1zXb/hZOzuJvM86QWEXeELxOzHSIPcmiiiunVlF2RNTpRkrs//Z",size:"x18"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_2__.jL,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.D6,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.Xi,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_2__.xK,{children:"Haylie George"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_2__.Ui,{children:"Reprehenderit ut aliquip ex ea commodo consequat a duis aute irure dolor in in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam..."}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_2__.XF,{children:"12:00 PM"})]})})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(___WEBPACK_IMPORTED_MODULE_2__.a8,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_2__.Vv,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.qEK,{url:"data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC 4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDL/2wBDAQkJCQwLDBgNDRgyIRwhMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMj IyMjIyMjIyMjIyMjIyMjL/wAARCAAoACgDASIAAhEBAxEB/8QAGwAAAgIDAQAAAAAAAAAAAAAAAAcEBgIDBQj/xAAuEAACAQQAAwcEAQUAAA AAAAABAgMABAUREiExBhMUIkFRYQcWcYGhFTJSgpH/xAAYAQADAQEAAAAAAAAAAAAAAAACAwQBAP/EAB4RAAIBBQEBAQAAAAAAAAAAAAABAg MREiExE0HR/9oADAMBAAIRAxEAPwBuXuIkhBuMe5ib/AHQP49q4L3mLitryTLTSpOiHQI5k/HzXa/qbFOEudVTu1dumWvcTaNCZYZ7vU6g6L xqjOU/24dfs1Ouh9FnkMpd3Reeyx83hAxZZEhkdV9/MBrX71WGPvJcqrJBGveKATtuXXqNU0pu02bTHXD/AGvJAluyxxRd6F4x00o+NdKoVr jbzJdvVe1t5cVLc2ck8qjnohgpPtz2v7G6JtPQ2VJwjlcw+37mchpnK6GtIuv5NFWeTsLNPvxWTvpfjvOEfwKKzEVkSct2vscS/BIzSN0YRk eX81UpPqO8masJETu7OOccY4dswYFQeftv096XV5knuJGdm2T1+agvMXj8jEaHX905QihabvcbuS7X566mLWLwSY8PuRnk/u4eZ0deTl71Ef 6hY+0yM88TzeNZY4luYwpVYyduOfrvhPTnr0pXSX9y5mCsyJMdyxxvwq599em+taItqCSNc90ChvZRUruUcT0JiO18Elpk7t8v41LWzacxkB SuvjQ/FFJayjDWrCTepAQ2vUH0oo/Jk3ovpwJJeVCP5CN+lFFaaMqy+nAyuChvrTI2kN9JAsi2ZOy4IBHMnkSCP+iqBexSWdxLazoUljJVlP UH2oorkV10pRc7b1zXb/hZOzuJvM86QWEXeELxOzHSIPcmiiiunVlF2RNTpRkrs//Z",size:"x18"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_2__.jL,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.D6,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.Xi,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_2__.xK,{children:"Haylie George"})," ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.f8,{children:"@haylie.george"})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_2__.Ui,{children:"Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat a duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam..."}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_2__.XF,{children:"12:00 PM"})]})})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(___WEBPACK_IMPORTED_MODULE_2__.a8,{isSelected:!0,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_2__.Vv,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.qEK,{url:"data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC 4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDL/2wBDAQkJCQwLDBgNDRgyIRwhMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMj IyMjIyMjIyMjIyMjIyMjL/wAARCAAoACgDASIAAhEBAxEB/8QAGwAAAgIDAQAAAAAAAAAAAAAAAAcEBgIDBQj/xAAuEAACAQQAAwcEAQUAAA AAAAABAgMABAUREiExBhMUIkFRYQcWcYGhFTJSgpH/xAAYAQADAQEAAAAAAAAAAAAAAAACAwQBAP/EAB4RAAIBBQEBAQAAAAAAAAAAAAABAg MREiExE0HR/9oADAMBAAIRAxEAPwBuXuIkhBuMe5ib/AHQP49q4L3mLitryTLTSpOiHQI5k/HzXa/qbFOEudVTu1dumWvcTaNCZYZ7vU6g6L xqjOU/24dfs1Ouh9FnkMpd3Reeyx83hAxZZEhkdV9/MBrX71WGPvJcqrJBGveKATtuXXqNU0pu02bTHXD/AGvJAluyxxRd6F4x00o+NdKoVr jbzJdvVe1t5cVLc2ck8qjnohgpPtz2v7G6JtPQ2VJwjlcw+37mchpnK6GtIuv5NFWeTsLNPvxWTvpfjvOEfwKKzEVkSct2vscS/BIzSN0YRk eX81UpPqO8masJETu7OOccY4dswYFQeftv096XV5knuJGdm2T1+agvMXj8jEaHX905QihabvcbuS7X566mLWLwSY8PuRnk/u4eZ0deTl71Ef 6hY+0yM88TzeNZY4luYwpVYyduOfrvhPTnr0pXSX9y5mCsyJMdyxxvwq599em+taItqCSNc90ChvZRUruUcT0JiO18Elpk7t8v41LWzacxkB SuvjQ/FFJayjDWrCTepAQ2vUH0oo/Jk3ovpwJJeVCP5CN+lFFaaMqy+nAyuChvrTI2kN9JAsi2ZOy4IBHMnkSCP+iqBexSWdxLazoUljJVlP UH2oorkV10pRc7b1zXb/hZOzuJvM86QWEXeELxOzHSIPcmiiiunVlF2RNTpRkrs//Z",size:"x18"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_2__.jL,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.D6,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.Xi,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_2__.xK,{children:"Haylie George"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_2__.Ui,{children:"Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat a duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam..."}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_2__.XF,{children:"12:00 PM"})]})})]})]})};Default.displayName="Default",Default.parameters=Object.assign({storySource:{source:"() => (\n \n May, 24, 2020\n \n \n \n \n \n \n \n Haylie George\n \n \n Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris\n nisi ut aliquip ex ea commodo consequat a duis aute irure dolor in\n reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla\n pariatur. Consectetur adipiscing elit, sed do eiusmod tempor\n incididunt ut labore et dolore magna aliqua. Ut enim ad minim\n veniam...\n \n 12:00 PM\n \n \n \n May, 24, 2020\n \n \n \n \n \n \n \n Haylie George\n \n \n Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris\n nisi ut aliquip ex ea commodo consequat a duis aute irure dolor in\n reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla\n pariatur. Consectetur adipiscing elit, sed do eiusmod tempor\n incididunt ut labore et dolore magna aliqua. Ut enim ad minim\n veniam...\n \n 12:00 PM\n \n \n \n \n \n \n \n \n \n \n Haylie George\n \n \n Reprehenderit ut aliquip ex ea commodo consequat a duis aute irure\n dolor in in voluptate velit esse cillum dolore eu fugiat nulla\n pariatur. Consectetur adipiscing elit, sed do eiusmod tempor\n incididunt ut labore et dolore magna aliqua. Ut enim ad minim\n veniam...\n \n 12:00 PM\n \n \n \n \n \n \n \n \n \n \n Haylie George{' '}\n @haylie.george\n \n \n Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris\n nisi ut aliquip ex ea commodo consequat a duis aute irure dolor in\n reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla\n pariatur. Consectetur adipiscing elit, sed do eiusmod tempor\n incididunt ut labore et dolore magna aliqua. Ut enim ad minim\n veniam...\n \n 12:00 PM\n \n \n \n \n \n \n \n \n \n \n Haylie George\n \n \n Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris\n nisi ut aliquip ex ea commodo consequat a duis aute irure dolor in\n reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla\n pariatur. Consectetur adipiscing elit, sed do eiusmod tempor\n incididunt ut labore et dolore magna aliqua. Ut enim ad minim\n veniam...\n \n 12:00 PM\n \n \n \n \n)"}},Default.parameters);var __namedExportsOrder=["Default"]},"./src/components/Message/MessageToolbox/MessageToolbox.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("../../node_modules/core-js/modules/es.object.assign.js");var _storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../../node_modules/@storybook/addon-docs/dist/esm/index.js"),___WEBPACK_IMPORTED_MODULE_3__=(__webpack_require__("../../node_modules/react/index.js"),__webpack_require__("./src/components/Message/MessageToolbox/index.tsx")),___WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/components/index.ts"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("../../node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__={title:"Message/MessageToolbox",component:___WEBPACK_IMPORTED_MODULE_3__.Qh,parameters:{docs:{page:function page(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.Dx,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.sq,{})]})}}}};var Default=function Default(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.xuv,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.Qh,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.VR,{icon:"quote"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.VR,{icon:"emoji"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.VR,{icon:"thread"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.VR,{icon:"menu"})]})})};Default.displayName="Default",Default.parameters=Object.assign({storySource:{source:"() => (\n \n \n \n \n \n \n \n \n)"}},Default.parameters);var __namedExportsOrder=["Default"]},"./src/components/Message/Messages.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,LotsOfReactions:()=>LotsOfReactions,MessageEditing:()=>MessageEditing,MessageHighlighted:()=>MessageHighlighted,MessageOrderedList:()=>MessageOrderedList,MessagePending:()=>MessagePending,MessageSelected:()=>MessageSelected,MessageUnorderedList:()=>MessageUnorderedList,MessageWithHeadings:()=>MessageWithHeadings,MessageWithMetrics:()=>MessageWithMetrics,MessageWithThread:()=>MessageWithThread,WithSequential:()=>WithSequential,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_14__=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/slicedToArray.js"),react__WEBPACK_IMPORTED_MODULE_4__=(__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.object.assign.js"),__webpack_require__("../../node_modules/react/index.js")),___WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/components/Message/index.tsx"),___WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/components/index.ts"),_MessageDivider__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/components/Message/MessageDivider/index.tsx"),_MessageEmoji__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/components/Message/MessageEmoji.tsx"),_MessageMetrics__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./src/components/Message/MessageMetrics/index.tsx"),_MessageReactions__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./src/components/Message/MessageReactions/index.tsx"),_MessageToolbox__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("./src/components/Message/MessageToolbox/index.tsx"),_ThreadMessage__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__("./src/components/Message/ThreadMessage/index.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__=__webpack_require__("../../node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__={title:"Message/Message",component:___WEBPACK_IMPORTED_MODULE_5__.ZP,parameters:{jest:["Message.spec.tsx"]}};var avatarUrl="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDL/2wBDAQkJCQwLDBgNDRgyIRwhMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjL/wAARCAAoACgDASIAAhEBAxEB/8QAGwAAAgIDAQAAAAAAAAAAAAAAAAcEBgIDBQj/xAAuEAACAQQAAwcEAQUAAAAAAAABAgMABAUREiExBhMUIkFRYQcWcYGhFTJSgpH/xAAYAQADAQEAAAAAAAAAAAAAAAACAwQBAP/EAB4RAAIBBQEBAQAAAAAAAAAAAAABAgMREiExE0HR/9oADAMBAAIRAxEAPwBuXuIkhBuMe5ib/AHQP49q4L3mLitryTLTSpOiHQI5k/HzXa/qbFOEudVTu1dumWvcTaNCZYZ7vU6g6LxqjOU/24dfs1Ouh9FnkMpd3Reeyx83hAxZZEhkdV9/MBrX71WGPvJcqrJBGveKATtuXXqNU0pu02bTHXD/AGvJAluyxxRd6F4x00o+NdKoVrjbzJdvVe1t5cVLc2ck8qjnohgpPtz2v7G6JtPQ2VJwjlcw+37mchpnK6GtIuv5NFWeTsLNPvxWTvpfjvOEfwKKzEVkSct2vscS/BIzSN0YRkeX81UpPqO8masJETu7OOccY4dswYFQeftv096XV5knuJGdm2T1+agvMXj8jEaHX905QihabvcbuS7X566mLWLwSY8PuRnk/u4eZ0deTl71Ef6hY+0yM88TzeNZY4luYwpVYyduOfrvhPTnr0pXSX9y5mCsyJMdyxxvwq599em+taItqCSNc90ChvZRUruUcT0JiO18Elpk7t8v41LWzacxkBSuvjQ/FFJayjDWrCTepAQ2vUH0oo/Jk3ovpwJJeVCP5CN+lFFaaMqy+nAyuChvrTI2kN9JAsi2ZOy4IBHMnkSCP+iqBexSWdxLazoUljJVlPUH2oorkV10pRc7b1zXb/hZOzuJvM86QWEXeELxOzHSIPcmiiiunVlF2RNTpRkrs//Z",Default=function Default(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(___WEBPACK_IMPORTED_MODULE_6__.xuv,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_MessageDivider__WEBPACK_IMPORTED_MODULE_7__.T,{children:"May, 24, 2020"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(___WEBPACK_IMPORTED_MODULE_5__.ZP,{className:"customclass",clickable:!0,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.ZP.LeftContainer,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_6__.qEK,{url:avatarUrl,size:"x36"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(___WEBPACK_IMPORTED_MODULE_5__.ZP.Container,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(___WEBPACK_IMPORTED_MODULE_5__.ZP.Header,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(___WEBPACK_IMPORTED_MODULE_5__.ZP.NameContainer,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.ZP.Name,{children:"Haylie George"})," ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.ZP.Username,{children:"@haylie.george"})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(___WEBPACK_IMPORTED_MODULE_5__.ZP.Roles,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.ZP.Role,{children:"Admin"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.ZP.Role,{children:"User"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.ZP.Role,{children:"Owner"})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.ZP.Timestamp,{children:"12:00 PM"})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(___WEBPACK_IMPORTED_MODULE_5__.ZP.Body,{children:["Ut enim ad minim veniam,"," ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.ZP.Highlight,{clickable:!0,variant:"other",children:"channel"})," ","quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat a duis aute irure dolor in"," ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.ZP.Highlight,{clickable:!0,variant:"critical",children:"Haylie George"})," ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.ZP.Highlight,{clickable:!0,variant:"critical",children:"Haylie George"})," ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.ZP.Highlight,{clickable:!0,variant:"critical",children:"Haylie George"})," ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.ZP.Highlight,{clickable:!0,variant:"critical",children:"Haylie George"})," ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.ZP.Highlight,{clickable:!0,variant:"critical",children:"Haylie George"})," ","commodo consequat a duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Consectetur adipiscing commodo consequat a duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Consectetur adipiscing"," ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.ZP.Highlight,{variant:"critical",children:"highlighted text"}),"touching text."," ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.ZP.Highlight,{clickable:!0,variant:"relevant",children:"all"}),". elit, sed do eiusmod tempor incididunt",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.ZP.Highlight,{clickable:!0,variant:"link",children:"Room Name"}),"ut labore et dolore magna",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.ZP.Highlight,{clickable:!0,variant:"other",children:"Gabriel.Henriques"}),". aliqua. Ut enim ad minim veniam..."]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(_MessageReactions__WEBPACK_IMPORTED_MODULE_10__.ZP,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_MessageReactions__WEBPACK_IMPORTED_MODULE_10__.ZP.Reaction,{mine:!0,counter:1}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_MessageReactions__WEBPACK_IMPORTED_MODULE_10__.ZP.Reaction,{counter:2}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_MessageReactions__WEBPACK_IMPORTED_MODULE_10__.ZP.Reaction,{counter:3}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_MessageReactions__WEBPACK_IMPORTED_MODULE_10__.ZP.Action,{})]})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_MessageToolbox__WEBPACK_IMPORTED_MODULE_11__.ZP.Wrapper,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(_MessageToolbox__WEBPACK_IMPORTED_MODULE_11__.ZP,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_MessageToolbox__WEBPACK_IMPORTED_MODULE_11__.ZP.Item,{icon:"quote"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_MessageToolbox__WEBPACK_IMPORTED_MODULE_11__.ZP.Item,{icon:"clock"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_MessageToolbox__WEBPACK_IMPORTED_MODULE_11__.ZP.Item,{icon:"thread"})]})})]})]})};Default.displayName="Default";var WithSequential=function WithSequential(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(___WEBPACK_IMPORTED_MODULE_6__.xuv,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_MessageDivider__WEBPACK_IMPORTED_MODULE_7__.T,{children:"May, 24, 2020"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(___WEBPACK_IMPORTED_MODULE_5__.ZP,{className:"customclass",clickable:!0,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.ZP.LeftContainer,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_6__.qEK,{url:avatarUrl,size:"x36"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(___WEBPACK_IMPORTED_MODULE_5__.ZP.Container,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(___WEBPACK_IMPORTED_MODULE_5__.ZP.Header,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(___WEBPACK_IMPORTED_MODULE_5__.ZP.NameContainer,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.ZP.Name,{children:"Haylie George"})," ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.ZP.Username,{children:"@haylie.george"})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(___WEBPACK_IMPORTED_MODULE_5__.ZP.Roles,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.ZP.Role,{children:"Admin"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.ZP.Role,{children:"User"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.ZP.Role,{children:"Owner"})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.ZP.Timestamp,{children:"12:00 PM"})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.ZP.Body,{children:"Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat a duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam..."}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(_MessageReactions__WEBPACK_IMPORTED_MODULE_10__.ZP,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_MessageReactions__WEBPACK_IMPORTED_MODULE_10__.ZP.Reaction,{counter:1}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_MessageReactions__WEBPACK_IMPORTED_MODULE_10__.ZP.Reaction,{counter:2}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_MessageReactions__WEBPACK_IMPORTED_MODULE_10__.ZP.Reaction,{counter:3}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_MessageReactions__WEBPACK_IMPORTED_MODULE_10__.ZP.Action,{})]})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_MessageToolbox__WEBPACK_IMPORTED_MODULE_11__.ZP.Wrapper,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(_MessageToolbox__WEBPACK_IMPORTED_MODULE_11__.ZP,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_MessageToolbox__WEBPACK_IMPORTED_MODULE_11__.ZP.Item,{icon:"quote"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_MessageToolbox__WEBPACK_IMPORTED_MODULE_11__.ZP.Item,{icon:"clock"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_MessageToolbox__WEBPACK_IMPORTED_MODULE_11__.ZP.Item,{icon:"thread"})]})})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(___WEBPACK_IMPORTED_MODULE_5__.ZP,{className:"customclass",clickable:!0,sequential:!0,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.ZP.LeftContainer,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.ZP.Container,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.ZP.Body,{children:"Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_MessageToolbox__WEBPACK_IMPORTED_MODULE_11__.ZP.Wrapper,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(_MessageToolbox__WEBPACK_IMPORTED_MODULE_11__.ZP,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_MessageToolbox__WEBPACK_IMPORTED_MODULE_11__.ZP.Item,{icon:"quote"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_MessageToolbox__WEBPACK_IMPORTED_MODULE_11__.ZP.Item,{icon:"clock"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_MessageToolbox__WEBPACK_IMPORTED_MODULE_11__.ZP.Item,{icon:"thread"})]})})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(___WEBPACK_IMPORTED_MODULE_5__.ZP,{className:"customclass",clickable:!0,sequential:!0,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.ZP.LeftContainer,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.ZP.Container,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.ZP.Body,{children:"Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua"})})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(___WEBPACK_IMPORTED_MODULE_5__.ZP,{className:"customclass",clickable:!0,sequential:!0,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.ZP.LeftContainer,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.ZP.Container,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.ZP.Body,{children:"Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_MessageToolbox__WEBPACK_IMPORTED_MODULE_11__.ZP.Wrapper,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(_MessageToolbox__WEBPACK_IMPORTED_MODULE_11__.ZP,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_MessageToolbox__WEBPACK_IMPORTED_MODULE_11__.ZP.Item,{icon:"quote"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_MessageToolbox__WEBPACK_IMPORTED_MODULE_11__.ZP.Item,{icon:"clock"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_MessageToolbox__WEBPACK_IMPORTED_MODULE_11__.ZP.Item,{icon:"thread"})]})})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(___WEBPACK_IMPORTED_MODULE_5__.ZP,{className:"customclass",clickable:!0,sequential:!0,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.ZP.LeftContainer,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.ZP.Container,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(___WEBPACK_IMPORTED_MODULE_5__.ZP.Body,{children:["Test Message Emoji ->"," ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_MessageEmoji__WEBPACK_IMPORTED_MODULE_8__.b,{name:"test",image:"url("+avatarUrl+")"})]})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_MessageToolbox__WEBPACK_IMPORTED_MODULE_11__.ZP.Wrapper,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(_MessageToolbox__WEBPACK_IMPORTED_MODULE_11__.ZP,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_MessageToolbox__WEBPACK_IMPORTED_MODULE_11__.ZP.Item,{icon:"quote"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_MessageToolbox__WEBPACK_IMPORTED_MODULE_11__.ZP.Item,{icon:"clock"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_MessageToolbox__WEBPACK_IMPORTED_MODULE_11__.ZP.Item,{icon:"thread"})]})})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(___WEBPACK_IMPORTED_MODULE_5__.ZP,{className:"customclass",clickable:!0,sequential:!0,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.ZP.LeftContainer,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.ZP.Container,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.ZP.Body,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_MessageEmoji__WEBPACK_IMPORTED_MODULE_8__.b,{big:!0,name:"test",image:"url("+avatarUrl+")"})})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_MessageToolbox__WEBPACK_IMPORTED_MODULE_11__.ZP.Wrapper,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(_MessageToolbox__WEBPACK_IMPORTED_MODULE_11__.ZP,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_MessageToolbox__WEBPACK_IMPORTED_MODULE_11__.ZP.Item,{icon:"quote"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_MessageToolbox__WEBPACK_IMPORTED_MODULE_11__.ZP.Item,{icon:"clock"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_MessageToolbox__WEBPACK_IMPORTED_MODULE_11__.ZP.Item,{icon:"thread"})]})})]})]})};WithSequential.displayName="WithSequential";var MessageWithThread=function MessageWithThread(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(___WEBPACK_IMPORTED_MODULE_6__.xuv,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_MessageDivider__WEBPACK_IMPORTED_MODULE_7__.T,{unreadLabel:"Unread",children:"May, 24, 2020"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(___WEBPACK_IMPORTED_MODULE_5__.ZP,{className:"customclass",clickable:!0,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.ZP.LeftContainer,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_6__.qEK,{url:avatarUrl,size:"x36"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(___WEBPACK_IMPORTED_MODULE_5__.ZP.Container,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(___WEBPACK_IMPORTED_MODULE_5__.ZP.Header,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(___WEBPACK_IMPORTED_MODULE_5__.ZP.NameContainer,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.ZP.Name,{children:"Haylie George"})," ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.ZP.Username,{children:"@haylie.george"})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(___WEBPACK_IMPORTED_MODULE_5__.ZP.Roles,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.ZP.Role,{children:"Admin"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.ZP.Role,{children:"User"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.ZP.Role,{children:"Owner"})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.ZP.Timestamp,{children:"12:00 PM"})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.ZP.Body,{children:"Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat a duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam..."}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(_MessageReactions__WEBPACK_IMPORTED_MODULE_10__.ZP,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_MessageReactions__WEBPACK_IMPORTED_MODULE_10__.ZP.Reaction,{counter:1}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_MessageReactions__WEBPACK_IMPORTED_MODULE_10__.ZP.Reaction,{counter:2}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_MessageReactions__WEBPACK_IMPORTED_MODULE_10__.ZP.Reaction,{counter:3}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_MessageReactions__WEBPACK_IMPORTED_MODULE_10__.ZP.Action,{})]})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_MessageToolbox__WEBPACK_IMPORTED_MODULE_11__.ZP.Wrapper,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(_MessageToolbox__WEBPACK_IMPORTED_MODULE_11__.ZP,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_MessageToolbox__WEBPACK_IMPORTED_MODULE_11__.ZP.Item,{icon:"quote"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_MessageToolbox__WEBPACK_IMPORTED_MODULE_11__.ZP.Item,{icon:"clock"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_MessageToolbox__WEBPACK_IMPORTED_MODULE_11__.ZP.Item,{icon:"thread"})]})})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(___WEBPACK_IMPORTED_MODULE_5__.ZP,{className:"customclass",clickable:!0,sequential:!0,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.ZP.LeftContainer,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.ZP.Container,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.ZP.Body,{children:"Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_MessageToolbox__WEBPACK_IMPORTED_MODULE_11__.ZP.Wrapper,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(_MessageToolbox__WEBPACK_IMPORTED_MODULE_11__.ZP,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_MessageToolbox__WEBPACK_IMPORTED_MODULE_11__.ZP.Item,{icon:"quote"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_MessageToolbox__WEBPACK_IMPORTED_MODULE_11__.ZP.Item,{icon:"clock"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_MessageToolbox__WEBPACK_IMPORTED_MODULE_11__.ZP.Item,{icon:"thread"})]})})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(___WEBPACK_IMPORTED_MODULE_5__.ZP,{className:"customclass",clickable:!0,sequential:!0,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.ZP.LeftContainer,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.ZP.Container,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.ZP.Body,{children:"Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua"})})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(___WEBPACK_IMPORTED_MODULE_5__.ZP,{className:"customclass",clickable:!0,sequential:!0,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.ZP.LeftContainer,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.ZP.Container,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.ZP.Body,{children:"Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_MessageToolbox__WEBPACK_IMPORTED_MODULE_11__.ZP.Wrapper,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(_MessageToolbox__WEBPACK_IMPORTED_MODULE_11__.ZP,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_MessageToolbox__WEBPACK_IMPORTED_MODULE_11__.ZP.Item,{icon:"quote"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_MessageToolbox__WEBPACK_IMPORTED_MODULE_11__.ZP.Item,{icon:"clock"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_MessageToolbox__WEBPACK_IMPORTED_MODULE_11__.ZP.Item,{icon:"thread"})]})})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(_ThreadMessage__WEBPACK_IMPORTED_MODULE_12__.ZP,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(_ThreadMessage__WEBPACK_IMPORTED_MODULE_12__.ZP.Row,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_ThreadMessage__WEBPACK_IMPORTED_MODULE_12__.ZP.LeftContainer,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_ThreadMessage__WEBPACK_IMPORTED_MODULE_12__.ZP.Icon,{})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(_ThreadMessage__WEBPACK_IMPORTED_MODULE_12__.ZP.Container,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_ThreadMessage__WEBPACK_IMPORTED_MODULE_12__.ZP.Origin,{children:"Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat a duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam..."}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_ThreadMessage__WEBPACK_IMPORTED_MODULE_12__.ZP.Unfollow,{})]})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(_ThreadMessage__WEBPACK_IMPORTED_MODULE_12__.ZP.Row,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_ThreadMessage__WEBPACK_IMPORTED_MODULE_12__.ZP.LeftContainer,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_6__.qEK,{url:avatarUrl,size:"x16"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_ThreadMessage__WEBPACK_IMPORTED_MODULE_12__.ZP.Container,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(_ThreadMessage__WEBPACK_IMPORTED_MODULE_12__.ZP.Message,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_ThreadMessage__WEBPACK_IMPORTED_MODULE_12__.kn,{image:"url("+avatarUrl+")",name:"test"}),"Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat a duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam..."]})})]})]})]})};MessageWithThread.displayName="MessageWithThread";var MessageSelected=function MessageSelected(){var _useState=(0,react__WEBPACK_IMPORTED_MODULE_4__.useState)(!0),_useState2=(0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_14__.Z)(_useState,2),selected=_useState2[0],setSelected=_useState2[1];return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(___WEBPACK_IMPORTED_MODULE_6__.xuv,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_MessageDivider__WEBPACK_IMPORTED_MODULE_7__.T,{children:"May, 24, 2020"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(___WEBPACK_IMPORTED_MODULE_5__.ZP,{className:"customclass",onClick:function onClick(){return setSelected(!selected)},isSelected:selected,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.ZP.LeftContainer,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_6__.qEK,{url:"data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC 4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDL/2wBDAQkJCQwLDBgNDRgyIRwhMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMj IyMjIyMjIyMjIyMjIyMjL/wAARCAAoACgDASIAAhEBAxEB/8QAGwAAAgIDAQAAAAAAAAAAAAAAAAcEBgIDBQj/xAAuEAACAQQAAwcEAQUAAA AAAAABAgMABAUREiExBhMUIkFRYQcWcYGhFTJSgpH/xAAYAQADAQEAAAAAAAAAAAAAAAACAwQBAP/EAB4RAAIBBQEBAQAAAAAAAAAAAAABAg MREiExE0HR/9oADAMBAAIRAxEAPwBuXuIkhBuMe5ib/AHQP49q4L3mLitryTLTSpOiHQI5k/HzXa/qbFOEudVTu1dumWvcTaNCZYZ7vU6g6L xqjOU/24dfs1Ouh9FnkMpd3Reeyx83hAxZZEhkdV9/MBrX71WGPvJcqrJBGveKATtuXXqNU0pu02bTHXD/AGvJAluyxxRd6F4x00o+NdKoVr jbzJdvVe1t5cVLc2ck8qjnohgpPtz2v7G6JtPQ2VJwjlcw+37mchpnK6GtIuv5NFWeTsLNPvxWTvpfjvOEfwKKzEVkSct2vscS/BIzSN0YRk eX81UpPqO8masJETu7OOccY4dswYFQeftv096XV5knuJGdm2T1+agvMXj8jEaHX905QihabvcbuS7X566mLWLwSY8PuRnk/u4eZ0deTl71Ef 6hY+0yM88TzeNZY4luYwpVYyduOfrvhPTnr0pXSX9y5mCsyJMdyxxvwq599em+taItqCSNc90ChvZRUruUcT0JiO18Elpk7t8v41LWzacxkB SuvjQ/FFJayjDWrCTepAQ2vUH0oo/Jk3ovpwJJeVCP5CN+lFFaaMqy+nAyuChvrTI2kN9JAsi2ZOy4IBHMnkSCP+iqBexSWdxLazoUljJVlP UH2oorkV10pRc7b1zXb/hZOzuJvM86QWEXeELxOzHSIPcmiiiunVlF2RNTpRkrs//Z",size:"x36"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(___WEBPACK_IMPORTED_MODULE_5__.ZP.Container,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(___WEBPACK_IMPORTED_MODULE_5__.ZP.Header,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(___WEBPACK_IMPORTED_MODULE_5__.ZP.NameContainer,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.ZP.Name,{children:"Haylie George"})," ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.ZP.Username,{children:"@haylie.george"})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(___WEBPACK_IMPORTED_MODULE_5__.ZP.Roles,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.ZP.Role,{children:"Admin"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.ZP.Role,{children:"User"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.ZP.Role,{children:"Owner"})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.ZP.Timestamp,{children:"12:00 PM"})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.ZP.Body,{children:"Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat a duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam..."}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(_MessageReactions__WEBPACK_IMPORTED_MODULE_10__.ZP,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_MessageReactions__WEBPACK_IMPORTED_MODULE_10__.ZP.Reaction,{counter:1}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_MessageReactions__WEBPACK_IMPORTED_MODULE_10__.ZP.Reaction,{counter:2}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_MessageReactions__WEBPACK_IMPORTED_MODULE_10__.ZP.Reaction,{counter:3}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_MessageReactions__WEBPACK_IMPORTED_MODULE_10__.ZP.Action,{})]})]})]})]})};MessageSelected.displayName="MessageSelected";var MessageEditing=function MessageEditing(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(___WEBPACK_IMPORTED_MODULE_6__.xuv,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_MessageDivider__WEBPACK_IMPORTED_MODULE_7__.T,{children:"May, 24, 2020"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(___WEBPACK_IMPORTED_MODULE_5__.ZP,{className:"customclass",clickable:!0,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.ZP.LeftContainer,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_6__.qEK,{url:avatarUrl,size:"x36"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(___WEBPACK_IMPORTED_MODULE_5__.ZP.Container,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(___WEBPACK_IMPORTED_MODULE_5__.ZP.Header,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(___WEBPACK_IMPORTED_MODULE_5__.ZP.NameContainer,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.ZP.Name,{children:"Haylie George"})," ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.ZP.Username,{children:"@haylie.george"})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(___WEBPACK_IMPORTED_MODULE_5__.ZP.Roles,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.ZP.Role,{children:"Admin"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.ZP.Role,{children:"User"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.ZP.Role,{children:"Owner"})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.ZP.Timestamp,{children:"12:00 PM"})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.ZP.Body,{children:"Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat a duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam..."}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(_MessageReactions__WEBPACK_IMPORTED_MODULE_10__.ZP,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_MessageReactions__WEBPACK_IMPORTED_MODULE_10__.ZP.Reaction,{counter:1}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_MessageReactions__WEBPACK_IMPORTED_MODULE_10__.ZP.Reaction,{counter:2}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_MessageReactions__WEBPACK_IMPORTED_MODULE_10__.ZP.Reaction,{counter:3}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_MessageReactions__WEBPACK_IMPORTED_MODULE_10__.ZP.Action,{})]})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_MessageToolbox__WEBPACK_IMPORTED_MODULE_11__.ZP.Wrapper,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(_MessageToolbox__WEBPACK_IMPORTED_MODULE_11__.ZP,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_MessageToolbox__WEBPACK_IMPORTED_MODULE_11__.ZP.Item,{icon:"quote"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_MessageToolbox__WEBPACK_IMPORTED_MODULE_11__.ZP.Item,{icon:"clock"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_MessageToolbox__WEBPACK_IMPORTED_MODULE_11__.ZP.Item,{icon:"thread"})]})})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(___WEBPACK_IMPORTED_MODULE_5__.ZP,{className:"customclass",clickable:!0,sequential:!0,isEditing:!0,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.ZP.LeftContainer,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.ZP.Container,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.ZP.Body,{children:"Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_MessageToolbox__WEBPACK_IMPORTED_MODULE_11__.ZP.Wrapper,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(_MessageToolbox__WEBPACK_IMPORTED_MODULE_11__.ZP,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_MessageToolbox__WEBPACK_IMPORTED_MODULE_11__.ZP.Item,{icon:"quote"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_MessageToolbox__WEBPACK_IMPORTED_MODULE_11__.ZP.Item,{icon:"clock"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_MessageToolbox__WEBPACK_IMPORTED_MODULE_11__.ZP.Item,{icon:"thread"})]})})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(___WEBPACK_IMPORTED_MODULE_5__.ZP,{className:"customclass",clickable:!0,sequential:!0,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.ZP.LeftContainer,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.ZP.Container,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.ZP.Body,{children:"Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua"})})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(___WEBPACK_IMPORTED_MODULE_5__.ZP,{className:"customclass",clickable:!0,sequential:!0,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.ZP.LeftContainer,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.ZP.Container,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.ZP.Body,{children:"Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_MessageToolbox__WEBPACK_IMPORTED_MODULE_11__.ZP.Wrapper,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(_MessageToolbox__WEBPACK_IMPORTED_MODULE_11__.ZP,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_MessageToolbox__WEBPACK_IMPORTED_MODULE_11__.ZP.Item,{icon:"quote"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_MessageToolbox__WEBPACK_IMPORTED_MODULE_11__.ZP.Item,{icon:"clock"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_MessageToolbox__WEBPACK_IMPORTED_MODULE_11__.ZP.Item,{icon:"thread"})]})})]})]})};MessageEditing.displayName="MessageEditing";var MessageUnorderedList=function MessageUnorderedList(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(___WEBPACK_IMPORTED_MODULE_6__.xuv,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_MessageDivider__WEBPACK_IMPORTED_MODULE_7__.T,{children:"May, 24, 2020"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(___WEBPACK_IMPORTED_MODULE_5__.ZP,{className:"customclass",clickable:!0,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.ZP.LeftContainer,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_6__.qEK,{url:avatarUrl,size:"x36"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(___WEBPACK_IMPORTED_MODULE_5__.ZP.Container,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(___WEBPACK_IMPORTED_MODULE_5__.ZP.Header,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(___WEBPACK_IMPORTED_MODULE_5__.ZP.NameContainer,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.ZP.Name,{children:"Haylie George"})," ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.ZP.Username,{children:"@haylie.george"})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(___WEBPACK_IMPORTED_MODULE_5__.ZP.Roles,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.ZP.Role,{children:"Admin"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.ZP.Role,{children:"User"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.ZP.Role,{children:"Owner"})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.ZP.Timestamp,{children:"12:00 PM"})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(___WEBPACK_IMPORTED_MODULE_5__.ZP.Body,{children:["Unordered list:",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)("ul",{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)("li",{children:"Ut enim ad minim"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)("li",{children:"Incididunt ut labore"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)("li",{children:"Labore et dolore"})]})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(_MessageReactions__WEBPACK_IMPORTED_MODULE_10__.ZP,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_MessageReactions__WEBPACK_IMPORTED_MODULE_10__.ZP.Reaction,{counter:1}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_MessageReactions__WEBPACK_IMPORTED_MODULE_10__.ZP.Reaction,{counter:2}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_MessageReactions__WEBPACK_IMPORTED_MODULE_10__.ZP.Reaction,{counter:3}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_MessageReactions__WEBPACK_IMPORTED_MODULE_10__.ZP.Action,{})]})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_MessageToolbox__WEBPACK_IMPORTED_MODULE_11__.ZP.Wrapper,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(_MessageToolbox__WEBPACK_IMPORTED_MODULE_11__.ZP,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_MessageToolbox__WEBPACK_IMPORTED_MODULE_11__.ZP.Item,{icon:"quote"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_MessageToolbox__WEBPACK_IMPORTED_MODULE_11__.ZP.Item,{icon:"clock"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_MessageToolbox__WEBPACK_IMPORTED_MODULE_11__.ZP.Item,{icon:"thread"})]})})]})]})};MessageUnorderedList.displayName="MessageUnorderedList";var MessageOrderedList=function MessageOrderedList(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(___WEBPACK_IMPORTED_MODULE_6__.xuv,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_MessageDivider__WEBPACK_IMPORTED_MODULE_7__.T,{children:"May, 24, 2020"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(___WEBPACK_IMPORTED_MODULE_5__.ZP,{className:"customclass",clickable:!0,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.ZP.LeftContainer,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_6__.qEK,{url:avatarUrl,size:"x36"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(___WEBPACK_IMPORTED_MODULE_5__.ZP.Container,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(___WEBPACK_IMPORTED_MODULE_5__.ZP.Header,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(___WEBPACK_IMPORTED_MODULE_5__.ZP.NameContainer,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.ZP.Name,{children:"Haylie George"})," ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.ZP.Username,{children:"@haylie.george"})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(___WEBPACK_IMPORTED_MODULE_5__.ZP.Roles,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.ZP.Role,{children:"Admin"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.ZP.Role,{children:"User"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.ZP.Role,{children:"Owner"})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.ZP.Timestamp,{children:"12:00 PM"})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(___WEBPACK_IMPORTED_MODULE_5__.ZP.Body,{children:["Ordered list:",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)("ol",{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)("li",{value:1,children:"Ut enim ad minim"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)("li",{value:2,children:"Incididunt ut labore"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)("li",{value:6,children:"Labore et dolore"})]})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(_MessageReactions__WEBPACK_IMPORTED_MODULE_10__.ZP,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_MessageReactions__WEBPACK_IMPORTED_MODULE_10__.ZP.Reaction,{counter:1}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_MessageReactions__WEBPACK_IMPORTED_MODULE_10__.ZP.Reaction,{counter:2}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_MessageReactions__WEBPACK_IMPORTED_MODULE_10__.ZP.Reaction,{counter:3}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_MessageReactions__WEBPACK_IMPORTED_MODULE_10__.ZP.Action,{})]})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_MessageToolbox__WEBPACK_IMPORTED_MODULE_11__.ZP.Wrapper,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(_MessageToolbox__WEBPACK_IMPORTED_MODULE_11__.ZP,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_MessageToolbox__WEBPACK_IMPORTED_MODULE_11__.ZP.Item,{icon:"quote"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_MessageToolbox__WEBPACK_IMPORTED_MODULE_11__.ZP.Item,{icon:"clock"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_MessageToolbox__WEBPACK_IMPORTED_MODULE_11__.ZP.Item,{icon:"thread"})]})})]})]})};MessageOrderedList.displayName="MessageOrderedList";var MessageHighlighted=function MessageHighlighted(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(___WEBPACK_IMPORTED_MODULE_6__.xuv,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_MessageDivider__WEBPACK_IMPORTED_MODULE_7__.T,{children:"May, 24, 2020"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(___WEBPACK_IMPORTED_MODULE_5__.ZP,{className:"customclass",highlight:!0,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.ZP.LeftContainer,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_6__.qEK,{url:avatarUrl,size:"x36"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(___WEBPACK_IMPORTED_MODULE_5__.ZP.Container,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(___WEBPACK_IMPORTED_MODULE_5__.ZP.Header,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(___WEBPACK_IMPORTED_MODULE_5__.ZP.NameContainer,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.ZP.Name,{children:"Haylie George"})," ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.ZP.Username,{children:"@haylie.george"})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(___WEBPACK_IMPORTED_MODULE_5__.ZP.Roles,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.ZP.Role,{children:"Admin"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.ZP.Role,{children:"User"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.ZP.Role,{children:"Owner"})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.ZP.Timestamp,{children:"12:00 PM"})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.ZP.Body,{children:"Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat a duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam..."}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(_MessageReactions__WEBPACK_IMPORTED_MODULE_10__.ZP,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_MessageReactions__WEBPACK_IMPORTED_MODULE_10__.ZP.Reaction,{counter:1}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_MessageReactions__WEBPACK_IMPORTED_MODULE_10__.ZP.Reaction,{counter:2}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_MessageReactions__WEBPACK_IMPORTED_MODULE_10__.ZP.Reaction,{counter:3}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_MessageReactions__WEBPACK_IMPORTED_MODULE_10__.ZP.Action,{})]})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_MessageToolbox__WEBPACK_IMPORTED_MODULE_11__.ZP.Wrapper,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(_MessageToolbox__WEBPACK_IMPORTED_MODULE_11__.ZP,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_MessageToolbox__WEBPACK_IMPORTED_MODULE_11__.ZP.Item,{icon:"quote"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_MessageToolbox__WEBPACK_IMPORTED_MODULE_11__.ZP.Item,{icon:"clock"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_MessageToolbox__WEBPACK_IMPORTED_MODULE_11__.ZP.Item,{icon:"thread"})]})})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(___WEBPACK_IMPORTED_MODULE_5__.ZP,{className:"customclass",sequential:!0,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.ZP.LeftContainer,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.ZP.Container,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.ZP.Body,{children:"Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_MessageToolbox__WEBPACK_IMPORTED_MODULE_11__.ZP.Wrapper,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(_MessageToolbox__WEBPACK_IMPORTED_MODULE_11__.ZP,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_MessageToolbox__WEBPACK_IMPORTED_MODULE_11__.ZP.Item,{icon:"quote"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_MessageToolbox__WEBPACK_IMPORTED_MODULE_11__.ZP.Item,{icon:"clock"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_MessageToolbox__WEBPACK_IMPORTED_MODULE_11__.ZP.Item,{icon:"thread"})]})})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(___WEBPACK_IMPORTED_MODULE_5__.ZP,{className:"customclass",sequential:!0,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.ZP.LeftContainer,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.ZP.Container,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.ZP.Body,{children:"Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua"})})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(___WEBPACK_IMPORTED_MODULE_5__.ZP,{className:"customclass",sequential:!0,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.ZP.LeftContainer,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.ZP.Container,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.ZP.Body,{children:"Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_MessageToolbox__WEBPACK_IMPORTED_MODULE_11__.ZP.Wrapper,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(_MessageToolbox__WEBPACK_IMPORTED_MODULE_11__.ZP,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_MessageToolbox__WEBPACK_IMPORTED_MODULE_11__.ZP.Item,{icon:"quote"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_MessageToolbox__WEBPACK_IMPORTED_MODULE_11__.ZP.Item,{icon:"clock"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_MessageToolbox__WEBPACK_IMPORTED_MODULE_11__.ZP.Item,{icon:"thread"})]})})]})]})};MessageHighlighted.displayName="MessageHighlighted";var MessagePending=function MessagePending(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(___WEBPACK_IMPORTED_MODULE_6__.xuv,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_MessageDivider__WEBPACK_IMPORTED_MODULE_7__.T,{children:"May, 24, 2020"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(___WEBPACK_IMPORTED_MODULE_5__.ZP,{className:"customclass",isPending:!0,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.ZP.LeftContainer,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_6__.qEK,{url:avatarUrl,size:"x36"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(___WEBPACK_IMPORTED_MODULE_5__.ZP.Container,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(___WEBPACK_IMPORTED_MODULE_5__.ZP.Header,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(___WEBPACK_IMPORTED_MODULE_5__.ZP.NameContainer,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.ZP.Name,{children:"Haylie George"})," ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.ZP.Username,{children:"@haylie.george"})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(___WEBPACK_IMPORTED_MODULE_5__.ZP.Roles,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.ZP.Role,{children:"Admin"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.ZP.Role,{children:"User"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.ZP.Role,{children:"Owner"})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.ZP.Timestamp,{children:"12:00 PM"})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.ZP.Body,{children:"Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat a duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam..."})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_MessageToolbox__WEBPACK_IMPORTED_MODULE_11__.ZP.Wrapper,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(_MessageToolbox__WEBPACK_IMPORTED_MODULE_11__.ZP,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_MessageToolbox__WEBPACK_IMPORTED_MODULE_11__.ZP.Item,{icon:"quote"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_MessageToolbox__WEBPACK_IMPORTED_MODULE_11__.ZP.Item,{icon:"clock"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_MessageToolbox__WEBPACK_IMPORTED_MODULE_11__.ZP.Item,{icon:"thread"})]})})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(___WEBPACK_IMPORTED_MODULE_5__.ZP,{className:"customclass",isPending:!0,sequential:!0,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.ZP.LeftContainer,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.ZP.Container,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.ZP.Body,{children:"Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_MessageToolbox__WEBPACK_IMPORTED_MODULE_11__.ZP.Wrapper,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(_MessageToolbox__WEBPACK_IMPORTED_MODULE_11__.ZP,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_MessageToolbox__WEBPACK_IMPORTED_MODULE_11__.ZP.Item,{icon:"quote"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_MessageToolbox__WEBPACK_IMPORTED_MODULE_11__.ZP.Item,{icon:"clock"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_MessageToolbox__WEBPACK_IMPORTED_MODULE_11__.ZP.Item,{icon:"thread"})]})})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(___WEBPACK_IMPORTED_MODULE_5__.ZP,{className:"customclass",isPending:!0,sequential:!0,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.ZP.LeftContainer,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.ZP.Container,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.ZP.Body,{children:"Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua"})})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(___WEBPACK_IMPORTED_MODULE_5__.ZP,{className:"customclass",isPending:!0,sequential:!0,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.ZP.LeftContainer,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.ZP.Container,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.ZP.Body,{children:"Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_MessageToolbox__WEBPACK_IMPORTED_MODULE_11__.ZP.Wrapper,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(_MessageToolbox__WEBPACK_IMPORTED_MODULE_11__.ZP,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_MessageToolbox__WEBPACK_IMPORTED_MODULE_11__.ZP.Item,{icon:"quote"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_MessageToolbox__WEBPACK_IMPORTED_MODULE_11__.ZP.Item,{icon:"clock"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_MessageToolbox__WEBPACK_IMPORTED_MODULE_11__.ZP.Item,{icon:"thread"})]})})]})]})};MessagePending.displayName="MessagePending";var MessageWithMetrics=function MessageWithMetrics(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(___WEBPACK_IMPORTED_MODULE_6__.xuv,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_MessageDivider__WEBPACK_IMPORTED_MODULE_7__.T,{children:"May, 24, 2020"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(___WEBPACK_IMPORTED_MODULE_5__.ZP,{className:"customclass",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.ZP.LeftContainer,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_6__.qEK,{url:avatarUrl,size:"x36"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(___WEBPACK_IMPORTED_MODULE_5__.ZP.Container,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(___WEBPACK_IMPORTED_MODULE_5__.ZP.Header,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(___WEBPACK_IMPORTED_MODULE_5__.ZP.NameContainer,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.ZP.Name,{children:"Haylie George"})," ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.ZP.Username,{children:"@haylie.george"})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(___WEBPACK_IMPORTED_MODULE_5__.ZP.Roles,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.ZP.Role,{children:"Admin"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.ZP.Role,{children:"User"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.ZP.Role,{children:"Owner"})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.ZP.Timestamp,{children:"12:00 PM"})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.ZP.Body,{children:"Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.ZP.Block,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(_MessageMetrics__WEBPACK_IMPORTED_MODULE_9__.ZP,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_MessageMetrics__WEBPACK_IMPORTED_MODULE_9__.ZP.Reply,{children:"Reply"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(_MessageMetrics__WEBPACK_IMPORTED_MODULE_9__.ZP.Item,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_MessageMetrics__WEBPACK_IMPORTED_MODULE_9__.ZP.Item.Icon,{name:"thread"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_MessageMetrics__WEBPACK_IMPORTED_MODULE_9__.ZP.Item.Label,{children:"1"})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(_MessageMetrics__WEBPACK_IMPORTED_MODULE_9__.ZP.Item,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_MessageMetrics__WEBPACK_IMPORTED_MODULE_9__.ZP.Item.Icon,{name:"user"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_MessageMetrics__WEBPACK_IMPORTED_MODULE_9__.ZP.Item.Label,{children:"2"})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(_MessageMetrics__WEBPACK_IMPORTED_MODULE_9__.ZP.Item,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_MessageMetrics__WEBPACK_IMPORTED_MODULE_9__.ZP.Item.Icon,{name:"clock"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_MessageMetrics__WEBPACK_IMPORTED_MODULE_9__.ZP.Item.Label,{children:"12:30 PM"})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_MessageMetrics__WEBPACK_IMPORTED_MODULE_9__.ZP.Following,{name:"bell"})]})})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_MessageToolbox__WEBPACK_IMPORTED_MODULE_11__.ZP.Wrapper,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(_MessageToolbox__WEBPACK_IMPORTED_MODULE_11__.ZP,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_MessageToolbox__WEBPACK_IMPORTED_MODULE_11__.ZP.Item,{icon:"quote"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_MessageToolbox__WEBPACK_IMPORTED_MODULE_11__.ZP.Item,{icon:"clock"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_MessageToolbox__WEBPACK_IMPORTED_MODULE_11__.ZP.Item,{icon:"thread"})]})})]})]})};MessageWithMetrics.displayName="MessageWithMetrics";var MessageWithHeadings=function MessageWithHeadings(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(___WEBPACK_IMPORTED_MODULE_6__.xuv,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_MessageDivider__WEBPACK_IMPORTED_MODULE_7__.T,{children:"May, 24, 2020"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(___WEBPACK_IMPORTED_MODULE_5__.ZP,{className:"customclass",clickable:!0,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.ZP.LeftContainer,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_6__.qEK,{url:avatarUrl,size:"x36"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(___WEBPACK_IMPORTED_MODULE_5__.ZP.Container,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(___WEBPACK_IMPORTED_MODULE_5__.ZP.Header,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(___WEBPACK_IMPORTED_MODULE_5__.ZP.NameContainer,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.ZP.Name,{children:"Haylie George"})," ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.ZP.Username,{children:"@haylie.george"})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(___WEBPACK_IMPORTED_MODULE_5__.ZP.Roles,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.ZP.Role,{children:"Admin"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.ZP.Role,{children:"User"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.ZP.Role,{children:"Owner"})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.ZP.Timestamp,{children:"12:00 PM"})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(___WEBPACK_IMPORTED_MODULE_5__.ZP.Body,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)("h1",{style:{marginTop:0},children:"Heading 1"}),"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)("h2",{children:"Heading 2"}),"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)("h3",{children:"Heading 3"}),"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)("h4",{children:"Heading 4"}),"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do"]})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_MessageToolbox__WEBPACK_IMPORTED_MODULE_11__.ZP.Wrapper,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(_MessageToolbox__WEBPACK_IMPORTED_MODULE_11__.ZP,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_MessageToolbox__WEBPACK_IMPORTED_MODULE_11__.ZP.Item,{icon:"quote"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_MessageToolbox__WEBPACK_IMPORTED_MODULE_11__.ZP.Item,{icon:"clock"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_MessageToolbox__WEBPACK_IMPORTED_MODULE_11__.ZP.Item,{icon:"thread"})]})})]})]})};MessageWithHeadings.displayName="MessageWithHeadings";var LotsOfReactions=function LotsOfReactions(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(___WEBPACK_IMPORTED_MODULE_6__.xuv,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_MessageDivider__WEBPACK_IMPORTED_MODULE_7__.T,{children:"May, 24, 2020"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(___WEBPACK_IMPORTED_MODULE_5__.ZP,{className:"customclass",clickable:!0,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.ZP.LeftContainer,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_6__.qEK,{url:avatarUrl,size:"x36"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(___WEBPACK_IMPORTED_MODULE_5__.ZP.Container,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(___WEBPACK_IMPORTED_MODULE_5__.ZP.Header,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(___WEBPACK_IMPORTED_MODULE_5__.ZP.NameContainer,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.ZP.Name,{children:"Haylie George"})," ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.ZP.Username,{children:"@haylie.george"})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(___WEBPACK_IMPORTED_MODULE_5__.ZP.Roles,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.ZP.Role,{children:"Admin"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.ZP.Role,{children:"User"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.ZP.Role,{children:"Owner"})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.ZP.Timestamp,{children:"12:00 PM"})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.ZP.Body,{children:"Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat a duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam..."}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(_MessageReactions__WEBPACK_IMPORTED_MODULE_10__.ZP,{children:[Array.from({length:100}).map((function(_,index){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_MessageReactions__WEBPACK_IMPORTED_MODULE_10__.ZP.Reaction,{counter:index,mine:!(index%3)})})),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_MessageReactions__WEBPACK_IMPORTED_MODULE_10__.ZP.Action,{})]})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_MessageToolbox__WEBPACK_IMPORTED_MODULE_11__.ZP.Wrapper,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(_MessageToolbox__WEBPACK_IMPORTED_MODULE_11__.ZP,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_MessageToolbox__WEBPACK_IMPORTED_MODULE_11__.ZP.Item,{icon:"quote"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_MessageToolbox__WEBPACK_IMPORTED_MODULE_11__.ZP.Item,{icon:"clock"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_MessageToolbox__WEBPACK_IMPORTED_MODULE_11__.ZP.Item,{icon:"thread"})]})})]})]})};LotsOfReactions.displayName="LotsOfReactions",Default.parameters=Object.assign({storySource:{source:"() => (\n \n May, 24, 2020\n \n \n \n \n \n \n \n Haylie George{' '}\n @haylie.george\n \n \n Admin\n User\n Owner\n \n 12:00 PM\n \n \n Ut enim ad minim veniam,{' '}\n \n channel\n {' '}\n quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea\n commodo consequat a duis aute irure dolor in{' '}\n \n Haylie George\n {' '}\n \n Haylie George\n {' '}\n \n Haylie George\n {' '}\n \n Haylie George\n {' '}\n \n Haylie George\n {' '}\n commodo consequat a duis aute irure dolor in reprehenderit in\n voluptate velit esse cillum dolore eu fugiat nulla pariatur.\n Consectetur adipiscing commodo consequat a duis aute irure dolor in\n reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla\n pariatur. Consectetur adipiscing{' '}\n \n highlighted text\n \n touching text.{' '}\n \n all\n \n . elit, sed do eiusmod tempor incididunt\n \n Room Name\n \n ut labore et dolore magna\n \n Gabriel.Henriques\n \n . aliqua. Ut enim ad minim veniam...\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n)"}},Default.parameters),WithSequential.parameters=Object.assign({storySource:{source:"() => (\n \n May, 24, 2020\n \n \n \n \n \n \n \n Haylie George{' '}\n @haylie.george\n \n \n Admin\n User\n Owner\n \n 12:00 PM\n \n \n Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris\n nisi ut aliquip ex ea commodo consequat a duis aute irure dolor in\n reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla\n pariatur. Consectetur adipiscing elit, sed do eiusmod tempor\n incididunt ut labore et dolore magna aliqua. Ut enim ad minim\n veniam...\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua\n \n \n \n \n \n \n \n Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n {'Test Message Emoji ->'}{' '}\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n)"}},WithSequential.parameters),MessageWithThread.parameters=Object.assign({storySource:{source:"() => (\n \n May, 24, 2020\n \n \n \n \n \n \n \n Haylie George{' '}\n @haylie.george\n \n \n Admin\n User\n Owner\n \n 12:00 PM\n \n \n Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris\n nisi ut aliquip ex ea commodo consequat a duis aute irure dolor in\n reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla\n pariatur. Consectetur adipiscing elit, sed do eiusmod tempor\n incididunt ut labore et dolore magna aliqua. Ut enim ad minim\n veniam...\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua\n \n \n \n \n \n \n \n Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris\n nisi ut aliquip ex ea commodo consequat a duis aute irure dolor in\n reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla\n pariatur. Consectetur adipiscing elit, sed do eiusmod tempor\n incididunt ut labore et dolore magna aliqua. Ut enim ad minim\n veniam...\n \n \n \n \n \n \n \n \n \n \n \n Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris\n nisi ut aliquip ex ea commodo consequat a duis aute irure dolor in\n reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla\n pariatur. Consectetur adipiscing elit, sed do eiusmod tempor\n incididunt ut labore et dolore magna aliqua. Ut enim ad minim\n veniam...\n \n \n \n \n \n)"}},MessageWithThread.parameters),MessageSelected.parameters=Object.assign({storySource:{source:"() => {\n const [selected, setSelected] = useState(true);\n return (\n \n May, 24, 2020\n setSelected(!selected)}\n isSelected={selected}\n >\n \n \n \n \n \n \n Haylie George{' '}\n @haylie.george\n \n \n Admin\n User\n Owner\n \n 12:00 PM\n \n \n Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris\n nisi ut aliquip ex ea commodo consequat a duis aute irure dolor in\n reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla\n pariatur. Consectetur adipiscing elit, sed do eiusmod tempor\n incididunt ut labore et dolore magna aliqua. Ut enim ad minim\n veniam...\n \n \n \n \n \n \n \n \n \n \n );\n}"}},MessageSelected.parameters),MessageEditing.parameters=Object.assign({storySource:{source:"() => (\n \n May, 24, 2020\n \n \n \n \n \n \n \n Haylie George{' '}\n @haylie.george\n \n \n Admin\n User\n Owner\n \n 12:00 PM\n \n \n Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris\n nisi ut aliquip ex ea commodo consequat a duis aute irure dolor in\n reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla\n pariatur. Consectetur adipiscing elit, sed do eiusmod tempor\n incididunt ut labore et dolore magna aliqua. Ut enim ad minim\n veniam...\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua\n \n \n \n \n \n \n \n Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua\n \n \n \n \n \n \n \n \n \n \n \n)"}},MessageEditing.parameters),MessageUnorderedList.parameters=Object.assign({storySource:{source:"() => (\n \n May, 24, 2020\n \n \n \n \n \n \n \n Haylie George{' '}\n @haylie.george\n \n \n Admin\n User\n Owner\n \n 12:00 PM\n \n \n Unordered list:\n
    \n
  • Ut enim ad minim
    • \n
  • Incididunt ut labore
    • \n
  • Labore et dolore
    • \n
\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n)"}},MessageUnorderedList.parameters),MessageOrderedList.parameters=Object.assign({storySource:{source:"() => (\n \n May, 24, 2020\n \n \n \n \n \n \n \n Haylie George{' '}\n @haylie.george\n \n \n Admin\n User\n Owner\n \n 12:00 PM\n \n \n Ordered list:\n
    \n
  1. Ut enim ad minim
    2. \n
  2. Incididunt ut labore
    3. \n
  3. Labore et dolore
    4. \n
\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n)"}},MessageOrderedList.parameters),MessageHighlighted.parameters=Object.assign({storySource:{source:"() => (\n \n May, 24, 2020\n \n \n \n \n \n \n \n Haylie George{' '}\n @haylie.george\n \n \n Admin\n User\n Owner\n \n 12:00 PM\n \n \n Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris\n nisi ut aliquip ex ea commodo consequat a duis aute irure dolor in\n reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla\n pariatur. Consectetur adipiscing elit, sed do eiusmod tempor\n incididunt ut labore et dolore magna aliqua. Ut enim ad minim\n veniam...\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua\n \n \n \n \n \n \n \n Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua\n \n \n \n \n \n \n \n \n \n \n \n)"}},MessageHighlighted.parameters),MessagePending.parameters=Object.assign({storySource:{source:"() => (\n \n May, 24, 2020\n \n \n \n \n \n \n \n Haylie George{' '}\n @haylie.george\n \n \n Admin\n User\n Owner\n \n 12:00 PM\n \n \n Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris\n nisi ut aliquip ex ea commodo consequat a duis aute irure dolor in\n reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla\n pariatur. Consectetur adipiscing elit, sed do eiusmod tempor\n incididunt ut labore et dolore magna aliqua. Ut enim ad minim\n veniam...\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua\n \n \n \n \n \n \n \n Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua\n \n \n \n \n \n \n \n \n \n \n \n)"}},MessagePending.parameters),MessageWithMetrics.parameters=Object.assign({storySource:{source:"() => (\n \n May, 24, 2020\n \n \n \n \n \n \n \n Haylie George{' '}\n @haylie.george\n \n \n Admin\n User\n Owner\n \n 12:00 PM\n \n \n Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua\n \n \n \n Reply\n \n \n 1\n \n \n \n 2\n \n \n \n 12:30 PM\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n)"}},MessageWithMetrics.parameters),MessageWithHeadings.parameters=Object.assign({storySource:{source:"() => (\n \n May, 24, 2020\n \n \n \n \n \n \n \n Haylie George{' '}\n @haylie.george\n \n \n Admin\n User\n Owner\n \n 12:00 PM\n \n \n

Heading 1

\n Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do\n eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad\n minim veniam, quis nostrud exercitation ullamco laboris nisi ut\n aliquip ex ea commodo consequat. Duis aute irure dolor in\n reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla\n pariatur. Excepteur sint occaecat cupidatat non proident, sunt in\n culpa qui officia deserunt mollit anim id est laborum.\n

Heading 2

\n Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do\n

Heading 3

\n Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do\n

Heading 4

\n Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do\n \n \n \n \n \n \n \n \n \n \n \n)"}},MessageWithHeadings.parameters),LotsOfReactions.parameters=Object.assign({storySource:{source:"() => (\n \n May, 24, 2020\n \n \n \n \n \n \n \n Haylie George{' '}\n @haylie.george\n \n \n Admin\n User\n Owner\n \n 12:00 PM\n \n \n Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris\n nisi ut aliquip ex ea commodo consequat a duis aute irure dolor in\n reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla\n pariatur. Consectetur adipiscing elit, sed do eiusmod tempor\n incididunt ut labore et dolore magna aliqua. Ut enim ad minim\n veniam...\n \n \n {Array.from({ length: 100 }).map((_, index) => (\n \n ))}\n \n \n \n \n \n \n \n \n \n \n \n \n)"}},LotsOfReactions.parameters);var __namedExportsOrder=["Default","WithSequential","MessageWithThread","MessageSelected","MessageEditing","MessageUnorderedList","MessageOrderedList","MessageHighlighted","MessagePending","MessageWithMetrics","MessageWithHeadings","LotsOfReactions"]},"./src/components/Message/ThreadMessage/ThreadMessage.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,WithEmoji:()=>WithEmoji,WithSystemMessage:()=>WithSystemMessage,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("../../node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("../../node_modules/react/index.js");var ___WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/components/Message/ThreadMessage/index.tsx"),___WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/components/index.ts"),_ThreadMessageEmoji__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/components/Message/ThreadMessage/ThreadMessageEmoji.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("../../node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__={title:"Message/ThreadMessage",component:___WEBPACK_IMPORTED_MODULE_2__.ZP,parameters:{jest:["ThreadMessage.spec.tsx"]}};var avatarUrl="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDL/2wBDAQkJCQwLDBgNDRgyIRwhMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjL/wAARCAAoACgDASIAAhEBAxEB/8QAGwAAAgIDAQAAAAAAAAAAAAAAAAcEBgIDBQj/xAAuEAACAQQAAwcEAQUAAAAAAAABAgMABAUREiExBhMUIkFRYQcWcYGhFTJSgpH/xAAYAQADAQEAAAAAAAAAAAAAAAACAwQBAP/EAB4RAAIBBQEBAQAAAAAAAAAAAAABAgMREiExE0HR/9oADAMBAAIRAxEAPwBuXuIkhBuMe5ib/AHQP49q4L3mLitryTLTSpOiHQI5k/HzXa/qbFOEudVTu1dumWvcTaNCZYZ7vU6g6LxqjOU/24dfs1Ouh9FnkMpd3Reeyx83hAxZZEhkdV9/MBrX71WGPvJcqrJBGveKATtuXXqNU0pu02bTHXD/AGvJAluyxxRd6F4x00o+NdKoVrjbzJdvVe1t5cVLc2ck8qjnohgpPtz2v7G6JtPQ2VJwjlcw+37mchpnK6GtIuv5NFWeTsLNPvxWTvpfjvOEfwKKzEVkSct2vscS/BIzSN0YRkeX81UpPqO8masJETu7OOccY4dswYFQeftv096XV5knuJGdm2T1+agvMXj8jEaHX905QihabvcbuS7X566mLWLwSY8PuRnk/u4eZ0deTl71Ef6hY+0yM88TzeNZY4luYwpVYyduOfrvhPTnr0pXSX9y5mCsyJMdyxxvwq599em+taItqCSNc90ChvZRUruUcT0JiO18Elpk7t8v41LWzacxkBSuvjQ/FFJayjDWrCTepAQ2vUH0oo/Jk3ovpwJJeVCP5CN+lFFaaMqy+nAyuChvrTI2kN9JAsi2ZOy4IBHMnkSCP+iqBexSWdxLazoUljJVlPUH2oorkV10pRc7b1zXb/hZOzuJvM86QWEXeELxOzHSIPcmiiiunVlF2RNTpRkrs//Z",Default=function Default(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.xuv,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(___WEBPACK_IMPORTED_MODULE_2__.ZP,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(___WEBPACK_IMPORTED_MODULE_2__.ZP.Row,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_2__.ZP.LeftContainer,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_2__.ZP.Icon,{})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(___WEBPACK_IMPORTED_MODULE_2__.ZP.Container,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_2__.ZP.Origin,{children:"Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat a duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam..."}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_2__.ZP.Unfollow,{})]})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(___WEBPACK_IMPORTED_MODULE_2__.ZP.Row,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_2__.ZP.LeftContainer,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.qEK,{url:avatarUrl,size:"x16"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_2__.ZP.Container,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_2__.ZP.Message,{children:"Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat a duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam..."})})]})]})})};Default.displayName="Default";var WithEmoji=function WithEmoji(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.xuv,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(___WEBPACK_IMPORTED_MODULE_2__.ZP,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(___WEBPACK_IMPORTED_MODULE_2__.ZP.Row,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_2__.ZP.LeftContainer,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_2__.ZP.Icon,{})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(___WEBPACK_IMPORTED_MODULE_2__.ZP.Container,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_2__.ZP.Origin,{children:"Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat a duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam..."}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_2__.ZP.Unfollow,{})]})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(___WEBPACK_IMPORTED_MODULE_2__.ZP.Row,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_2__.ZP.LeftContainer,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.qEK,{url:avatarUrl,size:"x16"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_2__.ZP.Container,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(___WEBPACK_IMPORTED_MODULE_2__.ZP.Message,{children:["Thread Emoji test:"," ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_ThreadMessageEmoji__WEBPACK_IMPORTED_MODULE_4__.k,{name:"test",image:"url("+avatarUrl+")"})]})})]})]})})};WithEmoji.displayName="WithEmoji";var WithSystemMessage=function WithSystemMessage(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.xuv,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(___WEBPACK_IMPORTED_MODULE_2__.ZP,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(___WEBPACK_IMPORTED_MODULE_2__.ZP.Row,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_2__.ZP.LeftContainer,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_2__.ZP.Icon,{})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(___WEBPACK_IMPORTED_MODULE_2__.ZP.Container,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_2__.ZP.Origin,{system:!0,children:"system message"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_2__.ZP.Unfollow,{})]})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(___WEBPACK_IMPORTED_MODULE_2__.ZP.Row,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_2__.ZP.LeftContainer,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.qEK,{url:avatarUrl,size:"x16"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_2__.ZP.Container,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_2__.ZP.Message,{children:"Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat a duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam..."})})]})]})})};WithSystemMessage.displayName="WithSystemMessage",Default.parameters=Object.assign({storySource:{source:"() => (\n \n \n \n \n \n \n \n \n Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris\n nisi ut aliquip ex ea commodo consequat a duis aute irure dolor in\n reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla\n pariatur. Consectetur adipiscing elit, sed do eiusmod tempor\n incididunt ut labore et dolore magna aliqua. Ut enim ad minim\n veniam...\n \n \n \n \n \n \n \n \n \n \n Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris\n nisi ut aliquip ex ea commodo consequat a duis aute irure dolor in\n reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla\n pariatur. Consectetur adipiscing elit, sed do eiusmod tempor\n incididunt ut labore et dolore magna aliqua. Ut enim ad minim\n veniam...\n \n \n \n \n \n)"}},Default.parameters),WithEmoji.parameters=Object.assign({storySource:{source:"() => (\n \n \n \n \n \n \n \n \n Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris\n nisi ut aliquip ex ea commodo consequat a duis aute irure dolor in\n reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla\n pariatur. Consectetur adipiscing elit, sed do eiusmod tempor\n incididunt ut labore et dolore magna aliqua. Ut enim ad minim\n veniam...\n \n \n \n \n \n \n \n \n \n \n Thread Emoji test:{' '}\n \n \n \n \n \n \n)"}},WithEmoji.parameters),WithSystemMessage.parameters=Object.assign({storySource:{source:"() => (\n \n \n \n \n \n \n \n system message\n \n \n \n \n \n \n \n \n \n Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris\n nisi ut aliquip ex ea commodo consequat a duis aute irure dolor in\n reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla\n pariatur. Consectetur adipiscing elit, sed do eiusmod tempor\n incididunt ut labore et dolore magna aliqua. Ut enim ad minim\n veniam...\n \n \n \n \n \n)"}},WithSystemMessage.parameters);var __namedExportsOrder=["Default","WithEmoji","WithSystemMessage"]},"./src/components/Modal/Modal.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,_WithAnnotation:()=>_WithAnnotation,_WithForm:()=>_WithForm,_WithHeroImage:()=>_WithHeroImage,_WithIcon:()=>_WithIcon,_WithIconAndTagline:()=>_WithIconAndTagline,_WithTagline:()=>_WithTagline,_WithThumb:()=>_WithThumb,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("../../node_modules/core-js/modules/es.object.assign.js");var _storybook_addon_actions__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../../node_modules/@storybook/addon-actions/dist/esm/index.js"),___WEBPACK_IMPORTED_MODULE_3__=(__webpack_require__("../../node_modules/react/index.js"),__webpack_require__("./src/index.ts")),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("../../node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__={title:"Containers/Modal",component:___WEBPACK_IMPORTED_MODULE_3__.u_l,parameters:{jest:["Modal/Modal.spec.tsx"]}};var Default=function Default(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.u_l,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.u_l.Header,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.u_l.HeaderText,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.u_l.Title,{children:"Modal Header"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.u_l.Close,{})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.u_l.Content,{children:"Modal Body"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.u_l.Footer,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.u_l.FooterControllers,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.zxk,{children:"Cancel"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.zxk,{primary:!0,onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_1__.action)("click"),children:"Submit"})]})})]})};Default.displayName="Default";var _WithThumb=function _WithThumb(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.u_l,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.u_l.Header,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.u_l.Thumb,{url:"data:image/gif;base64,R0lGODlhAQABAIAAAMLCwgAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw=="}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.u_l.HeaderText,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.u_l.Title,{children:"Modal Header"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.u_l.Close,{})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.u_l.Content,{children:"Modal Body"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.u_l.Footer,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.u_l.FooterControllers,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.zxk,{children:"Cancel"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.zxk,{primary:!0,onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_1__.action)("click"),children:"Submit"})]})})]})};_WithThumb.displayName="_WithThumb";var _WithIcon=function _WithIcon(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.u_l,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.u_l.Header,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.u_l.Icon,{name:"info"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.u_l.HeaderText,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.u_l.Title,{children:"Modal Header"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.u_l.Close,{})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.u_l.Content,{children:"Modal Body"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.u_l.Footer,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.u_l.FooterControllers,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.zxk,{children:"Cancel"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.zxk,{primary:!0,onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_1__.action)("click"),children:"Submit"})]})})]})};_WithIcon.displayName="_WithIcon";var _WithTagline=function _WithTagline(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.u_l,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.u_l.Header,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.u_l.HeaderText,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.u_l.Tagline,{children:"Tagline"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.u_l.Title,{children:"Modal Header"})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.u_l.Close,{})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.u_l.Content,{children:"Modal Body"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.u_l.Footer,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.u_l.FooterControllers,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.zxk,{children:"Cancel"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.zxk,{primary:!0,onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_1__.action)("click"),children:"Submit"})]})})]})};_WithTagline.displayName="_WithTagline";var _WithIconAndTagline=function _WithIconAndTagline(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.u_l,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.u_l.Header,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.u_l.Icon,{alignItems:"end",name:"info"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.u_l.HeaderText,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.u_l.Tagline,{children:"Tagline"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.u_l.Title,{children:"Modal Header"})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.u_l.Close,{})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.u_l.Content,{children:"Modal Body"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.u_l.Footer,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.u_l.FooterControllers,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.zxk,{children:"Cancel"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.zxk,{primary:!0,onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_1__.action)("click"),children:"Submit"})]})})]})};_WithIconAndTagline.displayName="_WithIconAndTagline";var _WithAnnotation=function _WithAnnotation(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.u_l,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.u_l.Header,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.u_l.HeaderText,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.u_l.Title,{children:"Modal Header"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.u_l.Close,{})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.u_l.Content,{children:"Modal Body"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.u_l.Footer,{justifyContent:"space-between",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.u_l.FooterAnnotation,{children:"Anototation"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.u_l.FooterControllers,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.zxk,{children:"Cancel"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.zxk,{primary:!0,onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_1__.action)("click"),children:"Submit"})]})]})]})};_WithAnnotation.displayName="_WithAnnotation";var _WithHeroImage=function _WithHeroImage(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.u_l,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.u_l.Header,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.u_l.HeaderText,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.u_l.Title,{children:"Modal Header"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.u_l.Close,{})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.u_l.Content,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.u_l.HeroImage,{src:"data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDL/2wBDAQkJCQwLDBgNDRgyIRwhMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjL/wAARCAAoACgDASIAAhEBAxEB/8QAGwAAAgIDAQAAAAAAAAAAAAAAAAcEBgIDBQj/xAAuEAACAQQAAwcEAQUAAAAAAAABAgMABAUREiExBhMUIkFRYQcWcYGhFTJSgpH/xAAYAQADAQEAAAAAAAAAAAAAAAACAwQBAP/EAB4RAAIBBQEBAQAAAAAAAAAAAAABAgMREiExE0HR/9oADAMBAAIRAxEAPwBuXuIkhBuMe5ib/AHQP49q4L3mLitryTLTSpOiHQI5k/HzXa/qbFOEudVTu1dumWvcTaNCZYZ7vU6g6LxqjOU/24dfs1Ouh9FnkMpd3Reeyx83hAxZZEhkdV9/MBrX71WGPvJcqrJBGveKATtuXXqNU0pu02bTHXD/AGvJAluyxxRd6F4x00o+NdKoVrjbzJdvVe1t5cVLc2ck8qjnohgpPtz2v7G6JtPQ2VJwjlcw+37mchpnK6GtIuv5NFWeTsLNPvxWTvpfjvOEfwKKzEVkSct2vscS/BIzSN0YRkeX81UpPqO8masJETu7OOccY4dswYFQeftv096XV5knuJGdm2T1+agvMXj8jEaHX905QihabvcbuS7X566mLWLwSY8PuRnk/u4eZ0deTl71Ef6hY+0yM88TzeNZY4luYwpVYyduOfrvhPTnr0pXSX9y5mCsyJMdyxxvwq599em+taItqCSNc90ChvZRUruUcT0JiO18Elpk7t8v41LWzacxkBSuvjQ/FFJayjDWrCTepAQ2vUH0oo/Jk3ovpwJJeVCP5CN+lFFaaMqy+nAyuChvrTI2kN9JAsi2ZOy4IBHMnkSCP+iqBexSWdxLazoUljJVlPUH2oorkV10pRc7b1zXb/hZOzuJvM86QWEXeELxOzHSIPcmiiiunVlF2RNTpRkrs//Z"}),"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse non urna posuere, tempor urna nec, lacinia lacus. Vivamus ac lobortis arcu. Morbi malesuada, diam sed congue aliquet, dui elit tincidunt leo, a fermentum ante augue nec ex. Vestibulum feugiat aliquam sem vel porta. Praesent varius aliquet consequat. Mauris id nisl egestas, egestas ipsum sit amet, vestibulum elit. Cras vel dapibus lacus. Sed congue interdum lobortis. In vitae consectetur enim, eu varius leo. Quisque rhoncus nulla a rhoncus lobortis. Sed eu nulla libero. Donec lacus ante, vehicula eget eros molestie, ullamcorper tincidunt arcu. Suspendisse eget pulvinar lacus."]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.u_l.Footer,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.u_l.FooterControllers,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.zxk,{children:"Cancel"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.zxk,{primary:!0,onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_1__.action)("click"),children:"Submit"})]})})]})};_WithHeroImage.displayName="_WithHeroImage";var FormContainer=function FormContainer(props){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.xuv,Object.assign({},props,{is:"form",onSubmit:function onSubmit(e){e.preventDefault(),(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_1__.action)("form submitted")(e)}}))};FormContainer.displayName="FormContainer";var _WithForm=function _WithForm(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.u_l,{wrapper:FormContainer,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.u_l.Header,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.u_l.HeaderText,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.u_l.Title,{children:"Modal Header"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.u_l.Close,{})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.u_l.Content,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.NIo,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.gNt,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.gNt.Label,{children:"Label"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.gNt.Row,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.oil,{placeholder:"Placeholder"})})]})})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.u_l.Footer,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.u_l.FooterControllers,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.zxk,{children:"Cancel"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.zxk,{type:"submit",primary:!0,children:"Submit"})]})})]})};_WithForm.displayName="_WithForm",Default.parameters=Object.assign({storySource:{source:"() => (\n \n \n \n Modal Header\n \n \n \n Modal Body\n \n \n \n \n \n \n \n)"}},Default.parameters),_WithThumb.parameters=Object.assign({storySource:{source:"() => (\n \n \n \n \n Modal Header\n \n \n \n Modal Body\n \n \n \n \n \n \n \n)"}},_WithThumb.parameters),_WithIcon.parameters=Object.assign({storySource:{source:"() => (\n \n \n \n \n Modal Header\n \n \n \n Modal Body\n \n \n \n \n \n \n \n)"}},_WithIcon.parameters),_WithTagline.parameters=Object.assign({storySource:{source:"() => (\n \n \n \n Tagline\n Modal Header\n \n \n \n Modal Body\n \n \n \n \n \n \n \n)"}},_WithTagline.parameters),_WithIconAndTagline.parameters=Object.assign({storySource:{source:"() => (\n \n \n \n \n Tagline\n Modal Header\n \n \n \n Modal Body\n \n \n \n \n \n \n \n)"}},_WithIconAndTagline.parameters),_WithAnnotation.parameters=Object.assign({storySource:{source:"() => (\n \n \n \n Modal Header\n \n \n \n Modal Body\n \n Anototation\n \n \n \n \n \n \n)"}},_WithAnnotation.parameters),_WithHeroImage.parameters=Object.assign({storySource:{source:"() => (\n \n \n \n Modal Header\n \n \n \n \n \n Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse non\n urna posuere, tempor urna nec, lacinia lacus. Vivamus ac lobortis arcu.\n Morbi malesuada, diam sed congue aliquet, dui elit tincidunt leo, a\n fermentum ante augue nec ex. Vestibulum feugiat aliquam sem vel porta.\n Praesent varius aliquet consequat. Mauris id nisl egestas, egestas ipsum\n sit amet, vestibulum elit. Cras vel dapibus lacus. Sed congue interdum\n lobortis. In vitae consectetur enim, eu varius leo. Quisque rhoncus nulla\n a rhoncus lobortis. Sed eu nulla libero. Donec lacus ante, vehicula eget\n eros molestie, ullamcorper tincidunt arcu. Suspendisse eget pulvinar\n lacus.\n \n \n \n \n \n \n \n \n)"}},_WithHeroImage.parameters),_WithForm.parameters=Object.assign({storySource:{source:"() => (\n \n \n \n Modal Header\n \n \n \n \n \n \n Label\n \n \n \n \n \n \n \n \n \n \n \n \n \n)"}},_WithForm.parameters);var __namedExportsOrder=["Default","_WithThumb","_WithIcon","_WithTagline","_WithIconAndTagline","_WithAnnotation","_WithHeroImage","_WithForm"]},"./src/components/MultiSelect/MultiSelect.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{CustomEmpty:()=>CustomEmpty,Default:()=>Default,Disabled:()=>Disabled,Error:()=>Error,WithFilter:()=>WithFilter,WithValue:()=>WithValue,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("../../node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("../../node_modules/core-js/modules/es.function.bind.js");var _storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("../../node_modules/@storybook/addon-actions/dist/esm/index.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("../../node_modules/@storybook/addon-docs/dist/esm/index.js"),___WEBPACK_IMPORTED_MODULE_5__=(__webpack_require__("../../node_modules/react/index.js"),__webpack_require__("./src/index.ts")),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("../../node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__={title:"Inputs/MultiSelect",component:___WEBPACK_IMPORTED_MODULE_5__.NUq,parameters:{docs:{description:{component:"An input for selection of options."},page:function page(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_3__.Dx,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_3__.QE,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_3__.dk,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_3__.sq,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_3__.$4,{story:_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_3__.Uh}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_3__.fQ,{title:""})]})}}}};var options=[["1","a teste 1"],["2","b teste 2",!0],["3","c teste 3"],["4","d teste 4"],["5","d teste 5"],["6","d teste 6"],["7","d teste 7"],["8","d teste 8"],["9","d teste 9"],["10","d teste 10"]],Template=function Template(args){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.NUq,Object.assign({},args))};Template.displayName="Template";var Default=Template.bind({});Default.args={placeholder:"Placeholder here...",options};var WithValue=Template.bind({});WithValue.args={placeholder:"Placeholder here...",options,value:["1","2"]};var Error=Template.bind({});Error.args={error:"Error",placeholder:"Placeholder here...",options};var Disabled=Template.bind({});Disabled.args={disabled:!0,placeholder:"Placeholder here...",options};var CustomEmpty=Template.bind({});CustomEmpty.args={customEmpty:"Custom Empty Placeholder",placeholder:"Placeholder here...",options:[]};var FilteredTemplate=function FilteredTemplate(args){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.u5q,Object.assign({},args))};FilteredTemplate.displayName="FilteredTemplate";var WithFilter=FilteredTemplate.bind({});WithFilter.args={placeholder:"Placeholder here...",onChange:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("change"),options},Default.parameters=Object.assign({storySource:{source:"(args) => (\n \n)"}},Default.parameters),WithValue.parameters=Object.assign({storySource:{source:"(args) => (\n \n)"}},WithValue.parameters),Error.parameters=Object.assign({storySource:{source:"(args) => (\n \n)"}},Error.parameters),Disabled.parameters=Object.assign({storySource:{source:"(args) => (\n \n)"}},Disabled.parameters),CustomEmpty.parameters=Object.assign({storySource:{source:"(args) => (\n \n)"}},CustomEmpty.parameters),WithFilter.parameters=Object.assign({storySource:{source:"(args) => (\n \n)"}},WithFilter.parameters);var __namedExportsOrder=["Default","WithValue","Error","Disabled","CustomEmpty","WithFilter"]},"./src/components/NumberInput/NumberInput.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,Disabled:()=>Disabled,Invalid:()=>Invalid,States:()=>States,WithIconAddon:()=>WithIconAddon,WithPlaceholder:()=>WithPlaceholder,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("../../node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("../../node_modules/core-js/modules/es.function.bind.js");var _storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("../../node_modules/@storybook/addon-docs/dist/esm/index.js"),___WEBPACK_IMPORTED_MODULE_4__=(__webpack_require__("../../node_modules/react/index.js"),__webpack_require__("./src/index.ts")),_storybook_helpers__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./.storybook/helpers.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("../../node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__={title:"Inputs/NumberInput",component:___WEBPACK_IMPORTED_MODULE_4__.Y2U,parameters:{docs:{description:{component:"An input for numbers."},page:function page(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__.Dx,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__.dk,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__.sq,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__.$4,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__.fQ,{title:"Props from InputBox"})]})}}}};var Template=function Template(args){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.Y2U,Object.assign({},args))};Template.displayName="Template";var Default=Template.bind({}),WithIconAddon=Template.bind({});WithIconAddon.args={addon:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.JO$,{name:"send",size:"x20"})};var Invalid=Template.bind({});Invalid.args={error:"Error"};var Disabled=Template.bind({});Disabled.args={disabled:!0};var WithPlaceholder=Template.bind({});WithPlaceholder.args={defaultValue:1024};var States=function States(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_storybook_helpers__WEBPACK_IMPORTED_MODULE_5__.$y,{component:___WEBPACK_IMPORTED_MODULE_4__.Y2U,common:{onChange:function onChange(){}},xAxis:{default:{},"with placeholder":{placeholder:"Placeholder"},"with value":{value:1024},"with icon":{addon:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.JO$,{name:"discover",size:"x20"}),value:1024}},yAxis:{default:{},hover:{className:"hover"},active:{className:"active"},focus:{className:"focus"},disabled:{disabled:!0},errored:{error:"Error"},"errored + hover":{className:"hover",error:"Error"},"errored + active":{className:"active",error:"Error"},"errored + focus":{className:"focus",error:"Error"}}})};States.displayName="States",Default.parameters=Object.assign({storySource:{source:"(args) => (\n \n)"}},Default.parameters),WithIconAddon.parameters=Object.assign({storySource:{source:"(args) => (\n \n)"}},WithIconAddon.parameters),Invalid.parameters=Object.assign({storySource:{source:"(args) => (\n \n)"}},Invalid.parameters),Disabled.parameters=Object.assign({storySource:{source:"(args) => (\n \n)"}},Disabled.parameters),WithPlaceholder.parameters=Object.assign({storySource:{source:"(args) => (\n \n)"}},WithPlaceholder.parameters),States.parameters=Object.assign({storySource:{source:"() => (\n {} }}\n xAxis={{\n 'default': {},\n 'with placeholder': { placeholder: 'Placeholder' },\n 'with value': { value: 1024 },\n 'with icon': { addon: , value: 1024 },\n }}\n yAxis={{\n 'default': {},\n 'hover': { className: 'hover' },\n 'active': { className: 'active' },\n 'focus': { className: 'focus' },\n 'disabled': { disabled: true },\n 'errored': { error: 'Error' },\n 'errored + hover': { className: 'hover', error: 'Error' },\n 'errored + active': { className: 'active', error: 'Error' },\n 'errored + focus': { className: 'focus', error: 'Error' },\n }}\n />\n)"}},States.parameters);var __namedExportsOrder=["Default","WithIconAddon","Invalid","Disabled","WithPlaceholder","States"]},"./src/components/Option/Option.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{AsSkeleton:()=>AsSkeleton,AsUserItem:()=>AsUserItem,Default:()=>Default,Disabled:()=>Disabled,WithAndWithoutIcon:()=>WithAndWithoutIcon,WithAvatar:()=>WithAvatar,WithIcon:()=>WithIcon,WithMenu:()=>WithMenu,WithPresence:()=>WithPresence,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("../../node_modules/core-js/modules/es.object.assign.js");var _storybook_addon_actions__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../../node_modules/@storybook/addon-actions/dist/esm/index.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("../../node_modules/@storybook/addon-docs/dist/esm/index.js"),___WEBPACK_IMPORTED_MODULE_4__=(__webpack_require__("../../node_modules/react/index.js"),__webpack_require__("./src/index.ts")),_storybook_helpers__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./.storybook/helpers.tsx"),_Avatar__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/components/Avatar/index.tsx"),_Option__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/components/Option/Option.tsx"),_OptionAvatar__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/components/Option/OptionAvatar.tsx"),_OptionColumn__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./src/components/Option/OptionColumn.tsx"),_OptionContent__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./src/components/Option/OptionContent.tsx"),_OptionDescription__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("./src/components/Option/OptionDescription.tsx"),_OptionIcon__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__("./src/components/Option/OptionIcon.tsx"),_OptionMenu__WEBPACK_IMPORTED_MODULE_13__=__webpack_require__("./src/components/Option/OptionMenu.tsx"),_OptionSkeleton__WEBPACK_IMPORTED_MODULE_14__=__webpack_require__("./src/components/Option/OptionSkeleton.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_15__=__webpack_require__("../../node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__={title:"Navigation/Option",component:_Option__WEBPACK_IMPORTED_MODULE_7__.Z,decorators:[function(Story){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_15__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{position:"relative",maxWidth:250,pi:"0",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_15__.jsx)(Story,{})})}],parameters:{docs:{description:{component:"The generic `Option` item of options. Can be freely used or inside the `Options` as well."},page:function page(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_15__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_15__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_15__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__.Dx,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_15__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__.dk,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_15__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__.sq,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_15__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__.$4,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_15__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__.fQ,{title:""})]})}}}};var Default=function Default(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_15__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_15__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_15__.jsx)(_Option__WEBPACK_IMPORTED_MODULE_7__.Z,{onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_1__.action)("click"),children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_15__.jsx)(_OptionContent__WEBPACK_IMPORTED_MODULE_10__.Z,{children:"Lorem Ipsum Lorem"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_15__.jsx)(_Option__WEBPACK_IMPORTED_MODULE_7__.Z,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_15__.jsx)(_OptionContent__WEBPACK_IMPORTED_MODULE_10__.Z,{children:"Lorem Ipsum Lorem Lorem Ipsum Lorem Lorem Ipsum Lorem Lorem Ipsum Lorem"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_15__.jsx)(_Option__WEBPACK_IMPORTED_MODULE_7__.Z,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_15__.jsxs)(_OptionContent__WEBPACK_IMPORTED_MODULE_10__.Z,{children:["Lorem Ipsum Lorem"," ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_15__.jsx)(_OptionDescription__WEBPACK_IMPORTED_MODULE_11__.Z,{children:"Lorem Lorem Ipsum Lorem Lorem Ipsum Lorem"})]})})]})},WithAvatar=function WithAvatar(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_15__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_15__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_15__.jsxs)(_Option__WEBPACK_IMPORTED_MODULE_7__.Z,{onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_1__.action)("click"),children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_15__.jsx)(_OptionAvatar__WEBPACK_IMPORTED_MODULE_8__.Z,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_15__.jsx)(_Avatar__WEBPACK_IMPORTED_MODULE_6__.qE,{url:_storybook_helpers__WEBPACK_IMPORTED_MODULE_5__.Hh,size:"x28"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_15__.jsx)(_OptionContent__WEBPACK_IMPORTED_MODULE_10__.Z,{children:"Lorem Ipsum Lorem"})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_15__.jsxs)(_Option__WEBPACK_IMPORTED_MODULE_7__.Z,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_15__.jsx)(_OptionAvatar__WEBPACK_IMPORTED_MODULE_8__.Z,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_15__.jsx)(_Avatar__WEBPACK_IMPORTED_MODULE_6__.qE,{url:_storybook_helpers__WEBPACK_IMPORTED_MODULE_5__.Hh,size:"x28"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_15__.jsx)(_OptionContent__WEBPACK_IMPORTED_MODULE_10__.Z,{children:"Lorem Ipsum Lorem Lorem Ipsum Lorem Lorem Ipsum Lorem Lorem Ipsum Lorem"})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_15__.jsxs)(_Option__WEBPACK_IMPORTED_MODULE_7__.Z,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_15__.jsx)(_OptionAvatar__WEBPACK_IMPORTED_MODULE_8__.Z,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_15__.jsx)(_Avatar__WEBPACK_IMPORTED_MODULE_6__.qE,{url:_storybook_helpers__WEBPACK_IMPORTED_MODULE_5__.Hh,size:"x28"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_15__.jsxs)(_OptionContent__WEBPACK_IMPORTED_MODULE_10__.Z,{children:["Lorem Ipsum Lorem"," ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_15__.jsx)(_OptionDescription__WEBPACK_IMPORTED_MODULE_11__.Z,{children:"Lorem Lorem Ipsum Lorem Lorem Ipsum Lorem"})]})]})]})},WithPresence=function WithPresence(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_15__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_15__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_15__.jsxs)(_Option__WEBPACK_IMPORTED_MODULE_7__.Z,{onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_1__.action)("click"),children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_15__.jsx)(_OptionColumn__WEBPACK_IMPORTED_MODULE_9__.Z,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_15__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.w9o,{})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_15__.jsx)(_OptionContent__WEBPACK_IMPORTED_MODULE_10__.Z,{children:"Lorem Ipsum Lorem"})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_15__.jsxs)(_Option__WEBPACK_IMPORTED_MODULE_7__.Z,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_15__.jsx)(_OptionAvatar__WEBPACK_IMPORTED_MODULE_8__.Z,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_15__.jsx)(_Avatar__WEBPACK_IMPORTED_MODULE_6__.qE,{url:_storybook_helpers__WEBPACK_IMPORTED_MODULE_5__.Hh,size:"x28"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_15__.jsx)(_OptionColumn__WEBPACK_IMPORTED_MODULE_9__.Z,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_15__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.w9o,{})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_15__.jsx)(_OptionContent__WEBPACK_IMPORTED_MODULE_10__.Z,{children:"Lorem Ipsum Lorem Lorem Ipsum Lorem Lorem Ipsum Lorem Lorem Ipsum Lorem"})]})]})},WithMenu=function WithMenu(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_15__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_15__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_15__.jsxs)(_Option__WEBPACK_IMPORTED_MODULE_7__.Z,{onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_1__.action)("click"),children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_15__.jsx)(_OptionContent__WEBPACK_IMPORTED_MODULE_10__.Z,{children:"Lorem Ipsum Lorem"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_15__.jsx)(_OptionMenu__WEBPACK_IMPORTED_MODULE_13__.Z,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_15__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.v2r,{options:_storybook_helpers__WEBPACK_IMPORTED_MODULE_5__.jn})})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_15__.jsxs)(_Option__WEBPACK_IMPORTED_MODULE_7__.Z,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_15__.jsx)(_OptionAvatar__WEBPACK_IMPORTED_MODULE_8__.Z,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_15__.jsx)(_Avatar__WEBPACK_IMPORTED_MODULE_6__.qE,{url:_storybook_helpers__WEBPACK_IMPORTED_MODULE_5__.Hh,size:"x28"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_15__.jsx)(_OptionColumn__WEBPACK_IMPORTED_MODULE_9__.Z,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_15__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.w9o,{})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_15__.jsx)(_OptionContent__WEBPACK_IMPORTED_MODULE_10__.Z,{children:"Lorem Ipsum Lorem Lorem Ipsum Lorem Lorem Ipsum Lorem Lorem Ipsum Lorem"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_15__.jsx)(_OptionMenu__WEBPACK_IMPORTED_MODULE_13__.Z,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_15__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.v2r,{options:_storybook_helpers__WEBPACK_IMPORTED_MODULE_5__.jn})})]})]})},WithIcon=function WithIcon(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_15__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_15__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_15__.jsxs)(_Option__WEBPACK_IMPORTED_MODULE_7__.Z,{onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_1__.action)("click"),children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_15__.jsx)(_OptionIcon__WEBPACK_IMPORTED_MODULE_12__.Z,{name:"bell"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_15__.jsx)(_OptionContent__WEBPACK_IMPORTED_MODULE_10__.Z,{children:"Lorem Ipsum Lorem"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_15__.jsx)(_OptionMenu__WEBPACK_IMPORTED_MODULE_13__.Z,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_15__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.v2r,{options:_storybook_helpers__WEBPACK_IMPORTED_MODULE_5__.jn})})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_15__.jsxs)(_Option__WEBPACK_IMPORTED_MODULE_7__.Z,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_15__.jsx)(_OptionAvatar__WEBPACK_IMPORTED_MODULE_8__.Z,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_15__.jsx)(_Avatar__WEBPACK_IMPORTED_MODULE_6__.qE,{url:_storybook_helpers__WEBPACK_IMPORTED_MODULE_5__.Hh,size:"x28"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_15__.jsx)(_OptionIcon__WEBPACK_IMPORTED_MODULE_12__.Z,{name:"bell"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_15__.jsx)(_OptionColumn__WEBPACK_IMPORTED_MODULE_9__.Z,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_15__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.w9o,{})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_15__.jsx)(_OptionContent__WEBPACK_IMPORTED_MODULE_10__.Z,{children:"Lorem Ipsum Lorem Lorem Ipsum Lorem Lorem Ipsum Lorem Lorem Ipsum Lorem"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_15__.jsx)(_OptionMenu__WEBPACK_IMPORTED_MODULE_13__.Z,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_15__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.v2r,{options:_storybook_helpers__WEBPACK_IMPORTED_MODULE_5__.jn})})]})]})},WithAndWithoutIcon=function WithAndWithoutIcon(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_15__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_15__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_15__.jsx)(_Option__WEBPACK_IMPORTED_MODULE_7__.Z,{onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_1__.action)("click"),icon:"star",label:"Lorem Ipsum Lorem"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_15__.jsx)(_Option__WEBPACK_IMPORTED_MODULE_7__.Z,{onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_1__.action)("click"),icon:"user",label:"Lorem Ipsum Lorem"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_15__.jsx)(_Option__WEBPACK_IMPORTED_MODULE_7__.Z,{onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_1__.action)("click"),icon:"hashtag",label:"Lorem Ipsum Lorem"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_15__.jsx)(_Option__WEBPACK_IMPORTED_MODULE_7__.Z,{onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_1__.action)("click"),gap:!0,label:"Lorem Ipsum Lorem"})]})};WithAndWithoutIcon.parameters={docs:{description:{story:" When using `Option`, you can also use the `gap` prop to add spacing to the left. If the list is mixed with items **with and without** icons, it's recommended to add the gap."}}};var Disabled=function Disabled(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_15__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_15__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_15__.jsx)(_Option__WEBPACK_IMPORTED_MODULE_7__.Z,{onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_1__.action)("click"),children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_15__.jsx)(_OptionContent__WEBPACK_IMPORTED_MODULE_10__.Z,{children:"Enabled"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_15__.jsx)(_Option__WEBPACK_IMPORTED_MODULE_7__.Z,{disabled:!0,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_15__.jsx)(_OptionContent__WEBPACK_IMPORTED_MODULE_10__.Z,{children:"Disabled"})})]})},AsUserItem=function AsUserItem(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_15__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_15__.Fragment,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_15__.jsxs)(_Option__WEBPACK_IMPORTED_MODULE_7__.Z,{onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_1__.action)("click"),children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_15__.jsx)(_OptionAvatar__WEBPACK_IMPORTED_MODULE_8__.Z,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_15__.jsx)(_Avatar__WEBPACK_IMPORTED_MODULE_6__.qE,{url:_storybook_helpers__WEBPACK_IMPORTED_MODULE_5__.Hh,size:"x28"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_15__.jsx)(_OptionColumn__WEBPACK_IMPORTED_MODULE_9__.Z,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_15__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.w9o,{})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_15__.jsx)(_OptionContent__WEBPACK_IMPORTED_MODULE_10__.Z,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_15__.jsxs)(___WEBPACK_IMPORTED_MODULE_4__.xuv,{children:["carla.culhane ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_15__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.xuv,{children:"(carla hune)"})]})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_15__.jsx)(_OptionMenu__WEBPACK_IMPORTED_MODULE_13__.Z,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_15__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.v2r,{options:_storybook_helpers__WEBPACK_IMPORTED_MODULE_5__.jn})})]})})},AsSkeleton=function AsSkeleton(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_15__.jsx)(_OptionSkeleton__WEBPACK_IMPORTED_MODULE_14__.Z,{})};AsSkeleton.displayName="AsSkeleton",Default.parameters=Object.assign({storySource:{source:"() => (\n <>\n \n \n \n \n)"}},Default.parameters),WithAvatar.parameters=Object.assign({storySource:{source:"() => (\n <>\n \n \n \n \n)"}},WithAvatar.parameters),WithPresence.parameters=Object.assign({storySource:{source:"() => (\n <>\n \n \n \n)"}},WithPresence.parameters),WithMenu.parameters=Object.assign({storySource:{source:"() => (\n <>\n