diff --git a/css-in-js/functions/attachRules.html b/css-in-js/functions/attachRules.html index 069d3fb636..06d1a08d82 100644 --- a/css-in-js/functions/attachRules.html +++ b/css-in-js/functions/attachRules.html @@ -36,7 +36,7 @@

Returns (

Returns void

+
  • Defined in css-in-js/src/sheet.ts:46
    • diff --git a/css-in-js/functions/createAnimationName.html b/css-in-js/functions/createAnimationName.html index 5b5d357727..ad547f3567 100644 --- a/css-in-js/functions/createAnimationName.html +++ b/css-in-js/functions/createAnimationName.html @@ -26,7 +26,7 @@

    Parameters

    content: string

    Returns string

    +
  • Defined in css-in-js/src/names.ts:3
    • diff --git a/css-in-js/functions/createClassName.html b/css-in-js/functions/createClassName.html index ba1293fe57..97cc9733c6 100644 --- a/css-in-js/functions/createClassName.html +++ b/css-in-js/functions/createClassName.html @@ -26,7 +26,7 @@

    Parameters

    content: string

    Returns string

    +
  • Defined in css-in-js/src/names.ts:6
    • diff --git a/css-in-js/functions/css.html b/css-in-js/functions/css.html index 2f6ef92b06..34e3142e3b 100644 --- a/css-in-js/functions/css.html +++ b/css-in-js/functions/css.html @@ -32,7 +32,7 @@
    slices: TemplateStringsArray
    Rest ...values: readonly unknown[]

    Returns Evaluable

    +
  • Defined in css-in-js/src/tags.ts:86
    • diff --git a/css-in-js/functions/escapeName.html b/css-in-js/functions/escapeName.html index d537246832..e338418f72 100644 --- a/css-in-js/functions/escapeName.html +++ b/css-in-js/functions/escapeName.html @@ -26,7 +26,7 @@

    Parameters

    animationOrClassName: string

    Returns string

    +
  • Defined in css-in-js/src/names.ts:9
    • diff --git a/css-in-js/functions/keyframes.html b/css-in-js/functions/keyframes.html index 9255026cad..ed658a35ac 100644 --- a/css-in-js/functions/keyframes.html +++ b/css-in-js/functions/keyframes.html @@ -32,7 +32,7 @@
    slices: TemplateStringsArray
    Rest ...values: unknown[]

    Returns Evaluable

    +
  • Defined in css-in-js/src/tags.ts:118
    • diff --git a/css-in-js/functions/transpile.html b/css-in-js/functions/transpile.html index ba10fbe058..14db6fb657 100644 --- a/css-in-js/functions/transpile.html +++ b/css-in-js/functions/transpile.html @@ -32,7 +32,7 @@
    content: string
    middleware: Middleware = defaultMiddleware

    Returns string

    +
  • Defined in css-in-js/src/transpile.ts:20
    • diff --git a/css-in-js/types/cssFn.html b/css-in-js/types/cssFn.html index 2f41999737..95c055fe84 100644 --- a/css-in-js/types/cssFn.html +++ b/css-in-js/types/cssFn.html @@ -17,7 +17,7 @@

    Type alias cssFn

    cssFn: Evaluable
    +
  • Defined in css-in-js/src/tags.ts:50
    • diff --git a/css-in-js/types/keyframesFn.html b/css-in-js/types/keyframesFn.html index 9f3afcff13..eb38160233 100644 --- a/css-in-js/types/keyframesFn.html +++ b/css-in-js/types/keyframesFn.html @@ -17,7 +17,7 @@

    Type alias keyframesFn

    keyframesFn: Evaluable
    +
  • Defined in css-in-js/src/tags.ts:51
    • diff --git a/css-supports/functions/cssSupports.html b/css-supports/functions/cssSupports.html index 55be03882c..b099c8694a 100644 --- a/css-supports/functions/cssSupports.html +++ b/css-supports/functions/cssSupports.html @@ -26,7 +26,7 @@

    Parameters

    value: string

    Returns boolean

    +
  • Defined in index.ts:3
    • diff --git a/emitter/classes/Emitter.html b/emitter/classes/Emitter.html index d7a0b67462..8208da231b 100644 --- a/emitter/classes/Emitter.html +++ b/emitter/classes/Emitter.html @@ -32,7 +32,7 @@

    Implements

    +
  • Defined in index.ts:89
    • @@ -75,12 +75,12 @@

    Properties

    Private [evts]

    [evts]: Map<keyof EventMap, AnyEventHandlerOf<EventMap>[]> = ...
    +
  • Defined in index.ts:92

    • Private [once]

    [once]: WeakMap<AnyEventHandlerOf<EventMap>, number> = ...
    +
  • Defined in index.ts:97

    • Methods

    @@ -108,7 +108,7 @@
    Rest Returns void
    +
  • Defined in index.ts:184

    • events

    +
  • Defined in index.ts:102

    • has

    +
  • Defined in index.ts:109

    • off

    +
  • Defined in index.ts:152

    • on

    +
  • Defined in index.ts:118

    • once

    +
  • Defined in index.ts:135
    • diff --git a/emitter/interfaces/IEmitter.html b/emitter/interfaces/IEmitter.html index 35e4fe0c65..efa5140ae3 100644 --- a/emitter/interfaces/IEmitter.html +++ b/emitter/interfaces/IEmitter.html @@ -29,7 +29,7 @@

    Implemented by

    +
  • Defined in index.ts:46
    • @@ -67,7 +67,7 @@
    type: EventType
    Rest ...__namedParameters: EventOf<EventMap, EventType> extends void ? [undefined?] : [EventOf<EventMap, EventType>]

    Returns void

    +
  • Defined in index.ts:68

    • events

    +
  • Defined in index.ts:78

    • has

      @@ -88,7 +88,7 @@

      Parameters

      key: keyof EventMap

    Returns boolean

    +
  • Defined in index.ts:77

    • off

      @@ -110,7 +110,7 @@
      type: EventType
      handler: EventHandlerOf<EventMap, EventType>

    Returns void

    +
  • Defined in index.ts:61

    • on

    Returns OffCallbackHandler

    +
  • Defined in index.ts:47

    • once

    Returns OffCallbackHandler

    +
  • Defined in index.ts:54
    • diff --git a/emitter/types/AnyEventHandlerOf.html b/emitter/types/AnyEventHandlerOf.html index 09629f4ed9..49cb98f22d 100644 --- a/emitter/types/AnyEventHandlerOf.html +++ b/emitter/types/AnyEventHandlerOf.html @@ -22,7 +22,7 @@

    Type Parameters

  • EventMap extends DefaultEventMap

    • +
  • Defined in index.ts:12
    • diff --git a/emitter/types/AnyEventOf.html b/emitter/types/AnyEventOf.html index a33213b83d..1fa681a8c3 100644 --- a/emitter/types/AnyEventOf.html +++ b/emitter/types/AnyEventOf.html @@ -22,7 +22,7 @@

    Type Parameters

  • EventMap extends DefaultEventMap

    • +
  • Defined in index.ts:8
    • diff --git a/emitter/types/AnyEventTypeOf.html b/emitter/types/AnyEventTypeOf.html index 00240e64e2..e469cb0299 100644 --- a/emitter/types/AnyEventTypeOf.html +++ b/emitter/types/AnyEventTypeOf.html @@ -22,7 +22,7 @@

    Type Parameters

  • EventMap extends DefaultEventMap

    • +
  • Defined in index.ts:5
    • diff --git a/emitter/types/DefaultEventMap.html b/emitter/types/DefaultEventMap.html index c989a13239..604173e5e3 100644 --- a/emitter/types/DefaultEventMap.html +++ b/emitter/types/DefaultEventMap.html @@ -17,7 +17,7 @@

    Type alias DefaultEventMap

    DefaultEventMap: Record<string | symbol, any>
    +
  • Defined in index.ts:2
    • diff --git a/emitter/types/EventHandlerOf.html b/emitter/types/EventHandlerOf.html index 4f6d2d30bf..c8b728992d 100644 --- a/emitter/types/EventHandlerOf.html +++ b/emitter/types/EventHandlerOf.html @@ -24,7 +24,7 @@

    EventMap extends extends AnyEventTypeOf<EventMap>

    +
  • Defined in index.ts:35
    • diff --git a/emitter/types/EventOf.html b/emitter/types/EventOf.html index c4d8014bef..025bc577c1 100644 --- a/emitter/types/EventOf.html +++ b/emitter/types/EventOf.html @@ -24,7 +24,7 @@

    EventMap extends extends AnyEventTypeOf<EventMap>

    +
  • Defined in index.ts:29
    • diff --git a/emitter/types/EventTypeOf.html b/emitter/types/EventTypeOf.html index de172895f8..ea8db5e808 100644 --- a/emitter/types/EventTypeOf.html +++ b/emitter/types/EventTypeOf.html @@ -24,7 +24,7 @@

    EventMap extends extends EventMap[keyof EventMap]

    +
  • Defined in index.ts:19
    • diff --git a/emitter/types/OffCallbackHandler.html b/emitter/types/OffCallbackHandler.html index cb1f137de5..9f549007fb 100644 --- a/emitter/types/OffCallbackHandler.html +++ b/emitter/types/OffCallbackHandler.html @@ -25,7 +25,7 @@

    Type declaration

  • Returns void

    • +
  • Defined in index.ts:43
    • diff --git a/fuselage-toastbar/functions/useToastBarDismiss.html b/fuselage-toastbar/functions/useToastBarDismiss.html index 952d328266..8e5b08f93e 100644 --- a/fuselage-toastbar/functions/useToastBarDismiss.html +++ b/fuselage-toastbar/functions/useToastBarDismiss.html @@ -32,7 +32,7 @@

    Parameters

    id: string

    Returns void

    +
  • Defined in packages/fuselage-toastbar/src/ToastBarContext.ts:26
    • diff --git a/fuselage-toastbar/functions/useToastBarDispatch.html b/fuselage-toastbar/functions/useToastBarDispatch.html index 1fad50652d..b2e89bd2f7 100644 --- a/fuselage-toastbar/functions/useToastBarDispatch.html +++ b/fuselage-toastbar/functions/useToastBarDispatch.html @@ -32,7 +32,7 @@

    Parameters

    payload: Omit<ToastBarPayload, "id" | "time"> & {
        time?: number;
    }

    Returns void

    +
  • Defined in packages/fuselage-toastbar/src/ToastBarContext.ts:24
    • diff --git a/fuselage-toastbar/types/ToastBarPayload.html b/fuselage-toastbar/types/ToastBarPayload.html index 93ef297953..4f7e8a05b8 100644 --- a/fuselage-toastbar/types/ToastBarPayload.html +++ b/fuselage-toastbar/types/ToastBarPayload.html @@ -32,7 +32,7 @@
    Optional title
    Optional type?: "success" | "info" | "error"
    +
  • Defined in packages/fuselage-toastbar/src/ToastBarContext.ts:3
    • diff --git a/fuselage-toastbar/variables/ToastBarContext.html b/fuselage-toastbar/variables/ToastBarContext.html index b5647ad1a0..5a1c063137 100644 --- a/fuselage-toastbar/variables/ToastBarContext.html +++ b/fuselage-toastbar/variables/ToastBarContext.html @@ -17,7 +17,7 @@

    Variable ToastBarContextConst

    ToastBarContext: Context<ToastBarContextValue> = ...
    +
  • Defined in packages/fuselage-toastbar/src/ToastBarContext.ts:19
    • diff --git a/fuselage/iframe.html b/fuselage/iframe.html index 58df7c658c..a51baba944 100644 --- a/fuselage/iframe.html +++ b/fuselage/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/main/main.13717e60.iframe.bundle.js b/fuselage/main.38106fa7.iframe.bundle.js similarity index 99% rename from fuselage/main/main.13717e60.iframe.bundle.js rename to fuselage/main.38106fa7.iframe.bundle.js index fc45926c47..437d608ee7 100644 --- a/fuselage/main/main.13717e60.iframe.bundle.js +++ b/fuselage/main.38106fa7.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__,{CustomItem:()=>CustomItem,CustomSelected:()=>CustomSelected,Default:()=>Default,Multiple:()=>Multiple,MultipleCustomSelected:()=>MultipleCustomSelected,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/slicedToArray.js"),_babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__=(__webpack_require__("../../node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("../../node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("../../node_modules/@storybook/addon-docs/dist/esm/index.js")),react__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("../../node_modules/react/index.js"),___WEBPACK_IMPORTED_MODULE_4__=__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"),_excluded=["value"],_excluded2=["value","label"];const __WEBPACK_DEFAULT_EXPORT__={title:"Inputs/AutoComplete",component:___WEBPACK_IMPORTED_MODULE_4__.QcG,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_2__.Dx,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__.QE,{}),(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:""}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__.$4,{story:_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__.Uh})]})}}}};var options=[{value:"1",label:"test1"},{value:"2",label:"test2"},{value:"3",label:"test3"},{value:"4",label:"test4"}],Template=function Template(_ref){var defaultValue=_ref.value,args=(0,_babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_7__.Z)(_ref,_excluded),_useState=(0,react__WEBPACK_IMPORTED_MODULE_3__.useState)(""),_useState2=(0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_8__.Z)(_useState,2),filter=_useState2[0],setFilter=_useState2[1],_useState3=(0,react__WEBPACK_IMPORTED_MODULE_3__.useState)(defaultValue||[]),_useState4=(0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_8__.Z)(_useState3,2),value=_useState4[0],setValue=_useState4[1];return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.QcG,Object.assign({},args,{value,filter,setFilter,options,onChange:function handleChangeRooms(value){return setValue(value)},"aria-label":_storybook_helpers__WEBPACK_IMPORTED_MODULE_5__.aD}))};Template.displayName="Template";var Default=Template.bind({}),CustomSelected=Template.bind({});CustomSelected.args={value:"1",renderSelected:function renderSelected(_ref2){var label=_ref2.selected.label;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(___WEBPACK_IMPORTED_MODULE_4__.xuv,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.qEK,{size:"x20",url:_storybook_helpers__WEBPACK_IMPORTED_MODULE_5__.Hh,"aria-hidden":!0})," ",label]})}};var Multiple=Template.bind({});Multiple.args={value:["1","3"],multiple:!0};var MultipleCustomSelected=Template.bind({});MultipleCustomSelected.args={value:["1","3"],multiple:!0,renderSelected:function renderSelected(_ref3){var _ref3$selected=_ref3.selected,value=_ref3$selected.value,label=_ref3$selected.label,onRemove=_ref3.onRemove;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.AfN,{height:"x20",value,onClick:onRemove,mie:4,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(___WEBPACK_IMPORTED_MODULE_4__.xuv,{is:"span",margin:"none",mis:4,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.qEK,{size:"x20",url:_storybook_helpers__WEBPACK_IMPORTED_MODULE_5__.Hh,"aria-hidden":!0})," ",label]})},value)}};var CustomItem=Template.bind({});CustomItem.args={renderItem:function renderItem(_ref4){var value=_ref4.value,label=_ref4.label,props=(0,_babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_7__.Z)(_ref4,_excluded2);return(0,react__WEBPACK_IMPORTED_MODULE_3__.createElement)(___WEBPACK_IMPORTED_MODULE_4__.Wxm,Object.assign({},props,{key:value,label,avatar:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.qEK,{size:"x20",url:_storybook_helpers__WEBPACK_IMPORTED_MODULE_5__.Hh,"aria-hidden":!0})}))}},Default.parameters=Object.assign({storySource:{source:"({\n value: defaultValue,\n ...args\n}) => {\n const [filter, setFilter] = useState('');\n const [value, setValue] = useState(defaultValue || []);\n\n const handleChangeRooms = (value: string | string[]) => setValue(value);\n\n return (\n \n );\n}"}},Default.parameters),CustomSelected.parameters=Object.assign({storySource:{source:"({\n value: defaultValue,\n ...args\n}) => {\n const [filter, setFilter] = useState('');\n const [value, setValue] = useState(defaultValue || []);\n\n const handleChangeRooms = (value: string | string[]) => setValue(value);\n\n return (\n \n );\n}"}},CustomSelected.parameters),Multiple.parameters=Object.assign({storySource:{source:"({\n value: defaultValue,\n ...args\n}) => {\n const [filter, setFilter] = useState('');\n const [value, setValue] = useState(defaultValue || []);\n\n const handleChangeRooms = (value: string | string[]) => setValue(value);\n\n return (\n \n );\n}"}},Multiple.parameters),MultipleCustomSelected.parameters=Object.assign({storySource:{source:"({\n value: defaultValue,\n ...args\n}) => {\n const [filter, setFilter] = useState('');\n const [value, setValue] = useState(defaultValue || []);\n\n const handleChangeRooms = (value: string | string[]) => setValue(value);\n\n return (\n \n );\n}"}},MultipleCustomSelected.parameters),CustomItem.parameters=Object.assign({storySource:{source:"({\n value: defaultValue,\n ...args\n}) => {\n const [filter, setFilter] = useState('');\n const [value, setValue] = useState(defaultValue || []);\n\n const handleChangeRooms = (value: string | string[]) => setValue(value);\n\n return (\n \n );\n}"}},CustomItem.parameters);var __namedExportsOrder=["Default","CustomSelected","Multiple","MultipleCustomSelected","CustomItem"]},"./src/components/Avatar/Avatar.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,Rounded:()=>Rounded,Stack:()=>Stack,StackRounded:()=>StackRounded,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("../../node_modules/core-js/modules/es.array.map.js"),__webpack_require__("../../node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("../../node_modules/core-js/modules/es.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");const __WEBPACK_DEFAULT_EXPORT__={title:"Data Display/Avatar",component:___WEBPACK_IMPORTED_MODULE_4__.qEK};var sizes=["x16","x18","x28","x32","x36","x48","x124","x200","x332"],Template=function Template(args){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{all:"x16",children:sizes.map((function(size,i){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.xuv,{display:"inline-flex",verticalAlign:"middle",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.qEK,{url:args.url,size,rounded:args.rounded,alt:""})},i)}))})};Template.displayName="Template";var imgUrl="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=Template.bind({});Default.args={url:imgUrl};var Rounded=Template.bind({});Rounded.args={url:imgUrl,rounded:!0};var StackTemplate=function StackTemplate(args){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{all:"x16",children:sizes.map((function(size,i){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_4__.qEK.Stack,{className:args.className,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.qEK,{url:args.url,size,rounded:args.rounded,alt:""}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.qEK,{url:args.url,size,rounded:args.rounded,alt:""}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.qEK,{url:args.url,size,rounded:args.rounded,alt:""})]})},i)}))})};StackTemplate.displayName="StackTemplate";var Stack=StackTemplate.bind({});Stack.args={url:imgUrl};var StackRounded=StackTemplate.bind({});StackRounded.args={url:imgUrl,rounded:!0},Default.parameters=Object.assign({storySource:{source:"(args) => (\n \n {sizes.map((size, i) => (\n \n \n \n ))}\n \n)"}},Default.parameters),Rounded.parameters=Object.assign({storySource:{source:"(args) => (\n \n {sizes.map((size, i) => (\n \n \n \n ))}\n \n)"}},Rounded.parameters),Stack.parameters=Object.assign({storySource:{source:"(args) => (\n \n {sizes.map((size, i) => (\n \n \n \n \n \n \n \n ))}\n \n)"}},Stack.parameters),StackRounded.parameters=Object.assign({storySource:{source:"(args) => (\n \n {sizes.map((size, i) => (\n \n \n \n \n \n \n \n ))}\n \n)"}},StackRounded.parameters);var __namedExportsOrder=["Default","Rounded","Stack","StackRounded"]},"./src/components/Badge/Badge.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Danger:()=>Danger,Default:()=>Default,Disabled:()=>Disabled,Primary:()=>Primary,Secondary:()=>Secondary,Small:()=>Small,Warning:()=>Warning,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")),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("../../node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__={title:"Data Display/Badge",component:___WEBPACK_IMPORTED_MODULE_4__.Cts,parameters:{docs:{description:{component:"Communicates notification's amount and types."},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__.QE,{}),(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,{story:_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__.Uh}),(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__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.xuv,{display:"inline-flex",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.Cts,Object.assign({},args))})};Template.displayName="Template";var Default=Template.bind({}),Primary=Template.bind({});Primary.args={variant:"primary"};var Secondary=Template.bind({});Secondary.args={variant:"secondary"};var Danger=Template.bind({});Danger.args={variant:"danger"};var Warning=Template.bind({});Warning.args={variant:"warning"};var Disabled=Template.bind({});Disabled.args={disabled:!0};var WithValue=Template.bind({});WithValue.args={children:"99",variant:"primary"};var Small=Template.bind({});Small.args={children:"",variant:"primary",small:!0},Default.parameters=Object.assign({storySource:{source:"(args) => (\n \n \n \n)"}},Default.parameters),Primary.parameters=Object.assign({storySource:{source:"(args) => (\n \n \n \n)"}},Primary.parameters),Secondary.parameters=Object.assign({storySource:{source:"(args) => (\n \n \n \n)"}},Secondary.parameters),Danger.parameters=Object.assign({storySource:{source:"(args) => (\n \n \n \n)"}},Danger.parameters),Warning.parameters=Object.assign({storySource:{source:"(args) => (\n \n \n \n)"}},Warning.parameters),Disabled.parameters=Object.assign({storySource:{source:"(args) => (\n \n \n \n)"}},Disabled.parameters),WithValue.parameters=Object.assign({storySource:{source:"(args) => (\n \n \n \n)"}},WithValue.parameters),Small.parameters=Object.assign({storySource:{source:"(args) => (\n \n \n \n)"}},Small.parameters);var __namedExportsOrder=["Default","Primary","Secondary","Danger","Warning","Disabled","WithValue","Small"]},"./src/components/Banner/Banner.stories.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Actionable:()=>Actionable,Inline:()=>Inline,Variations:()=>Variations,_Banner:()=>_Banner,__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"),_Icon__WEBPACK_IMPORTED_MODULE_3__=(__webpack_require__("../../node_modules/react/index.js"),__webpack_require__("./src/components/Icon/index.ts")),_Banner__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/components/Banner/Banner.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("../../node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__={title:"Feedback/Banner",component:_Banner__WEBPACK_IMPORTED_MODULE_4__.Z};var _Banner=function _Banner(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_Banner__WEBPACK_IMPORTED_MODULE_4__.Z,{closeable:!0,icon:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_Icon__WEBPACK_IMPORTED_MODULE_3__.J,{name:"info",size:24}),title:"Sed ut perspiciatis unde",onClose:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_1__.action)("close"),link:"https://rocket.chat/",children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor"})};_Banner.displayName="_Banner",_Banner.storyName="Banner";var Variations=function Variations(){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)(_Banner__WEBPACK_IMPORTED_MODULE_4__.Z,{closeable:!0,icon:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_Icon__WEBPACK_IMPORTED_MODULE_3__.J,{name:"info",size:24}),title:"Sed ut perspiciatis unde",variant:"neutral",onClose:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_1__.action)("close"),children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("br",{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_Banner__WEBPACK_IMPORTED_MODULE_4__.Z,{closeable:!0,icon:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_Icon__WEBPACK_IMPORTED_MODULE_3__.J,{name:"info",size:24}),title:"Sed ut perspiciatis unde",variant:"info",onClose:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_1__.action)("close"),children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("br",{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_Banner__WEBPACK_IMPORTED_MODULE_4__.Z,{closeable:!0,icon:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_Icon__WEBPACK_IMPORTED_MODULE_3__.J,{name:"warning",size:24}),title:"Sed ut perspiciatis unde",variant:"warning",onClose:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_1__.action)("close"),children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("br",{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_Banner__WEBPACK_IMPORTED_MODULE_4__.Z,{closeable:!0,icon:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_Icon__WEBPACK_IMPORTED_MODULE_3__.J,{name:"ban",size:24}),title:"Sed ut perspiciatis unde",variant:"danger",onClose:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_1__.action)("close"),children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("br",{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_Banner__WEBPACK_IMPORTED_MODULE_4__.Z,{closeable:!0,icon:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_Icon__WEBPACK_IMPORTED_MODULE_3__.J,{name:"circle-check",size:24}),title:"Sed ut perspiciatis unde",variant:"success",onClose:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_1__.action)("close"),children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor"})]})},Inline=function Inline(){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)(_Banner__WEBPACK_IMPORTED_MODULE_4__.Z,{inline:!0,closeable:!0,icon:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_Icon__WEBPACK_IMPORTED_MODULE_3__.J,{name:"info",size:24}),title:"Sed ut perspiciatis unde",variant:"neutral",onClose:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_1__.action)("close"),children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("br",{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_Banner__WEBPACK_IMPORTED_MODULE_4__.Z,{inline:!0,closeable:!0,icon:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_Icon__WEBPACK_IMPORTED_MODULE_3__.J,{name:"info",size:24}),title:"Sed ut perspiciatis unde",variant:"info",onClose:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_1__.action)("close"),children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("br",{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_Banner__WEBPACK_IMPORTED_MODULE_4__.Z,{inline:!0,closeable:!0,icon:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_Icon__WEBPACK_IMPORTED_MODULE_3__.J,{name:"circle-check",size:24}),title:"Sed ut perspiciatis unde",variant:"success",onClose:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_1__.action)("close"),children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("br",{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_Banner__WEBPACK_IMPORTED_MODULE_4__.Z,{inline:!0,closeable:!0,icon:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_Icon__WEBPACK_IMPORTED_MODULE_3__.J,{name:"warning",size:24}),title:"Sed ut perspiciatis unde",variant:"warning",onClose:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_1__.action)("close"),children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("br",{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_Banner__WEBPACK_IMPORTED_MODULE_4__.Z,{inline:!0,closeable:!0,icon:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_Icon__WEBPACK_IMPORTED_MODULE_3__.J,{name:"ban",size:24}),title:"Sed ut perspiciatis unde",variant:"danger",onClose:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_1__.action)("close"),children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("br",{})]})},Actionable=function Actionable(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_Banner__WEBPACK_IMPORTED_MODULE_4__.Z,{actionable:!0,closeable:!0,icon:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_Icon__WEBPACK_IMPORTED_MODULE_3__.J,{name:"info",size:24}),title:"Sed ut perspiciatis unde",onAction:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_1__.action)("action"),onClose:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_1__.action)("close"),children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor"})};Actionable.displayName="Actionable",_Banner.parameters=Object.assign({storySource:{source:"() => (\n }\n title='Sed ut perspiciatis unde'\n onClose={action('close')}\n link='https://rocket.chat/'\n >\n Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod\n tempor\n \n)"}},_Banner.parameters),Variations.parameters=Object.assign({storySource:{source:"() => (\n <>\n }\n title='Sed ut perspiciatis unde'\n variant='neutral'\n onClose={action('close')}\n >\n Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod\n tempor\n \n
    \n }\n title='Sed ut perspiciatis unde'\n variant='info'\n onClose={action('close')}\n >\n Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod\n tempor\n \n
    \n }\n title='Sed ut perspiciatis unde'\n variant='warning'\n onClose={action('close')}\n >\n Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod\n tempor\n \n
    \n }\n title='Sed ut perspiciatis unde'\n variant='danger'\n onClose={action('close')}\n >\n Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod\n tempor\n \n
    \n }\n title='Sed ut perspiciatis unde'\n variant='success'\n onClose={action('close')}\n >\n Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod\n tempor\n \n \n)"}},Variations.parameters),Inline.parameters=Object.assign({storySource:{source:"() => (\n <>\n }\n title='Sed ut perspiciatis unde'\n variant='neutral'\n onClose={action('close')}\n >\n Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod\n tempor\n \n
    \n }\n title='Sed ut perspiciatis unde'\n variant='info'\n onClose={action('close')}\n >\n Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod\n tempor\n \n
    \n }\n title='Sed ut perspiciatis unde'\n variant='success'\n onClose={action('close')}\n >\n Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod\n tempor\n \n
    \n }\n title='Sed ut perspiciatis unde'\n variant='warning'\n onClose={action('close')}\n >\n Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod\n tempor\n \n
    \n }\n title='Sed ut perspiciatis unde'\n variant='danger'\n onClose={action('close')}\n >\n Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod\n tempor\n \n
    \n \n)"}},Inline.parameters),Actionable.parameters=Object.assign({storySource:{source:"() => (\n }\n title='Sed ut perspiciatis unde'\n onAction={action('action')}\n onClose={action('close')}\n >\n Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod\n tempor\n \n)"}},Actionable.parameters);var __namedExportsOrder=["_Banner","Variations","Inline","Actionable"];_Banner.__docgenInfo={description:"",methods:[],displayName:"_Banner"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Banner/Banner.stories.js"]={name:"_Banner",docgenInfo:_Banner.__docgenInfo,path:"src/components/Banner/Banner.stories.js"}),Variations.__docgenInfo={description:"",methods:[],displayName:"Variations"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Banner/Banner.stories.js"]={name:"Variations",docgenInfo:Variations.__docgenInfo,path:"src/components/Banner/Banner.stories.js"}),Inline.__docgenInfo={description:"",methods:[],displayName:"Inline"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Banner/Banner.stories.js"]={name:"Inline",docgenInfo:Inline.__docgenInfo,path:"src/components/Banner/Banner.stories.js"}),Actionable.__docgenInfo={description:"",methods:[],displayName:"Actionable"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Banner/Banner.stories.js"]={name:"Actionable",docgenInfo:Actionable.__docgenInfo,path:"src/components/Banner/Banner.stories.js"})},"./src/components/Box/richContentBlock.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{__namedExportsOrder:()=>__namedExportsOrder,blockquote_and_cite:()=>blockquote_and_cite,default:()=>__WEBPACK_DEFAULT_EXPORT__,dl:()=>dl,hx:()=>hx,ol:()=>ol,p:()=>p,pre:()=>pre,pre_with_code:()=>pre_with_code,table:()=>table,table_complex:()=>table_complex,ul:()=>ul});__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:"Layout/Box/Rich content/Block",component:___WEBPACK_IMPORTED_MODULE_3__.xuv,parameters:{docs:{description:{component:"Here is how rich content will be rendered, in details."},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__.$4,{}),(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:"Block"})]})}}}};var hx=function hx(){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)("h1",{children:"Heading 1"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("h2",{children:"Heading 2"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("h3",{children:"Heading 3"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("h4",{children:"Heading 4"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("h5",{children:"Heading 5"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("h6",{children:"Heading 6"})]})};hx.storyName="hx";var p=function p(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("p",{children:"Paragraph"})};p.displayName="p",p.storyName="p";var ul=function ul(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)("ul",{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("li",{children:"unordered list item 1"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("li",{children:"unordered list item 2"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("li",{children:"unordered list item 3"})]})};ul.displayName="ul",ul.storyName="ul";var ol=function ol(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)("ol",{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("li",{children:"ordered list item 1"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("li",{children:"ordered list item 2"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("li",{children:"ordered list item 3"})]})};ol.displayName="ol",ol.storyName="ol";var dl=function dl(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)("dl",{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("dt",{children:"description list term 1"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("dd",{children:"description list description 1"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("dt",{children:"description list term 2"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("dd",{children:"description list description 2"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("dt",{children:"description list term 3"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("dd",{children:"description list description 3"})]})};dl.displayName="dl",dl.storyName="dl";var table=function table(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)("table",{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("thead",{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)("tr",{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("th",{children:"Column 1"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("th",{children:"Column 2"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("th",{children:"Column 3"})]})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)("tbody",{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)("tr",{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("td",{children:"Item 1 of row 1"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("td",{children:"Item 2 of row 1"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("td",{children:"Item 3 of row 1"})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)("tr",{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("td",{children:"Item 1 of row 2"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("td",{children:"Item 2 of row 2"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("td",{children:"Item 3 of row 2"})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)("tr",{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("td",{children:"Item 1 of row 3"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("td",{children:"Item 2 of row 3"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("td",{children:"Item 3 of row 3"})]})]})]})};table.displayName="table",table.storyName="table";var table_complex=function table_complex(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)("table",{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("caption",{children:"Caption"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("thead",{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)("tr",{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("th",{children:"Column 1"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("th",{children:"Column 2"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("th",{children:"Column 3"})]})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("tfoot",{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)("tr",{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("th",{children:"Column 1"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("th",{children:"Column 2"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("th",{children:"Column 3"})]})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)("tbody",{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)("tr",{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("td",{children:"Item 1 of row 1"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("td",{children:"Item 2 of row 1"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("td",{children:"Item 3 of row 1"})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)("tr",{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("td",{children:"Item 1 of row 2"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("td",{children:"Item 2 of row 2"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("td",{children:"Item 3 of row 2"})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)("tr",{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("td",{children:"Item 1 of row 3"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("td",{children:"Item 2 of row 3"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("td",{children:"Item 3 of row 3"})]})]})]})};table_complex.displayName="table_complex",table_complex.storyName="table (complex)";var blockquote_and_cite=function blockquote_and_cite(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)("blockquote",{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("p",{children:"Words can be like X-rays, if you use them properly — they’ll go through anything. You read and you’re pierced."}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)("footer",{children:["— Aldous Huxley, ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("cite",{children:"Brave New World"})]})]})};blockquote_and_cite.displayName="blockquote_and_cite",blockquote_and_cite.storyName="blockquote and cite";var pre=function pre(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)("pre",{children:["# A UNINTENDED LOL-ZONE: SORRY FOR THIS","\n","# ------------+----------+-------------","\n","# /\\O | _O | O ","\n","# /\\/ | //|_ | /_ ","\n","# /\\ | | | |\\ ","\n","# / \\ | /| | / | ","\n","# LOL LOL | LLOL | LOLLOL ","\n","# ------------+----------+-------------","\n","# BLACK MAGIC FULL FEATURED ENABLED"]})};pre.displayName="pre",pre.storyName="pre";var pre_with_code=function pre_with_code(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("pre",{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)("code",{children:["# A UNINTENDED LOL-ZONE: SORRY FOR THIS","\n","# ------------+----------+-------------","\n","# /\\O | _O | O ","\n","# /\\/ | //|_ | /_ ","\n","# /\\ | | | |\\ ","\n","# / \\ | /| | / | ","\n","# LOL LOL | LLOL | LOLLOL ","\n","# ------------+----------+-------------","\n","# BLACK MAGIC FULL FEATURED ENABLED"]})})};pre_with_code.displayName="pre_with_code",pre_with_code.storyName="pre with code",hx.parameters=Object.assign({storySource:{source:"() => (\n <>\n

    Heading 1

    \n

    Heading 2

    \n

    Heading 3

    \n

    Heading 4

    \n
    Heading 5
    \n
    Heading 6
    \n \n)"}},hx.parameters),p.parameters=Object.assign({storySource:{source:"() =>

    Paragraph

    "}},p.parameters),ul.parameters=Object.assign({storySource:{source:"() => (\n
      \n
    • unordered list item 1
      • \n
    • unordered list item 2
      • \n
    • unordered list item 3
      • \n
    \n)"}},ul.parameters),ol.parameters=Object.assign({storySource:{source:"() => (\n
      \n
    1. ordered list item 1
      2. \n
    2. ordered list item 2
      3. \n
    3. ordered list item 3
      4. \n
    \n)"}},ol.parameters),dl.parameters=Object.assign({storySource:{source:"() => (\n
    \n
    description list term 1
    \n
    description list description 1
    \n
    description list term 2
    \n
    description list description 2
    \n
    description list term 3
    \n
    description list description 3
    \n
    \n)"}},dl.parameters),table.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
    Column 1Column 2Column 3
    Item 1 of row 1Item 2 of row 1Item 3 of row 1
    Item 1 of row 2Item 2 of row 2Item 3 of row 2
    Item 1 of row 3Item 2 of row 3Item 3 of row 3
    \n)"}},table.parameters),table_complex.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 \n \n \n \n \n
    Caption
    Column 1Column 2Column 3
    Column 1Column 2Column 3
    Item 1 of row 1Item 2 of row 1Item 3 of row 1
    Item 1 of row 2Item 2 of row 2Item 3 of row 2
    Item 1 of row 3Item 2 of row 3Item 3 of row 3
    \n)"}},table_complex.parameters),blockquote_and_cite.parameters=Object.assign({storySource:{source:"() => (\n
    \n

    \n Words can be like X-rays, if you use them properly — they’ll go through\n anything. You read and you’re pierced.\n

    \n
    \n — Aldous Huxley, Brave New World\n
    \n
    \n)"}},blockquote_and_cite.parameters),pre.parameters=Object.assign({storySource:{source:"() => (\n 
    \n    # A UNINTENDED LOL-ZONE: SORRY FOR THIS{'\\n'}#\n    ------------+----------+-------------{'\\n'}# /\\O | _O | O {'\\n'}# /\\/ | //|_\n    | /_ {'\\n'}# /\\ | | | |\\ {'\\n'}# / \\ | /| | / | {'\\n'}# LOL LOL | LLOL |\n    LOLLOL {'\\n'}# ------------+----------+-------------{'\\n'}# BLACK MAGIC FULL\n    FEATURED ENABLED\n
    \n)"}},pre.parameters),pre_with_code.parameters=Object.assign({storySource:{source:"() => (\n 
    \n    \n      # A UNINTENDED LOL-ZONE: SORRY FOR THIS{'\\n'}#\n      ------------+----------+-------------{'\\n'}# /\\O | _O | O {'\\n'}# /\\/ |\n      //|_ | /_ {'\\n'}# /\\ | | | |\\ {'\\n'}# / \\ | /| | / | {'\\n'}# LOL LOL |\n      LLOL | LOLLOL {'\\n'}# ------------+----------+-------------{'\\n'}# BLACK\n      MAGIC FULL FEATURED ENABLED\n    \n
    \n)"}},pre_with_code.parameters);var __namedExportsOrder=["hx","p","ul","ol","dl","table","table_complex","blockquote_and_cite","pre","pre_with_code"]},"./src/components/Box/richContentInline.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{__namedExportsOrder:()=>__namedExportsOrder,a:()=>a,abbr:()=>abbr,b:()=>b,code:()=>code,default:()=>__WEBPACK_DEFAULT_EXPORT__,dfn:()=>dfn,em:()=>em,i:()=>i,kbd:()=>kbd,q_and_cite:()=>q_and_cite,small:()=>small,strong:()=>strong,sup_and_sub:()=>sup_and_sub,time:()=>time});__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:"Layout/Box/Rich content/Inline",component:___WEBPACK_IMPORTED_MODULE_3__.xuv,parameters:{docs:{description:{component:"Here is how rich content will be rendered, in details."},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__.$4,{}),(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:"Inline"})]})}}}};var strong=function strong(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("strong",{children:"strong importance"})};strong.displayName="strong",strong.storyName="strong";var em=function em(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("em",{children:"emphasis"})};em.displayName="em",em.storyName="em";var b=function b(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("b",{children:"bring attention"})};b.displayName="b",b.storyName="b";var i=function i(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("i",{children:"technical terms, foreign language phrases, or fictional character thoughts"})};i.displayName="i",i.storyName="i";var a=function a(){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)("a",{href:"#",children:"Normal"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("br",{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("a",{href:"#",className:"is-visited",children:"Visited"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("br",{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("a",{href:"#",className:"is-active",children:"Active"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("br",{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("a",{href:"#",className:"is-hovered",children:"Hovered"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("br",{})]})};a.storyName="a";var q_and_cite=function q_and_cite(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)("q",{children:["The problem with quotes found on the internet is that they are often not true. ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("cite",{children:"Abraham Lincoln"})]})};q_and_cite.displayName="q_and_cite",q_and_cite.storyName="q and cite";var code=function code(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("code",{children:"inline code"})};code.displayName="code",code.storyName="code";var time=function time(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("time",{dateTime:"20220101 10:00",children:"January 1th 2022, 10 a.m."})};time.displayName="time",time.storyName="time";var dfn=function dfn(){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)("dfn",{children:"Definition:"})," description."]})};dfn.storyName="dfn";var abbr=function abbr(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("abbr",{title:"Source Development Kit",children:"SDK"})};abbr.displayName="abbr",abbr.storyName="abbr";var sup_and_sub=function sup_and_sub(){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)("sup",{children:"superscript"})," ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("sub",{children:"subscript"})]})};sup_and_sub.storyName="sup and sub";var kbd=function kbd(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("kbd",{children:"Ctrl + Alt + Del"})};kbd.displayName="kbd",kbd.storyName="kbd";var small=function small(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("small",{children:"small text"})};small.displayName="small",small.storyName="small",strong.parameters=Object.assign({storySource:{source:"() => (\n strong importance\n)"}},strong.parameters),em.parameters=Object.assign({storySource:{source:"() => emphasis"}},em.parameters),b.parameters=Object.assign({storySource:{source:"() => bring attention"}},b.parameters),i.parameters=Object.assign({storySource:{source:"() => (\n \n technical terms, foreign language phrases, or fictional character thoughts\n \n)"}},i.parameters),a.parameters=Object.assign({storySource:{source:"() => (\n <>\n Normal\n
    \n \n Visited\n \n
    \n \n Active\n \n
    \n \n Hovered\n \n
    \n \n)"}},a.parameters),q_and_cite.parameters=Object.assign({storySource:{source:"() => (\n \n The problem with quotes found on the internet is that they are often not\n true. Abraham Lincoln\n \n)"}},q_and_cite.parameters),code.parameters=Object.assign({storySource:{source:"() => inline code"}},code.parameters),time.parameters=Object.assign({storySource:{source:"() => (\n \n)"}},time.parameters),dfn.parameters=Object.assign({storySource:{source:"() => (\n <>\n Definition: description.\n \n)"}},dfn.parameters),abbr.parameters=Object.assign({storySource:{source:"() => (\n SDK\n)"}},abbr.parameters),sup_and_sub.parameters=Object.assign({storySource:{source:"() => (\n <>\n superscript subscript\n \n)"}},sup_and_sub.parameters),kbd.parameters=Object.assign({storySource:{source:"() => (\n Ctrl + Alt + Del\n)"}},kbd.parameters),small.parameters=Object.assign({storySource:{source:"() => (\n small text\n)"}},small.parameters);var __namedExportsOrder=["strong","em","b","i","a","q_and_cite","code","time","dfn","abbr","sup_and_sub","kbd","small"]},"./src/components/Button/Button.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{AsIconButton:()=>AsIconButton,AsLink:()=>AsLink,Default:()=>Default,Sizes:()=>Sizes,States:()=>States,Variants:()=>Variants,__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"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("../../node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__={title:"Inputs/Button",component:___WEBPACK_IMPORTED_MODULE_4__.zxk,parameters:{docs:{description:{component:"Indicates an actionable user action."},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__.QE,{}),(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:""}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__.$4,{story:_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__.Uh})]})}}}};var Default=function Default(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.zxk,{onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_1__.action)("click"),children:"Button"})};Default.displayName="Default";var Variants=function Variants(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{all:"x8",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(___WEBPACK_IMPORTED_MODULE_4__.hE2,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.zxk,{primary:!0,children:"Primary"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.zxk,{secondary:!0,children:"Secondary"})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(___WEBPACK_IMPORTED_MODULE_4__.hE2,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.zxk,{danger:!0,children:"Danger"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.zxk,{secondary:!0,danger:!0,children:"Secondary Danger"})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(___WEBPACK_IMPORTED_MODULE_4__.hE2,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.zxk,{warning:!0,children:"Warning"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.zxk,{secondary:!0,warning:!0,children:"Secondary Warning"})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(___WEBPACK_IMPORTED_MODULE_4__.hE2,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.zxk,{success:!0,children:"Success"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.zxk,{secondary:!0,success:!0,children:"Secondary Success"})]})]})};Variants.displayName="Variants";var Sizes=function Sizes(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(___WEBPACK_IMPORTED_MODULE_4__.hE2,{marginBlockEnd:12,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.zxk,{small:!0,children:"Small"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.zxk,{medium:!0,children:"Medium"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.zxk,{children:"Default"})]})};Sizes.displayName="Sizes";var AsLink=function AsLink(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.zxk,{is:"a",href:"https://rocket.chat",external:!0,children:"Button"})};AsLink.displayName="AsLink";var States=function States(){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_helpers__WEBPACK_IMPORTED_MODULE_5__.$y,{component:___WEBPACK_IMPORTED_MODULE_4__.zxk,common:{onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_1__.action)("click")},xAxis:{default:{},hover:{className:"hover"},active:{className:"active"},focus:{className:"focus focus-visible"},disabled:{disabled:!0}},yAxis:{"icon + text":{children:"Button",icon:"baloon-text"},text:{children:"Button"},primary:{children:"Button",primary:!0},secondary:{children:"Button",secondary:!0},danger:{children:"Button",danger:!0},"secondary-danger":{children:"Button",secondary:!0,danger:!0},warning:{children:"Button",warning:!0},"secondary-warning":{children:"Button",secondary:!0,warning:!0},success:{children:"Button",success:!0},"secondary-success":{children:"Button",secondary:!0,success:!0}}}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_storybook_helpers__WEBPACK_IMPORTED_MODULE_5__.$y,{component:___WEBPACK_IMPORTED_MODULE_4__.zxk,common:{small:!0,onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_1__.action)("click")},xAxis:{default:{},hover:{className:"hover"},active:{className:"active"},focus:{className:"focus focus-visible"},disabled:{disabled:!0}},yAxis:{"icon + text":{children:"Button",icon:"baloon-text"},text:{children:"Button"},primary:{children:"Button",primary:!0},secondary:{children:"Button",secondary:!0},danger:{children:"Button",danger:!0},"secondary-danger":{children:"Button",secondary:!0,danger:!0},warning:{children:"Button",warning:!0},"secondary-warning":{children:"Button",secondary:!0,warning:!0},success:{children:"Button",success:!0},"secondary-success":{children:"Button",secondary:!0,success:!0}}})]})},AsIconButton=function AsIconButton(args){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.hU,Object.assign({},args,{icon:"arrow-back",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_1__.action)("click")}))};AsIconButton.displayName="AsIconButton",AsIconButton.parameters={docs:{description:{story:"See full IconButton documentation [here](../?path=/docs/inputs-iconbutton)"}}},Default.parameters=Object.assign({storySource:{source:"() => (\n \n)"}},Default.parameters),Variants.parameters=Object.assign({storySource:{source:"() => (\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n)"}},Variants.parameters),Sizes.parameters=Object.assign({storySource:{source:"() => (\n \n \n \n \n \n)"}},Sizes.parameters),AsLink.parameters=Object.assign({storySource:{source:"() => (\n \n)"}},AsLink.parameters),States.parameters=Object.assign({storySource:{source:"() => (\n <>\n \n \n \n)"}},States.parameters),AsIconButton.parameters=Object.assign({storySource:{source:"(args) => (\n \n)"}},AsIconButton.parameters);var __namedExportsOrder=["Default","Variants","Sizes","AsLink","States","AsIconButton"]},"./src/components/Button/IconButton.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Sizes:()=>Sizes,States:()=>States,Variants:()=>Variants,_IconButton:()=>_IconButton,_IconButtonDanger:()=>_IconButtonDanger,_IconButtonDisabled:()=>_IconButtonDisabled,_IconButtonInfo:()=>_IconButtonInfo,_IconButtonSecondaryDanger:()=>_IconButtonSecondaryDanger,_IconButtonSecondaryInfo:()=>_IconButtonSecondaryInfo,_IconButtonSecondarySuccess:()=>_IconButtonSecondarySuccess,_IconButtonSecondaryWarning:()=>_IconButtonSecondaryWarning,_IconButtonSuccess:()=>_IconButtonSuccess,_IconButtonWarning:()=>_IconButtonWarning,_IconButtonWithBadge:()=>_IconButtonWithBadge,_IconButtonWithEmoji:()=>_IconButtonWithEmoji,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _templateObject,_babel_runtime_helpers_taggedTemplateLiteralLoose__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/taggedTemplateLiteralLoose.js"),_rocket_chat_css_in_js__WEBPACK_IMPORTED_MODULE_1__=(__webpack_require__("../../node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("../css-in-js/dist/index.module.js")),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("../../node_modules/@storybook/addon-docs/dist/esm/index.js"),_storybook_helpers__WEBPACK_IMPORTED_MODULE_4__=(__webpack_require__("../../node_modules/react/index.js"),__webpack_require__("./.storybook/helpers.tsx")),_Badge__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/components/Badge/index.tsx"),_Box_Box__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/components/Box/Box.tsx"),_ButtonGroup__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/components/ButtonGroup/index.ts"),_IconButton__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/components/Button/IconButton.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("../../node_modules/react/jsx-runtime.js"),EmojiElement=(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("div",{className:"rcx-box rcx-box--full",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("span",{className:"emojione emojione-diversity _1f918-1f3fe",title:":metal_tone4:",children:"🤘🏾"})});const __WEBPACK_DEFAULT_EXPORT__={title:"Inputs/IconButton",component:_IconButton__WEBPACK_IMPORTED_MODULE_8__.h,parameters:{docs:{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_2__.Dx,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__.QE,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__.dk,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__.sq,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__.fQ,{title:""}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__.$4,{story:_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__.Uh})]})}}}};var _IconButton=function _IconButton(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_IconButton__WEBPACK_IMPORTED_MODULE_8__.h,{icon:"balloon","aria-label":"balloon"})};_IconButton.displayName="_IconButton";var States=function States(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.Fragment,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_storybook_helpers__WEBPACK_IMPORTED_MODULE_4__.$y,{component:_IconButton__WEBPACK_IMPORTED_MODULE_8__.h,common:{icon:"doner",medium:!0,"aria-label":"balloon"},xAxis:{default:{},hover:{className:"hover"},active:{className:"active"},focus:{className:"focus focus-visible"},pressed:{pressed:!0},disabled:{disabled:!0}},yAxis:{default:{},info:{info:!0},danger:{danger:!0},emoji:{icon:EmojiElement}}})})},Variants=function Variants(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.Fragment,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_storybook_helpers__WEBPACK_IMPORTED_MODULE_4__.$y,{component:_IconButton__WEBPACK_IMPORTED_MODULE_8__.h,common:{icon:"doner",medium:!0,"aria-label":"balloon"},xAxis:{default:{},hover:{className:"hover"},active:{className:"active"},focus:{className:"focus focus-visible"},disabled:{disabled:!0}},yAxis:{default:{},info:{info:!0},danger:{danger:!0},success:{success:!0},warning:{warning:!0},secondary:{secondary:!0},"secondary-info | primary":{info:!0,secondary:!0},"secondary-danger":{danger:!0,secondary:!0},"secondary-success":{success:!0,secondary:!0},"secondary-warning":{warning:!0,secondary:!0}}})})},Sizes=function Sizes(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(_ButtonGroup__WEBPACK_IMPORTED_MODULE_7__.h,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_IconButton__WEBPACK_IMPORTED_MODULE_8__.h,{icon:"balloon","aria-label":"balloon",secondary:!0}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_IconButton__WEBPACK_IMPORTED_MODULE_8__.h,{icon:"balloon","aria-label":"balloon",secondary:!0,medium:!0}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_IconButton__WEBPACK_IMPORTED_MODULE_8__.h,{icon:"balloon","aria-label":"balloon",secondary:!0,small:!0}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_IconButton__WEBPACK_IMPORTED_MODULE_8__.h,{icon:"balloon","aria-label":"balloon",secondary:!0,tiny:!0}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_IconButton__WEBPACK_IMPORTED_MODULE_8__.h,{icon:"balloon","aria-label":"balloon",secondary:!0,mini:!0})]})};Sizes.displayName="Sizes";var _IconButtonDisabled=function _IconButtonDisabled(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_IconButton__WEBPACK_IMPORTED_MODULE_8__.h,{icon:"balloon","aria-label":"balloon",disabled:!0})};_IconButtonDisabled.displayName="_IconButtonDisabled";var _IconButtonWithEmoji=function _IconButtonWithEmoji(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_IconButton__WEBPACK_IMPORTED_MODULE_8__.h,{icon:EmojiElement,"aria-label":"emoji"})};_IconButtonWithEmoji.displayName="_IconButtonWithEmoji";var _IconButtonInfo=function _IconButtonInfo(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_IconButton__WEBPACK_IMPORTED_MODULE_8__.h,{icon:"balloon","aria-label":"balloon",info:!0})};_IconButtonInfo.displayName="_IconButtonInfo";var _IconButtonSecondaryInfo=function _IconButtonSecondaryInfo(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_IconButton__WEBPACK_IMPORTED_MODULE_8__.h,{icon:"balloon","aria-label":"balloon",secondary:!0,info:!0})};_IconButtonSecondaryInfo.displayName="_IconButtonSecondaryInfo";var _IconButtonSuccess=function _IconButtonSuccess(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_IconButton__WEBPACK_IMPORTED_MODULE_8__.h,{icon:"balloon","aria-label":"balloon",success:!0})};_IconButtonSuccess.displayName="_IconButtonSuccess";var _IconButtonSecondarySuccess=function _IconButtonSecondarySuccess(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_IconButton__WEBPACK_IMPORTED_MODULE_8__.h,{icon:"balloon","aria-label":"balloon",secondary:!0,success:!0})};_IconButtonSecondarySuccess.displayName="_IconButtonSecondarySuccess";var _IconButtonWarning=function _IconButtonWarning(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_IconButton__WEBPACK_IMPORTED_MODULE_8__.h,{icon:"balloon","aria-label":"balloon",warning:!0})};_IconButtonWarning.displayName="_IconButtonWarning";var _IconButtonSecondaryWarning=function _IconButtonSecondaryWarning(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_IconButton__WEBPACK_IMPORTED_MODULE_8__.h,{icon:"balloon","aria-label":"balloon",secondary:!0,warning:!0})};_IconButtonSecondaryWarning.displayName="_IconButtonSecondaryWarning";var _IconButtonDanger=function _IconButtonDanger(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_IconButton__WEBPACK_IMPORTED_MODULE_8__.h,{icon:"balloon","aria-label":"balloon",danger:!0})};_IconButtonDanger.displayName="_IconButtonDanger";var _IconButtonSecondaryDanger=function _IconButtonSecondaryDanger(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_IconButton__WEBPACK_IMPORTED_MODULE_8__.h,{icon:"balloon","aria-label":"balloon",secondary:!0,danger:!0})};_IconButtonSecondaryDanger.displayName="_IconButtonSecondaryDanger";var _IconButtonWithBadge=function _IconButtonWithBadge(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_ButtonGroup__WEBPACK_IMPORTED_MODULE_7__.h,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_IconButton__WEBPACK_IMPORTED_MODULE_8__.h,{icon:"balloon",small:!0,position:"relative",overflow:"visible",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_Box_Box__WEBPACK_IMPORTED_MODULE_6__.Z,{position:"absolute",role:"status",className:(0,_rocket_chat_css_in_js__WEBPACK_IMPORTED_MODULE_1__.iv)(_templateObject||(_templateObject=(0,_babel_runtime_helpers_taggedTemplateLiteralLoose__WEBPACK_IMPORTED_MODULE_10__.Z)(["\n top: 0;\n right: 0;\n transform: translate(30%, -30%);\n "]))),children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_Badge__WEBPACK_IMPORTED_MODULE_5__.C,{variant:"danger",children:"2"})})})})};_IconButtonWithBadge.displayName="_IconButtonWithBadge",_IconButton.parameters=Object.assign({storySource:{source:"() => (\n \n)"}},_IconButton.parameters),States.parameters=Object.assign({storySource:{source:"() => (\n <>\n \n {/* \n */}\n \n)"}},States.parameters),Variants.parameters=Object.assign({storySource:{source:"() => (\n <>\n \n \n)"}},Variants.parameters),Sizes.parameters=Object.assign({storySource:{source:"() => (\n \n \n \n \n \n \n \n)"}},Sizes.parameters),_IconButtonDisabled.parameters=Object.assign({storySource:{source:"() => (\n \n)"}},_IconButtonDisabled.parameters),_IconButtonWithEmoji.parameters=Object.assign({storySource:{source:"() => (\n \n)"}},_IconButtonWithEmoji.parameters),_IconButtonInfo.parameters=Object.assign({storySource:{source:"() => (\n \n)"}},_IconButtonInfo.parameters),_IconButtonSecondaryInfo.parameters=Object.assign({storySource:{source:"() => "}},_IconButtonSecondaryInfo.parameters),_IconButtonSuccess.parameters=Object.assign({storySource:{source:"() => (\n \n)"}},_IconButtonSuccess.parameters),_IconButtonSecondarySuccess.parameters=Object.assign({storySource:{source:"() => "}},_IconButtonSecondarySuccess.parameters),_IconButtonWarning.parameters=Object.assign({storySource:{source:"() => (\n \n)"}},_IconButtonWarning.parameters),_IconButtonSecondaryWarning.parameters=Object.assign({storySource:{source:"() => "}},_IconButtonSecondaryWarning.parameters),_IconButtonDanger.parameters=Object.assign({storySource:{source:"() => (\n \n)"}},_IconButtonDanger.parameters),_IconButtonSecondaryDanger.parameters=Object.assign({storySource:{source:"() => "}},_IconButtonSecondaryDanger.parameters),_IconButtonWithBadge.parameters=Object.assign({storySource:{source:"() => (\n \n \n \n 2\n     \n \n \n)"}},_IconButtonWithBadge.parameters);var __namedExportsOrder=["_IconButton","States","Variants","Sizes","_IconButtonDisabled","_IconButtonWithEmoji","_IconButtonInfo","_IconButtonSecondaryInfo","_IconButtonSuccess","_IconButtonSecondarySuccess","_IconButtonWarning","_IconButtonSecondaryWarning","_IconButtonDanger","_IconButtonSecondaryDanger","_IconButtonWithBadge"]},"./src/components/ButtonGroup/ButtonGroup.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{AlignedAtCenter:()=>AlignedAtCenter,AlignedAtEnd:()=>AlignedAtEnd,AlignedAtStart:()=>AlignedAtStart,Default:()=>Default,Large:()=>Large,Small:()=>Small,Stretch:()=>Stretch,Vertical:()=>Vertical,VerticalLarge:()=>VerticalLarge,VerticalSmall:()=>VerticalSmall,VerticalStretch:()=>VerticalStretch,Wrap:()=>Wrap,__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/ButtonGroup",component:___WEBPACK_IMPORTED_MODULE_4__.hE2,parameters:{docs:{description:{component:"A container for grouping buttons that semantically share a common action context."},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__.QE,{}),(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,{story:_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__.Uh}),(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,Object.assign({},args,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.zxk,{children:"Button 1"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.zxk,{children:"Button 2"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.zxk,{children:"Button 3"})]}))};Template.displayName="Template";var TemplateMultiple=function TemplateMultiple(args){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(___WEBPACK_IMPORTED_MODULE_4__.hE2,Object.assign({},args,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.zxk,{children:"Button 1"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.zxk,{children:"Button 2"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.zxk,{children:"Button 3"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.zxk,{children:"Button 4"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.zxk,{children:"Button 5"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.zxk,{children:"Button 6"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.zxk,{children:"Button 7"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.zxk,{children:"Button 8"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.zxk,{children:"Button 9"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.zxk,{children:"Button 10"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.zxk,{children:"Button 11"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.zxk,{children:"Button 12"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.zxk,{children:"Button 13"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.zxk,{children:"Button 14"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.zxk,{children:"Button 15"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.zxk,{children:"Button 16"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.zxk,{children:"Button 17"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.zxk,{children:"Button 18"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.zxk,{children:"Button 19"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.zxk,{children:"Button 20"})]}))};TemplateMultiple.displayName="TemplateMultiple";var Default=Template.bind({}),Large=Template.bind({});Large.args={large:!0};var Small=Template.bind({});Small.args={small:!0};var Wrap=TemplateMultiple.bind({});Wrap.args={wrap:!0};var Stretch=Template.bind({});Stretch.args={stretch:!0};var Vertical=Template.bind({});Vertical.args={vertical:!0};var VerticalLarge=Template.bind({});VerticalLarge.args={vertical:!0,large:!0};var VerticalSmall=Template.bind({});VerticalSmall.args={vertical:!0,small:!0};var VerticalStretch=Template.bind({});VerticalStretch.args={vertical:!0,stretch:!0};var AlignedAtStart=Template.bind({});AlignedAtStart.args={align:"start"};var AlignedAtCenter=Template.bind({});AlignedAtCenter.args={align:"center"};var AlignedAtEnd=Template.bind({});AlignedAtEnd.args={align:"end"},Default.parameters=Object.assign({storySource:{source:"(args) => (\n \n \n \n \n \n)"}},Default.parameters),Large.parameters=Object.assign({storySource:{source:"(args) => (\n \n \n \n \n \n)"}},Large.parameters),Small.parameters=Object.assign({storySource:{source:"(args) => (\n \n \n \n \n \n)"}},Small.parameters),Wrap.parameters=Object.assign({storySource:{source:"(args) => (\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n)"}},Wrap.parameters),Stretch.parameters=Object.assign({storySource:{source:"(args) => (\n \n \n \n \n \n)"}},Stretch.parameters),Vertical.parameters=Object.assign({storySource:{source:"(args) => (\n \n \n \n \n \n)"}},Vertical.parameters),VerticalLarge.parameters=Object.assign({storySource:{source:"(args) => (\n \n \n \n \n \n)"}},VerticalLarge.parameters),VerticalSmall.parameters=Object.assign({storySource:{source:"(args) => (\n \n \n \n \n \n)"}},VerticalSmall.parameters),VerticalStretch.parameters=Object.assign({storySource:{source:"(args) => (\n \n \n \n \n \n)"}},VerticalStretch.parameters),AlignedAtStart.parameters=Object.assign({storySource:{source:"(args) => (\n \n \n \n \n \n)"}},AlignedAtStart.parameters),AlignedAtCenter.parameters=Object.assign({storySource:{source:"(args) => (\n \n \n \n \n \n)"}},AlignedAtCenter.parameters),AlignedAtEnd.parameters=Object.assign({storySource:{source:"(args) => (\n \n \n \n \n \n)"}},AlignedAtEnd.parameters);var __namedExportsOrder=["Default","Large","Small","Wrap","Stretch","Vertical","VerticalLarge","VerticalSmall","VerticalStretch","AlignedAtStart","AlignedAtCenter","AlignedAtEnd"]},"./src/components/Callout/Callout.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{CustomIcon:()=>CustomIcon,Danger:()=>Danger,Default:()=>Default,Info:()=>Info,Success:()=>Success,Warning:()=>Warning,WithDescriptionOnly:()=>WithDescriptionOnly,__namedExportsOrder:()=>__namedExportsOrder,default:()=>Callout_stories});__webpack_require__("../../node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("../../node_modules/core-js/modules/es.function.bind.js");var esm=__webpack_require__("../../node_modules/@storybook/addon-docs/dist/esm/index.js"),src=(__webpack_require__("../../node_modules/react/index.js"),__webpack_require__("./src/index.ts")),setStoryDescription=function setStoryDescription(description){return{docs:{description:{story:description}}}},jsx_runtime=__webpack_require__("../../node_modules/react/jsx-runtime.js");const Callout_stories={title:"Feedback/Callout",component:src.UWt,parameters:{docs:{description:{component:"The `Callout` is used to get the user's attention explaining something important in the content of the current page."},page:function page(){return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(esm.Dx,{}),(0,jsx_runtime.jsx)(esm.QE,{}),(0,jsx_runtime.jsx)(esm.dk,{}),(0,jsx_runtime.jsx)(esm.sq,{}),(0,jsx_runtime.jsx)(esm.$4,{story:esm.Uh}),(0,jsx_runtime.jsx)(esm.fQ,{title:""})]})}}}};var Template=function Template(args){return(0,jsx_runtime.jsx)(src.UWt,Object.assign({},args,{children:args.children||"This is a generic description."}))};Template.displayName="Template";var Default=Template.bind({});Default.args={title:"This is a generic title"};var WithDescriptionOnly=Template.bind({}),Info=Template.bind({});Info.args={type:"info",title:"This is a info message"};var Success=Template.bind({});Success.args={type:"success",title:"This is a success message"},Success.parameters=setStoryDescription("Communicates that an important aspect of the system is working as expected.");var Warning=Template.bind({});Warning.args={type:"warning",title:"This is a warning message"},Warning.parameters=setStoryDescription("Communicates that an important aspect of the system needs attention.");var Danger=Template.bind({});Danger.args={type:"danger",title:"This is a danger message"},Danger.parameters=setStoryDescription("Communicates that an important aspect of the system is not working as expected and requires urgent action.");var CustomIcon=Template.bind({});CustomIcon.args={title:"This is a message with custom icon",icon:"hash"},Default.parameters=Object.assign({storySource:{source:"(args) => (\n \n {args.children || 'This is a generic description.'}\n \n)"}},Default.parameters),WithDescriptionOnly.parameters=Object.assign({storySource:{source:"(args) => (\n \n {args.children || 'This is a generic description.'}\n \n)"}},WithDescriptionOnly.parameters),Info.parameters=Object.assign({storySource:{source:"(args) => (\n \n {args.children || 'This is a generic description.'}\n \n)"}},Info.parameters),Success.parameters=Object.assign({storySource:{source:"(args) => (\n \n {args.children || 'This is a generic description.'}\n \n)"}},Success.parameters),Warning.parameters=Object.assign({storySource:{source:"(args) => (\n \n {args.children || 'This is a generic description.'}\n \n)"}},Warning.parameters),Danger.parameters=Object.assign({storySource:{source:"(args) => (\n \n {args.children || 'This is a generic description.'}\n \n)"}},Danger.parameters),CustomIcon.parameters=Object.assign({storySource:{source:"(args) => (\n \n {args.children || 'This is a generic description.'}\n \n)"}},CustomIcon.parameters);var __namedExportsOrder=["Default","WithDescriptionOnly","Info","Success","Warning","Danger","CustomIcon"]},"./src/components/CheckBox/CheckBox.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Checked:()=>Checked,Default:()=>Default,DefaultChecked:()=>DefaultChecked,Disabled:()=>Disabled,Indeterminate:()=>Indeterminate,__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/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/CheckBox",component:___WEBPACK_IMPORTED_MODULE_4__.JgP,decorators:[function(Story){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)(Story,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.__J,{mis:"x4",htmlFor:_storybook_helpers__WEBPACK_IMPORTED_MODULE_5__.yv,children:_storybook_helpers__WEBPACK_IMPORTED_MODULE_5__.aD})]})}]};var Template=function Template(args){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.JgP,Object.assign({},args,{id:_storybook_helpers__WEBPACK_IMPORTED_MODULE_5__.yv,onChange:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("change")}))};Template.displayName="Template";var Default=Template.bind({}),Checked=Template.bind({});Checked.args={checked:!0};var Indeterminate=Template.bind({});Indeterminate.args={indeterminate:!0};var Disabled=Template.bind({});Disabled.args={disabled:!0};var DefaultChecked=Template.bind({});DefaultChecked.args={defaultChecked:!0},Default.parameters=Object.assign({storySource:{source:"(args) => (\n \n)"}},Default.parameters),Checked.parameters=Object.assign({storySource:{source:"(args) => (\n \n)"}},Checked.parameters),Indeterminate.parameters=Object.assign({storySource:{source:"(args) => (\n \n)"}},Indeterminate.parameters),Disabled.parameters=Object.assign({storySource:{source:"(args) => (\n \n)"}},Disabled.parameters),DefaultChecked.parameters=Object.assign({storySource:{source:"(args) => (\n \n)"}},DefaultChecked.parameters);var __namedExportsOrder=["Default","Checked","Indeterminate","Disabled","DefaultChecked"]},"./src/components/Chevron/Chevron.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,Down:()=>Down,Left:()=>Left,Right:()=>Right,Size:()=>Size,Up:()=>Up,__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"),__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:"Data Display/Chevron",component:___WEBPACK_IMPORTED_MODULE_3__.Tt3};var Template=function Template(args){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.Tt3,Object.assign({},args,{size:40}))};Template.displayName="Template";var Default=Template.bind({}),Up=Template.bind({});Up.args={up:!0};var Right=Template.bind({});Right.args={right:!0};var Down=Template.bind({});Down.args={down:!0};var Left=Template.bind({});Left.args={left:!0};var Size=function Size(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.xuv,{display:"flex",alignItems:"center",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.Tt3,{size:"x2"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.Tt3,{size:"x4"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.Tt3,{size:"x8"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.Tt3,{size:"x16"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.Tt3,{size:"x20"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.Tt3,{size:"x24"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.Tt3,{size:"x32"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.Tt3,{size:"x40"})]})};Size.displayName="Size",Default.parameters=Object.assign({storySource:{source:"(args) => (\n \n)"}},Default.parameters),Up.parameters=Object.assign({storySource:{source:"(args) => (\n \n)"}},Up.parameters),Right.parameters=Object.assign({storySource:{source:"(args) => (\n \n)"}},Right.parameters),Down.parameters=Object.assign({storySource:{source:"(args) => (\n \n)"}},Down.parameters),Left.parameters=Object.assign({storySource:{source:"(args) => (\n \n)"}},Left.parameters),Size.parameters=Object.assign({storySource:{source:"() => (\n \n \n \n \n \n \n \n \n \n \n)"}},Size.parameters);var __namedExportsOrder=["Default","Up","Right","Down","Left","Size"]},"./src/components/Chip/Chip.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,Dismissible:()=>Dismissible,WithThumb:()=>WithThumb,WithThumbUrl:()=>WithThumbUrl,__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/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:"Data Display/Chip",component:___WEBPACK_IMPORTED_MODULE_4__.AfN};var Template=function Template(args){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.AfN,Object.assign({},args,{children:"Marie Rowe"}))};Template.displayName="Template";var Default=Template.bind({}),WithThumbUrl=Template.bind({});WithThumbUrl.args={thumbUrl:_storybook_helpers__WEBPACK_IMPORTED_MODULE_5__.Hh,onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("click")};var Dismissible=Template.bind({});Dismissible.args={onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("click")};var Disabled=Template.bind({});Disabled.args={disabled:!0};var WithThumb=function WithThumb(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.xuv,{display:"flex",margin:"-x4",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{all:"x4",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.AfN,{thumbUrl:_storybook_helpers__WEBPACK_IMPORTED_MODULE_5__._r,children:"Chip"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.AfN,{thumbUrl:_storybook_helpers__WEBPACK_IMPORTED_MODULE_5__._r,onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("click"),children:"Chip"})]})})};WithThumb.displayName="WithThumb",Default.parameters=Object.assign({storySource:{source:"(args) => (\n Marie Rowe\n)"}},Default.parameters),WithThumbUrl.parameters=Object.assign({storySource:{source:"(args) => (\n Marie Rowe\n)"}},WithThumbUrl.parameters),Dismissible.parameters=Object.assign({storySource:{source:"(args) => (\n Marie Rowe\n)"}},Dismissible.parameters),Disabled.parameters=Object.assign({storySource:{source:"(args) => (\n Marie Rowe\n)"}},Disabled.parameters),WithThumb.parameters=Object.assign({storySource:{source:"() => (\n \n \n Chip\n \n Chip\n \n \n \n)"}},WithThumb.parameters);var __namedExportsOrder=["Default","WithThumbUrl","Dismissible","Disabled","WithThumb"]},"./src/components/CodeSnippet/CodeSnippet.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{CopyButton:()=>CopyButton,CustomButtonName:()=>CustomButtonName,Default:()=>Default,LoadingCode:()=>LoadingCode,__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:"Data Display/CodeSnippet",component:___WEBPACK_IMPORTED_MODULE_5__.Oig,parameters:{docs:{description:{component:"The `CodeSnippet` is used to show code or commands and make easier to copy them. \n\n The default button text is `Copy` but you can use the `buttonText` prop to handle translations in your project. \n\n Please check the `useClipBoard` hook in `fuselage-hooks` package, to handle the copy behaviour.\n\t\t\t\t"},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:"Input component state"})]})}}}};var Template=function Template(args){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.Oig,Object.assign({},args))};Template.displayName="Template";var Default=Template.bind({});Default.args={children:"curl -L https://go.rocket.chat/i/docker-compose.yml -O"};var CopyButton=Template.bind({});CopyButton.args={children:"curl -L https://go.rocket.chat/i/docker-compose.yml -O",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("click")};var CustomButtonName=Template.bind({});CustomButtonName.args={children:"curl -L https://go.rocket.chat/i/docker-compose.yml -O",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("click"),buttonText:"Custom name"};var LoadingCode=Template.bind({});LoadingCode.args={children:"",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("click")},Default.parameters=Object.assign({storySource:{source:"(args) => (\n \n)"}},Default.parameters),CopyButton.parameters=Object.assign({storySource:{source:"(args) => (\n \n)"}},CopyButton.parameters),CustomButtonName.parameters=Object.assign({storySource:{source:"(args) => (\n \n)"}},CustomButtonName.parameters),LoadingCode.parameters=Object.assign({storySource:{source:"(args) => (\n \n)"}},LoadingCode.parameters);var __namedExportsOrder=["Default","CopyButton","CustomButtonName","LoadingCode"]},"./src/components/Contextualbar/Contextualbar.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,Empty:()=>Empty,Skeleton:()=>Skeleton,__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/Contextualbar/index.ts"),___WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/components/index.ts"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("../../node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__={title:"Containers/Contextualbar",component:___WEBPACK_IMPORTED_MODULE_2__.R$,parameters:{docs:{description:{component:"The `Contextualbar` has the purpose to persist and input information about the scope of the related page.\n\t\t\t\t"}}},decorators:[function(storyFn){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.xuv,{width:"x400",elevation:"2",children:storyFn()})}]};var Default=function Default(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)(___WEBPACK_IMPORTED_MODULE_2__.R$,{position:"static",height:"x540",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)(___WEBPACK_IMPORTED_MODULE_2__.JC,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_2__.mr,{name:"chevron-right"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_2__.mr,{title:"Back",name:"arrow-back"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_2__.ZF,{children:"Contextualbar Title"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)(___WEBPACK_IMPORTED_MODULE_2__.IP,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_2__.mr,{title:"Title",name:"new-window",onClick:function onClick(){}}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_2__.mr,{name:"add-user",onClick:function onClick(){return console.log("close")}})]})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_2__.J4,{children:"Contextualbar Content"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_2__.Cl,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.hE2,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_2__.tF,{width:"full",secondary:!0,children:"Cancel"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.zxk,{width:"full",primary:!0,children:"Save"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.hU,{icon:"menu"})]})})]})};Default.displayName="Default";var Skeleton=function Skeleton(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_2__.jV,{position:"static",height:"x540"})};Skeleton.displayName="Skeleton";var Empty=function Empty(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)(___WEBPACK_IMPORTED_MODULE_2__.R$,{position:"static",height:"x540",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)(___WEBPACK_IMPORTED_MODULE_2__.JC,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_2__.mr,{name:"chevron-right"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_2__.ZF,{children:"Contextualbar Empty"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_2__.IP,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_2__.mr,{title:"Title",name:"new-window",onClick:function onClick(){}})})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_2__.NJ,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_2__.Cl,{children:"Footer"})]})};Empty.displayName="Empty",Default.parameters=Object.assign({storySource:{source:"() => (\n \n \n \n \n Contextualbar Title\n \n {}}\n />\n console.log('close')}\n />\n \n \n Contextualbar Content\n \n \n \n Cancel\n \n \n \n \n \n \n)"}},Default.parameters),Skeleton.parameters=Object.assign({storySource:{source:"() => (\n \n)"}},Skeleton.parameters),Empty.parameters=Object.assign({storySource:{source:"() => (\n \n \n \n Contextualbar Empty\n \n {}}\n />\n \n \n \n Footer\n \n)"}},Empty.parameters);var __namedExportsOrder=["Default","Skeleton","Empty"]},"./src/components/Divider/Divider.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{AsButtonSeparator:()=>AsButtonSeparator,Default:()=>Default,Vertical:()=>Vertical,WithText:()=>WithText,__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"),__webpack_require__("../../node_modules/react/index.js");var ___WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/components/index.ts"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("../../node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__={title:"Data Display/Divider",component:___WEBPACK_IMPORTED_MODULE_3__.izJ};var Template=function Template(args){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.izJ,Object.assign({},args))};Template.displayName="Template";var Default=Template.bind({}),WithText=Template.bind({});WithText.args={children:"Divider"};var Vertical=Template.bind({});Vertical.args={vertical:!0};var AsButtonSeparator=function AsButtonSeparator(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.hE2,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.hU,{small:!0,icon:"phone"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.izJ,{vertical:!0}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.hU,{small:!0,icon:"user"})]})};AsButtonSeparator.displayName="AsButtonSeparator",Default.parameters=Object.assign({storySource:{source:"(args) => (\n \n)"}},Default.parameters),WithText.parameters=Object.assign({storySource:{source:"(args) => (\n \n)"}},WithText.parameters),Vertical.parameters=Object.assign({storySource:{source:"(args) => (\n \n)"}},Vertical.parameters),AsButtonSeparator.parameters=Object.assign({storySource:{source:"() => (\n \n \n \n \n \n)"}},AsButtonSeparator.parameters);var __namedExportsOrder=["Default","WithText","Vertical","AsButtonSeparator"]},"./src/components/Dropdown/Dropdown.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.array.from.js"),__webpack_require__("../../node_modules/core-js/modules/es.string.iterator.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_4__=__webpack_require__("../../node_modules/react/index.js"),___WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/components/index.ts"),_Button__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/components/Button/index.ts"),_Option__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/components/Option/index.tsx"),_Dropdown__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/components/Dropdown/Dropdown.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("../../node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__={title:"Navigation/Dropdown",component:_Dropdown__WEBPACK_IMPORTED_MODULE_8__.L,parameters:{jest:["Dropdown.spec.tsx"]}};var Default=function Default(){var anchor=(0,react__WEBPACK_IMPORTED_MODULE_4__.useRef)(null),target=(0,react__WEBPACK_IMPORTED_MODULE_4__.useRef)(null),list=Array.from(new Array(20));return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(___WEBPACK_IMPORTED_MODULE_5__.xuv,{w:"400px",h:"500px",display:"flex",justifyContent:"center",alignItems:"center",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_Button__WEBPACK_IMPORTED_MODULE_6__.hU,{secondary:!0,small:!0,ref:anchor,icon:"doner","data-testid":"dropdown-anchor"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_Dropdown__WEBPACK_IMPORTED_MODULE_8__.L,{ref:target,reference:anchor,placement:"bottom-end",children:list.map((function(_,i){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(_Option__WEBPACK_IMPORTED_MODULE_7__.ZP,{children:["Example ",i+1]},i)}))})]})};Default.displayName="Default",Default.parameters=Object.assign({storySource:{source:"() => {\n const anchor = useRef(null);\n const target = useRef(null);\n\n const list = Array.from(new Array(20));\n\n return (\n \n \n \n {list.map((_, i) => (\n \n ))}\n \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,{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,{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,{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,{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,{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,{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,{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,{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
    \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__,{CustomItem:()=>CustomItem,CustomSelected:()=>CustomSelected,Default:()=>Default,Multiple:()=>Multiple,MultipleCustomSelected:()=>MultipleCustomSelected,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/slicedToArray.js"),_babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__=(__webpack_require__("../../node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("../../node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("../../node_modules/@storybook/addon-docs/dist/esm/index.js")),react__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("../../node_modules/react/index.js"),___WEBPACK_IMPORTED_MODULE_4__=__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"),_excluded=["value"],_excluded2=["value","label"];const __WEBPACK_DEFAULT_EXPORT__={title:"Inputs/AutoComplete",component:___WEBPACK_IMPORTED_MODULE_4__.QcG,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_2__.Dx,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__.QE,{}),(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:""}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__.$4,{story:_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__.Uh})]})}}}};var options=[{value:"1",label:"test1"},{value:"2",label:"test2"},{value:"3",label:"test3"},{value:"4",label:"test4"}],Template=function Template(_ref){var defaultValue=_ref.value,args=(0,_babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_7__.Z)(_ref,_excluded),_useState=(0,react__WEBPACK_IMPORTED_MODULE_3__.useState)(""),_useState2=(0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_8__.Z)(_useState,2),filter=_useState2[0],setFilter=_useState2[1],_useState3=(0,react__WEBPACK_IMPORTED_MODULE_3__.useState)(defaultValue||[]),_useState4=(0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_8__.Z)(_useState3,2),value=_useState4[0],setValue=_useState4[1];return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.QcG,Object.assign({},args,{value,filter,setFilter,options,onChange:function handleChangeRooms(value){return setValue(value)},"aria-label":_storybook_helpers__WEBPACK_IMPORTED_MODULE_5__.aD}))};Template.displayName="Template";var Default=Template.bind({}),CustomSelected=Template.bind({});CustomSelected.args={value:"1",renderSelected:function renderSelected(_ref2){var label=_ref2.selected.label;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(___WEBPACK_IMPORTED_MODULE_4__.xuv,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.qEK,{size:"x20",url:_storybook_helpers__WEBPACK_IMPORTED_MODULE_5__.Hh,"aria-hidden":!0})," ",label]})}};var Multiple=Template.bind({});Multiple.args={value:["1","3"],multiple:!0};var MultipleCustomSelected=Template.bind({});MultipleCustomSelected.args={value:["1","3"],multiple:!0,renderSelected:function renderSelected(_ref3){var _ref3$selected=_ref3.selected,value=_ref3$selected.value,label=_ref3$selected.label,onRemove=_ref3.onRemove;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.AfN,{height:"x20",value,onClick:onRemove,mie:4,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(___WEBPACK_IMPORTED_MODULE_4__.xuv,{is:"span",margin:"none",mis:4,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.qEK,{size:"x20",url:_storybook_helpers__WEBPACK_IMPORTED_MODULE_5__.Hh,"aria-hidden":!0})," ",label]})},value)}};var CustomItem=Template.bind({});CustomItem.args={renderItem:function renderItem(_ref4){var value=_ref4.value,label=_ref4.label,props=(0,_babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_7__.Z)(_ref4,_excluded2);return(0,react__WEBPACK_IMPORTED_MODULE_3__.createElement)(___WEBPACK_IMPORTED_MODULE_4__.Wxm,Object.assign({},props,{key:value,label,avatar:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.qEK,{size:"x20",url:_storybook_helpers__WEBPACK_IMPORTED_MODULE_5__.Hh,"aria-hidden":!0})}))}},Default.parameters=Object.assign({storySource:{source:"({\n value: defaultValue,\n ...args\n}) => {\n const [filter, setFilter] = useState('');\n const [value, setValue] = useState(defaultValue || []);\n\n const handleChangeRooms = (value: string | string[]) => setValue(value);\n\n return (\n \n );\n}"}},Default.parameters),CustomSelected.parameters=Object.assign({storySource:{source:"({\n value: defaultValue,\n ...args\n}) => {\n const [filter, setFilter] = useState('');\n const [value, setValue] = useState(defaultValue || []);\n\n const handleChangeRooms = (value: string | string[]) => setValue(value);\n\n return (\n \n );\n}"}},CustomSelected.parameters),Multiple.parameters=Object.assign({storySource:{source:"({\n value: defaultValue,\n ...args\n}) => {\n const [filter, setFilter] = useState('');\n const [value, setValue] = useState(defaultValue || []);\n\n const handleChangeRooms = (value: string | string[]) => setValue(value);\n\n return (\n \n );\n}"}},Multiple.parameters),MultipleCustomSelected.parameters=Object.assign({storySource:{source:"({\n value: defaultValue,\n ...args\n}) => {\n const [filter, setFilter] = useState('');\n const [value, setValue] = useState(defaultValue || []);\n\n const handleChangeRooms = (value: string | string[]) => setValue(value);\n\n return (\n \n );\n}"}},MultipleCustomSelected.parameters),CustomItem.parameters=Object.assign({storySource:{source:"({\n value: defaultValue,\n ...args\n}) => {\n const [filter, setFilter] = useState('');\n const [value, setValue] = useState(defaultValue || []);\n\n const handleChangeRooms = (value: string | string[]) => setValue(value);\n\n return (\n \n );\n}"}},CustomItem.parameters);var __namedExportsOrder=["Default","CustomSelected","Multiple","MultipleCustomSelected","CustomItem"]},"./src/components/Avatar/Avatar.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,Rounded:()=>Rounded,Stack:()=>Stack,StackRounded:()=>StackRounded,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("../../node_modules/core-js/modules/es.array.map.js"),__webpack_require__("../../node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("../../node_modules/core-js/modules/es.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");const __WEBPACK_DEFAULT_EXPORT__={title:"Data Display/Avatar",component:___WEBPACK_IMPORTED_MODULE_4__.qEK};var sizes=["x16","x18","x28","x32","x36","x48","x124","x200","x332"],Template=function Template(args){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{all:"x16",children:sizes.map((function(size,i){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.xuv,{display:"inline-flex",verticalAlign:"middle",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.qEK,{url:args.url,size,rounded:args.rounded,alt:""})},i)}))})};Template.displayName="Template";var imgUrl="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=Template.bind({});Default.args={url:imgUrl};var Rounded=Template.bind({});Rounded.args={url:imgUrl,rounded:!0};var StackTemplate=function StackTemplate(args){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{all:"x16",children:sizes.map((function(size,i){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_4__.qEK.Stack,{className:args.className,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.qEK,{url:args.url,size,rounded:args.rounded,alt:""}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.qEK,{url:args.url,size,rounded:args.rounded,alt:""}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.qEK,{url:args.url,size,rounded:args.rounded,alt:""})]})},i)}))})};StackTemplate.displayName="StackTemplate";var Stack=StackTemplate.bind({});Stack.args={url:imgUrl};var StackRounded=StackTemplate.bind({});StackRounded.args={url:imgUrl,rounded:!0},Default.parameters=Object.assign({storySource:{source:"(args) => (\n \n {sizes.map((size, i) => (\n \n \n \n ))}\n \n)"}},Default.parameters),Rounded.parameters=Object.assign({storySource:{source:"(args) => (\n \n {sizes.map((size, i) => (\n \n \n \n ))}\n \n)"}},Rounded.parameters),Stack.parameters=Object.assign({storySource:{source:"(args) => (\n \n {sizes.map((size, i) => (\n \n \n \n \n \n \n \n ))}\n \n)"}},Stack.parameters),StackRounded.parameters=Object.assign({storySource:{source:"(args) => (\n \n {sizes.map((size, i) => (\n \n \n \n \n \n \n \n ))}\n \n)"}},StackRounded.parameters);var __namedExportsOrder=["Default","Rounded","Stack","StackRounded"]},"./src/components/Badge/Badge.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Danger:()=>Danger,Default:()=>Default,Disabled:()=>Disabled,Primary:()=>Primary,Secondary:()=>Secondary,Small:()=>Small,Warning:()=>Warning,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")),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("../../node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__={title:"Data Display/Badge",component:___WEBPACK_IMPORTED_MODULE_4__.Cts,parameters:{docs:{description:{component:"Communicates notification's amount and types."},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__.QE,{}),(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,{story:_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__.Uh}),(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__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.xuv,{display:"inline-flex",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.Cts,Object.assign({},args))})};Template.displayName="Template";var Default=Template.bind({}),Primary=Template.bind({});Primary.args={variant:"primary"};var Secondary=Template.bind({});Secondary.args={variant:"secondary"};var Danger=Template.bind({});Danger.args={variant:"danger"};var Warning=Template.bind({});Warning.args={variant:"warning"};var Disabled=Template.bind({});Disabled.args={disabled:!0};var WithValue=Template.bind({});WithValue.args={children:"99",variant:"primary"};var Small=Template.bind({});Small.args={children:"",variant:"primary",small:!0},Default.parameters=Object.assign({storySource:{source:"(args) => (\n \n \n \n)"}},Default.parameters),Primary.parameters=Object.assign({storySource:{source:"(args) => (\n \n \n \n)"}},Primary.parameters),Secondary.parameters=Object.assign({storySource:{source:"(args) => (\n \n \n \n)"}},Secondary.parameters),Danger.parameters=Object.assign({storySource:{source:"(args) => (\n \n \n \n)"}},Danger.parameters),Warning.parameters=Object.assign({storySource:{source:"(args) => (\n \n \n \n)"}},Warning.parameters),Disabled.parameters=Object.assign({storySource:{source:"(args) => (\n \n \n \n)"}},Disabled.parameters),WithValue.parameters=Object.assign({storySource:{source:"(args) => (\n \n \n \n)"}},WithValue.parameters),Small.parameters=Object.assign({storySource:{source:"(args) => (\n \n \n \n)"}},Small.parameters);var __namedExportsOrder=["Default","Primary","Secondary","Danger","Warning","Disabled","WithValue","Small"]},"./src/components/Banner/Banner.stories.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Actionable:()=>Actionable,Inline:()=>Inline,Variations:()=>Variations,_Banner:()=>_Banner,__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"),_Icon__WEBPACK_IMPORTED_MODULE_3__=(__webpack_require__("../../node_modules/react/index.js"),__webpack_require__("./src/components/Icon/index.ts")),_Banner__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/components/Banner/Banner.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("../../node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__={title:"Feedback/Banner",component:_Banner__WEBPACK_IMPORTED_MODULE_4__.Z};var _Banner=function _Banner(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_Banner__WEBPACK_IMPORTED_MODULE_4__.Z,{closeable:!0,icon:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_Icon__WEBPACK_IMPORTED_MODULE_3__.J,{name:"info",size:24}),title:"Sed ut perspiciatis unde",onClose:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_1__.action)("close"),link:"https://rocket.chat/",children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor"})};_Banner.displayName="_Banner",_Banner.storyName="Banner";var Variations=function Variations(){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)(_Banner__WEBPACK_IMPORTED_MODULE_4__.Z,{closeable:!0,icon:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_Icon__WEBPACK_IMPORTED_MODULE_3__.J,{name:"info",size:24}),title:"Sed ut perspiciatis unde",variant:"neutral",onClose:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_1__.action)("close"),children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("br",{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_Banner__WEBPACK_IMPORTED_MODULE_4__.Z,{closeable:!0,icon:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_Icon__WEBPACK_IMPORTED_MODULE_3__.J,{name:"info",size:24}),title:"Sed ut perspiciatis unde",variant:"info",onClose:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_1__.action)("close"),children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("br",{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_Banner__WEBPACK_IMPORTED_MODULE_4__.Z,{closeable:!0,icon:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_Icon__WEBPACK_IMPORTED_MODULE_3__.J,{name:"warning",size:24}),title:"Sed ut perspiciatis unde",variant:"warning",onClose:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_1__.action)("close"),children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("br",{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_Banner__WEBPACK_IMPORTED_MODULE_4__.Z,{closeable:!0,icon:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_Icon__WEBPACK_IMPORTED_MODULE_3__.J,{name:"ban",size:24}),title:"Sed ut perspiciatis unde",variant:"danger",onClose:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_1__.action)("close"),children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("br",{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_Banner__WEBPACK_IMPORTED_MODULE_4__.Z,{closeable:!0,icon:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_Icon__WEBPACK_IMPORTED_MODULE_3__.J,{name:"circle-check",size:24}),title:"Sed ut perspiciatis unde",variant:"success",onClose:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_1__.action)("close"),children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor"})]})},Inline=function Inline(){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)(_Banner__WEBPACK_IMPORTED_MODULE_4__.Z,{inline:!0,closeable:!0,icon:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_Icon__WEBPACK_IMPORTED_MODULE_3__.J,{name:"info",size:24}),title:"Sed ut perspiciatis unde",variant:"neutral",onClose:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_1__.action)("close"),children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("br",{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_Banner__WEBPACK_IMPORTED_MODULE_4__.Z,{inline:!0,closeable:!0,icon:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_Icon__WEBPACK_IMPORTED_MODULE_3__.J,{name:"info",size:24}),title:"Sed ut perspiciatis unde",variant:"info",onClose:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_1__.action)("close"),children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("br",{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_Banner__WEBPACK_IMPORTED_MODULE_4__.Z,{inline:!0,closeable:!0,icon:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_Icon__WEBPACK_IMPORTED_MODULE_3__.J,{name:"circle-check",size:24}),title:"Sed ut perspiciatis unde",variant:"success",onClose:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_1__.action)("close"),children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("br",{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_Banner__WEBPACK_IMPORTED_MODULE_4__.Z,{inline:!0,closeable:!0,icon:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_Icon__WEBPACK_IMPORTED_MODULE_3__.J,{name:"warning",size:24}),title:"Sed ut perspiciatis unde",variant:"warning",onClose:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_1__.action)("close"),children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("br",{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_Banner__WEBPACK_IMPORTED_MODULE_4__.Z,{inline:!0,closeable:!0,icon:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_Icon__WEBPACK_IMPORTED_MODULE_3__.J,{name:"ban",size:24}),title:"Sed ut perspiciatis unde",variant:"danger",onClose:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_1__.action)("close"),children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("br",{})]})},Actionable=function Actionable(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_Banner__WEBPACK_IMPORTED_MODULE_4__.Z,{actionable:!0,closeable:!0,icon:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_Icon__WEBPACK_IMPORTED_MODULE_3__.J,{name:"info",size:24}),title:"Sed ut perspiciatis unde",onAction:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_1__.action)("action"),onClose:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_1__.action)("close"),children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor"})};Actionable.displayName="Actionable",_Banner.parameters=Object.assign({storySource:{source:"() => (\n }\n title='Sed ut perspiciatis unde'\n onClose={action('close')}\n link='https://rocket.chat/'\n >\n Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod\n tempor\n \n)"}},_Banner.parameters),Variations.parameters=Object.assign({storySource:{source:"() => (\n <>\n }\n title='Sed ut perspiciatis unde'\n variant='neutral'\n onClose={action('close')}\n >\n Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod\n tempor\n \n
    \n }\n title='Sed ut perspiciatis unde'\n variant='info'\n onClose={action('close')}\n >\n Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod\n tempor\n \n
    \n }\n title='Sed ut perspiciatis unde'\n variant='warning'\n onClose={action('close')}\n >\n Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod\n tempor\n \n
    \n }\n title='Sed ut perspiciatis unde'\n variant='danger'\n onClose={action('close')}\n >\n Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod\n tempor\n \n
    \n }\n title='Sed ut perspiciatis unde'\n variant='success'\n onClose={action('close')}\n >\n Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod\n tempor\n \n \n)"}},Variations.parameters),Inline.parameters=Object.assign({storySource:{source:"() => (\n <>\n }\n title='Sed ut perspiciatis unde'\n variant='neutral'\n onClose={action('close')}\n >\n Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod\n tempor\n \n
    \n }\n title='Sed ut perspiciatis unde'\n variant='info'\n onClose={action('close')}\n >\n Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod\n tempor\n \n
    \n }\n title='Sed ut perspiciatis unde'\n variant='success'\n onClose={action('close')}\n >\n Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod\n tempor\n \n
    \n }\n title='Sed ut perspiciatis unde'\n variant='warning'\n onClose={action('close')}\n >\n Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod\n tempor\n \n
    \n }\n title='Sed ut perspiciatis unde'\n variant='danger'\n onClose={action('close')}\n >\n Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod\n tempor\n \n
    \n \n)"}},Inline.parameters),Actionable.parameters=Object.assign({storySource:{source:"() => (\n }\n title='Sed ut perspiciatis unde'\n onAction={action('action')}\n onClose={action('close')}\n >\n Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod\n tempor\n \n)"}},Actionable.parameters);var __namedExportsOrder=["_Banner","Variations","Inline","Actionable"];_Banner.__docgenInfo={description:"",methods:[],displayName:"_Banner"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Banner/Banner.stories.js"]={name:"_Banner",docgenInfo:_Banner.__docgenInfo,path:"src/components/Banner/Banner.stories.js"}),Variations.__docgenInfo={description:"",methods:[],displayName:"Variations"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Banner/Banner.stories.js"]={name:"Variations",docgenInfo:Variations.__docgenInfo,path:"src/components/Banner/Banner.stories.js"}),Inline.__docgenInfo={description:"",methods:[],displayName:"Inline"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Banner/Banner.stories.js"]={name:"Inline",docgenInfo:Inline.__docgenInfo,path:"src/components/Banner/Banner.stories.js"}),Actionable.__docgenInfo={description:"",methods:[],displayName:"Actionable"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Banner/Banner.stories.js"]={name:"Actionable",docgenInfo:Actionable.__docgenInfo,path:"src/components/Banner/Banner.stories.js"})},"./src/components/Box/richContentBlock.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{__namedExportsOrder:()=>__namedExportsOrder,blockquote_and_cite:()=>blockquote_and_cite,default:()=>__WEBPACK_DEFAULT_EXPORT__,dl:()=>dl,hx:()=>hx,ol:()=>ol,p:()=>p,pre:()=>pre,pre_with_code:()=>pre_with_code,table:()=>table,table_complex:()=>table_complex,ul:()=>ul});__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:"Layout/Box/Rich content/Block",component:___WEBPACK_IMPORTED_MODULE_3__.xuv,parameters:{docs:{description:{component:"Here is how rich content will be rendered, in details."},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__.$4,{}),(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:"Block"})]})}}}};var hx=function hx(){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)("h1",{children:"Heading 1"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("h2",{children:"Heading 2"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("h3",{children:"Heading 3"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("h4",{children:"Heading 4"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("h5",{children:"Heading 5"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("h6",{children:"Heading 6"})]})};hx.storyName="hx";var p=function p(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("p",{children:"Paragraph"})};p.displayName="p",p.storyName="p";var ul=function ul(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)("ul",{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("li",{children:"unordered list item 1"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("li",{children:"unordered list item 2"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("li",{children:"unordered list item 3"})]})};ul.displayName="ul",ul.storyName="ul";var ol=function ol(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)("ol",{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("li",{children:"ordered list item 1"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("li",{children:"ordered list item 2"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("li",{children:"ordered list item 3"})]})};ol.displayName="ol",ol.storyName="ol";var dl=function dl(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)("dl",{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("dt",{children:"description list term 1"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("dd",{children:"description list description 1"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("dt",{children:"description list term 2"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("dd",{children:"description list description 2"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("dt",{children:"description list term 3"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("dd",{children:"description list description 3"})]})};dl.displayName="dl",dl.storyName="dl";var table=function table(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)("table",{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("thead",{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)("tr",{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("th",{children:"Column 1"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("th",{children:"Column 2"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("th",{children:"Column 3"})]})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)("tbody",{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)("tr",{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("td",{children:"Item 1 of row 1"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("td",{children:"Item 2 of row 1"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("td",{children:"Item 3 of row 1"})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)("tr",{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("td",{children:"Item 1 of row 2"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("td",{children:"Item 2 of row 2"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("td",{children:"Item 3 of row 2"})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)("tr",{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("td",{children:"Item 1 of row 3"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("td",{children:"Item 2 of row 3"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("td",{children:"Item 3 of row 3"})]})]})]})};table.displayName="table",table.storyName="table";var table_complex=function table_complex(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)("table",{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("caption",{children:"Caption"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("thead",{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)("tr",{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("th",{children:"Column 1"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("th",{children:"Column 2"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("th",{children:"Column 3"})]})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("tfoot",{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)("tr",{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("th",{children:"Column 1"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("th",{children:"Column 2"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("th",{children:"Column 3"})]})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)("tbody",{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)("tr",{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("td",{children:"Item 1 of row 1"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("td",{children:"Item 2 of row 1"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("td",{children:"Item 3 of row 1"})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)("tr",{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("td",{children:"Item 1 of row 2"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("td",{children:"Item 2 of row 2"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("td",{children:"Item 3 of row 2"})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)("tr",{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("td",{children:"Item 1 of row 3"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("td",{children:"Item 2 of row 3"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("td",{children:"Item 3 of row 3"})]})]})]})};table_complex.displayName="table_complex",table_complex.storyName="table (complex)";var blockquote_and_cite=function blockquote_and_cite(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)("blockquote",{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("p",{children:"Words can be like X-rays, if you use them properly — they’ll go through anything. You read and you’re pierced."}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)("footer",{children:["— Aldous Huxley, ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("cite",{children:"Brave New World"})]})]})};blockquote_and_cite.displayName="blockquote_and_cite",blockquote_and_cite.storyName="blockquote and cite";var pre=function pre(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)("pre",{children:["# A UNINTENDED LOL-ZONE: SORRY FOR THIS","\n","# ------------+----------+-------------","\n","# /\\O | _O | O ","\n","# /\\/ | //|_ | /_ ","\n","# /\\ | | | |\\ ","\n","# / \\ | /| | / | ","\n","# LOL LOL | LLOL | LOLLOL ","\n","# ------------+----------+-------------","\n","# BLACK MAGIC FULL FEATURED ENABLED"]})};pre.displayName="pre",pre.storyName="pre";var pre_with_code=function pre_with_code(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("pre",{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)("code",{children:["# A UNINTENDED LOL-ZONE: SORRY FOR THIS","\n","# ------------+----------+-------------","\n","# /\\O | _O | O ","\n","# /\\/ | //|_ | /_ ","\n","# /\\ | | | |\\ ","\n","# / \\ | /| | / | ","\n","# LOL LOL | LLOL | LOLLOL ","\n","# ------------+----------+-------------","\n","# BLACK MAGIC FULL FEATURED ENABLED"]})})};pre_with_code.displayName="pre_with_code",pre_with_code.storyName="pre with code",hx.parameters=Object.assign({storySource:{source:"() => (\n <>\n

    Heading 1

    \n

    Heading 2

    \n

    Heading 3

    \n

    Heading 4

    \n
    Heading 5
    \n
    Heading 6
    \n \n)"}},hx.parameters),p.parameters=Object.assign({storySource:{source:"() =>

    Paragraph

    "}},p.parameters),ul.parameters=Object.assign({storySource:{source:"() => (\n
      \n
    • unordered list item 1
      • \n
    • unordered list item 2
      • \n
    • unordered list item 3
      • \n
    \n)"}},ul.parameters),ol.parameters=Object.assign({storySource:{source:"() => (\n
      \n
    1. ordered list item 1
      2. \n
    2. ordered list item 2
      3. \n
    3. ordered list item 3
      4. \n
    \n)"}},ol.parameters),dl.parameters=Object.assign({storySource:{source:"() => (\n
    \n
    description list term 1
    \n
    description list description 1
    \n
    description list term 2
    \n
    description list description 2
    \n
    description list term 3
    \n
    description list description 3
    \n
    \n)"}},dl.parameters),table.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
    Column 1Column 2Column 3
    Item 1 of row 1Item 2 of row 1Item 3 of row 1
    Item 1 of row 2Item 2 of row 2Item 3 of row 2
    Item 1 of row 3Item 2 of row 3Item 3 of row 3
    \n)"}},table.parameters),table_complex.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 \n \n \n \n \n
    Caption
    Column 1Column 2Column 3
    Column 1Column 2Column 3
    Item 1 of row 1Item 2 of row 1Item 3 of row 1
    Item 1 of row 2Item 2 of row 2Item 3 of row 2
    Item 1 of row 3Item 2 of row 3Item 3 of row 3
    \n)"}},table_complex.parameters),blockquote_and_cite.parameters=Object.assign({storySource:{source:"() => (\n
    \n

    \n Words can be like X-rays, if you use them properly — they’ll go through\n anything. You read and you’re pierced.\n

    \n
    \n — Aldous Huxley, Brave New World\n
    \n
    \n)"}},blockquote_and_cite.parameters),pre.parameters=Object.assign({storySource:{source:"() => (\n 
    \n    # A UNINTENDED LOL-ZONE: SORRY FOR THIS{'\\n'}#\n    ------------+----------+-------------{'\\n'}# /\\O | _O | O {'\\n'}# /\\/ | //|_\n    | /_ {'\\n'}# /\\ | | | |\\ {'\\n'}# / \\ | /| | / | {'\\n'}# LOL LOL | LLOL |\n    LOLLOL {'\\n'}# ------------+----------+-------------{'\\n'}# BLACK MAGIC FULL\n    FEATURED ENABLED\n
    \n)"}},pre.parameters),pre_with_code.parameters=Object.assign({storySource:{source:"() => (\n 
    \n    \n      # A UNINTENDED LOL-ZONE: SORRY FOR THIS{'\\n'}#\n      ------------+----------+-------------{'\\n'}# /\\O | _O | O {'\\n'}# /\\/ |\n      //|_ | /_ {'\\n'}# /\\ | | | |\\ {'\\n'}# / \\ | /| | / | {'\\n'}# LOL LOL |\n      LLOL | LOLLOL {'\\n'}# ------------+----------+-------------{'\\n'}# BLACK\n      MAGIC FULL FEATURED ENABLED\n    \n
    \n)"}},pre_with_code.parameters);var __namedExportsOrder=["hx","p","ul","ol","dl","table","table_complex","blockquote_and_cite","pre","pre_with_code"]},"./src/components/Box/richContentInline.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{__namedExportsOrder:()=>__namedExportsOrder,a:()=>a,abbr:()=>abbr,b:()=>b,code:()=>code,default:()=>__WEBPACK_DEFAULT_EXPORT__,dfn:()=>dfn,em:()=>em,i:()=>i,kbd:()=>kbd,q_and_cite:()=>q_and_cite,small:()=>small,strong:()=>strong,sup_and_sub:()=>sup_and_sub,time:()=>time});__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:"Layout/Box/Rich content/Inline",component:___WEBPACK_IMPORTED_MODULE_3__.xuv,parameters:{docs:{description:{component:"Here is how rich content will be rendered, in details."},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__.$4,{}),(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:"Inline"})]})}}}};var strong=function strong(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("strong",{children:"strong importance"})};strong.displayName="strong",strong.storyName="strong";var em=function em(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("em",{children:"emphasis"})};em.displayName="em",em.storyName="em";var b=function b(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("b",{children:"bring attention"})};b.displayName="b",b.storyName="b";var i=function i(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("i",{children:"technical terms, foreign language phrases, or fictional character thoughts"})};i.displayName="i",i.storyName="i";var a=function a(){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)("a",{href:"#",children:"Normal"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("br",{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("a",{href:"#",className:"is-visited",children:"Visited"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("br",{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("a",{href:"#",className:"is-active",children:"Active"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("br",{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("a",{href:"#",className:"is-hovered",children:"Hovered"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("br",{})]})};a.storyName="a";var q_and_cite=function q_and_cite(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)("q",{children:["The problem with quotes found on the internet is that they are often not true. ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("cite",{children:"Abraham Lincoln"})]})};q_and_cite.displayName="q_and_cite",q_and_cite.storyName="q and cite";var code=function code(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("code",{children:"inline code"})};code.displayName="code",code.storyName="code";var time=function time(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("time",{dateTime:"20220101 10:00",children:"January 1th 2022, 10 a.m."})};time.displayName="time",time.storyName="time";var dfn=function dfn(){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)("dfn",{children:"Definition:"})," description."]})};dfn.storyName="dfn";var abbr=function abbr(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("abbr",{title:"Source Development Kit",children:"SDK"})};abbr.displayName="abbr",abbr.storyName="abbr";var sup_and_sub=function sup_and_sub(){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)("sup",{children:"superscript"})," ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("sub",{children:"subscript"})]})};sup_and_sub.storyName="sup and sub";var kbd=function kbd(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("kbd",{children:"Ctrl + Alt + Del"})};kbd.displayName="kbd",kbd.storyName="kbd";var small=function small(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("small",{children:"small text"})};small.displayName="small",small.storyName="small",strong.parameters=Object.assign({storySource:{source:"() => (\n strong importance\n)"}},strong.parameters),em.parameters=Object.assign({storySource:{source:"() => emphasis"}},em.parameters),b.parameters=Object.assign({storySource:{source:"() => bring attention"}},b.parameters),i.parameters=Object.assign({storySource:{source:"() => (\n \n technical terms, foreign language phrases, or fictional character thoughts\n \n)"}},i.parameters),a.parameters=Object.assign({storySource:{source:"() => (\n <>\n Normal\n
    \n \n Visited\n \n
    \n \n Active\n \n
    \n \n Hovered\n \n
    \n \n)"}},a.parameters),q_and_cite.parameters=Object.assign({storySource:{source:"() => (\n \n The problem with quotes found on the internet is that they are often not\n true. Abraham Lincoln\n \n)"}},q_and_cite.parameters),code.parameters=Object.assign({storySource:{source:"() => inline code"}},code.parameters),time.parameters=Object.assign({storySource:{source:"() => (\n \n)"}},time.parameters),dfn.parameters=Object.assign({storySource:{source:"() => (\n <>\n Definition: description.\n \n)"}},dfn.parameters),abbr.parameters=Object.assign({storySource:{source:"() => (\n SDK\n)"}},abbr.parameters),sup_and_sub.parameters=Object.assign({storySource:{source:"() => (\n <>\n superscript subscript\n \n)"}},sup_and_sub.parameters),kbd.parameters=Object.assign({storySource:{source:"() => (\n Ctrl + Alt + Del\n)"}},kbd.parameters),small.parameters=Object.assign({storySource:{source:"() => (\n small text\n)"}},small.parameters);var __namedExportsOrder=["strong","em","b","i","a","q_and_cite","code","time","dfn","abbr","sup_and_sub","kbd","small"]},"./src/components/Button/Button.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{AsIconButton:()=>AsIconButton,AsLink:()=>AsLink,Default:()=>Default,Sizes:()=>Sizes,States:()=>States,Variants:()=>Variants,__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"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("../../node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__={title:"Inputs/Button",component:___WEBPACK_IMPORTED_MODULE_4__.zxk,parameters:{docs:{description:{component:"Indicates an actionable user action."},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__.QE,{}),(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:""}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__.$4,{story:_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__.Uh})]})}}}};var Default=function Default(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.zxk,{onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_1__.action)("click"),children:"Button"})};Default.displayName="Default";var Variants=function Variants(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{all:"x8",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(___WEBPACK_IMPORTED_MODULE_4__.hE2,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.zxk,{primary:!0,children:"Primary"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.zxk,{secondary:!0,children:"Secondary"})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(___WEBPACK_IMPORTED_MODULE_4__.hE2,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.zxk,{danger:!0,children:"Danger"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.zxk,{secondary:!0,danger:!0,children:"Secondary Danger"})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(___WEBPACK_IMPORTED_MODULE_4__.hE2,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.zxk,{warning:!0,children:"Warning"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.zxk,{secondary:!0,warning:!0,children:"Secondary Warning"})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(___WEBPACK_IMPORTED_MODULE_4__.hE2,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.zxk,{success:!0,children:"Success"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.zxk,{secondary:!0,success:!0,children:"Secondary Success"})]})]})};Variants.displayName="Variants";var Sizes=function Sizes(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(___WEBPACK_IMPORTED_MODULE_4__.hE2,{marginBlockEnd:12,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.zxk,{small:!0,children:"Small"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.zxk,{medium:!0,children:"Medium"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.zxk,{children:"Default"})]})};Sizes.displayName="Sizes";var AsLink=function AsLink(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.zxk,{is:"a",href:"https://rocket.chat",external:!0,children:"Button"})};AsLink.displayName="AsLink";var States=function States(){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_helpers__WEBPACK_IMPORTED_MODULE_5__.$y,{component:___WEBPACK_IMPORTED_MODULE_4__.zxk,common:{onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_1__.action)("click")},xAxis:{default:{},hover:{className:"hover"},active:{className:"active"},focus:{className:"focus focus-visible"},disabled:{disabled:!0}},yAxis:{"icon + text":{children:"Button",icon:"baloon-text"},text:{children:"Button"},primary:{children:"Button",primary:!0},secondary:{children:"Button",secondary:!0},danger:{children:"Button",danger:!0},"secondary-danger":{children:"Button",secondary:!0,danger:!0},warning:{children:"Button",warning:!0},"secondary-warning":{children:"Button",secondary:!0,warning:!0},success:{children:"Button",success:!0},"secondary-success":{children:"Button",secondary:!0,success:!0}}}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_storybook_helpers__WEBPACK_IMPORTED_MODULE_5__.$y,{component:___WEBPACK_IMPORTED_MODULE_4__.zxk,common:{small:!0,onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_1__.action)("click")},xAxis:{default:{},hover:{className:"hover"},active:{className:"active"},focus:{className:"focus focus-visible"},disabled:{disabled:!0}},yAxis:{"icon + text":{children:"Button",icon:"baloon-text"},text:{children:"Button"},primary:{children:"Button",primary:!0},secondary:{children:"Button",secondary:!0},danger:{children:"Button",danger:!0},"secondary-danger":{children:"Button",secondary:!0,danger:!0},warning:{children:"Button",warning:!0},"secondary-warning":{children:"Button",secondary:!0,warning:!0},success:{children:"Button",success:!0},"secondary-success":{children:"Button",secondary:!0,success:!0}}})]})},AsIconButton=function AsIconButton(args){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.hU,Object.assign({},args,{icon:"arrow-back",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_1__.action)("click")}))};AsIconButton.displayName="AsIconButton",AsIconButton.parameters={docs:{description:{story:"See full IconButton documentation [here](../?path=/docs/inputs-iconbutton)"}}},Default.parameters=Object.assign({storySource:{source:"() => (\n \n)"}},Default.parameters),Variants.parameters=Object.assign({storySource:{source:"() => (\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n)"}},Variants.parameters),Sizes.parameters=Object.assign({storySource:{source:"() => (\n \n \n \n \n \n)"}},Sizes.parameters),AsLink.parameters=Object.assign({storySource:{source:"() => (\n \n)"}},AsLink.parameters),States.parameters=Object.assign({storySource:{source:"() => (\n <>\n \n \n \n)"}},States.parameters),AsIconButton.parameters=Object.assign({storySource:{source:"(args) => (\n \n)"}},AsIconButton.parameters);var __namedExportsOrder=["Default","Variants","Sizes","AsLink","States","AsIconButton"]},"./src/components/Button/IconButton.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Sizes:()=>Sizes,States:()=>States,Variants:()=>Variants,_IconButton:()=>_IconButton,_IconButtonDanger:()=>_IconButtonDanger,_IconButtonDisabled:()=>_IconButtonDisabled,_IconButtonInfo:()=>_IconButtonInfo,_IconButtonSecondaryDanger:()=>_IconButtonSecondaryDanger,_IconButtonSecondaryInfo:()=>_IconButtonSecondaryInfo,_IconButtonSecondarySuccess:()=>_IconButtonSecondarySuccess,_IconButtonSecondaryWarning:()=>_IconButtonSecondaryWarning,_IconButtonSuccess:()=>_IconButtonSuccess,_IconButtonWarning:()=>_IconButtonWarning,_IconButtonWithBadge:()=>_IconButtonWithBadge,_IconButtonWithEmoji:()=>_IconButtonWithEmoji,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _templateObject,_babel_runtime_helpers_taggedTemplateLiteralLoose__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/taggedTemplateLiteralLoose.js"),_rocket_chat_css_in_js__WEBPACK_IMPORTED_MODULE_1__=(__webpack_require__("../../node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("../css-in-js/dist/index.module.js")),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("../../node_modules/@storybook/addon-docs/dist/esm/index.js"),_storybook_helpers__WEBPACK_IMPORTED_MODULE_4__=(__webpack_require__("../../node_modules/react/index.js"),__webpack_require__("./.storybook/helpers.tsx")),_Badge__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/components/Badge/index.tsx"),_Box_Box__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/components/Box/Box.tsx"),_ButtonGroup__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/components/ButtonGroup/index.ts"),_IconButton__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/components/Button/IconButton.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("../../node_modules/react/jsx-runtime.js"),EmojiElement=(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("div",{className:"rcx-box rcx-box--full",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("span",{className:"emojione emojione-diversity _1f918-1f3fe",title:":metal_tone4:",children:"🤘🏾"})});const __WEBPACK_DEFAULT_EXPORT__={title:"Inputs/IconButton",component:_IconButton__WEBPACK_IMPORTED_MODULE_8__.h,parameters:{docs:{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_2__.Dx,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__.QE,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__.dk,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__.sq,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__.fQ,{title:""}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__.$4,{story:_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__.Uh})]})}}}};var _IconButton=function _IconButton(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_IconButton__WEBPACK_IMPORTED_MODULE_8__.h,{icon:"balloon","aria-label":"balloon"})};_IconButton.displayName="_IconButton";var States=function States(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.Fragment,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_storybook_helpers__WEBPACK_IMPORTED_MODULE_4__.$y,{component:_IconButton__WEBPACK_IMPORTED_MODULE_8__.h,common:{icon:"doner",medium:!0,"aria-label":"balloon"},xAxis:{default:{},hover:{className:"hover"},active:{className:"active"},focus:{className:"focus focus-visible"},pressed:{pressed:!0},disabled:{disabled:!0}},yAxis:{default:{},info:{info:!0},danger:{danger:!0},emoji:{icon:EmojiElement}}})})},Variants=function Variants(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.Fragment,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_storybook_helpers__WEBPACK_IMPORTED_MODULE_4__.$y,{component:_IconButton__WEBPACK_IMPORTED_MODULE_8__.h,common:{icon:"doner",medium:!0,"aria-label":"balloon"},xAxis:{default:{},hover:{className:"hover"},active:{className:"active"},focus:{className:"focus focus-visible"},disabled:{disabled:!0}},yAxis:{default:{},info:{info:!0},danger:{danger:!0},success:{success:!0},warning:{warning:!0},secondary:{secondary:!0},"secondary-info | primary":{info:!0,secondary:!0},"secondary-danger":{danger:!0,secondary:!0},"secondary-success":{success:!0,secondary:!0},"secondary-warning":{warning:!0,secondary:!0}}})})},Sizes=function Sizes(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(_ButtonGroup__WEBPACK_IMPORTED_MODULE_7__.h,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_IconButton__WEBPACK_IMPORTED_MODULE_8__.h,{icon:"balloon","aria-label":"balloon",secondary:!0}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_IconButton__WEBPACK_IMPORTED_MODULE_8__.h,{icon:"balloon","aria-label":"balloon",secondary:!0,medium:!0}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_IconButton__WEBPACK_IMPORTED_MODULE_8__.h,{icon:"balloon","aria-label":"balloon",secondary:!0,small:!0}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_IconButton__WEBPACK_IMPORTED_MODULE_8__.h,{icon:"balloon","aria-label":"balloon",secondary:!0,tiny:!0}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_IconButton__WEBPACK_IMPORTED_MODULE_8__.h,{icon:"balloon","aria-label":"balloon",secondary:!0,mini:!0})]})};Sizes.displayName="Sizes";var _IconButtonDisabled=function _IconButtonDisabled(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_IconButton__WEBPACK_IMPORTED_MODULE_8__.h,{icon:"balloon","aria-label":"balloon",disabled:!0})};_IconButtonDisabled.displayName="_IconButtonDisabled";var _IconButtonWithEmoji=function _IconButtonWithEmoji(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_IconButton__WEBPACK_IMPORTED_MODULE_8__.h,{icon:EmojiElement,"aria-label":"emoji"})};_IconButtonWithEmoji.displayName="_IconButtonWithEmoji";var _IconButtonInfo=function _IconButtonInfo(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_IconButton__WEBPACK_IMPORTED_MODULE_8__.h,{icon:"balloon","aria-label":"balloon",info:!0})};_IconButtonInfo.displayName="_IconButtonInfo";var _IconButtonSecondaryInfo=function _IconButtonSecondaryInfo(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_IconButton__WEBPACK_IMPORTED_MODULE_8__.h,{icon:"balloon","aria-label":"balloon",secondary:!0,info:!0})};_IconButtonSecondaryInfo.displayName="_IconButtonSecondaryInfo";var _IconButtonSuccess=function _IconButtonSuccess(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_IconButton__WEBPACK_IMPORTED_MODULE_8__.h,{icon:"balloon","aria-label":"balloon",success:!0})};_IconButtonSuccess.displayName="_IconButtonSuccess";var _IconButtonSecondarySuccess=function _IconButtonSecondarySuccess(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_IconButton__WEBPACK_IMPORTED_MODULE_8__.h,{icon:"balloon","aria-label":"balloon",secondary:!0,success:!0})};_IconButtonSecondarySuccess.displayName="_IconButtonSecondarySuccess";var _IconButtonWarning=function _IconButtonWarning(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_IconButton__WEBPACK_IMPORTED_MODULE_8__.h,{icon:"balloon","aria-label":"balloon",warning:!0})};_IconButtonWarning.displayName="_IconButtonWarning";var _IconButtonSecondaryWarning=function _IconButtonSecondaryWarning(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_IconButton__WEBPACK_IMPORTED_MODULE_8__.h,{icon:"balloon","aria-label":"balloon",secondary:!0,warning:!0})};_IconButtonSecondaryWarning.displayName="_IconButtonSecondaryWarning";var _IconButtonDanger=function _IconButtonDanger(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_IconButton__WEBPACK_IMPORTED_MODULE_8__.h,{icon:"balloon","aria-label":"balloon",danger:!0})};_IconButtonDanger.displayName="_IconButtonDanger";var _IconButtonSecondaryDanger=function _IconButtonSecondaryDanger(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_IconButton__WEBPACK_IMPORTED_MODULE_8__.h,{icon:"balloon","aria-label":"balloon",secondary:!0,danger:!0})};_IconButtonSecondaryDanger.displayName="_IconButtonSecondaryDanger";var _IconButtonWithBadge=function _IconButtonWithBadge(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_ButtonGroup__WEBPACK_IMPORTED_MODULE_7__.h,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_IconButton__WEBPACK_IMPORTED_MODULE_8__.h,{icon:"balloon",small:!0,position:"relative",overflow:"visible",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_Box_Box__WEBPACK_IMPORTED_MODULE_6__.Z,{position:"absolute",role:"status",className:(0,_rocket_chat_css_in_js__WEBPACK_IMPORTED_MODULE_1__.iv)(_templateObject||(_templateObject=(0,_babel_runtime_helpers_taggedTemplateLiteralLoose__WEBPACK_IMPORTED_MODULE_10__.Z)(["\n top: 0;\n right: 0;\n transform: translate(30%, -30%);\n "]))),children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_Badge__WEBPACK_IMPORTED_MODULE_5__.C,{variant:"danger",children:"2"})})})})};_IconButtonWithBadge.displayName="_IconButtonWithBadge",_IconButton.parameters=Object.assign({storySource:{source:"() => (\n \n)"}},_IconButton.parameters),States.parameters=Object.assign({storySource:{source:"() => (\n <>\n \n {/* \n */}\n \n)"}},States.parameters),Variants.parameters=Object.assign({storySource:{source:"() => (\n <>\n \n \n)"}},Variants.parameters),Sizes.parameters=Object.assign({storySource:{source:"() => (\n \n \n \n \n \n \n \n)"}},Sizes.parameters),_IconButtonDisabled.parameters=Object.assign({storySource:{source:"() => (\n \n)"}},_IconButtonDisabled.parameters),_IconButtonWithEmoji.parameters=Object.assign({storySource:{source:"() => (\n \n)"}},_IconButtonWithEmoji.parameters),_IconButtonInfo.parameters=Object.assign({storySource:{source:"() => (\n \n)"}},_IconButtonInfo.parameters),_IconButtonSecondaryInfo.parameters=Object.assign({storySource:{source:"() => "}},_IconButtonSecondaryInfo.parameters),_IconButtonSuccess.parameters=Object.assign({storySource:{source:"() => (\n \n)"}},_IconButtonSuccess.parameters),_IconButtonSecondarySuccess.parameters=Object.assign({storySource:{source:"() => "}},_IconButtonSecondarySuccess.parameters),_IconButtonWarning.parameters=Object.assign({storySource:{source:"() => (\n \n)"}},_IconButtonWarning.parameters),_IconButtonSecondaryWarning.parameters=Object.assign({storySource:{source:"() => "}},_IconButtonSecondaryWarning.parameters),_IconButtonDanger.parameters=Object.assign({storySource:{source:"() => (\n \n)"}},_IconButtonDanger.parameters),_IconButtonSecondaryDanger.parameters=Object.assign({storySource:{source:"() => "}},_IconButtonSecondaryDanger.parameters),_IconButtonWithBadge.parameters=Object.assign({storySource:{source:"() => (\n \n \n \n 2\n     \n \n \n)"}},_IconButtonWithBadge.parameters);var __namedExportsOrder=["_IconButton","States","Variants","Sizes","_IconButtonDisabled","_IconButtonWithEmoji","_IconButtonInfo","_IconButtonSecondaryInfo","_IconButtonSuccess","_IconButtonSecondarySuccess","_IconButtonWarning","_IconButtonSecondaryWarning","_IconButtonDanger","_IconButtonSecondaryDanger","_IconButtonWithBadge"]},"./src/components/ButtonGroup/ButtonGroup.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{AlignedAtCenter:()=>AlignedAtCenter,AlignedAtEnd:()=>AlignedAtEnd,AlignedAtStart:()=>AlignedAtStart,Default:()=>Default,Large:()=>Large,Small:()=>Small,Stretch:()=>Stretch,Vertical:()=>Vertical,VerticalLarge:()=>VerticalLarge,VerticalSmall:()=>VerticalSmall,VerticalStretch:()=>VerticalStretch,Wrap:()=>Wrap,__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/ButtonGroup",component:___WEBPACK_IMPORTED_MODULE_4__.hE2,parameters:{docs:{description:{component:"A container for grouping buttons that semantically share a common action context."},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__.QE,{}),(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,{story:_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__.Uh}),(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,Object.assign({},args,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.zxk,{children:"Button 1"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.zxk,{children:"Button 2"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.zxk,{children:"Button 3"})]}))};Template.displayName="Template";var TemplateMultiple=function TemplateMultiple(args){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(___WEBPACK_IMPORTED_MODULE_4__.hE2,Object.assign({},args,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.zxk,{children:"Button 1"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.zxk,{children:"Button 2"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.zxk,{children:"Button 3"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.zxk,{children:"Button 4"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.zxk,{children:"Button 5"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.zxk,{children:"Button 6"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.zxk,{children:"Button 7"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.zxk,{children:"Button 8"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.zxk,{children:"Button 9"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.zxk,{children:"Button 10"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.zxk,{children:"Button 11"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.zxk,{children:"Button 12"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.zxk,{children:"Button 13"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.zxk,{children:"Button 14"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.zxk,{children:"Button 15"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.zxk,{children:"Button 16"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.zxk,{children:"Button 17"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.zxk,{children:"Button 18"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.zxk,{children:"Button 19"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.zxk,{children:"Button 20"})]}))};TemplateMultiple.displayName="TemplateMultiple";var Default=Template.bind({}),Large=Template.bind({});Large.args={large:!0};var Small=Template.bind({});Small.args={small:!0};var Wrap=TemplateMultiple.bind({});Wrap.args={wrap:!0};var Stretch=Template.bind({});Stretch.args={stretch:!0};var Vertical=Template.bind({});Vertical.args={vertical:!0};var VerticalLarge=Template.bind({});VerticalLarge.args={vertical:!0,large:!0};var VerticalSmall=Template.bind({});VerticalSmall.args={vertical:!0,small:!0};var VerticalStretch=Template.bind({});VerticalStretch.args={vertical:!0,stretch:!0};var AlignedAtStart=Template.bind({});AlignedAtStart.args={align:"start"};var AlignedAtCenter=Template.bind({});AlignedAtCenter.args={align:"center"};var AlignedAtEnd=Template.bind({});AlignedAtEnd.args={align:"end"},Default.parameters=Object.assign({storySource:{source:"(args) => (\n \n \n \n \n \n)"}},Default.parameters),Large.parameters=Object.assign({storySource:{source:"(args) => (\n \n \n \n \n \n)"}},Large.parameters),Small.parameters=Object.assign({storySource:{source:"(args) => (\n \n \n \n \n \n)"}},Small.parameters),Wrap.parameters=Object.assign({storySource:{source:"(args) => (\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n)"}},Wrap.parameters),Stretch.parameters=Object.assign({storySource:{source:"(args) => (\n \n \n \n \n \n)"}},Stretch.parameters),Vertical.parameters=Object.assign({storySource:{source:"(args) => (\n \n \n \n \n \n)"}},Vertical.parameters),VerticalLarge.parameters=Object.assign({storySource:{source:"(args) => (\n \n \n \n \n \n)"}},VerticalLarge.parameters),VerticalSmall.parameters=Object.assign({storySource:{source:"(args) => (\n \n \n \n \n \n)"}},VerticalSmall.parameters),VerticalStretch.parameters=Object.assign({storySource:{source:"(args) => (\n \n \n \n \n \n)"}},VerticalStretch.parameters),AlignedAtStart.parameters=Object.assign({storySource:{source:"(args) => (\n \n \n \n \n \n)"}},AlignedAtStart.parameters),AlignedAtCenter.parameters=Object.assign({storySource:{source:"(args) => (\n \n \n \n \n \n)"}},AlignedAtCenter.parameters),AlignedAtEnd.parameters=Object.assign({storySource:{source:"(args) => (\n \n \n \n \n \n)"}},AlignedAtEnd.parameters);var __namedExportsOrder=["Default","Large","Small","Wrap","Stretch","Vertical","VerticalLarge","VerticalSmall","VerticalStretch","AlignedAtStart","AlignedAtCenter","AlignedAtEnd"]},"./src/components/Callout/Callout.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{CustomIcon:()=>CustomIcon,Danger:()=>Danger,Default:()=>Default,Info:()=>Info,Success:()=>Success,Warning:()=>Warning,WithDescriptionOnly:()=>WithDescriptionOnly,__namedExportsOrder:()=>__namedExportsOrder,default:()=>Callout_stories});__webpack_require__("../../node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("../../node_modules/core-js/modules/es.function.bind.js");var esm=__webpack_require__("../../node_modules/@storybook/addon-docs/dist/esm/index.js"),src=(__webpack_require__("../../node_modules/react/index.js"),__webpack_require__("./src/index.ts")),setStoryDescription=function setStoryDescription(description){return{docs:{description:{story:description}}}},jsx_runtime=__webpack_require__("../../node_modules/react/jsx-runtime.js");const Callout_stories={title:"Feedback/Callout",component:src.UWt,parameters:{docs:{description:{component:"The `Callout` is used to get the user's attention explaining something important in the content of the current page."},page:function page(){return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(esm.Dx,{}),(0,jsx_runtime.jsx)(esm.QE,{}),(0,jsx_runtime.jsx)(esm.dk,{}),(0,jsx_runtime.jsx)(esm.sq,{}),(0,jsx_runtime.jsx)(esm.$4,{story:esm.Uh}),(0,jsx_runtime.jsx)(esm.fQ,{title:""})]})}}}};var Template=function Template(args){return(0,jsx_runtime.jsx)(src.UWt,Object.assign({},args,{children:args.children||"This is a generic description."}))};Template.displayName="Template";var Default=Template.bind({});Default.args={title:"This is a generic title"};var WithDescriptionOnly=Template.bind({}),Info=Template.bind({});Info.args={type:"info",title:"This is a info message"};var Success=Template.bind({});Success.args={type:"success",title:"This is a success message"},Success.parameters=setStoryDescription("Communicates that an important aspect of the system is working as expected.");var Warning=Template.bind({});Warning.args={type:"warning",title:"This is a warning message"},Warning.parameters=setStoryDescription("Communicates that an important aspect of the system needs attention.");var Danger=Template.bind({});Danger.args={type:"danger",title:"This is a danger message"},Danger.parameters=setStoryDescription("Communicates that an important aspect of the system is not working as expected and requires urgent action.");var CustomIcon=Template.bind({});CustomIcon.args={title:"This is a message with custom icon",icon:"hash"},Default.parameters=Object.assign({storySource:{source:"(args) => (\n \n {args.children || 'This is a generic description.'}\n \n)"}},Default.parameters),WithDescriptionOnly.parameters=Object.assign({storySource:{source:"(args) => (\n \n {args.children || 'This is a generic description.'}\n \n)"}},WithDescriptionOnly.parameters),Info.parameters=Object.assign({storySource:{source:"(args) => (\n \n {args.children || 'This is a generic description.'}\n \n)"}},Info.parameters),Success.parameters=Object.assign({storySource:{source:"(args) => (\n \n {args.children || 'This is a generic description.'}\n \n)"}},Success.parameters),Warning.parameters=Object.assign({storySource:{source:"(args) => (\n \n {args.children || 'This is a generic description.'}\n \n)"}},Warning.parameters),Danger.parameters=Object.assign({storySource:{source:"(args) => (\n \n {args.children || 'This is a generic description.'}\n \n)"}},Danger.parameters),CustomIcon.parameters=Object.assign({storySource:{source:"(args) => (\n \n {args.children || 'This is a generic description.'}\n \n)"}},CustomIcon.parameters);var __namedExportsOrder=["Default","WithDescriptionOnly","Info","Success","Warning","Danger","CustomIcon"]},"./src/components/CheckBox/CheckBox.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Checked:()=>Checked,Default:()=>Default,DefaultChecked:()=>DefaultChecked,Disabled:()=>Disabled,Indeterminate:()=>Indeterminate,__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/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/CheckBox",component:___WEBPACK_IMPORTED_MODULE_4__.JgP,decorators:[function(Story){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)(Story,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.__J,{mis:"x4",htmlFor:_storybook_helpers__WEBPACK_IMPORTED_MODULE_5__.yv,children:_storybook_helpers__WEBPACK_IMPORTED_MODULE_5__.aD})]})}]};var Template=function Template(args){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.JgP,Object.assign({},args,{id:_storybook_helpers__WEBPACK_IMPORTED_MODULE_5__.yv,onChange:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("change")}))};Template.displayName="Template";var Default=Template.bind({}),Checked=Template.bind({});Checked.args={checked:!0};var Indeterminate=Template.bind({});Indeterminate.args={indeterminate:!0};var Disabled=Template.bind({});Disabled.args={disabled:!0};var DefaultChecked=Template.bind({});DefaultChecked.args={defaultChecked:!0},Default.parameters=Object.assign({storySource:{source:"(args) => (\n \n)"}},Default.parameters),Checked.parameters=Object.assign({storySource:{source:"(args) => (\n \n)"}},Checked.parameters),Indeterminate.parameters=Object.assign({storySource:{source:"(args) => (\n \n)"}},Indeterminate.parameters),Disabled.parameters=Object.assign({storySource:{source:"(args) => (\n \n)"}},Disabled.parameters),DefaultChecked.parameters=Object.assign({storySource:{source:"(args) => (\n \n)"}},DefaultChecked.parameters);var __namedExportsOrder=["Default","Checked","Indeterminate","Disabled","DefaultChecked"]},"./src/components/Chevron/Chevron.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,Down:()=>Down,Left:()=>Left,Right:()=>Right,Size:()=>Size,Up:()=>Up,__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"),__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:"Data Display/Chevron",component:___WEBPACK_IMPORTED_MODULE_3__.Tt3};var Template=function Template(args){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.Tt3,Object.assign({},args,{size:40}))};Template.displayName="Template";var Default=Template.bind({}),Up=Template.bind({});Up.args={up:!0};var Right=Template.bind({});Right.args={right:!0};var Down=Template.bind({});Down.args={down:!0};var Left=Template.bind({});Left.args={left:!0};var Size=function Size(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.xuv,{display:"flex",alignItems:"center",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.Tt3,{size:"x2"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.Tt3,{size:"x4"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.Tt3,{size:"x8"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.Tt3,{size:"x16"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.Tt3,{size:"x20"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.Tt3,{size:"x24"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.Tt3,{size:"x32"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.Tt3,{size:"x40"})]})};Size.displayName="Size",Default.parameters=Object.assign({storySource:{source:"(args) => (\n \n)"}},Default.parameters),Up.parameters=Object.assign({storySource:{source:"(args) => (\n \n)"}},Up.parameters),Right.parameters=Object.assign({storySource:{source:"(args) => (\n \n)"}},Right.parameters),Down.parameters=Object.assign({storySource:{source:"(args) => (\n \n)"}},Down.parameters),Left.parameters=Object.assign({storySource:{source:"(args) => (\n \n)"}},Left.parameters),Size.parameters=Object.assign({storySource:{source:"() => (\n \n \n \n \n \n \n \n \n \n \n)"}},Size.parameters);var __namedExportsOrder=["Default","Up","Right","Down","Left","Size"]},"./src/components/Chip/Chip.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,Dismissible:()=>Dismissible,WithThumb:()=>WithThumb,WithThumbUrl:()=>WithThumbUrl,__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/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:"Data Display/Chip",component:___WEBPACK_IMPORTED_MODULE_4__.AfN};var Template=function Template(args){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.AfN,Object.assign({},args,{children:"Marie Rowe"}))};Template.displayName="Template";var Default=Template.bind({}),WithThumbUrl=Template.bind({});WithThumbUrl.args={thumbUrl:_storybook_helpers__WEBPACK_IMPORTED_MODULE_5__.Hh,onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("click")};var Dismissible=Template.bind({});Dismissible.args={onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("click")};var Disabled=Template.bind({});Disabled.args={disabled:!0};var WithThumb=function WithThumb(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.xuv,{display:"flex",margin:"-x4",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{all:"x4",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.AfN,{thumbUrl:_storybook_helpers__WEBPACK_IMPORTED_MODULE_5__._r,children:"Chip"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.AfN,{thumbUrl:_storybook_helpers__WEBPACK_IMPORTED_MODULE_5__._r,onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("click"),children:"Chip"})]})})};WithThumb.displayName="WithThumb",Default.parameters=Object.assign({storySource:{source:"(args) => (\n Marie Rowe\n)"}},Default.parameters),WithThumbUrl.parameters=Object.assign({storySource:{source:"(args) => (\n Marie Rowe\n)"}},WithThumbUrl.parameters),Dismissible.parameters=Object.assign({storySource:{source:"(args) => (\n Marie Rowe\n)"}},Dismissible.parameters),Disabled.parameters=Object.assign({storySource:{source:"(args) => (\n Marie Rowe\n)"}},Disabled.parameters),WithThumb.parameters=Object.assign({storySource:{source:"() => (\n \n \n Chip\n \n Chip\n \n \n \n)"}},WithThumb.parameters);var __namedExportsOrder=["Default","WithThumbUrl","Dismissible","Disabled","WithThumb"]},"./src/components/CodeSnippet/CodeSnippet.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{CopyButton:()=>CopyButton,CustomButtonName:()=>CustomButtonName,Default:()=>Default,LoadingCode:()=>LoadingCode,__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:"Data Display/CodeSnippet",component:___WEBPACK_IMPORTED_MODULE_5__.Oig,parameters:{docs:{description:{component:"The `CodeSnippet` is used to show code or commands and make easier to copy them. \n\n The default button text is `Copy` but you can use the `buttonText` prop to handle translations in your project. \n\n Please check the `useClipBoard` hook in `fuselage-hooks` package, to handle the copy behaviour.\n\t\t\t\t"},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:"Input component state"})]})}}}};var Template=function Template(args){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.Oig,Object.assign({},args))};Template.displayName="Template";var Default=Template.bind({});Default.args={children:"curl -L https://go.rocket.chat/i/docker-compose.yml -O"};var CopyButton=Template.bind({});CopyButton.args={children:"curl -L https://go.rocket.chat/i/docker-compose.yml -O",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("click")};var CustomButtonName=Template.bind({});CustomButtonName.args={children:"curl -L https://go.rocket.chat/i/docker-compose.yml -O",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("click"),buttonText:"Custom name"};var LoadingCode=Template.bind({});LoadingCode.args={children:"",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("click")},Default.parameters=Object.assign({storySource:{source:"(args) => (\n \n)"}},Default.parameters),CopyButton.parameters=Object.assign({storySource:{source:"(args) => (\n \n)"}},CopyButton.parameters),CustomButtonName.parameters=Object.assign({storySource:{source:"(args) => (\n \n)"}},CustomButtonName.parameters),LoadingCode.parameters=Object.assign({storySource:{source:"(args) => (\n \n)"}},LoadingCode.parameters);var __namedExportsOrder=["Default","CopyButton","CustomButtonName","LoadingCode"]},"./src/components/Contextualbar/Contextualbar.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,Empty:()=>Empty,Skeleton:()=>Skeleton,__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/Contextualbar/index.ts"),___WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/components/index.ts"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("../../node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__={title:"Containers/Contextualbar",component:___WEBPACK_IMPORTED_MODULE_2__.R$,parameters:{docs:{description:{component:"The `Contextualbar` has the purpose to persist and input information about the scope of the related page.\n\t\t\t\t"}}},decorators:[function(storyFn){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.xuv,{width:"x400",elevation:"2",children:storyFn()})}]};var Default=function Default(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)(___WEBPACK_IMPORTED_MODULE_2__.R$,{position:"static",height:"x540",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)(___WEBPACK_IMPORTED_MODULE_2__.JC,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_2__.mr,{name:"chevron-right"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_2__.mr,{title:"Back",name:"arrow-back"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_2__.ZF,{children:"Contextualbar Title"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)(___WEBPACK_IMPORTED_MODULE_2__.IP,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_2__.mr,{title:"Title",name:"new-window",onClick:function onClick(){}}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_2__.mr,{name:"add-user",onClick:function onClick(){return console.log("close")}})]})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_2__.J4,{children:"Contextualbar Content"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_2__.Cl,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.hE2,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_2__.tF,{width:"full",secondary:!0,children:"Cancel"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.zxk,{width:"full",primary:!0,children:"Save"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.hU,{icon:"menu"})]})})]})};Default.displayName="Default";var Skeleton=function Skeleton(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_2__.jV,{position:"static",height:"x540"})};Skeleton.displayName="Skeleton";var Empty=function Empty(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)(___WEBPACK_IMPORTED_MODULE_2__.R$,{position:"static",height:"x540",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)(___WEBPACK_IMPORTED_MODULE_2__.JC,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_2__.mr,{name:"chevron-right"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_2__.ZF,{children:"Contextualbar Empty"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_2__.IP,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_2__.mr,{title:"Title",name:"new-window",onClick:function onClick(){}})})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_2__.NJ,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_2__.Cl,{children:"Footer"})]})};Empty.displayName="Empty",Default.parameters=Object.assign({storySource:{source:"() => (\n \n \n \n \n Contextualbar Title\n \n {}}\n />\n console.log('close')}\n />\n \n \n Contextualbar Content\n \n \n \n Cancel\n \n \n \n \n \n \n)"}},Default.parameters),Skeleton.parameters=Object.assign({storySource:{source:"() => (\n \n)"}},Skeleton.parameters),Empty.parameters=Object.assign({storySource:{source:"() => (\n \n \n \n Contextualbar Empty\n \n {}}\n />\n \n \n \n Footer\n \n)"}},Empty.parameters);var __namedExportsOrder=["Default","Skeleton","Empty"]},"./src/components/Divider/Divider.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{AsButtonSeparator:()=>AsButtonSeparator,Default:()=>Default,Vertical:()=>Vertical,WithText:()=>WithText,__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"),__webpack_require__("../../node_modules/react/index.js");var ___WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/components/index.ts"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("../../node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__={title:"Data Display/Divider",component:___WEBPACK_IMPORTED_MODULE_3__.izJ};var Template=function Template(args){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.izJ,Object.assign({},args))};Template.displayName="Template";var Default=Template.bind({}),WithText=Template.bind({});WithText.args={children:"Divider"};var Vertical=Template.bind({});Vertical.args={vertical:!0};var AsButtonSeparator=function AsButtonSeparator(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.hE2,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.hU,{small:!0,icon:"phone"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.izJ,{vertical:!0}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.hU,{small:!0,icon:"user"})]})};AsButtonSeparator.displayName="AsButtonSeparator",Default.parameters=Object.assign({storySource:{source:"(args) => (\n \n)"}},Default.parameters),WithText.parameters=Object.assign({storySource:{source:"(args) => (\n \n)"}},WithText.parameters),Vertical.parameters=Object.assign({storySource:{source:"(args) => (\n \n)"}},Vertical.parameters),AsButtonSeparator.parameters=Object.assign({storySource:{source:"() => (\n \n \n \n \n \n)"}},AsButtonSeparator.parameters);var __namedExportsOrder=["Default","WithText","Vertical","AsButtonSeparator"]},"./src/components/Dropdown/Dropdown.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.array.from.js"),__webpack_require__("../../node_modules/core-js/modules/es.string.iterator.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_4__=__webpack_require__("../../node_modules/react/index.js"),___WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/components/index.ts"),_Button__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/components/Button/index.ts"),_Option__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/components/Option/index.tsx"),_Dropdown__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/components/Dropdown/Dropdown.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("../../node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__={title:"Navigation/Dropdown",component:_Dropdown__WEBPACK_IMPORTED_MODULE_8__.L,parameters:{jest:["Dropdown.spec.tsx"]}};var Default=function Default(){var anchor=(0,react__WEBPACK_IMPORTED_MODULE_4__.useRef)(null),target=(0,react__WEBPACK_IMPORTED_MODULE_4__.useRef)(null),list=Array.from(new Array(20));return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(___WEBPACK_IMPORTED_MODULE_5__.xuv,{w:"400px",h:"500px",display:"flex",justifyContent:"center",alignItems:"center",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_Button__WEBPACK_IMPORTED_MODULE_6__.hU,{secondary:!0,small:!0,ref:anchor,icon:"doner","data-testid":"dropdown-anchor"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_Dropdown__WEBPACK_IMPORTED_MODULE_8__.L,{ref:target,reference:anchor,placement:"bottom-end",children:list.map((function(_,i){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(_Option__WEBPACK_IMPORTED_MODULE_7__.ZP,{children:["Example ",i+1]},i)}))})]})};Default.displayName="Default",Default.parameters=Object.assign({storySource:{source:"() => {\n const anchor = useRef(null);\n const target = useRef(null);\n\n const list = Array.from(new Array(20));\n\n return (\n \n \n \n {list.map((_, i) => (\n \n ))}\n \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,{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,{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,{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,{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,{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,{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,{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,{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