From 677f78d4e13a27c1c8d339dbc418de64e2778f85 Mon Sep 17 00:00:00 2001 From: "github-actions[bot]" <41898282+github-actions[bot]@users.noreply.github.com> Date: Wed, 13 Sep 2023 17:40:13 +0000 Subject: [PATCH] Deploy to Github Pages [skip ci] --- css-in-js/functions/attachRules.html | 2 +- css-in-js/functions/createAnimationName.html | 2 +- css-in-js/functions/createClassName.html | 2 +- css-in-js/functions/css.html | 2 +- css-in-js/functions/escapeName.html | 2 +- css-in-js/functions/keyframes.html | 2 +- css-in-js/functions/transpile.html | 2 +- css-in-js/types/cssFn.html | 2 +- css-in-js/types/keyframesFn.html | 2 +- css-supports/functions/cssSupports.html | 2 +- emitter/classes/Emitter.html | 18 +++---- emitter/interfaces/IEmitter.html | 14 ++--- emitter/types/AnyEventHandlerOf.html | 2 +- emitter/types/AnyEventOf.html | 2 +- emitter/types/AnyEventTypeOf.html | 2 +- emitter/types/DefaultEventMap.html | 2 +- emitter/types/EventHandlerOf.html | 2 +- emitter/types/EventOf.html | 2 +- emitter/types/EventTypeOf.html | 2 +- emitter/types/OffCallbackHandler.html | 2 +- .../functions/useToastBarDismiss.html | 2 +- .../functions/useToastBarDispatch.html | 2 +- fuselage-toastbar/types/ToastBarPayload.html | 2 +- .../variables/ToastBarContext.html | 2 +- fuselage/iframe.html | 2 +- ...ndle.js => main.537f52d7.iframe.bundle.js} | 2 +- fuselage/master/iframe.html | 2 +- .../master/main.537f52d7.iframe.bundle.js | 1 + fuselage/master/project.json | 2 +- ...ed626cb5.woff => rocketchat.1ea5b6b7.woff} | Bin 33432 -> 33432 bytes .../static/media/rocketchat.72b27905.eot | Bin 66934 -> 66934 bytes .../static/media/rocketchat.998cf9f7.ttf | Bin 66756 -> 66756 bytes .../static/media/rocketchat.d0eaa137.woff2 | Bin 0 -> 27604 bytes .../static/media/rocketchat.d19b88fe.woff2 | Bin 27604 -> 0 bytes fuselage/project.json | 2 +- .../static/media/rocketchat.1ea5b6b7.woff | Bin 33432 -> 33432 bytes .../media/rocketchat.72b27905.eot} | Bin 66934 -> 66934 bytes .../media/rocketchat.998cf9f7.ttf} | Bin 66756 -> 66756 bytes .../static/media/rocketchat.d0eaa137.woff2 | Bin 0 -> 27604 bytes layout/functions/ActionLink.html | 2 +- layout/functions/BackgroundLayer.html | 2 +- .../functions/DarkModeProvider.Provider.html | 2 +- .../DarkModeProvider.useDarkMode.html | 2 +- layout/functions/HeroLayout.html | 2 +- layout/functions/HeroLayoutSubtitle.html | 2 +- layout/functions/HeroLayoutTitle.html | 2 +- layout/functions/HorizontalWizardLayout.html | 2 +- .../HorizontalWizardLayoutAside.html | 2 +- .../HorizontalWizardLayoutCaption.html | 2 +- .../HorizontalWizardLayoutContent.html | 2 +- .../HorizontalWizardLayoutDescription.html | 2 +- .../HorizontalWizardLayoutFooter.html | 2 +- .../HorizontalWizardLayoutSubtitle.html | 2 +- .../HorizontalWizardLayoutTitle.html | 2 +- .../HorizontalWizardTextHighlight.html | 2 +- layout/functions/LayoutLogo.LayoutLogo.html | 2 +- layout/functions/Link.html | 2 +- layout/functions/List-1.html | 2 +- layout/functions/TooltipWrapper.html | 2 +- layout/functions/VerticalWizardLayout.html | 2 +- .../functions/VerticalWizardLayoutFooter.html | 2 +- .../functions/VerticalWizardLayoutForm.html | 2 +- .../functions/VerticalWizardLayoutTitle.html | 2 +- layout/master/iframe.html | 2 +- layout/master/main.5395e62a.iframe.bundle.js | 1 + layout/master/main.cef1d348.iframe.bundle.js | 1 - layout/master/project.json | 2 +- ...ed626cb5.woff => rocketchat.1ea5b6b7.woff} | Bin 33432 -> 33432 bytes ...t.4550c48f.eot => rocketchat.72b27905.eot} | Bin 66934 -> 66934 bytes ...t.216e0b95.ttf => rocketchat.998cf9f7.ttf} | Bin 66756 -> 66756 bytes .../static/media/rocketchat.d0eaa137.woff2 | Bin 0 -> 27604 bytes .../static/media/rocketchat.d19b88fe.woff2 | Bin 27604 -> 0 bytes layout/modules/DarkModeProvider.html | 2 +- layout/modules/FormPageLayout.html | 2 +- layout/modules/LayoutLogo.html | 2 +- layout/modules/List.html | 4 +- layout/variables/List.Item.html | 2 +- logo/functions/RocketChatLogo.html | 2 +- logo/functions/TaggedRocketChatLogo.html | 2 +- memo/functions/clear.html | 2 +- memo/functions/memoize.html | 2 +- message-parser/functions/isNodeOfType.html | 2 +- message-parser/functions/parse.html | 2 +- message-parser/types/ASTNode.html | 2 +- message-parser/types/BigEmoji.html | 2 +- message-parser/types/Blockquote.html | 2 +- message-parser/types/Blocks.html | 2 +- message-parser/types/Bold.html | 2 +- message-parser/types/ChannelMention.html | 2 +- message-parser/types/Code.html | 2 +- message-parser/types/CodeLine.html | 2 +- message-parser/types/Color.html | 2 +- message-parser/types/Emoji.html | 2 +- message-parser/types/Heading.html | 2 +- message-parser/types/Image.html | 2 +- message-parser/types/InlineCode.html | 2 +- message-parser/types/InlineKaTeX.html | 2 +- message-parser/types/Inlines.html | 2 +- message-parser/types/Italic.html | 2 +- message-parser/types/KaTeX.html | 2 +- message-parser/types/LineBreak.html | 2 +- message-parser/types/Link.html | 2 +- message-parser/types/ListItem.html | 2 +- message-parser/types/MarkdownAST.html | 2 +- message-parser/types/Markup.html | 2 +- message-parser/types/MarkupExcluding.html | 2 +- message-parser/types/Options.html | 2 +- message-parser/types/OrderedList.html | 2 +- message-parser/types/Paragraph.html | 2 +- message-parser/types/Plain.html | 2 +- message-parser/types/Quote.html | 2 +- message-parser/types/Strike.html | 2 +- message-parser/types/Task.html | 2 +- message-parser/types/Tasks.html | 2 +- message-parser/types/Types.html | 2 +- message-parser/types/TypesKeys.html | 2 +- message-parser/types/UnorderedList.html | 2 +- message-parser/types/UserMention.html | 2 +- onboarding-ui/functions/AdminInfoPage.html | 2 +- .../functions/AwaitingConfirmationPage.html | 2 +- .../functions/CheckYourEmailPage.html | 2 +- .../functions/ConfirmationProcessPage.html | 2 +- .../functions/CreateCloudWorkspacePage.html | 2 +- .../functions/CreateFirstMemberPage.html | 2 +- .../functions/CreateNewAccountPage.html | 2 +- .../functions/CreateNewPasswordPage.html | 2 +- .../functions/EmailConfirmedPage.html | 2 +- onboarding-ui/functions/InformationPage.html | 2 +- onboarding-ui/functions/InvalidLinkPage.html | 2 +- onboarding-ui/functions/LoaderPage.html | 2 +- .../functions/LoginLinkEmailPage.html | 2 +- onboarding-ui/functions/LoginPage.html | 2 +- .../functions/OauthAuthorizationPage.html | 2 +- .../functions/OrganizationInfoPage.html | 2 +- onboarding-ui/functions/RedirectPage.html | 2 +- .../functions/RegisterServerPage.html | 2 +- onboarding-ui/functions/RequestTrialPage.html | 2 +- .../ResetPasswordConfirmationPage.html | 2 +- .../functions/ResetPasswordPage.html | 2 +- .../functions/SomethingWentWrongPage.html | 2 +- .../functions/StandaloneServerPage.html | 2 +- onboarding-ui/master/iframe.html | 2 +- .../master/main.8cf2effa.iframe.bundle.js | 2 - .../master/main.95a67a99.iframe.bundle.js | 2 + ...ain.95a67a99.iframe.bundle.js.LICENSE.txt} | 0 onboarding-ui/master/project.json | 2 +- .../static/media/rocketchat.1ea5b6b7.woff | Bin 0 -> 33432 bytes .../static/media/rocketchat.72b27905.eot | Bin 0 -> 66934 bytes .../static/media/rocketchat.998cf9f7.ttf | Bin 0 -> 66756 bytes .../static/media/rocketchat.d0eaa137.woff2 | Bin 0 -> 27604 bytes .../static/media/rocketchat.d19b88fe.woff2 | Bin 27604 -> 0 bytes string-helpers/functions/capitalize.html | 2 +- string-helpers/functions/escapeHTML.html | 2 +- string-helpers/functions/escapeRegExp.html | 2 +- string-helpers/functions/unescapeHTML.html | 2 +- styled/functions/default.html | 2 +- .../createLogicalPropertiesMiddleware.html | 2 +- ui-kit/classes/SurfaceRenderer.html | 36 ++++++------- ui-kit/classes/UiKitParserAttachment.html | 34 ++++++------- ui-kit/classes/UiKitParserBanner.html | 34 ++++++------- ui-kit/classes/UiKitParserContextualBar.html | 34 ++++++------- ui-kit/classes/UiKitParserMessage.html | 34 ++++++------- ui-kit/classes/UiKitParserModal.html | 34 ++++++------- ui-kit/enums/BlockContext.html | 14 ++--- ui-kit/enums/BlockElementType.html | 48 +++++++++--------- ui-kit/enums/ButtonStyle.html | 6 +-- .../enums/ConditionalBlockFiltersEngine.html | 6 +-- ui-kit/enums/ElementType.html | 42 +++++++-------- ui-kit/enums/LayoutBlockType.html | 24 ++++----- ui-kit/enums/TextObjectType.html | 10 ++-- .../functions/isPreviewBlockWithPreview.html | 2 +- ui-kit/functions/isPreviewBlockWithThumb.html | 2 +- ui-kit/functions/uiKitAttachment.html | 2 +- ui-kit/functions/uiKitBanner.html | 2 +- ui-kit/functions/uiKitContextualBar.html | 2 +- ui-kit/functions/uiKitMessage.html | 2 +- ui-kit/functions/uiKitModal.html | 2 +- ui-kit/types/AccessoryElements.html | 2 +- ui-kit/types/ActionElement.html | 2 +- ui-kit/types/ActionOf.html | 2 +- ui-kit/types/ActionableElement.html | 2 +- ui-kit/types/ActionsBlock.html | 2 +- ui-kit/types/AttachmentSurfaceLayout.html | 2 +- ui-kit/types/BannerSurfaceLayout.html | 2 +- ui-kit/types/Block.html | 2 +- ui-kit/types/BlockElement.html | 2 +- ui-kit/types/ButtonElement.html | 2 +- ui-kit/types/CalloutBlock.html | 2 +- ui-kit/types/ChannelsSelectElement.html | 2 +- ui-kit/types/CheckboxElement.html | 2 +- ui-kit/types/ConditionalBlock.html | 2 +- ui-kit/types/ConditionalBlockFilters.html | 2 +- ui-kit/types/Conditions.html | 2 +- ui-kit/types/ConfirmationDialog.html | 2 +- ui-kit/types/ContextBlock.html | 2 +- ui-kit/types/ContextElement.html | 2 +- ui-kit/types/ContextualBarSurfaceLayout.html | 2 +- ui-kit/types/ConversationsSelectElement.html | 2 +- ui-kit/types/DatePickerElement.html | 2 +- ui-kit/types/DividerBlock.html | 2 +- ui-kit/types/ExperimentalTabElement.html | 2 +- .../types/ExperimentalTabNavigationBlock.html | 2 +- ui-kit/types/IActionableElement.html | 2 +- ui-kit/types/IActionsBlock.html | 2 +- ui-kit/types/IBlock.html | 2 +- ui-kit/types/IBlockElement.html | 2 +- ui-kit/types/IButtonElement.html | 2 +- ui-kit/types/IConditionalBlock.html | 2 +- ui-kit/types/IConditionalBlockFilters.html | 2 +- ui-kit/types/IContextBlock.html | 2 +- ui-kit/types/IDatePickerElement.html | 2 +- ui-kit/types/IDividerBlock.html | 2 +- ui-kit/types/IElement.html | 2 +- ui-kit/types/IImageBlock.html | 2 +- ui-kit/types/IImageElement.html | 2 +- ui-kit/types/IInputBlock.html | 2 +- ui-kit/types/IInputElement.html | 2 +- ui-kit/types/IInteractiveElement.html | 2 +- ui-kit/types/ILinearScaleElement.html | 2 +- ui-kit/types/IMarkdown.html | 2 +- ui-kit/types/IMultiStaticSelectElement.html | 2 +- ui-kit/types/IOptionObject.html | 2 +- ui-kit/types/IOverflowElement.html | 2 +- ui-kit/types/IOverflowMenuElement.html | 2 +- ui-kit/types/IPlainText.html | 2 +- ui-kit/types/IPlainTextInput.html | 2 +- ui-kit/types/IPlainTextInputElement.html | 2 +- ui-kit/types/ISectionBlock.html | 2 +- ui-kit/types/ISelectElement.html | 2 +- ui-kit/types/IStaticSelectElement.html | 2 +- ui-kit/types/ITextObject.html | 2 +- ui-kit/types/ImageBlock.html | 2 +- ui-kit/types/ImageElement.html | 2 +- ui-kit/types/InputBlock.html | 2 +- ui-kit/types/InputElement.html | 2 +- ui-kit/types/InputElementDispatchAction.html | 2 +- ui-kit/types/LayoutBlock.html | 2 +- ui-kit/types/LinearScaleElement.html | 2 +- ui-kit/types/Markdown.html | 2 +- ui-kit/types/MessageSurfaceLayout.html | 2 +- ui-kit/types/ModalSurfaceLayout.html | 2 +- ui-kit/types/MultiChannelsSelectElement.html | 2 +- .../MultiConversationsSelectElement.html | 2 +- ui-kit/types/MultiStaticSelectElement.html | 2 +- ui-kit/types/MultiUsersSelectElement.html | 2 +- ui-kit/types/Option.html | 2 +- ui-kit/types/OptionGroup.html | 2 +- ui-kit/types/OverflowElement.html | 2 +- ui-kit/types/PlainText.html | 2 +- ui-kit/types/PlainTextInputElement.html | 2 +- ui-kit/types/PreviewBlock.html | 2 +- ui-kit/types/PreviewBlockBase.html | 2 +- ui-kit/types/PreviewBlockWithPreview.html | 2 +- ui-kit/types/PreviewBlockWithThumb.html | 2 +- ui-kit/types/RadioButtonElement.html | 2 +- ui-kit/types/RenderableBlock.html | 2 +- ui-kit/types/SectionAccessoryElement.html | 2 +- ui-kit/types/SectionBlock.html | 2 +- ui-kit/types/StaticSelectElement.html | 2 +- ui-kit/types/TextObject.html | 2 +- ui-kit/types/TimePickerElement.html | 2 +- ui-kit/types/ToggleSwitchElement.html | 2 +- ui-kit/types/UsersSelectElement.html | 2 +- ui-kit/types/VideoConferenceBlock.html | 2 +- 264 files changed, 423 insertions(+), 422 deletions(-) rename fuselage/{master/main.fe10eac0.iframe.bundle.js => main.537f52d7.iframe.bundle.js} (77%) create mode 100644 fuselage/master/main.537f52d7.iframe.bundle.js rename fuselage/master/static/media/{rocketchat.ed626cb5.woff => rocketchat.1ea5b6b7.woff} (99%) rename onboarding-ui/master/static/media/rocketchat.4550c48f.eot => fuselage/master/static/media/rocketchat.72b27905.eot (99%) rename onboarding-ui/master/static/media/rocketchat.216e0b95.ttf => fuselage/master/static/media/rocketchat.998cf9f7.ttf (99%) create mode 100644 fuselage/master/static/media/rocketchat.d0eaa137.woff2 delete mode 100644 fuselage/master/static/media/rocketchat.d19b88fe.woff2 rename onboarding-ui/master/static/media/rocketchat.ed626cb5.woff => fuselage/static/media/rocketchat.1ea5b6b7.woff (99%) rename fuselage/{master/static/media/rocketchat.4550c48f.eot => static/media/rocketchat.72b27905.eot} (99%) rename fuselage/{master/static/media/rocketchat.216e0b95.ttf => static/media/rocketchat.998cf9f7.ttf} (99%) create mode 100644 fuselage/static/media/rocketchat.d0eaa137.woff2 create mode 100644 layout/master/main.5395e62a.iframe.bundle.js delete mode 100644 layout/master/main.cef1d348.iframe.bundle.js rename layout/master/static/media/{rocketchat.ed626cb5.woff => rocketchat.1ea5b6b7.woff} (99%) rename layout/master/static/media/{rocketchat.4550c48f.eot => rocketchat.72b27905.eot} (99%) rename layout/master/static/media/{rocketchat.216e0b95.ttf => rocketchat.998cf9f7.ttf} (99%) create mode 100644 layout/master/static/media/rocketchat.d0eaa137.woff2 delete mode 100644 layout/master/static/media/rocketchat.d19b88fe.woff2 delete mode 100644 onboarding-ui/master/main.8cf2effa.iframe.bundle.js create mode 100644 onboarding-ui/master/main.95a67a99.iframe.bundle.js rename onboarding-ui/master/{main.8cf2effa.iframe.bundle.js.LICENSE.txt => main.95a67a99.iframe.bundle.js.LICENSE.txt} (100%) create mode 100644 onboarding-ui/master/static/media/rocketchat.1ea5b6b7.woff create mode 100644 onboarding-ui/master/static/media/rocketchat.72b27905.eot create mode 100644 onboarding-ui/master/static/media/rocketchat.998cf9f7.ttf create mode 100644 onboarding-ui/master/static/media/rocketchat.d0eaa137.woff2 delete mode 100644 onboarding-ui/master/static/media/rocketchat.d19b88fe.woff2 diff --git a/css-in-js/functions/attachRules.html b/css-in-js/functions/attachRules.html index 97fe0d8de4..84af27abdb 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 6ece8cceee..a7d86370c3 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 089ba62074..242ef24ea2 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 f9608f4818..31eda51858 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 39491900a7..a421ea0bb9 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 3a96be41ca..83d9a0acf4 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 a547e1be09..293835f6ec 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 1cbcf5b5e7..20f0e9eff0 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 a4f87fe546..97601600d1 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 31dca792e8..9612ae6a6c 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 aa6da5af5e..7da96df51d 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 24dc04964b..d532787465 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 6a483c005b..3bccd55210 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 09ad28455b..a11726b308 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 aa549fd992..01e53b1652 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 f4dbaf9639..be5ddbedf6 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 1b73b63569..2e7e87e350 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 0d417fe58c..00e2c599a7 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 e36cb23b6c..5b5288065b 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 307e539419..fab30f7fc1 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 a182f52b1f..b350349cf8 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 77ec09994e..9d67c82cda 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 28dfa59d16..a2bdba58a0 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 7894f1e59e..9093b7c66a 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 777b2efafa..ad3f851430 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/master/main.fe10eac0.iframe.bundle.js b/fuselage/main.537f52d7.iframe.bundle.js similarity index 77% rename from fuselage/master/main.fe10eac0.iframe.bundle.js rename to fuselage/main.537f52d7.iframe.bundle.js index 2da6adbc1c..8980af0db8 100644 --- a/fuselage/master/main.fe10eac0.iframe.bundle.js +++ b/fuselage/main.537f52d7.iframe.bundle.js @@ -1 +1 @@ -(self.webpackChunk_rocket_chat_fuselage=self.webpackChunk_rocket_chat_fuselage||[]).push([[179],{"./src/components/Box/Box.stories.mdx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{__namedExportsOrder:()=>__namedExportsOrder,__page:()=>__page,default:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("../../node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("../../node_modules/core-js/modules/es.symbol.js"),__webpack_require__("../../node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("../../node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("../../node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("../../node_modules/@storybook/addon-docs/dist/esm/index.js"),_excluded=["components"];function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={};function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("wrapper",_extends({},layoutProps,props,{components,mdxType:"MDXLayout"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.h_,{title:"Layout/Box/Overview",parameters:{jest:["Box/spec"]},mdxType:"Meta"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("h1",{id:"box"},"Box"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",null,"A primitive component with normalized styles and a lot of props for prototyping."),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("h3",{id:"rcx--prefixed-props"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"h3"},"rcx-")," prefixed props"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",null,"As the class names used in Fuselage are prefixed by ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"p"},"rcx-"),", props named as ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"p"},"rcx-*")," are automatically converted into\nvalues appended to the ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"p"},"className")," prop."),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",null,"For instance,"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("pre",null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("code",{parentName:"pre",className:"language-jsx"},"\n")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",null,"is rendered as"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("pre",null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("code",{parentName:"pre",className:"language-html"},'
    \n')))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var __page=function __page(){throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};var componentMeta={title:"Layout/Box/Overview",parameters:{jest:["Box/spec"]},includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.aT,{mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(MDXContent,null))}});const __WEBPACK_DEFAULT_EXPORT__=componentMeta;var __namedExportsOrder=["__page"]},"./src/components/Box/props.stories.mdx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{__namedExportsOrder:()=>__namedExportsOrder,borderRadii:()=>borderRadii,borders:()=>borders,default:()=>__WEBPACK_DEFAULT_EXPORT__,display:()=>display,elevation:()=>elevation,fontColors:()=>fontColors,fontFamilies:()=>fontFamilies,fontScales:()=>fontScales,fontSizes:()=>fontSizes,fontStyles:()=>fontStyles,fontWeights:()=>fontWeights,heights:()=>heights,inset:()=>inset,invisible:()=>invisible,isProp:()=>isProp,letterSpacing:()=>letterSpacing,lineHeights:()=>lineHeights,margins:()=>margins,opacity:()=>opacity,paddings:()=>paddings,position:()=>position,sizes:()=>sizes,statusColors:()=>statusColors,strokeColors:()=>strokeColors,surfaceColors:()=>surfaceColors,textAlignment:()=>textAlignment,textDecoration:()=>textDecoration,textTransform:()=>textTransform,verticalAlignment:()=>verticalAlignment,widths:()=>widths,withRichContent:()=>withRichContent,withTruncatedText:()=>withTruncatedText,wordBreak:()=>wordBreak,zIndex:()=>zIndex});__webpack_require__("../../node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("../../node_modules/core-js/modules/es.symbol.js"),__webpack_require__("../../node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.map.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.assign.js");var react__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("../../node_modules/react/index.js"),_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("../../node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("../../node_modules/@storybook/addon-docs/dist/esm/index.js"),react_keyed_flatten_children__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("../../node_modules/react-keyed-flatten-children/index.js"),___WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./src/index.ts"),_excluded=["components"];function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={};function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)("wrapper",_extends({},layoutProps,props,{components,mdxType:"MDXLayout"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.h_,{title:"Layout/Box/Props",parameters:{jest:["Box/spec"]},mdxType:"Meta"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)("h1",{id:"box"},"Box"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)("h2",{id:"props"},"Props"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)("p",null,"Most of the props are designed to change styles by creating CSS rules at runtime."),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.$4,{of:___WEBPACK_IMPORTED_MODULE_10__.xuv,mdxType:"ArgsTable"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)("h3",{id:"is-prop"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)("inlineCode",{parentName:"h3"},"is")," prop"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)("p",null,"The ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)("inlineCode",{parentName:"p"},"is")," prop allows ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)("inlineCode",{parentName:"p"},"Box")," to render any component capable of handling common DOM attributes, specially ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)("inlineCode",{parentName:"p"},"className")," and\n",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)("inlineCode",{parentName:"p"},"style"),"."),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.Xz,{mdxType:"Canvas"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.oG,{name:"is prop",mdxType:"Story"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{is:___WEBPACK_IMPORTED_MODULE_10__.zxk,mdxType:"Box"},"A Box rendering a Button"))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)("h3",{id:"space"},"Space"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)("h4",{id:"margins"},"Margins"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.Xz,{mdxType:"Canvas"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.oG,{name:"Margins",decorators:[function(fn){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{display:"flex",flexWrap:"wrap",alignItems:"center",mdxType:"Box"},(0,react_keyed_flatten_children__WEBPACK_IMPORTED_MODULE_9__.Z)(fn().props.children).map((function(child){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{key:child.key,bg:"neutral-200",m:16,mdxType:"Box"},react__WEBPACK_IMPORTED_MODULE_6__.cloneElement(child,{bg:"primary-200"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{bg:"neutral-500",size:"x16",mdxType:"Box"})))})))}],mdxType:"Story"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(react__WEBPACK_IMPORTED_MODULE_6__.Fragment,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{m:16,mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{margin:16,mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{mb:16,mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{marginBlock:16,mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{mbs:16,mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{marginBlockStart:16,mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{mbe:16,mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{marginBlockEnd:16,mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{mi:16,mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{marginInline:16,mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{mis:16,mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{marginInlineStart:16,mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{mie:16,mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{marginInlineEnd:16,mdxType:"Box"})))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)("h4",{id:"paddings"},"Paddings"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.Xz,{mdxType:"Canvas"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.oG,{name:"Paddings",decorators:[function(fn){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{display:"flex",flexWrap:"wrap",alignItems:"center",mdxType:"Box"},(0,react_keyed_flatten_children__WEBPACK_IMPORTED_MODULE_9__.Z)(fn().props.children).map((function(child){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{key:child.key,bg:"neutral-200",m:16,mdxType:"Box"},react__WEBPACK_IMPORTED_MODULE_6__.cloneElement(child,{bg:"primary-200"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{bg:"neutral-500",size:"x16",mdxType:"Box"})))})))}],mdxType:"Story"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(react__WEBPACK_IMPORTED_MODULE_6__.Fragment,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{p:16,mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{padding:16,mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{pb:16,mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{paddingBlock:16,mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{pbs:16,mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{paddingBlockStart:16,mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{pbe:16,mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{paddingBlockEnd:16,mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{pi:16,mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{paddingInline:16,mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{pis:16,mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{paddingInlineStart:16,mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{pie:16,mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{paddingInlineEnd:16,mdxType:"Box"})))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)("h3",{id:"color"},"Color"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)("h4",{id:"surface-colors"},"Surface Colors"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.Xz,{mdxType:"Canvas"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.oG,{name:"Surface Colors",decorators:[function(fn){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{display:"flex",flexWrap:"wrap",alignItems:"center",overflow:"hidden",mdxType:"Box"},(0,react_keyed_flatten_children__WEBPACK_IMPORTED_MODULE_9__.Z)(fn().props.children).map((function(child){return react__WEBPACK_IMPORTED_MODULE_6__.cloneElement(child,{m:"x4",size:"x122",color:"annotation",textAlign:"center"},child.props.bg)})))}],mdxType:"Story"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(react__WEBPACK_IMPORTED_MODULE_6__.Fragment,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{bg:"light",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{bg:"tint",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{bg:"room",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{bg:"neutral",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{bg:"disabled",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{bg:"hover",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{bg:"selected",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{bg:"dark",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{bg:"featured",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{bg:"featured-hover",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{bg:"transparent",mdxType:"Box"})))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)("h4",{id:"status-colors"},"Status Colors"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.Xz,{mdxType:"Canvas"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.oG,{name:"Status Colors",decorators:[function(fn){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{display:"flex",flexWrap:"wrap",alignItems:"center",overflow:"hidden",mdxType:"Box"},(0,react_keyed_flatten_children__WEBPACK_IMPORTED_MODULE_9__.Z)(fn().props.children).map((function(child){return react__WEBPACK_IMPORTED_MODULE_6__.cloneElement(child,{m:"x4",size:"x122",textAlign:"center"},child.props.bg)})))}],mdxType:"Story"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(react__WEBPACK_IMPORTED_MODULE_6__.Fragment,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{bg:"status-background-info",color:"status-font-on-info",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{bg:"status-background-success",color:"status-font-on-success",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{bg:"status-background-danger",color:"status-font-on-danger",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{bg:"status-background-warning",color:"status-font-on-warning",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{bg:"status-background-service-1",color:"status-font-on-service-1",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{bg:"status-background-service-2",color:"status-font-on-service-2",mdxType:"Box"})))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)("h4",{id:"stroke-colors"},"Stroke Colors"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.Xz,{mdxType:"Canvas"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.oG,{name:"Stroke Colors",decorators:[function(fn){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{display:"flex",flexWrap:"wrap",alignItems:"center",overflow:"hidden",mdxType:"Box"},(0,react_keyed_flatten_children__WEBPACK_IMPORTED_MODULE_9__.Z)(fn().props.children).map((function(child){return react__WEBPACK_IMPORTED_MODULE_6__.cloneElement(child,{m:"x4",textAlign:"center",size:"x122",color:"annotation",borderWidth:"x8"},child.props.borderColor)})))}],mdxType:"Story"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(react__WEBPACK_IMPORTED_MODULE_6__.Fragment,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{borderColor:"stroke-extra-light",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{borderColor:"stroke-light",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{borderColor:"stroke-medium",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{borderColor:"stroke-dark",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{borderColor:"stroke-extra-dark",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{borderColor:"stroke-extra-light-highlight",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{borderColor:"stroke-highlight",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{borderColor:"stroke-extra-light-error",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{borderColor:"stroke-error",mdxType:"Box"})))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)("h4",{id:"font-colors"},"Font Colors"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.Xz,{mdxType:"Canvas"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.oG,{name:"Font Colors",decorators:[function(fn){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{display:"flex",flexWrap:"wrap",alignItems:"center",overflow:"hidden",mdxType:"Box"},(0,react_keyed_flatten_children__WEBPACK_IMPORTED_MODULE_9__.Z)(fn().props.children).map((function(child){return react__WEBPACK_IMPORTED_MODULE_6__.cloneElement(child,{bg:"neutral-200",m:"x4",p:"x4"},child.props.color)})))}],mdxType:"Story"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(react__WEBPACK_IMPORTED_MODULE_6__.Fragment,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{color:"font-white",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{color:"font-disabled",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{color:"font-annotation",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{color:"font-secondary-info",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{color:"font-hint",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{color:"font-text",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{color:"font-titles-labels",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{color:"font-info",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{color:"font-danger",mdxType:"Box"})))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)("h4",{id:"opacity"},"Opacity"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.Xz,{mdxType:"Canvas"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.oG,{name:"Opacity",decorators:[function(fn){return react__WEBPACK_IMPORTED_MODULE_6__.cloneElement(fn(),{size:"x32",bg:"neutral-500"})}],mdxType:"Story"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{opacity:.5,mdxType:"Box"}))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)("h3",{id:"typography"},"Typography"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)("h4",{id:"font-families"},"Font families"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.Xz,{mdxType:"Canvas"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.oG,{name:"Font families",mdxType:"Story"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(react__WEBPACK_IMPORTED_MODULE_6__.Fragment,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontFamily:"sans",mdxType:"Box"},"The quick brown fox jumps over the lazy dog"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontFamily:"mono",mdxType:"Box"},"The quick brown fox jumps over the lazy dog")))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)("h4",{id:"font-sizes"},"Font sizes"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.Xz,{mdxType:"Canvas"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.oG,{name:"Font sizes",mdxType:"Story"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(react__WEBPACK_IMPORTED_MODULE_6__.Fragment,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontSize:"x12",mdxType:"Box"},"x12"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontSize:"x16",mdxType:"Box"},"x16"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontSize:"x20",mdxType:"Box"},"x20"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontSize:"x24",mdxType:"Box"},"x24"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontSize:"x32",mdxType:"Box"},"x32"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontSize:"hero",mdxType:"Box"},"hero"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontSize:"h1",mdxType:"Box"},"h1"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontSize:"h2",mdxType:"Box"},"h2"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontSize:"h3",mdxType:"Box"},"h3"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontSize:"h4",mdxType:"Box"},"h4"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontSize:"h5",mdxType:"Box"},"h5"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontSize:"p1",mdxType:"Box"},"p1"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontSize:"p1m",mdxType:"Box"},"p1m"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontSize:"p1b",mdxType:"Box"},"p1b"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontSize:"p2",mdxType:"Box"},"p2"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontSize:"p2m",mdxType:"Box"},"p2m"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontSize:"p2b",mdxType:"Box"},"p2b"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontSize:"c1",mdxType:"Box"},"c1"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontSize:"c2",mdxType:"Box"},"c2"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontSize:"micro",mdxType:"Box"},"micro")))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)("h4",{id:"font-weights"},"Font weights"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.Xz,{mdxType:"Canvas"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.oG,{name:"Font weights",mdxType:"Story"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(react__WEBPACK_IMPORTED_MODULE_6__.Fragment,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontWeight:100,mdxType:"Box"},"100"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontWeight:200,mdxType:"Box"},"200"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontWeight:300,mdxType:"Box"},"300"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontWeight:400,mdxType:"Box"},"400"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontWeight:500,mdxType:"Box"},"500"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontWeight:600,mdxType:"Box"},"600"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontWeight:700,mdxType:"Box"},"700"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontWeight:800,mdxType:"Box"},"800"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontWeight:900,mdxType:"Box"},"900"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontWeight:"hero",mdxType:"Box"},"hero"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontWeight:"h1",mdxType:"Box"},"h1"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontWeight:"h2",mdxType:"Box"},"h2"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontWeight:"h3",mdxType:"Box"},"h3"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontWeight:"h4",mdxType:"Box"},"h4"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontWeight:"h5",mdxType:"Box"},"h5"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontWeight:"p1",mdxType:"Box"},"p1"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontWeight:"p1m",mdxType:"Box"},"p1m"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontWeight:"p1b",mdxType:"Box"},"p1b"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontWeight:"p2",mdxType:"Box"},"p2"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontWeight:"p2m",mdxType:"Box"},"p2m"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontWeight:"p2b",mdxType:"Box"},"p2b"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontWeight:"c1",mdxType:"Box"},"c1"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontWeight:"c2",mdxType:"Box"},"c2"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontWeight:"micro",mdxType:"Box"},"micro")))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)("h4",{id:"line-heights"},"Line heights"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.Xz,{mdxType:"Canvas"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.oG,{name:"Line heights",mdxType:"Story"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(react__WEBPACK_IMPORTED_MODULE_6__.Fragment,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{lineHeight:"1",mdxType:"Box"},"1"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{lineHeight:"1.25",mdxType:"Box"},"1.25"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{lineHeight:"1.5",mdxType:"Box"},"1.5"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{lineHeight:"2",mdxType:"Box"},"2"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{lineHeight:"hero",mdxType:"Box"},"hero"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{lineHeight:"h1",mdxType:"Box"},"h1"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{lineHeight:"h2",mdxType:"Box"},"h2"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{lineHeight:"h3",mdxType:"Box"},"h3"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{lineHeight:"h4",mdxType:"Box"},"h4"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{lineHeight:"h5",mdxType:"Box"},"h5"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{lineHeight:"p1",mdxType:"Box"},"p1"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{lineHeight:"p1m",mdxType:"Box"},"p1m"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{lineHeight:"p1b",mdxType:"Box"},"p1b"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{lineHeight:"p2",mdxType:"Box"},"p2"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{lineHeight:"p2m",mdxType:"Box"},"p2m"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{lineHeight:"p2b",mdxType:"Box"},"p2b"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{lineHeight:"c1",mdxType:"Box"},"c1"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{lineHeight:"c2",mdxType:"Box"},"c2"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{lineHeight:"micro",mdxType:"Box"},"micro")))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)("h4",{id:"letter-spacing"},"Letter spacing"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.Xz,{mdxType:"Canvas"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.oG,{name:"Letter spacing",mdxType:"Story"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(react__WEBPACK_IMPORTED_MODULE_6__.Fragment,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{letterSpacing:"4px",mdxType:"Box"},"4px"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{letterSpacing:"-4px",mdxType:"Box"},"-4px"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{letterSpacing:"hero",mdxType:"Box"},"hero"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{letterSpacing:"h1",mdxType:"Box"},"h1"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{letterSpacing:"h2",mdxType:"Box"},"h2"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{letterSpacing:"h3",mdxType:"Box"},"h3"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{letterSpacing:"h4",mdxType:"Box"},"h4"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{letterSpacing:"h5",mdxType:"Box"},"h5"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{letterSpacing:"p1",mdxType:"Box"},"p1"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{letterSpacing:"p1m",mdxType:"Box"},"p1m"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{letterSpacing:"p1b",mdxType:"Box"},"p1b"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{letterSpacing:"p2",mdxType:"Box"},"p2"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{letterSpacing:"p2m",mdxType:"Box"},"p2m"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{letterSpacing:"p2b",mdxType:"Box"},"p2b"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{letterSpacing:"c1",mdxType:"Box"},"c1"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{letterSpacing:"c2",mdxType:"Box"},"c2"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{letterSpacing:"micro",mdxType:"Box"},"micro")))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)("h4",{id:"font-scales"},"Font scales"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.Xz,{mdxType:"Canvas"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.oG,{name:"Font scales",mdxType:"Story"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(react__WEBPACK_IMPORTED_MODULE_6__.Fragment,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontScale:"hero",mdxType:"Box"},"hero"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontScale:"h1",mdxType:"Box"},"h1"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontScale:"h2",mdxType:"Box"},"h2"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontScale:"h3",mdxType:"Box"},"h3"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontScale:"h4",mdxType:"Box"},"h4"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontScale:"h5",mdxType:"Box"},"h5"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontScale:"p1",mdxType:"Box"},"p1"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontScale:"p1m",mdxType:"Box"},"p1m"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontScale:"p1b",mdxType:"Box"},"p1b"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontScale:"p2",mdxType:"Box"},"p2"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontScale:"p2m",mdxType:"Box"},"p2m"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontScale:"p2b",mdxType:"Box"},"p2b"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontScale:"c1",mdxType:"Box"},"c1"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontScale:"c2",mdxType:"Box"},"c2"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontScale:"micro",mdxType:"Box"},"micro")))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)("h4",{id:"font-styles"},"Font styles"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.Xz,{mdxType:"Canvas"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.oG,{name:"Font styles",mdxType:"Story"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(react__WEBPACK_IMPORTED_MODULE_6__.Fragment,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontStyle:"normal",mdxType:"Box"},"normal"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontStyle:"italic",mdxType:"Box"},"italic")))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)("h4",{id:"text-alignment"},"Text alignment"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.Xz,{mdxType:"Canvas"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.oG,{name:"Text alignment",mdxType:"Story"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(react__WEBPACK_IMPORTED_MODULE_6__.Fragment,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{textAlign:"start",mdxType:"Box"},"start"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{textAlign:"end",mdxType:"Box"},"end"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{textAlign:"center",mdxType:"Box"},"center"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{textAlign:"justify",mdxType:"Box"},"justify")))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)("h4",{id:"text-transform"},"Text transform"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.Xz,{mdxType:"Canvas"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.oG,{name:"Text transform",mdxType:"Story"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(react__WEBPACK_IMPORTED_MODULE_6__.Fragment,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{textTransform:"none",mdxType:"Box"},"none"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{textTransform:"uppercase",mdxType:"Box"},"uppercase"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{textTransform:"lowercase",mdxType:"Box"},"lowercase"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{textTransform:"capitalize",mdxType:"Box"},"capitalize")))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)("h4",{id:"text-decoration"},"Text decoration"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.Xz,{mdxType:"Canvas"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.oG,{name:"Text decoration",mdxType:"Story"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(react__WEBPACK_IMPORTED_MODULE_6__.Fragment,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{textDecorationLine:"none",mdxType:"Box"},"none"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{textDecorationLine:"underline",mdxType:"Box"},"underline"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{textDecorationLine:"overline",mdxType:"Box"},"overline"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{textDecorationLine:"line-through",mdxType:"Box"},"line-through")))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)("h4",{id:"word-break"},"Word Break"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.Xz,{mdxType:"Canvas"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.oG,{name:"Word break",mdxType:"Story"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(react__WEBPACK_IMPORTED_MODULE_6__.Fragment,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{wordBreak:"break-word",mdxType:"Box"},"Breakwoooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooord"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{wordBreak:"break-all",mdxType:"Box"},"Breakaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaall")))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)("h3",{id:"layout"},"Layout"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)("h4",{id:"widths"},"Widths"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.Xz,{mdxType:"Canvas"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.oG,{name:"Widths",decorators:[function(fn){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{display:"flex",flexWrap:"wrap",alignItems:"center",mdxType:"Box"},(0,react_keyed_flatten_children__WEBPACK_IMPORTED_MODULE_9__.Z)(fn().props.children).map((function(child){return react__WEBPACK_IMPORTED_MODULE_6__.cloneElement(child,{bg:"primary-200",h:"x32",m:"x4"})})))}],mdxType:"Story"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(react__WEBPACK_IMPORTED_MODULE_6__.Fragment,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{w:"x64",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{width:"x64",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{w:"none",minWidth:"x64",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{w:"sw",maxWidth:"x64",mdxType:"Box"})))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)("h4",{id:"heights"},"Heights"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.Xz,{mdxType:"Canvas"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.oG,{name:"Heights",decorators:[function(fn){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{display:"flex",flexWrap:"wrap",alignItems:"center",mdxType:"Box"},(0,react_keyed_flatten_children__WEBPACK_IMPORTED_MODULE_9__.Z)(fn().props.children).map((function(child){return react__WEBPACK_IMPORTED_MODULE_6__.cloneElement(child,{bg:"primary-200",w:"x32",m:"x4"})})))}],mdxType:"Story"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(react__WEBPACK_IMPORTED_MODULE_6__.Fragment,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{h:"x64",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{height:"x64",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{h:"none",minHeight:"x64",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{h:"sw",maxHeight:"x64",mdxType:"Box"})))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)("h4",{id:"sizes"},"Sizes"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.Xz,{mdxType:"Canvas"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.oG,{name:"Sizes",decorators:[function(fn){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{display:"flex",flexWrap:"wrap",alignItems:"center",mdxType:"Box"},(0,react_keyed_flatten_children__WEBPACK_IMPORTED_MODULE_9__.Z)(fn().props.children).map((function(child){return react__WEBPACK_IMPORTED_MODULE_6__.cloneElement(child,{bg:"primary-200",m:"x4"})})))}],mdxType:"Story"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(react__WEBPACK_IMPORTED_MODULE_6__.Fragment,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{size:"x64",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{size:"none",minSize:"x64",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{size:9999,maxSize:"x64",mdxType:"Box"})))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)("h4",{id:"display"},"Display"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.Xz,{mdxType:"Canvas"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.oG,{name:"Display",decorators:[function(fn){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{mdxType:"Box"},(0,react_keyed_flatten_children__WEBPACK_IMPORTED_MODULE_9__.Z)(fn().props.children).map((function(child){return react__WEBPACK_IMPORTED_MODULE_6__.cloneElement(child,{children:child.props.display})})))}],mdxType:"Story"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(react__WEBPACK_IMPORTED_MODULE_6__.Fragment,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{display:"none",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{display:"inline",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{display:"inline-block",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{display:"inline-flex",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{display:"block",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{verticalAlign:"-40px",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{verticalAlign:"40px",mdxType:"Box"})))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)("h4",{id:"vertical-alignment"},"Vertical alignment"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.Xz,{mdxType:"Canvas"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.oG,{name:"Vertical alignment",decorators:[function(fn){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{mdxType:"Box"},(0,react_keyed_flatten_children__WEBPACK_IMPORTED_MODULE_9__.Z)(fn().props.children).map((function(child){return react__WEBPACK_IMPORTED_MODULE_6__.cloneElement(child,{display:"inline",children:child.props.verticalAlign})})))}],mdxType:"Story"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{mdxType:"Box"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{verticalAlign:"top",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{verticalAlign:"baseline",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{verticalAlign:"sub",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{verticalAlign:"middle",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{verticalAlign:"bottom",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{verticalAlign:"-40px",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{verticalAlign:"40px",mdxType:"Box"})))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)("h3",{id:"borders"},"Borders"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)("h4",{id:"borders-1"},"Borders"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.Xz,{mdxType:"Canvas"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.oG,{name:"Borders",decorators:[function(fn){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{display:"flex",flexWrap:"wrap",alignItems:"center",mdxType:"Box"},(0,react_keyed_flatten_children__WEBPACK_IMPORTED_MODULE_9__.Z)(fn().props.children).map((function(child){return react__WEBPACK_IMPORTED_MODULE_6__.cloneElement(child,{bg:"primary-200",size:"x32",m:"x16"})})))}],mdxType:"Story"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(react__WEBPACK_IMPORTED_MODULE_6__.Fragment,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{border:"2px solid currentColor",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{borderBlock:"2px solid currentColor",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{borderBlockStart:"2px solid currentColor",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{borderBlockEnd:"2px solid currentColor",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{borderInline:"2px solid currentColor",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{borderInlineStart:"2px solid currentColor",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{borderInlineEnd:"2px solid currentColor",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{borderWidth:"x2",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{borderBlockWidth:"x2",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{borderBlockStartWidth:"x2",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{borderBlockEndWidth:"x2",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{borderInlineWidth:"x2",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{borderInlineStartWidth:"x2",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{borderInlineEndWidth:"x2",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{borderWidth:"x1",borderStyle:"dashed",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{borderWidth:"x1",borderBlockStyle:"dashed",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{borderWidth:"x1",borderBlockStartStyle:"dashed",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{borderWidth:"x1",borderBlockEndStyle:"dashed",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{borderWidth:"x1",borderInlineStyle:"dashed",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{borderWidth:"x1",borderInlineStartStyle:"dashed",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{borderWidth:"x1",borderInlineEndStyle:"dashed",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{borderWidth:"x4",borderColor:"primary-500",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{borderWidth:"x4",borderBlockColor:"primary-500",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{borderWidth:"x4",borderBlockStartColor:"primary-500",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{borderWidth:"x4",borderBlockEndColor:"primary-500",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{borderWidth:"x4",borderInlineColor:"primary-500",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{borderWidth:"x4",borderInlineStartColor:"primary-500",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{borderWidth:"x4",borderInlineEndColor:"primary-500",mdxType:"Box"})))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)("h4",{id:"border-radii"},"Border radii"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.Xz,{mdxType:"Canvas"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.oG,{name:"Border radii",decorators:[function(fn){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{display:"flex",flexWrap:"wrap",alignItems:"center",mdxType:"Box"},(0,react_keyed_flatten_children__WEBPACK_IMPORTED_MODULE_9__.Z)(fn().props.children).map((function(child){return react__WEBPACK_IMPORTED_MODULE_6__.cloneElement(child,{bg:"primary-200",size:"x32",m:"x16"})})))}],mdxType:"Story"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(react__WEBPACK_IMPORTED_MODULE_6__.Fragment,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{borderRadius:"full",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{borderStartStartRadius:"full",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{borderStartEndRadius:"full",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{borderEndStartRadius:"full",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{borderEndEndRadius:"full",mdxType:"Box"})))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)("h3",{id:"position"},"Position"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)("h4",{id:"position-1"},"Position"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.Xz,{mdxType:"Canvas"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.oG,{name:"Position",decorators:[function(fn){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{display:"flex",flexWrap:"wrap",alignItems:"center",mdxType:"Box"},(0,react_keyed_flatten_children__WEBPACK_IMPORTED_MODULE_9__.Z)(fn().props.children).map((function(child){return react__WEBPACK_IMPORTED_MODULE_6__.cloneElement(child,{bg:"primary-200",size:"x32",m:"x16"})})))}],mdxType:"Story"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(react__WEBPACK_IMPORTED_MODULE_6__.Fragment,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{position:"static",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{position:"relative",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{position:"absolute",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{position:"fixed",mdxType:"Box"})))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)("h4",{id:"z-index"},"Z-index"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.Xz,{mdxType:"Canvas"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.oG,{name:"Z-index",decorators:[function(fn){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{display:"flex",flexWrap:"wrap",alignItems:"center",mdxType:"Box"},(0,react_keyed_flatten_children__WEBPACK_IMPORTED_MODULE_9__.Z)(fn().props.children).map((function(child){return react__WEBPACK_IMPORTED_MODULE_6__.cloneElement(child,{bg:"primary-200",borderWidth:"x4",size:"x32",m:"neg-x2"})})))}],mdxType:"Story"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(react__WEBPACK_IMPORTED_MODULE_6__.Fragment,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{zIndex:"2",borderColor:"success-300",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{zIndex:"1",borderColor:"info-300",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{zIndex:"2",borderColor:"warning-300",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{zIndex:"1",borderColor:"danger-300",mdxType:"Box"})))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)("h4",{id:"inset"},"Inset"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.Xz,{mdxType:"Canvas"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.oG,{name:"Inset",decorators:[function(fn){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{display:"flex",flexWrap:"wrap",alignItems:"center",mdxType:"Box"},(0,react_keyed_flatten_children__WEBPACK_IMPORTED_MODULE_9__.Z)(fn().props.children).map((function(child){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{key:child.key,position:"relative",bg:"neutral-200",m:16,size:"x64",mdxType:"Box"},react__WEBPACK_IMPORTED_MODULE_6__.cloneElement(child,{bg:"primary-200",position:"absolute",minSize:"x16"}))})))}],mdxType:"Story"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(react__WEBPACK_IMPORTED_MODULE_6__.Fragment,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{inset:"none",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{inset:"x1",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{inset:"x2",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{inset:"x4",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{inset:"x8",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{inset:"x16",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{insetBlock:"x16",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{insetBlockStart:"x16",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{insetBlockEnd:"x16",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{insetInline:"x16",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{insetInlineStart:"x16",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{insetInlineEnd:"x16",mdxType:"Box"})))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)("h3",{id:"special"},"Special"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)("h4",{id:"elevation"},"Elevation"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.Xz,{mdxType:"Canvas"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.oG,{name:"Elevation",decorators:[function(fn){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{display:"flex",flexWrap:"wrap",alignItems:"center",mdxType:"Box"},(0,react_keyed_flatten_children__WEBPACK_IMPORTED_MODULE_9__.Z)(fn().props.children).map((function(child){return react__WEBPACK_IMPORTED_MODULE_6__.cloneElement(child,{bg:"primary-100",m:"x16",size:"x64"})})))}],mdxType:"Story"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(react__WEBPACK_IMPORTED_MODULE_6__.Fragment,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{elevation:"0",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{elevation:"1",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{elevation:"2",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{elevation:"1nb",mdxType:"Box"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{elevation:"2nb",mdxType:"Box"})))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)("h4",{id:"invisible"},"Invisible"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.Xz,{mdxType:"Canvas"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.oG,{name:"Invisible",decorators:[function(fn){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{display:"flex",flexWrap:"wrap",alignItems:"center",mdxType:"Box"},(0,react_keyed_flatten_children__WEBPACK_IMPORTED_MODULE_9__.Z)(fn()).map((function(child){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{key:child.key,bg:"neutral-200",p:16,mdxType:"Box"},react__WEBPACK_IMPORTED_MODULE_6__.cloneElement(child,{bg:"primary-200",size:"x16"}))})))}],mdxType:"Story"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{invisible:!0,mdxType:"Box"}))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)("h4",{id:"with-rich-content"},"With rich content"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.Xz,{mdxType:"Canvas"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.oG,{name:"With rich content",mdxType:"Story"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{withRichContent:!0,mdxType:"Box"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)("p",null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)("strong",null,"This text is strong")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)("p",null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)("em",null,"This text has emphasis")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)("p",null,"This is",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)("sub",null," subscript")," and ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)("sup",null,"superscript"))))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)("h4",{id:"with-truncated-text"},"With truncated text"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.Xz,{mdxType:"Canvas"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.oG,{name:"With truncated text",mdxType:"Story"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{withTruncatedText:!0,w:"x80",mdxType:"Box"},"This text is truncated."))))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var isProp=function isProp(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{is:___WEBPACK_IMPORTED_MODULE_10__.zxk},"A Box rendering a Button")};isProp.displayName="isProp",isProp.storyName="is prop",isProp.parameters={storySource:{source:"A Box rendering a Button"}};var margins=function margins(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(react__WEBPACK_IMPORTED_MODULE_6__.Fragment,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{m:16}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{margin:16}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{mb:16}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{marginBlock:16}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{mbs:16}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{marginBlockStart:16}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{mbe:16}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{marginBlockEnd:16}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{mi:16}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{marginInline:16}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{mis:16}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{marginInlineStart:16}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{mie:16}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{marginInlineEnd:16}))};margins.storyName="Margins",margins.parameters={storySource:{source:"<>\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n "}},margins.decorators=[function(fn){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{display:"flex",flexWrap:"wrap",alignItems:"center"},(0,react_keyed_flatten_children__WEBPACK_IMPORTED_MODULE_9__.Z)(fn().props.children).map((function(child){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{key:child.key,bg:"neutral-200",m:16},react__WEBPACK_IMPORTED_MODULE_6__.cloneElement(child,{bg:"primary-200"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{bg:"neutral-500",size:"x16"})))})))}];var paddings=function paddings(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(react__WEBPACK_IMPORTED_MODULE_6__.Fragment,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{p:16}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{padding:16}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{pb:16}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{paddingBlock:16}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{pbs:16}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{paddingBlockStart:16}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{pbe:16}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{paddingBlockEnd:16}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{pi:16}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{paddingInline:16}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{pis:16}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{paddingInlineStart:16}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{pie:16}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{paddingInlineEnd:16}))};paddings.storyName="Paddings",paddings.parameters={storySource:{source:"<>\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n "}},paddings.decorators=[function(fn){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{display:"flex",flexWrap:"wrap",alignItems:"center"},(0,react_keyed_flatten_children__WEBPACK_IMPORTED_MODULE_9__.Z)(fn().props.children).map((function(child){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{key:child.key,bg:"neutral-200",m:16},react__WEBPACK_IMPORTED_MODULE_6__.cloneElement(child,{bg:"primary-200"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{bg:"neutral-500",size:"x16"})))})))}];var surfaceColors=function surfaceColors(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(react__WEBPACK_IMPORTED_MODULE_6__.Fragment,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{bg:"light"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{bg:"tint"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{bg:"room"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{bg:"neutral"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{bg:"disabled"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{bg:"hover"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{bg:"selected"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{bg:"dark"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{bg:"featured"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{bg:"featured-hover"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{bg:"transparent"}))};surfaceColors.storyName="Surface Colors",surfaceColors.parameters={storySource:{source:"<>\n \n \n \n \n \n \n \n \n \n \n \n "}},surfaceColors.decorators=[function(fn){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{display:"flex",flexWrap:"wrap",alignItems:"center",overflow:"hidden"},(0,react_keyed_flatten_children__WEBPACK_IMPORTED_MODULE_9__.Z)(fn().props.children).map((function(child){return react__WEBPACK_IMPORTED_MODULE_6__.cloneElement(child,{m:"x4",size:"x122",color:"annotation",textAlign:"center"},child.props.bg)})))}];var statusColors=function statusColors(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(react__WEBPACK_IMPORTED_MODULE_6__.Fragment,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{bg:"status-background-info",color:"status-font-on-info"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{bg:"status-background-success",color:"status-font-on-success"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{bg:"status-background-danger",color:"status-font-on-danger"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{bg:"status-background-warning",color:"status-font-on-warning"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{bg:"status-background-service-1",color:"status-font-on-service-1"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{bg:"status-background-service-2",color:"status-font-on-service-2"}))};statusColors.storyName="Status Colors",statusColors.parameters={storySource:{source:"<>\n \n \n \n \n \n \n "}},statusColors.decorators=[function(fn){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{display:"flex",flexWrap:"wrap",alignItems:"center",overflow:"hidden"},(0,react_keyed_flatten_children__WEBPACK_IMPORTED_MODULE_9__.Z)(fn().props.children).map((function(child){return react__WEBPACK_IMPORTED_MODULE_6__.cloneElement(child,{m:"x4",size:"x122",textAlign:"center"},child.props.bg)})))}];var strokeColors=function strokeColors(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(react__WEBPACK_IMPORTED_MODULE_6__.Fragment,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{borderColor:"stroke-extra-light"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{borderColor:"stroke-light"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{borderColor:"stroke-medium"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{borderColor:"stroke-dark"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{borderColor:"stroke-extra-dark"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{borderColor:"stroke-extra-light-highlight"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{borderColor:"stroke-highlight"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{borderColor:"stroke-extra-light-error"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{borderColor:"stroke-error"}))};strokeColors.storyName="Stroke Colors",strokeColors.parameters={storySource:{source:"<>\n \n \n \n \n \n \n \n \n \n "}},strokeColors.decorators=[function(fn){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{display:"flex",flexWrap:"wrap",alignItems:"center",overflow:"hidden"},(0,react_keyed_flatten_children__WEBPACK_IMPORTED_MODULE_9__.Z)(fn().props.children).map((function(child){return react__WEBPACK_IMPORTED_MODULE_6__.cloneElement(child,{m:"x4",textAlign:"center",size:"x122",color:"annotation",borderWidth:"x8"},child.props.borderColor)})))}];var fontColors=function fontColors(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(react__WEBPACK_IMPORTED_MODULE_6__.Fragment,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{color:"font-white"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{color:"font-disabled"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{color:"font-annotation"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{color:"font-secondary-info"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{color:"font-hint"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{color:"font-text"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{color:"font-titles-labels"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{color:"font-info"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{color:"font-danger"}))};fontColors.storyName="Font Colors",fontColors.parameters={storySource:{source:"<>\n \n \n \n \n \n \n \n \n \n "}},fontColors.decorators=[function(fn){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{display:"flex",flexWrap:"wrap",alignItems:"center",overflow:"hidden"},(0,react_keyed_flatten_children__WEBPACK_IMPORTED_MODULE_9__.Z)(fn().props.children).map((function(child){return react__WEBPACK_IMPORTED_MODULE_6__.cloneElement(child,{bg:"neutral-200",m:"x4",p:"x4"},child.props.color)})))}];var opacity=function opacity(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{opacity:.5})};opacity.displayName="opacity",opacity.storyName="Opacity",opacity.parameters={storySource:{source:""}},opacity.decorators=[function(fn){return react__WEBPACK_IMPORTED_MODULE_6__.cloneElement(fn(),{size:"x32",bg:"neutral-500"})}];var fontFamilies=function fontFamilies(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(react__WEBPACK_IMPORTED_MODULE_6__.Fragment,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontFamily:"sans"},"The quick brown fox jumps over the lazy dog"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontFamily:"mono"},"The quick brown fox jumps over the lazy dog"))};fontFamilies.storyName="Font families",fontFamilies.parameters={storySource:{source:"<>\n The quick brown fox jumps over the lazy dog\n The quick brown fox jumps over the lazy dog\n "}};var fontSizes=function fontSizes(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(react__WEBPACK_IMPORTED_MODULE_6__.Fragment,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontSize:"x12"},"x12"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontSize:"x16"},"x16"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontSize:"x20"},"x20"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontSize:"x24"},"x24"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontSize:"x32"},"x32"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontSize:"hero"},"hero"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontSize:"h1"},"h1"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontSize:"h2"},"h2"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontSize:"h3"},"h3"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontSize:"h4"},"h4"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontSize:"h5"},"h5"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontSize:"p1"},"p1"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontSize:"p1m"},"p1m"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontSize:"p1b"},"p1b"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontSize:"p2"},"p2"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontSize:"p2m"},"p2m"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontSize:"p2b"},"p2b"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontSize:"c1"},"c1"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontSize:"c2"},"c2"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontSize:"micro"},"micro"))};fontSizes.storyName="Font sizes",fontSizes.parameters={storySource:{source:"<>\n x12\n x16\n x20\n x24\n x32\n hero\n h1\n h2\n h3\n h4\n h5\n p1\n p1m\n p1b\n p2\n p2m\n p2b\n c1\n c2\n micro\n "}};var fontWeights=function fontWeights(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(react__WEBPACK_IMPORTED_MODULE_6__.Fragment,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontWeight:100},"100"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontWeight:200},"200"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontWeight:300},"300"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontWeight:400},"400"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontWeight:500},"500"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontWeight:600},"600"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontWeight:700},"700"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontWeight:800},"800"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontWeight:900},"900"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontWeight:"hero"},"hero"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontWeight:"h1"},"h1"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontWeight:"h2"},"h2"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontWeight:"h3"},"h3"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontWeight:"h4"},"h4"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontWeight:"h5"},"h5"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontWeight:"p1"},"p1"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontWeight:"p1m"},"p1m"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontWeight:"p1b"},"p1b"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontWeight:"p2"},"p2"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontWeight:"p2m"},"p2m"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontWeight:"p2b"},"p2b"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontWeight:"c1"},"c1"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontWeight:"c2"},"c2"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontWeight:"micro"},"micro"))};fontWeights.storyName="Font weights",fontWeights.parameters={storySource:{source:"<>\n 100\n 200\n 300\n 400\n 500\n 600\n 700\n 800\n 900\n hero\n h1\n h2\n h3\n h4\n h5\n p1\n p1m\n p1b\n p2\n p2m\n p2b\n c1\n c2\n micro\n "}};var lineHeights=function lineHeights(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(react__WEBPACK_IMPORTED_MODULE_6__.Fragment,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{lineHeight:"1"},"1"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{lineHeight:"1.25"},"1.25"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{lineHeight:"1.5"},"1.5"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{lineHeight:"2"},"2"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{lineHeight:"hero"},"hero"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{lineHeight:"h1"},"h1"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{lineHeight:"h2"},"h2"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{lineHeight:"h3"},"h3"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{lineHeight:"h4"},"h4"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{lineHeight:"h5"},"h5"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{lineHeight:"p1"},"p1"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{lineHeight:"p1m"},"p1m"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{lineHeight:"p1b"},"p1b"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{lineHeight:"p2"},"p2"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{lineHeight:"p2m"},"p2m"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{lineHeight:"p2b"},"p2b"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{lineHeight:"c1"},"c1"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{lineHeight:"c2"},"c2"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{lineHeight:"micro"},"micro"))};lineHeights.storyName="Line heights",lineHeights.parameters={storySource:{source:"<>\n 1\n 1.25\n 1.5\n 2\n hero\n h1\n h2\n h3\n h4\n h5\n p1\n p1m\n p1b\n p2\n p2m\n p2b\n c1\n c2\n micro\n "}};var letterSpacing=function letterSpacing(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(react__WEBPACK_IMPORTED_MODULE_6__.Fragment,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{letterSpacing:"4px"},"4px"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{letterSpacing:"-4px"},"-4px"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{letterSpacing:"hero"},"hero"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{letterSpacing:"h1"},"h1"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{letterSpacing:"h2"},"h2"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{letterSpacing:"h3"},"h3"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{letterSpacing:"h4"},"h4"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{letterSpacing:"h5"},"h5"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{letterSpacing:"p1"},"p1"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{letterSpacing:"p1m"},"p1m"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{letterSpacing:"p1b"},"p1b"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{letterSpacing:"p2"},"p2"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{letterSpacing:"p2m"},"p2m"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{letterSpacing:"p2b"},"p2b"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{letterSpacing:"c1"},"c1"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{letterSpacing:"c2"},"c2"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{letterSpacing:"micro"},"micro"))};letterSpacing.storyName="Letter spacing",letterSpacing.parameters={storySource:{source:"<>\n 4px\n -4px\n hero\n h1\n h2\n h3\n h4\n h5\n p1\n p1m\n p1b\n p2\n p2m\n p2b\n c1\n c2\n micro\n "}};var fontScales=function fontScales(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(react__WEBPACK_IMPORTED_MODULE_6__.Fragment,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontScale:"hero"},"hero"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontScale:"h1"},"h1"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontScale:"h2"},"h2"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontScale:"h3"},"h3"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontScale:"h4"},"h4"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontScale:"h5"},"h5"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontScale:"p1"},"p1"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontScale:"p1m"},"p1m"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontScale:"p1b"},"p1b"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontScale:"p2"},"p2"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontScale:"p2m"},"p2m"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontScale:"p2b"},"p2b"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontScale:"c1"},"c1"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontScale:"c2"},"c2"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontScale:"micro"},"micro"))};fontScales.storyName="Font scales",fontScales.parameters={storySource:{source:"<>\n hero\n h1\n h2\n h3\n h4\n h5\n p1\n p1m\n p1b\n p2\n p2m\n p2b\n c1\n c2\n micro\n "}};var fontStyles=function fontStyles(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(react__WEBPACK_IMPORTED_MODULE_6__.Fragment,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontStyle:"normal"},"normal"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{fontStyle:"italic"},"italic"))};fontStyles.storyName="Font styles",fontStyles.parameters={storySource:{source:"<>\n normal\n italic\n "}};var textAlignment=function textAlignment(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(react__WEBPACK_IMPORTED_MODULE_6__.Fragment,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{textAlign:"start"},"start"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{textAlign:"end"},"end"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{textAlign:"center"},"center"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{textAlign:"justify"},"justify"))};textAlignment.storyName="Text alignment",textAlignment.parameters={storySource:{source:"<>\n start\n end\n center\n justify\n "}};var textTransform=function textTransform(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(react__WEBPACK_IMPORTED_MODULE_6__.Fragment,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{textTransform:"none"},"none"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{textTransform:"uppercase"},"uppercase"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{textTransform:"lowercase"},"lowercase"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{textTransform:"capitalize"},"capitalize"))};textTransform.storyName="Text transform",textTransform.parameters={storySource:{source:"<>\n none\n uppercase\n lowercase\n capitalize\n "}};var textDecoration=function textDecoration(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(react__WEBPACK_IMPORTED_MODULE_6__.Fragment,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{textDecorationLine:"none"},"none"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{textDecorationLine:"underline"},"underline"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{textDecorationLine:"overline"},"overline"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{textDecorationLine:"line-through"},"line-through"))};textDecoration.storyName="Text decoration",textDecoration.parameters={storySource:{source:"<>\n none\n underline\n overline\n line-through\n "}};var wordBreak=function wordBreak(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(react__WEBPACK_IMPORTED_MODULE_6__.Fragment,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{wordBreak:"break-word"},"Breakwoooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooord"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{wordBreak:"break-all"},"Breakaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaall"))};wordBreak.storyName="Word break",wordBreak.parameters={storySource:{source:"<>\n \n Breakwoooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooord\n \n \n Breakaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaall\n \n "}};var widths=function widths(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(react__WEBPACK_IMPORTED_MODULE_6__.Fragment,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{w:"x64"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{width:"x64"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{w:"none",minWidth:"x64"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{w:"sw",maxWidth:"x64"}))};widths.storyName="Widths",widths.parameters={storySource:{source:"<>\n \n \n \n \n "}},widths.decorators=[function(fn){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{display:"flex",flexWrap:"wrap",alignItems:"center"},(0,react_keyed_flatten_children__WEBPACK_IMPORTED_MODULE_9__.Z)(fn().props.children).map((function(child){return react__WEBPACK_IMPORTED_MODULE_6__.cloneElement(child,{bg:"primary-200",h:"x32",m:"x4"})})))}];var heights=function heights(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(react__WEBPACK_IMPORTED_MODULE_6__.Fragment,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{h:"x64"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{height:"x64"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{h:"none",minHeight:"x64"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{h:"sw",maxHeight:"x64"}))};heights.storyName="Heights",heights.parameters={storySource:{source:"<>\n \n \n \n \n "}},heights.decorators=[function(fn){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{display:"flex",flexWrap:"wrap",alignItems:"center"},(0,react_keyed_flatten_children__WEBPACK_IMPORTED_MODULE_9__.Z)(fn().props.children).map((function(child){return react__WEBPACK_IMPORTED_MODULE_6__.cloneElement(child,{bg:"primary-200",w:"x32",m:"x4"})})))}];var sizes=function sizes(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(react__WEBPACK_IMPORTED_MODULE_6__.Fragment,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{size:"x64"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{size:"none",minSize:"x64"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{size:9999,maxSize:"x64"}))};sizes.storyName="Sizes",sizes.parameters={storySource:{source:"<>\n \n \n \n "}},sizes.decorators=[function(fn){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{display:"flex",flexWrap:"wrap",alignItems:"center"},(0,react_keyed_flatten_children__WEBPACK_IMPORTED_MODULE_9__.Z)(fn().props.children).map((function(child){return react__WEBPACK_IMPORTED_MODULE_6__.cloneElement(child,{bg:"primary-200",m:"x4"})})))}];var display=function display(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(react__WEBPACK_IMPORTED_MODULE_6__.Fragment,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{display:"none"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{display:"inline"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{display:"inline-block"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{display:"inline-flex"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{display:"block"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{verticalAlign:"-40px"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{verticalAlign:"40px"}))};display.storyName="Display",display.parameters={storySource:{source:"<>\n \n \n \n \n \n \n \n "}},display.decorators=[function(fn){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,null,(0,react_keyed_flatten_children__WEBPACK_IMPORTED_MODULE_9__.Z)(fn().props.children).map((function(child){return react__WEBPACK_IMPORTED_MODULE_6__.cloneElement(child,{children:child.props.display})})))}];var verticalAlignment=function verticalAlignment(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{verticalAlign:"top"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{verticalAlign:"baseline"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{verticalAlign:"sub"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{verticalAlign:"middle"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{verticalAlign:"bottom"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{verticalAlign:"-40px"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{verticalAlign:"40px"}))};verticalAlignment.displayName="verticalAlignment",verticalAlignment.storyName="Vertical alignment",verticalAlignment.parameters={storySource:{source:"\n \n \n \n \n \n \n \n "}},verticalAlignment.decorators=[function(fn){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,null,(0,react_keyed_flatten_children__WEBPACK_IMPORTED_MODULE_9__.Z)(fn().props.children).map((function(child){return react__WEBPACK_IMPORTED_MODULE_6__.cloneElement(child,{display:"inline",children:child.props.verticalAlign})})))}];var borders=function borders(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(react__WEBPACK_IMPORTED_MODULE_6__.Fragment,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{border:"2px solid currentColor"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{borderBlock:"2px solid currentColor"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{borderBlockStart:"2px solid currentColor"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{borderBlockEnd:"2px solid currentColor"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{borderInline:"2px solid currentColor"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{borderInlineStart:"2px solid currentColor"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{borderInlineEnd:"2px solid currentColor"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{borderWidth:"x2"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{borderBlockWidth:"x2"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{borderBlockStartWidth:"x2"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{borderBlockEndWidth:"x2"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{borderInlineWidth:"x2"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{borderInlineStartWidth:"x2"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{borderInlineEndWidth:"x2"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{borderWidth:"x1",borderStyle:"dashed"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{borderWidth:"x1",borderBlockStyle:"dashed"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{borderWidth:"x1",borderBlockStartStyle:"dashed"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{borderWidth:"x1",borderBlockEndStyle:"dashed"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{borderWidth:"x1",borderInlineStyle:"dashed"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{borderWidth:"x1",borderInlineStartStyle:"dashed"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{borderWidth:"x1",borderInlineEndStyle:"dashed"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{borderWidth:"x4",borderColor:"primary-500"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{borderWidth:"x4",borderBlockColor:"primary-500"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{borderWidth:"x4",borderBlockStartColor:"primary-500"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{borderWidth:"x4",borderBlockEndColor:"primary-500"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{borderWidth:"x4",borderInlineColor:"primary-500"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{borderWidth:"x4",borderInlineStartColor:"primary-500"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{borderWidth:"x4",borderInlineEndColor:"primary-500"}))};borders.storyName="Borders",borders.parameters={storySource:{source:"<>\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n "}},borders.decorators=[function(fn){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{display:"flex",flexWrap:"wrap",alignItems:"center"},(0,react_keyed_flatten_children__WEBPACK_IMPORTED_MODULE_9__.Z)(fn().props.children).map((function(child){return react__WEBPACK_IMPORTED_MODULE_6__.cloneElement(child,{bg:"primary-200",size:"x32",m:"x16"})})))}];var borderRadii=function borderRadii(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(react__WEBPACK_IMPORTED_MODULE_6__.Fragment,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{borderRadius:"full"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{borderStartStartRadius:"full"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{borderStartEndRadius:"full"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{borderEndStartRadius:"full"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{borderEndEndRadius:"full"}))};borderRadii.storyName="Border radii",borderRadii.parameters={storySource:{source:"<>\n \n \n \n \n \n "}},borderRadii.decorators=[function(fn){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{display:"flex",flexWrap:"wrap",alignItems:"center"},(0,react_keyed_flatten_children__WEBPACK_IMPORTED_MODULE_9__.Z)(fn().props.children).map((function(child){return react__WEBPACK_IMPORTED_MODULE_6__.cloneElement(child,{bg:"primary-200",size:"x32",m:"x16"})})))}];var position=function position(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(react__WEBPACK_IMPORTED_MODULE_6__.Fragment,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{position:"static"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{position:"relative"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{position:"absolute"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{position:"fixed"}))};position.storyName="Position",position.parameters={storySource:{source:"<>\n \n \n \n \n "}},position.decorators=[function(fn){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{display:"flex",flexWrap:"wrap",alignItems:"center"},(0,react_keyed_flatten_children__WEBPACK_IMPORTED_MODULE_9__.Z)(fn().props.children).map((function(child){return react__WEBPACK_IMPORTED_MODULE_6__.cloneElement(child,{bg:"primary-200",size:"x32",m:"x16"})})))}];var zIndex=function zIndex(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(react__WEBPACK_IMPORTED_MODULE_6__.Fragment,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{zIndex:"2",borderColor:"success-300"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{zIndex:"1",borderColor:"info-300"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{zIndex:"2",borderColor:"warning-300"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{zIndex:"1",borderColor:"danger-300"}))};zIndex.storyName="Z-index",zIndex.parameters={storySource:{source:"<>\n \n \n \n \n "}},zIndex.decorators=[function(fn){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{display:"flex",flexWrap:"wrap",alignItems:"center"},(0,react_keyed_flatten_children__WEBPACK_IMPORTED_MODULE_9__.Z)(fn().props.children).map((function(child){return react__WEBPACK_IMPORTED_MODULE_6__.cloneElement(child,{bg:"primary-200",borderWidth:"x4",size:"x32",m:"neg-x2"})})))}];var inset=function inset(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(react__WEBPACK_IMPORTED_MODULE_6__.Fragment,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{inset:"none"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{inset:"x1"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{inset:"x2"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{inset:"x4"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{inset:"x8"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{inset:"x16"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{insetBlock:"x16"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{insetBlockStart:"x16"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{insetBlockEnd:"x16"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{insetInline:"x16"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{insetInlineStart:"x16"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{insetInlineEnd:"x16"}))};inset.storyName="Inset",inset.parameters={storySource:{source:"<>\n \n \n \n \n \n \n \n \n \n \n \n \n "}},inset.decorators=[function(fn){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{display:"flex",flexWrap:"wrap",alignItems:"center"},(0,react_keyed_flatten_children__WEBPACK_IMPORTED_MODULE_9__.Z)(fn().props.children).map((function(child){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{key:child.key,position:"relative",bg:"neutral-200",m:16,size:"x64"},react__WEBPACK_IMPORTED_MODULE_6__.cloneElement(child,{bg:"primary-200",position:"absolute",minSize:"x16"}))})))}];var elevation=function elevation(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(react__WEBPACK_IMPORTED_MODULE_6__.Fragment,null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{elevation:"0"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{elevation:"1"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{elevation:"2"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{elevation:"1nb"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{elevation:"2nb"}))};elevation.storyName="Elevation",elevation.parameters={storySource:{source:"<>\n \n \n \n \n \n "}},elevation.decorators=[function(fn){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{display:"flex",flexWrap:"wrap",alignItems:"center"},(0,react_keyed_flatten_children__WEBPACK_IMPORTED_MODULE_9__.Z)(fn().props.children).map((function(child){return react__WEBPACK_IMPORTED_MODULE_6__.cloneElement(child,{bg:"primary-100",m:"x16",size:"x64"})})))}];var invisible=function invisible(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{invisible:!0})};invisible.displayName="invisible",invisible.storyName="Invisible",invisible.parameters={storySource:{source:""}},invisible.decorators=[function(fn){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{display:"flex",flexWrap:"wrap",alignItems:"center"},(0,react_keyed_flatten_children__WEBPACK_IMPORTED_MODULE_9__.Z)(fn()).map((function(child){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{key:child.key,bg:"neutral-200",p:16},react__WEBPACK_IMPORTED_MODULE_6__.cloneElement(child,{bg:"primary-200",size:"x16"}))})))}];var withRichContent=function withRichContent(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{withRichContent:!0},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)("p",null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)("strong",null,"This text is strong")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)("p",null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)("em",null,"This text has emphasis")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)("p",null,"This is",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)("sub",null," subscript")," and ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)("sup",null,"superscript")))};withRichContent.displayName="withRichContent",withRichContent.storyName="With rich content",withRichContent.parameters={storySource:{source:"\n

    \n This text is strong\n

    \n

    \n This text has emphasis\n

    \n

    \n This is subscript and superscript\n

    \n     "}};var withTruncatedText=function withTruncatedText(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(___WEBPACK_IMPORTED_MODULE_10__.xuv,{withTruncatedText:!0,w:"x80"},"This text is truncated.")};withTruncatedText.displayName="withTruncatedText",withTruncatedText.storyName="With truncated text",withTruncatedText.parameters={storySource:{source:"\n This text is truncated.\n "}};var componentMeta={title:"Layout/Box/Props",parameters:{jest:["Box/spec"]},includeStories:["isProp","margins","paddings","surfaceColors","statusColors","strokeColors","fontColors","opacity","fontFamilies","fontSizes","fontWeights","lineHeights","letterSpacing","fontScales","fontStyles","textAlignment","textTransform","textDecoration","wordBreak","widths","heights","sizes","display","verticalAlignment","borders","borderRadii","position","zIndex","inset","elevation","invisible","withRichContent","withTruncatedText"]},mdxStoryNameToKey={"is prop":"isProp",Margins:"margins",Paddings:"paddings","Surface Colors":"surfaceColors","Status Colors":"statusColors","Stroke Colors":"strokeColors","Font Colors":"fontColors",Opacity:"opacity","Font families":"fontFamilies","Font sizes":"fontSizes","Font weights":"fontWeights","Line heights":"lineHeights","Letter spacing":"letterSpacing","Font scales":"fontScales","Font styles":"fontStyles","Text alignment":"textAlignment","Text transform":"textTransform","Text decoration":"textDecoration","Word break":"wordBreak",Widths:"widths",Heights:"heights",Sizes:"sizes",Display:"display","Vertical alignment":"verticalAlignment",Borders:"borders","Border radii":"borderRadii",Position:"position","Z-index":"zIndex",Inset:"inset",Elevation:"elevation",Invisible:"invisible","With rich content":"withRichContent","With truncated text":"withTruncatedText"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.aT,{mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.kt)(MDXContent,null))}});const __WEBPACK_DEFAULT_EXPORT__=componentMeta;var __namedExportsOrder=["isProp","margins","paddings","surfaceColors","statusColors","strokeColors","fontColors","opacity","fontFamilies","fontSizes","fontWeights","lineHeights","letterSpacing","fontScales","fontStyles","textAlignment","textTransform","textDecoration","wordBreak","widths","heights","sizes","display","verticalAlignment","borders","borderRadii","position","zIndex","inset","elevation","invisible","withRichContent","withTruncatedText"]},"./src/components/Flex/Flex.stories.mdx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{__namedExportsOrder:()=>__namedExportsOrder,_alignContent_:()=>_alignContent_,_alignItems_:()=>_alignItems_,_align_:()=>_align_,_basis_:()=>_basis_,_direction_:()=>_direction_,_example_:()=>_example_,_grow_:()=>_grow_,_justifyContent_:()=>_justifyContent_,_order_:()=>_order_,_shrink_:()=>_shrink_,_wrap_:()=>_wrap_,default:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("../../node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("../../node_modules/core-js/modules/es.symbol.js"),__webpack_require__("../../node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("../../node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("../../node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("../../node_modules/@storybook/addon-docs/dist/esm/index.js"),___WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/index.ts"),_Flex_stories__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./src/components/Flex/Flex.stories.tsx"),_excluded=["components"];function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={};function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("wrapper",_extends({},layoutProps,props,{components,mdxType:"MDXLayout"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.h_,{title:"Layout/Flex",parameters:{jest:["/Flex.spec"]},mdxType:"Meta"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("h1",{id:"flex"},"Flex"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.MB,{mdxType:"Preview"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.oG,{story:_Flex_stories__WEBPACK_IMPORTED_MODULE_9__.example,name:"_example_",mdxType:"Story"})),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("hr",null),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("h2",{id:"flexcontainer"},"Flex.Container"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.$4,{of:___WEBPACK_IMPORTED_MODULE_8__.kCb.Container,mdxType:"ArgsTable"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("h2",{id:"flexitem"},"Flex.Item"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.$4,{of:___WEBPACK_IMPORTED_MODULE_8__.kCb.Item,mdxType:"ArgsTable"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("hr",null),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("h3",{id:"direction"},"Direction"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.MB,{mdxType:"Preview"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.oG,{story:_Flex_stories__WEBPACK_IMPORTED_MODULE_9__.direction,name:"_direction_",mdxType:"Story"})),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("h3",{id:"wrap"},"Wrap"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.MB,{mdxType:"Preview"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.oG,{story:_Flex_stories__WEBPACK_IMPORTED_MODULE_9__.wrap,name:"_wrap_",mdxType:"Story"})),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("h3",{id:"justify-content"},"Justify Content"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.MB,{mdxType:"Preview"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.oG,{story:_Flex_stories__WEBPACK_IMPORTED_MODULE_9__.justifyContent,name:"_justifyContent_",mdxType:"Story"})),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("h3",{id:"align-items"},"Align Items"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.MB,{mdxType:"Preview"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.oG,{story:_Flex_stories__WEBPACK_IMPORTED_MODULE_9__.alignItems,name:"_alignItems_",mdxType:"Story"})),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("h3",{id:"align-content"},"Align Content"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.MB,{mdxType:"Preview"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.oG,{story:_Flex_stories__WEBPACK_IMPORTED_MODULE_9__.alignContent,name:"_alignContent_",mdxType:"Story"})),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("h3",{id:"order"},"Order"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.MB,{mdxType:"Preview"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.oG,{story:_Flex_stories__WEBPACK_IMPORTED_MODULE_9__.order,name:"_order_",mdxType:"Story"})),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("h3",{id:"grow"},"Grow"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.MB,{mdxType:"Preview"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.oG,{story:_Flex_stories__WEBPACK_IMPORTED_MODULE_9__.grow,name:"_grow_",mdxType:"Story"})),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("h3",{id:"shrink"},"Shrink"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.MB,{mdxType:"Preview"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.oG,{story:_Flex_stories__WEBPACK_IMPORTED_MODULE_9__.shrink,name:"_shrink_",mdxType:"Story"})),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("h3",{id:"basis"},"Basis"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.MB,{mdxType:"Preview"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.oG,{story:_Flex_stories__WEBPACK_IMPORTED_MODULE_9__.basis,name:"_basis_",mdxType:"Story"})),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("h3",{id:"align"},"Align"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.MB,{mdxType:"Preview"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.oG,{story:_Flex_stories__WEBPACK_IMPORTED_MODULE_9__.align,name:"_align_",mdxType:"Story"})))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var _example_=_Flex_stories__WEBPACK_IMPORTED_MODULE_9__.example,_direction_=_Flex_stories__WEBPACK_IMPORTED_MODULE_9__.direction,_wrap_=_Flex_stories__WEBPACK_IMPORTED_MODULE_9__.wrap,_justifyContent_=_Flex_stories__WEBPACK_IMPORTED_MODULE_9__.justifyContent,_alignItems_=_Flex_stories__WEBPACK_IMPORTED_MODULE_9__.alignItems,_alignContent_=_Flex_stories__WEBPACK_IMPORTED_MODULE_9__.alignContent,_order_=_Flex_stories__WEBPACK_IMPORTED_MODULE_9__.order,_grow_=_Flex_stories__WEBPACK_IMPORTED_MODULE_9__.grow,_shrink_=_Flex_stories__WEBPACK_IMPORTED_MODULE_9__.shrink,_basis_=_Flex_stories__WEBPACK_IMPORTED_MODULE_9__.basis,_align_=_Flex_stories__WEBPACK_IMPORTED_MODULE_9__.align,componentMeta={title:"Layout/Flex",parameters:{jest:["/Flex.spec"]},includeStories:["_example_","_direction_","_wrap_","_justifyContent_","_alignItems_","_alignContent_","_order_","_grow_","_shrink_","_basis_","_align_"]},mdxStoryNameToKey={_example_:"_example_",_direction_:"_direction_",_wrap_:"_wrap_",_justifyContent_:"_justifyContent_",_alignItems_:"_alignItems_",_alignContent_:"_alignContent_",_order_:"_order_",_grow_:"_grow_",_shrink_:"_shrink_",_basis_:"_basis_",_align_:"_align_"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.aT,{mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(MDXContent,null))}});const __WEBPACK_DEFAULT_EXPORT__=componentMeta;var __namedExportsOrder=["_example_","_direction_","_wrap_","_justifyContent_","_alignItems_","_alignContent_","_order_","_grow_","_shrink_","_basis_","_align_"]},"./src/components/Accordion/Accordion.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("../../node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("../../node_modules/react/index.js");var ___WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/index.ts"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("../../node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__={title:"Containers/Accordion",component:___WEBPACK_IMPORTED_MODULE_3__.UQy,parameters:{docs:{description:{component:"An `Accordion` allows users to toggle the display of sections of content."}}}};var Template=function Template(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.UQy,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.UQy.Item,{title:"Item #1",defaultExpanded:!0,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.xuv,{color:"default",fontScale:"p2",marginBlockEnd:16,children:"Content #1"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.UQy.Item,{title:"Item #2",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.xuv,{color:"default",fontScale:"p2",marginBlockEnd:16,children:"Content #2"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.UQy.Item,{title:"Item #3",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.xuv,{color:"default",fontScale:"p2",marginBlockEnd:16,children:"Content #3"})})]})};Template.displayName="Template";var Default=Template.bind({});Default.parameters=Object.assign({storySource:{source:"() => (\n \n \n \n Content #1\n \n \n \n \n Content #2\n \n \n \n \n Content #3\n \n \n \n)"}},Default.parameters);var __namedExportsOrder=["Default"]},"./src/components/AnimatedVisibility/AnimatedVisibility.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__,example:()=>example});__webpack_require__("../../node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("../../node_modules/react/index.js");var ___WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/index.ts"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("../../node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__={title:"Layout/AnimatedVisibility",component:___WEBPACK_IMPORTED_MODULE_2__.pdH,argTypes:{visibility:{control:{type:"inline-radio"},options:[___WEBPACK_IMPORTED_MODULE_2__.pdH.VISIBLE,___WEBPACK_IMPORTED_MODULE_2__.pdH.HIDDEN,___WEBPACK_IMPORTED_MODULE_2__.pdH.HIDING,___WEBPACK_IMPORTED_MODULE_2__.pdH.UNHIDING]}}};var example=function example(_ref){var visibility=_ref.visibility;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(___WEBPACK_IMPORTED_MODULE_2__.pdH,{visibility,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(___WEBPACK_IMPORTED_MODULE_2__.n9L,{padding:40,children:"Visible"})})};example.displayName="example",example.args={visibility:___WEBPACK_IMPORTED_MODULE_2__.pdH.VISIBLE},example.parameters=Object.assign({storySource:{source:"({\n visibility,\n}) => (\n \n Visible\n \n)"}},example.parameters);var __namedExportsOrder=["example"]},"./src/components/AudioPlayer/AudioPlayer.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{AudioPlayerDefault:()=>AudioPlayerDefault,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("../../node_modules/core-js/modules/es.object.assign.js");var _storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../../node_modules/@storybook/addon-docs/dist/esm/index.js"),___WEBPACK_IMPORTED_MODULE_3__=(__webpack_require__("../../node_modules/react/index.js"),__webpack_require__("./src/index.ts")),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("../../node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__={title:"Media/AudioPlayer",component:___WEBPACK_IMPORTED_MODULE_3__.zFy,parameters:{docs:{description:{component:"A fuselage`s custom AudioPlayer."},page:function page(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.Dx,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.QE,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.dk,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.sq,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.fQ,{title:""}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.$4,{story:_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.Uh})]})}}}};var AudioPlayerDefault=function AudioPlayerDefault(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.zFy,{src:"https://www.soundhelix.com/examples/mp3/SoundHelix-Song-17.mp3"})};AudioPlayerDefault.displayName="AudioPlayerDefault",AudioPlayerDefault.parameters=Object.assign({storySource:{source:"() => "}},AudioPlayerDefault.parameters);var __namedExportsOrder=["AudioPlayerDefault"]},"./src/components/AutoComplete/AutoComplete.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{AutoCompleteCustomSelected:()=>AutoCompleteCustomSelected,AutoCompleteDefault:()=>AutoCompleteDefault,AutoCompleteMultiple:()=>AutoCompleteMultiple,AutoCompleteMultipleCustomSelected:()=>AutoCompleteMultipleCustomSelected,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js"),_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/slicedToArray.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__=(__webpack_require__("../../node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("../../node_modules/@storybook/addon-docs/dist/esm/index.js")),react__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("../../node_modules/react/index.js"),___WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/index.ts"),_storybook_helpers__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./.storybook/helpers.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("../../node_modules/react/jsx-runtime.js"),_excluded=["value","label"];const __WEBPACK_DEFAULT_EXPORT__={title:"Inputs/AutoComplete",component:___WEBPACK_IMPORTED_MODULE_3__.QcG,parameters:{docs:{description:{component:"An input for selection of options."},page:function page(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.Dx,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.QE,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.dk,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.sq,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.fQ,{title:""}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.$4,{story:_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.Uh})]})}}}};var options=[{value:"1",label:"test1"},{value:"2",label:"test2"},{value:"3",label:"test3"},{value:"4",label:"test4"}],AutoCompleteDefault=function AutoCompleteDefault(){var _useState=(0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(""),_useState2=(0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_6__.Z)(_useState,2),filter=_useState2[0],setFilter=_useState2[1],_useState3=(0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(""),_useState4=(0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_6__.Z)(_useState3,2),value=_useState4[0],setValue=_useState4[1];return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.QcG,{value,filter,setFilter,options,onChange:function handleChangeRooms(value){setValue(value)}})};AutoCompleteDefault.displayName="AutoCompleteDefault";var AutoCompleteCustomSelected=function AutoCompleteCustomSelected(){var _useState5=(0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(""),_useState6=(0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_6__.Z)(_useState5,2),filter=_useState6[0],setFilter=_useState6[1],_useState7=(0,react__WEBPACK_IMPORTED_MODULE_2__.useState)("1"),_useState8=(0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_6__.Z)(_useState7,2),value=_useState8[0],setValue=_useState8[1];return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.QcG,{value,filter,setFilter,options,onChange:function handleChangeRooms(value){setValue(value)},renderSelected:function renderSelected(_ref){var label=_ref.selected.label;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.xuv,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.qEK,{size:"x20",url:_storybook_helpers__WEBPACK_IMPORTED_MODULE_4__.Hh})," ",label]})}})};AutoCompleteCustomSelected.displayName="AutoCompleteCustomSelected";var AutoCompleteMultiple=function AutoCompleteMultiple(){var _useState9=(0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(""),_useState10=(0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_6__.Z)(_useState9,2),filter=_useState10[0],setFilter=_useState10[1],_useState11=(0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(["1","3"]),_useState12=(0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_6__.Z)(_useState11,2),value=_useState12[0],setValue=_useState12[1];return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.QcG,{multiple:!0,value,filter,setFilter,options,onChange:function handleChangeRooms(value){setValue(value)}})};AutoCompleteMultiple.displayName="AutoCompleteMultiple";var AutoCompleteMultipleCustomSelected=function AutoCompleteMultipleCustomSelected(){var _useState13=(0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(""),_useState14=(0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_6__.Z)(_useState13,2),filter=_useState14[0],setFilter=_useState14[1],_useState15=(0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(["1","3"]),_useState16=(0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_6__.Z)(_useState15,2),value=_useState16[0],setValue=_useState16[1];return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.QcG,{multiple:!0,value,filter,setFilter,options,onChange:function handleChangeRooms(value){setValue(value)},renderSelected:function renderSelected(_ref2){var _ref2$selected=_ref2.selected,value=_ref2$selected.value,label=_ref2$selected.label,onRemove=_ref2.onRemove;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.AfN,{height:"x20",value,onClick:onRemove,mie:4,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.xuv,{is:"span",margin:"none",mis:4,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.qEK,{size:"x20",url:_storybook_helpers__WEBPACK_IMPORTED_MODULE_4__.Hh})," ",label]})},value)},renderItem:function renderItem(_ref3){var value=_ref3.value,label=_ref3.label,props=(0,_babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_7__.Z)(_ref3,_excluded);return(0,react__WEBPACK_IMPORTED_MODULE_2__.createElement)(___WEBPACK_IMPORTED_MODULE_3__.Wxm,Object.assign({},props,{key:value,label}))}})};AutoCompleteMultipleCustomSelected.displayName="AutoCompleteMultipleCustomSelected",AutoCompleteDefault.parameters=Object.assign({storySource:{source:"() => {\n const [filter, setFilter] = useState('');\n const [value, setValue] = useState('');\n\n const handleChangeRooms = (value: string | string[]) => {\n setValue(value);\n };\n\n return (\n \n );\n}"}},AutoCompleteDefault.parameters),AutoCompleteCustomSelected.parameters=Object.assign({storySource:{source:"() => {\n const [filter, setFilter] = useState('');\n const [value, setValue] = useState('1');\n\n const handleChangeRooms = (value: string | string[]) => {\n setValue(value);\n };\n\n return (\n (\n \n {label}\n \n )}\n />\n );\n}"}},AutoCompleteCustomSelected.parameters),AutoCompleteMultiple.parameters=Object.assign({storySource:{source:"() => {\n const [filter, setFilter] = useState('');\n const [value, setValue] = useState(['1', '3']);\n\n const handleChangeRooms = (value: string | string[]) => {\n setValue(value);\n };\n\n return (\n \n );\n}"}},AutoCompleteMultiple.parameters),AutoCompleteMultipleCustomSelected.parameters=Object.assign({storySource:{source:"() => {\n const [filter, setFilter] = useState('');\n const [value, setValue] = useState(['1', '3']);\n\n const handleChangeRooms = (value: string | string[]) => {\n setValue(value);\n };\n\n return (\n (\n \n \n \n {' '}\n {label}\n \n \n )}\n renderItem={({ value, label, ...props }) => (\n     \n );\n}"}},Default.parameters);var __namedExportsOrder=["Default"]},"./src/components/EmailInput/EmailInput.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,Disabled:()=>Disabled,Invalid:()=>Invalid,States:()=>States,WithIconAddon:()=>WithIconAddon,WithPlaceholder:()=>WithPlaceholder,WithValue:()=>WithValue,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("../../node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("../../node_modules/core-js/modules/es.function.bind.js");var _storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("../../node_modules/@storybook/addon-docs/dist/esm/index.js"),___WEBPACK_IMPORTED_MODULE_4__=(__webpack_require__("../../node_modules/react/index.js"),__webpack_require__("./src/index.ts")),_storybook_helpers__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./.storybook/helpers.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("../../node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__={title:"Inputs/EmailInput",component:___WEBPACK_IMPORTED_MODULE_4__.U50,parameters:{docs:{description:{component:"An input for email addresses."},page:function page(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__.Dx,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__.dk,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__.sq,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__.fQ,{title:"Props from InputBox"})]})}}}};var Template=function Template(args){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.U50,Object.assign({},args))};Template.displayName="Template";var Default=Template.bind({}),WithIconAddon=function WithIconAddon(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.U50,{addon:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.JO$,{name:"send",size:"x20"})})};WithIconAddon.displayName="WithIconAddon";var Invalid=Template.bind({});Invalid.args={error:"Error"};var Disabled=Template.bind({});Disabled.args={disabled:!0};var WithPlaceholder=Template.bind({});WithPlaceholder.args={placeholder:"Placeholder"};var WithValue=Template.bind({});WithValue.args={defaultValue:"support@rocket.chat"};var States=function States(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_storybook_helpers__WEBPACK_IMPORTED_MODULE_5__.$y,{component:___WEBPACK_IMPORTED_MODULE_4__.U50,common:{onChange:function onChange(){}},xAxis:{default:{},"with placeholder":{placeholder:"Placeholder"},"with value":{value:"support@rocket.chat"},"with icon":{addon:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.JO$,{name:"at",size:"x20"}),value:"support@rocket.chat"}},yAxis:{default:{},hover:{className:"hover"},active:{className:"active"},focus:{className:"focus"},disabled:{disabled:!0},errored:{error:"Error"},"errored + hover":{className:"hover",error:"Error"},"errored + active":{className:"active",error:"Error"},"errored + focus":{className:"focus",error:"Error"}}})};States.displayName="States",Default.parameters=Object.assign({storySource:{source:"(args) => (\n \n)"}},Default.parameters),WithIconAddon.parameters=Object.assign({storySource:{source:"() => (\n } />\n)"}},WithIconAddon.parameters),Invalid.parameters=Object.assign({storySource:{source:"(args) => (\n \n)"}},Invalid.parameters),Disabled.parameters=Object.assign({storySource:{source:"(args) => (\n \n)"}},Disabled.parameters),WithPlaceholder.parameters=Object.assign({storySource:{source:"(args) => (\n \n)"}},WithPlaceholder.parameters),WithValue.parameters=Object.assign({storySource:{source:"(args) => (\n \n)"}},WithValue.parameters),States.parameters=Object.assign({storySource:{source:"() => (\n {} }}\n xAxis={{\n 'default': {},\n 'with placeholder': { placeholder: 'Placeholder' },\n 'with value': { value: 'support@rocket.chat' },\n 'with icon': {\n addon: ,\n value: 'support@rocket.chat',\n },\n }}\n yAxis={{\n 'default': {},\n 'hover': { className: 'hover' },\n 'active': { className: 'active' },\n 'focus': { className: 'focus' },\n 'disabled': { disabled: true },\n 'errored': { error: 'Error' },\n 'errored + hover': { className: 'hover', error: 'Error' },\n 'errored + active': { className: 'active', error: 'Error' },\n 'errored + focus': { className: 'focus', error: 'Error' },\n }}\n />\n)"}},States.parameters);var __namedExportsOrder=["Default","WithIconAddon","Invalid","Disabled","WithPlaceholder","WithValue","States"]},"./src/components/Field/Field.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,WithCheckBox:()=>WithCheckBox,WithDescription:()=>WithDescription,WithError:()=>WithError,WithHint:()=>WithHint,WithHintAndError:()=>WithHintAndError,WithHintAndLink:()=>WithHintAndLink,WithLink:()=>WithLink,WithToggleSwitch:()=>WithToggleSwitch,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("../../node_modules/core-js/modules/es.object.assign.js");var _storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../../node_modules/@storybook/addon-docs/dist/esm/index.js"),___WEBPACK_IMPORTED_MODULE_3__=(__webpack_require__("../../node_modules/react/index.js"),__webpack_require__("./src/index.ts")),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("../../node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__={title:"Inputs/Field",component:___WEBPACK_IMPORTED_MODULE_3__.gNt,parameters:{docs:{description:{component:"A `Field` is a wrapper representing an entry in a form."},page:function page(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.Dx,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.dk,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.sq,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.fQ,{title:"Field Patterns"})]})}}}};var Default=function Default(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.gNt,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.gNt.Label,{children:"Label"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.gNt.Description,{children:"Description"}),(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.Error,{children:"Error"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.gNt.Hint,{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__.gNt.Row,{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__.gNt.Label,{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__.gNt.Row,{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__.gNt.Label,{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__.gNt.Label,{children:"Label"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.gNt.Description,{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__.gNt.Row,{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__.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__.Wzg.Skeleton,{})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.gNt.Error,{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__.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__.Wzg.Skeleton,{})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.gNt.Hint,{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__.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__.Wzg.Skeleton,{})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.gNt.Error,{children:"Error must be above."}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.gNt.Hint,{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__.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__.Wzg.Skeleton,{})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.gNt.Row,{justifyContent:"end",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.gNt.Link,{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__.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__.Wzg.Skeleton,{})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.gNt.Row,{justifyContent:"space-between",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.gNt.Hint,{children:"Same line as Link in the left"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.gNt.Link,{href:"#",children:"Same line as Hint in the right"})]})]})};WithHintAndLink.displayName="WithHintAndLink",Default.parameters=Object.assign({storySource:{source:"() => (\n \n Label\n Description\n \n \n \n Error\n Hint\n \n)"}},Default.parameters),WithCheckBox.parameters=Object.assign({storySource:{source:"() => (\n \n \n \n Label\n \n \n)"}},WithCheckBox.parameters),WithToggleSwitch.parameters=Object.assign({storySource:{source:"() => (\n \n \n \n Label\n \n \n)"}},WithToggleSwitch.parameters),WithDescription.parameters=Object.assign({storySource:{source:"() => (\n \n Label\n \n Descriptions should add useful and relevant additional information about\n what is required of the user for the related input. Its content is\n strictly composed by plain text.\n \n \n \n \n \n)"}},WithDescription.parameters),WithError.parameters=Object.assign({storySource:{source:"() => (\n \n Label\n \n \n \n \n Error text appears when the user has inputted an invalid response to a\n field and let's the user know exactly what the issue is, so as to let them\n remedy the error as easily as possible.\n \n \n)"}},WithError.parameters),WithHint.parameters=Object.assign({storySource:{source:"() => (\n \n Label\n \n \n \n \n Hint fields help by explaining technical terms or concepts related to\n third-party apps and integrations.\n \n \n)"}},WithHint.parameters),WithHintAndError.parameters=Object.assign({storySource:{source:"() => (\n \n Label\n \n \n \n Error must be above.\n Hint must be below.\n \n)"}},WithHintAndError.parameters),WithLink.parameters=Object.assign({storySource:{source:"() => (\n \n Label\n \n \n \n \n \n Link is used for external resources or documentation.\n \n \n \n)"}},WithLink.parameters),WithHintAndLink.parameters=Object.assign({storySource:{source:"() => (\n \n Label\n \n \n \n \n Same line as Link in the left\n Same line as Hint in the right\n \n \n)"}},WithHintAndLink.parameters);var __namedExportsOrder=["Default","WithCheckBox","WithToggleSwitch","WithDescription","WithError","WithHint","WithHintAndError","WithLink","WithHintAndLink"]},"./src/components/FieldGroup/FieldGroup.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("../../node_modules/core-js/modules/es.object.assign.js");var _storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../../node_modules/@storybook/addon-docs/dist/esm/index.js"),___WEBPACK_IMPORTED_MODULE_3__=(__webpack_require__("../../node_modules/react/index.js"),__webpack_require__("./src/index.ts")),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("../../node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__={title:"Inputs/FieldGroup",component:___WEBPACK_IMPORTED_MODULE_3__.NIo,parameters:{docs:{description:{component:"A container for grouping fields that semantically share a common data context."},page:function page(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.Dx,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.dk,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.sq,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.fQ,{title:"Label positioning for selection buttons"})]})}}}};var Default=function Default(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.NIo,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.gNt,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.gNt.Label,{children:"Field #1"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.gNt.Row,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.Wzg.Skeleton,{})})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.gNt,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.gNt.Label,{children:"Field #2"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.gNt.Row,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.Wzg.Skeleton,{})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.gNt.Hint,{children:"Help text"})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.gNt,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.gNt.Label,{children:"Field #3"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.gNt.Row,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.Wzg.Skeleton,{})})]})]})};Default.displayName="Default",Default.parameters=Object.assign({storySource:{source:"() => (\n \n \n Field #1\n \n \n \n \n \n Field #2\n \n \n \n Help text\n \n \n Field #3\n \n \n \n \n \n)"}},Default.parameters);var __namedExportsOrder=["Default"]},"./src/components/Flex/Flex.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{__namedExportsOrder:()=>__namedExportsOrder,align:()=>align,alignContent:()=>alignContent,alignItems:()=>alignItems,basis:()=>basis,direction:()=>direction,example:()=>example,grow:()=>grow,justifyContent:()=>justifyContent,order:()=>order,shrink:()=>shrink,wrap:()=>wrap});__webpack_require__("../../node_modules/core-js/modules/es.array.from.js"),__webpack_require__("../../node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("../../node_modules/react/index.js");var ___WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/index.ts"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("../../node_modules/react/jsx-runtime.js"),example=function example(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.kCb.Container,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:Array.from({length:3},(function(_,i){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.kCb.Item,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:["#",i+1]})},i)}))})})};example.displayName="example";var direction=function direction(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.kCb.Container,{direction:"row-reverse",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:Array.from({length:3},(function(_,i){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.kCb.Item,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:["#",i+1]})},i)}))})})};direction.displayName="direction";var wrap=function wrap(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.kCb.Container,{wrap:"wrap",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:Array.from({length:12},(function(_,i){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.kCb.Item,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:["#",i+1]})},i)}))})})};wrap.displayName="wrap";var justifyContent=function justifyContent(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.kCb.Container,{justifyContent:"space-around",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:Array.from({length:3},(function(_,i){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.kCb.Item,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:["#",i+1]})},i)}))})})};justifyContent.displayName="justifyContent";var alignItems=function alignItems(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.kCb.Container,{alignItems:"end",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:Array.from({length:3},(function(_,i){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.kCb.Item,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{style:{height:100*i},children:["#",i+1]})},i)}))})})};alignItems.displayName="alignItems";var alignContent=function alignContent(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.kCb.Container,{wrap:"wrap",alignContent:"end",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{style:{minHeight:400},children:Array.from({length:12},(function(_,i){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.kCb.Item,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:["#",i+1]})},i)}))})})};alignContent.displayName="alignContent";var order=function order(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.kCb.Container,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.kCb.Item,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:"#1"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.kCb.Item,{order:1,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:"#2"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.kCb.Item,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:"#3"})})]})})};order.displayName="order";var grow=function grow(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.kCb.Container,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.kCb.Item,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:"#1"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.kCb.Item,{grow:1,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:"#2"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.kCb.Item,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:"#3"})})]})})};grow.displayName="grow";var shrink=function shrink(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.kCb.Container,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.kCb.Item,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:"#1"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.kCb.Item,{shrink:1,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{width:"full",children:"#2"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.kCb.Item,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:"#3"})})]})})};shrink.displayName="shrink";var basis=function basis(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.kCb.Container,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.kCb.Item,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:"#1"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.kCb.Item,{basis:"400px",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:"#2"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.kCb.Item,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:"#3"})})]})})};basis.displayName="basis";var align=function align(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.kCb.Container,{alignItems:"center",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{style:{minHeight:400},children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.kCb.Item,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:"#1"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.kCb.Item,{align:"end",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:"#2"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.kCb.Item,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:"#3"})})]})})};align.displayName="align",example.parameters=Object.assign({storySource:{source:"() => (\n \n \n {Array.from({ length: 3 }, (_, i) => (\n \n #{i + 1}\n \n ))}\n \n \n)"}},example.parameters),direction.parameters=Object.assign({storySource:{source:"() => (\n \n \n {Array.from({ length: 3 }, (_, i) => (\n \n #{i + 1}\n \n ))}\n \n \n)"}},direction.parameters),wrap.parameters=Object.assign({storySource:{source:"() => (\n \n \n {Array.from({ length: 12 }, (_, i) => (\n \n #{i + 1}\n \n ))}\n \n \n)"}},wrap.parameters),justifyContent.parameters=Object.assign({storySource:{source:"() => (\n \n \n {Array.from({ length: 3 }, (_, i) => (\n \n #{i + 1}\n \n ))}\n \n \n)"}},justifyContent.parameters),alignItems.parameters=Object.assign({storySource:{source:"() => (\n \n \n {Array.from({ length: 3 }, (_, i) => (\n \n #{i + 1}\n \n ))}\n \n \n)"}},alignItems.parameters),alignContent.parameters=Object.assign({storySource:{source:"() => (\n \n \n {Array.from({ length: 12 }, (_, i) => (\n \n #{i + 1}\n \n ))}\n \n \n)"}},alignContent.parameters),order.parameters=Object.assign({storySource:{source:"() => (\n \n \n \n #1\n \n \n #2\n \n \n #3\n \n \n \n)"}},order.parameters),grow.parameters=Object.assign({storySource:{source:"() => (\n \n \n \n #1\n \n \n #2\n \n \n #3\n \n \n \n)"}},grow.parameters),shrink.parameters=Object.assign({storySource:{source:"() => (\n \n \n \n #1\n \n \n #2\n \n \n #3\n \n \n \n)"}},shrink.parameters),basis.parameters=Object.assign({storySource:{source:"() => (\n \n \n \n #1\n \n \n #2\n \n \n #3\n \n \n \n)"}},basis.parameters),align.parameters=Object.assign({storySource:{source:"() => (\n \n \n \n #1\n \n \n #2\n \n \n #3\n \n \n \n)"}},align.parameters);var __namedExportsOrder=["example","direction","wrap","justifyContent","alignItems","alignContent","order","grow","shrink","basis","align"]},"./src/components/Grid/Grid.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Breakpoints:()=>Breakpoints,Default:()=>Default,ExtraLarge:()=>ExtraLarge,ExtraSmall:()=>ExtraSmall,Large:()=>Large,Medium:()=>Medium,Small:()=>Small,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("../../node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.map.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.from.js"),__webpack_require__("../../node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.assign.js");var _storybook_addon_docs__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("../../node_modules/@storybook/addon-docs/dist/esm/index.js"),react__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("../../node_modules/react/index.js"),___WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/components/index.ts"),___WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/index.ts"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("../../node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__={title:"Layout/Grid",component:___WEBPACK_IMPORTED_MODULE_8__.rjZ,parameters:{docs:{description:{component:"A container for grouping fields that semantically share a common data context."},page:function page(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_5__.Dx,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_5__.dk,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_5__.sq,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_5__.$4,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_5__.fQ,{title:""})]})}}}};var Template=function Template(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(___WEBPACK_IMPORTED_MODULE_8__.rjZ,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_8__.rjZ.Item,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_8__.n9L,{})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_8__.rjZ.Item,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_8__.n9L,{})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_8__.rjZ.Item,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_8__.n9L,{})})]})};Template.displayName="Template";var Default=Template.bind({}),Breakpoints=function Breakpoints(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(___WEBPACK_IMPORTED_MODULE_7__.iA_,{fixed:!0,striped:!0,sticky:!0,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_7__.ssF,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(___WEBPACK_IMPORTED_MODULE_7__.SCH,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_7__.pj1,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_7__.pj1,{children:"extra-small"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_7__.pj1,{children:"small"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_7__.pj1,{children:"medium"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_7__.pj1,{children:"large"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_7__.pj1,{children:"extra-large"})]})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(___WEBPACK_IMPORTED_MODULE_7__.RMI,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(___WEBPACK_IMPORTED_MODULE_7__.SCH,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_7__.pj1,{is:"th",scope:"row",children:"Alias"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_7__.pj1,{children:"xs"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_7__.pj1,{children:"sm"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_7__.pj1,{children:"md"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_7__.pj1,{children:"lg"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_7__.pj1,{children:"xl"})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(___WEBPACK_IMPORTED_MODULE_7__.SCH,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_7__.pj1,{is:"th",scope:"row",children:"Minimun width"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_7__.pj1,{children:"320px"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_7__.pj1,{children:"600px"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_7__.pj1,{children:"768px"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_7__.pj1,{children:"1024px"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_7__.pj1,{children:"1440px"})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(___WEBPACK_IMPORTED_MODULE_7__.SCH,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_7__.pj1,{is:"th",scope:"row",children:"Columns"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_7__.pj1,{children:"4"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_7__.pj1,{children:"8"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_7__.pj1,{children:"8"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_7__.pj1,{children:"12"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_7__.pj1,{children:"12"})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(___WEBPACK_IMPORTED_MODULE_7__.SCH,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_7__.pj1,{is:"th",scope:"row",children:"Margins / Gutters"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_7__.pj1,{children:"16px"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_7__.pj1,{children:"16px"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_7__.pj1,{children:"24px"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_7__.pj1,{children:"24px"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_7__.pj1,{children:"24px"})]})]})]})};Breakpoints.displayName="Breakpoints";var ExtraSmall=function ExtraSmall(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_8__.rjZ,{children:Array.from({length:4}).map((function(_,i){return i+1})).map((function(columns){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(react__WEBPACK_IMPORTED_MODULE_6__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_8__.rjZ.Item,{xs:columns,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(___WEBPACK_IMPORTED_MODULE_8__.n9L,{children:["xs=",columns]})}),4-columns>0&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_8__.rjZ.Item,{xs:4-columns,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(___WEBPACK_IMPORTED_MODULE_8__.n9L,{children:["xs=",4-columns]})})]},columns)}))})};ExtraSmall.displayName="ExtraSmall",ExtraSmall.storyName="Extra Small (xs)";var Small=function Small(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_8__.rjZ,{children:Array.from({length:8}).map((function(_,i){return i+1})).map((function(columns){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(react__WEBPACK_IMPORTED_MODULE_6__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_8__.rjZ.Item,{sm:columns,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(___WEBPACK_IMPORTED_MODULE_8__.n9L,{children:["sm=",columns]})}),8-columns>0&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_8__.rjZ.Item,{sm:8-columns,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(___WEBPACK_IMPORTED_MODULE_8__.n9L,{children:["sm=",8-columns]})})]},columns)}))})};Small.displayName="Small",Small.storyName="Small (sm)";var Medium=function Medium(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_8__.rjZ,{children:Array.from({length:8}).map((function(_,i){return i+1})).map((function(columns){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(react__WEBPACK_IMPORTED_MODULE_6__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_8__.rjZ.Item,{md:columns,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(___WEBPACK_IMPORTED_MODULE_8__.n9L,{children:["md=",columns]})}),8-columns>0&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_8__.rjZ.Item,{md:8-columns,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(___WEBPACK_IMPORTED_MODULE_8__.n9L,{children:["md=",8-columns]})})]},columns)}))})};Medium.displayName="Medium",Medium.storyName="Medium (md)";var Large=function Large(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_8__.rjZ,{children:Array.from({length:12}).map((function(_,i){return i+1})).map((function(columns){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(react__WEBPACK_IMPORTED_MODULE_6__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_8__.rjZ.Item,{lg:columns,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(___WEBPACK_IMPORTED_MODULE_8__.n9L,{children:["lg=",columns]})}),12-columns>0&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_8__.rjZ.Item,{lg:12-columns,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(___WEBPACK_IMPORTED_MODULE_8__.n9L,{children:["lg=",12-columns]})})]},columns)}))})};Large.displayName="Large",Large.storyName="Large (lg)";var ExtraLarge=function ExtraLarge(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_8__.rjZ,{children:Array.from({length:12}).map((function(_,i){return i+1})).map((function(columns){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(react__WEBPACK_IMPORTED_MODULE_6__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_8__.rjZ.Item,{xl:columns,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(___WEBPACK_IMPORTED_MODULE_8__.n9L,{children:["xl=",columns]})}),12-columns>0&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_8__.rjZ.Item,{xl:12-columns,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(___WEBPACK_IMPORTED_MODULE_8__.n9L,{children:["xl=",12-columns]})})]},columns)}))})};ExtraLarge.displayName="ExtraLarge",ExtraLarge.storyName="Extra Large (xl)",Default.parameters=Object.assign({storySource:{source:"() => (\n \n \n \n \n \n \n \n \n \n \n \n)"}},Default.parameters),Breakpoints.parameters=Object.assign({storySource:{source:"() => (\n \n \n \n \n extra-small\n small\n medium\n large\n extra-large\n \n \n \n \n \n Alias\n \n xs\n sm\n md\n lg\n xl\n \n \n \n Minimun width\n \n 320px\n 600px\n 768px\n 1024px\n 1440px\n \n \n \n Columns\n \n 4\n 8\n 8\n 12\n 12\n \n \n \n Margins / Gutters\n \n 16px\n 16px\n 24px\n 24px\n 24px\n \n \n
    \n)"}},Breakpoints.parameters),ExtraSmall.parameters=Object.assign({storySource:{source:"() => {\n type ColumnsType = 1 | 2 | 3 | 4;\n return (\n \n {Array.from({ length: 4 })\n .map((_, i) => (i + 1) as ColumnsType)\n .map((columns) => (\n \n \n xs={columns}\n \n {4 - columns > 0 && (\n \n xs={4 - columns}\n \n )}\n \n ))}\n \n );\n}"}},ExtraSmall.parameters),Small.parameters=Object.assign({storySource:{source:"() => {\n type ColumnsType = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8;\n return (\n \n {Array.from({ length: 8 })\n .map((_, i) => (i + 1) as ColumnsType)\n .map((columns) => (\n \n \n sm={columns}\n \n {8 - columns > 0 && (\n \n sm={8 - columns}\n \n )}\n \n ))}\n \n );\n}"}},Small.parameters),Medium.parameters=Object.assign({storySource:{source:"() => {\n type ColumnsType = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8;\n return (\n \n {Array.from({ length: 8 })\n .map((_, i) => (i + 1) as ColumnsType)\n .map((columns) => (\n \n \n md={columns}\n \n {8 - columns > 0 && (\n \n md={8 - columns}\n \n )}\n \n ))}\n \n );\n}"}},Medium.parameters),Large.parameters=Object.assign({storySource:{source:"() => {\n type ColumnsType = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\n return (\n \n {Array.from({ length: 12 })\n .map((_, i) => (i + 1) as ColumnsType)\n .map((columns) => (\n \n \n lg={columns}\n \n {12 - columns > 0 && (\n \n lg={12 - columns}\n \n )}\n \n ))}\n \n );\n}"}},Large.parameters),ExtraLarge.parameters=Object.assign({storySource:{source:"() => {\n type ColumnsType = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\n return (\n \n {Array.from({ length: 12 })\n .map((_, i) => (i + 1) as ColumnsType)\n .map((columns) => (\n \n \n xl={columns}\n \n {12 - columns > 0 && (\n \n xl={12 - columns}\n \n )}\n \n ))}\n \n );\n}"}},ExtraLarge.parameters);var __namedExportsOrder=["Default","Breakpoints","ExtraSmall","Small","Medium","Large","ExtraLarge"]},"./src/components/Icon/Icon.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{AvailableIcons:()=>AvailableIcons,Default:()=>Default,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("../../node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.map.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.assign.js");var _rocket_chat_icons__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("../icons/dist/index.js"),_rocket_chat_icons__WEBPACK_IMPORTED_MODULE_3___default=__webpack_require__.n(_rocket_chat_icons__WEBPACK_IMPORTED_MODULE_3__),___WEBPACK_IMPORTED_MODULE_5__=(__webpack_require__("../../node_modules/react/index.js"),__webpack_require__("./src/index.ts")),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("../../node_modules/react/jsx-runtime.js"),iconsList=Object.keys(_rocket_chat_icons__WEBPACK_IMPORTED_MODULE_3___default());const __WEBPACK_DEFAULT_EXPORT__={title:"Data Display/Icon",component:___WEBPACK_IMPORTED_MODULE_5__.JO$};var Default=function Default(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.xuv,{color:"default",children:iconsList.map((function(name){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.JO$,{name,size:"x40"},name)}))})};Default.displayName="Default";var styles={container:{display:"flex",flexFlow:"row wrap",alignItems:"center",justifyContent:"space-between",textAlign:"center"},wrapper:{margin:"2rem 0.5rem",flex:"1 0 8rem"}},AvailableIcons=function AvailableIcons(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("div",{style:styles.container,children:iconsList.map((function(name){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)("div",{style:styles.wrapper,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.xuv,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.JO$,{name,size:"x40"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.xuv,{color:"hint",children:name})]},name)}))})};AvailableIcons.displayName="AvailableIcons",Default.parameters=Object.assign({storySource:{source:"() => (\n \n {iconsList.map((name) => (\n \n ))}\n \n)"}},Default.parameters),AvailableIcons.parameters=Object.assign({storySource:{source:"() => (\n
    \n {iconsList.map((name) => (\n
    \n \n \n \n {name}\n
    \n ))}\n
    \n)"}},AvailableIcons.parameters);var __namedExportsOrder=["Default","AvailableIcons"]},"./src/components/InputBox/InputBox.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Date:()=>Date,Default:()=>Default,Disabled:()=>Disabled,Invalid:()=>Invalid,Skeleton:()=>Skeleton,Time:()=>Time,WithAddon:()=>WithAddon,WithPlaceholder:()=>WithPlaceholder,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("../../node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("../../node_modules/core-js/modules/es.function.bind.js");var _storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("../../node_modules/@storybook/addon-actions/dist/esm/index.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("../../node_modules/@storybook/addon-docs/dist/esm/index.js"),___WEBPACK_IMPORTED_MODULE_5__=(__webpack_require__("../../node_modules/react/index.js"),__webpack_require__("./src/index.ts")),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("../../node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__={title:"Inputs/InputBox",component:___WEBPACK_IMPORTED_MODULE_5__.Wzg,parameters:{docs:{description:{component:"A decorated input control with support for addons.
    Usually you'll perfer to use `-Input` (e.g. `TextInput`) components over this one because it works as a construction block for them."},page:function page(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_3__.Dx,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_3__.dk,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_3__.sq,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_3__.$4,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_3__.fQ,{title:""})]})}}}};var Template=function Template(args){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.Wzg,Object.assign({},args))};Template.displayName="Template";var Default=Template.bind({});Default.args={defaultValue:"Value",onChange:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("change")};var Date=Template.bind({});Date.args={defaultValue:"Value",onChange:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("change"),type:"date"};var Time=Template.bind({});Time.args={defaultValue:"Value",onChange:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("change"),type:"time"};var WithAddon=Template.bind({});WithAddon.args={addon:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.JO$,{name:"send",size:"x20"})};var Invalid=Template.bind({});Invalid.args={defaultValue:"Value",error:"Error",onChange:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("change")};var Disabled=Template.bind({});Disabled.args={defaultValue:"Value",disabled:!0,onChange:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("change")};var WithPlaceholder=Template.bind({});WithPlaceholder.args={placeholder:"Placeholder",onChange:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("change")};var Skeleton=function Skeleton(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.Wzg.Skeleton,{})};Skeleton.displayName="Skeleton",Skeleton.storyName="InputBox.Skeleton",Default.parameters=Object.assign({storySource:{source:"(args) => (\n \n)"}},Default.parameters),Date.parameters=Object.assign({storySource:{source:"(args) => (\n \n)"}},Date.parameters),Time.parameters=Object.assign({storySource:{source:"(args) => (\n \n)"}},Time.parameters),WithAddon.parameters=Object.assign({storySource:{source:"(args) => (\n \n)"}},WithAddon.parameters),Invalid.parameters=Object.assign({storySource:{source:"(args) => (\n \n)"}},Invalid.parameters),Disabled.parameters=Object.assign({storySource:{source:"(args) => (\n \n)"}},Disabled.parameters),WithPlaceholder.parameters=Object.assign({storySource:{source:"(args) => (\n \n)"}},WithPlaceholder.parameters),Skeleton.parameters=Object.assign({storySource:{source:"() => (\n \n)"}},Skeleton.parameters);var __namedExportsOrder=["Default","Date","Time","WithAddon","Invalid","Disabled","WithPlaceholder","Skeleton"]},"./src/components/Label/Label.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,Disabled:()=>Disabled,Required:()=>Required,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("../../node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("../../node_modules/core-js/modules/es.function.bind.js");var _storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("../../node_modules/@storybook/addon-docs/dist/esm/index.js"),___WEBPACK_IMPORTED_MODULE_4__=(__webpack_require__("../../node_modules/react/index.js"),__webpack_require__("./src/index.ts")),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("../../node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__={title:"Inputs/Label",component:___WEBPACK_IMPORTED_MODULE_4__.__J,parameters:{docs:{description:{component:"A caption for an input component."},page:function page(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__.Dx,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__.dk,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__.sq,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__.$4,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__.fQ,{title:"Input component state"})]})}}}};var Template=function Template(args){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.__J,Object.assign({},args,{children:"Label"}))};Template.displayName="Template";var Default=Template.bind({}),Required=Template.bind({});Required.args={required:!0};var Disabled=Template.bind({});Disabled.args={disabled:!0},Default.parameters=Object.assign({storySource:{source:"(args) => (\n \n)"}},Default.parameters),Required.parameters=Object.assign({storySource:{source:"(args) => (\n \n)"}},Required.parameters),Disabled.parameters=Object.assign({storySource:{source:"(args) => (\n \n)"}},Disabled.parameters);var __namedExportsOrder=["Default","Required","Disabled"]},"./src/components/Margins/Margins.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{AllProp:()=>AllProp,BlockEndProp:()=>BlockEndProp,BlockProp:()=>BlockProp,BlockStartProp:()=>BlockStartProp,Example:()=>Example,InlineEndProp:()=>InlineEndProp,InlineProp:()=>InlineProp,InlineStartProp:()=>InlineStartProp,WithAutoValue:()=>WithAutoValue,WithNegativeValues:()=>WithNegativeValues,WithNonBoxChildren:()=>WithNonBoxChildren,WithNoneValue:()=>WithNoneValue,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("../../node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("../../node_modules/core-js/modules/es.function.bind.js");var _storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("../../node_modules/@storybook/addon-docs/dist/esm/index.js"),___WEBPACK_IMPORTED_MODULE_4__=(__webpack_require__("../../node_modules/react/index.js"),__webpack_require__("./src/index.ts")),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("../../node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__={title:"Layout/Margins",component:___WEBPACK_IMPORTED_MODULE_4__.mTO,parameters:{docs:{description:{component:"Add margins to the wrapped component."},page:function page(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__.Dx,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__.dk,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__.sq,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__.$4,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__.fQ,{title:""})]})}}}};var Template=function Template(args){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(___WEBPACK_IMPORTED_MODULE_4__.hE2,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.zxk,{children:"Without margins"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.mTO,Object.assign({},args,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.zxk,{children:"With margins"})})),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.zxk,{children:"Without margins"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.zxk,{children:"Without margins"})]})};Template.displayName="Template";var Example=Template.bind({});Example.args={all:"x32"};var AllProp=function AllProp(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.xuv,{display:"flex",alignItems:"center",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{all:"x8",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{display:"flex",padding:"none",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{all:"x4",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:"x4"})})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{display:"flex",padding:"none",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{all:"x8",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:"x8"})})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{display:"flex",padding:"none",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{all:"x16",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:"x16"})})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{display:"flex",padding:"none",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{all:"x24",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:"x24"})})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{display:"flex",padding:"none",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{all:"x32",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:"x32"})})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{display:"flex",padding:"none",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{all:"x40",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:"x40"})})})]})})};AllProp.displayName="AllProp",AllProp.storyName="all prop";var BlockProp=function BlockProp(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.xuv,{display:"flex",alignItems:"center",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{all:"x8",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{display:"flex",padding:"none",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{block:"x4",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:"x4"})})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{display:"flex",padding:"none",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{block:"x8",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:"x8"})})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{display:"flex",padding:"none",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{block:"x16",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:"x16"})})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{display:"flex",padding:"none",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{block:"x24",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:"x24"})})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{display:"flex",padding:"none",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{block:"x32",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:"x32"})})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{display:"flex",padding:"none",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{block:"x40",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:"x40"})})})]})})};BlockProp.displayName="BlockProp",BlockProp.storyName="block prop";var BlockStartProp=function BlockStartProp(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.xuv,{display:"flex",alignItems:"center",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{all:"x8",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{display:"flex",padding:"none",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{blockStart:"x4",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:"x4"})})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{display:"flex",padding:"none",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{blockStart:"x8",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:"x8"})})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{display:"flex",padding:"none",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{blockStart:"x16",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:"x16"})})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{display:"flex",padding:"none",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{blockStart:"x24",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:"x24"})})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{display:"flex",padding:"none",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{blockStart:"x32",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:"x32"})})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{display:"flex",padding:"none",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{blockStart:"x40",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:"x40"})})})]})})};BlockStartProp.displayName="BlockStartProp",BlockStartProp.storyName="blockStart prop";var BlockEndProp=function BlockEndProp(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.xuv,{display:"flex",alignItems:"center",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{all:"x8",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{display:"flex",padding:"none",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{blockEnd:"x4",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:"x4"})})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{display:"flex",padding:"none",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{blockEnd:"x8",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:"x8"})})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{display:"flex",padding:"none",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{blockEnd:"x16",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:"x16"})})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{display:"flex",padding:"none",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{blockEnd:"x24",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:"x24"})})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{display:"flex",padding:"none",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{blockEnd:"x32",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:"x32"})})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{display:"flex",padding:"none",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{blockEnd:"x40",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:"x40"})})})]})})};BlockEndProp.displayName="BlockEndProp",BlockEndProp.storyName="blockEnd prop";var InlineProp=function InlineProp(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.xuv,{display:"flex",alignItems:"center",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{all:"x8",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{display:"flex",padding:"none",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{inline:"x4",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:"x4"})})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{display:"flex",padding:"none",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{inline:"x8",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:"x8"})})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{display:"flex",padding:"none",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{inline:"x16",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:"x16"})})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{display:"flex",padding:"none",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{inline:"x24",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:"x24"})})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{display:"flex",padding:"none",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{inline:"x32",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:"x32"})})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{display:"flex",padding:"none",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{inline:"x40",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:"x40"})})})]})})};InlineProp.displayName="InlineProp",InlineProp.storyName="inline prop";var InlineStartProp=function InlineStartProp(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.xuv,{display:"flex",alignItems:"center",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{all:"x8",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{display:"flex",padding:"none",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{inlineStart:"x4",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:"x4"})})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{display:"flex",padding:"none",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{inlineStart:"x8",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:"x8"})})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{display:"flex",padding:"none",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{inlineStart:"x16",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:"x16"})})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{display:"flex",padding:"none",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{inlineStart:"x24",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:"x24"})})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{display:"flex",padding:"none",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{inlineStart:"x32",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:"x32"})})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{display:"flex",padding:"none",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{inlineStart:"x40",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:"x40"})})})]})})};InlineStartProp.displayName="InlineStartProp",InlineStartProp.storyName="inlineStart prop";var InlineEndProp=function InlineEndProp(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.xuv,{display:"flex",alignItems:"center",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{all:"x8",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{display:"flex",padding:"none",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{inlineEnd:"x4",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:"x4"})})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{display:"flex",padding:"none",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{inlineEnd:"x8",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:"x8"})})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{display:"flex",padding:"none",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{inlineEnd:"x16",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:"x16"})})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{display:"flex",padding:"none",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{inlineEnd:"x24",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:"x24"})})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{display:"flex",padding:"none",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{inlineEnd:"x32",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:"x32"})})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{display:"flex",padding:"none",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{inlineEnd:"x40",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:"x40"})})})]})})};InlineEndProp.displayName="InlineEndProp",InlineEndProp.storyName="inlineEnd prop";var WithNegativeValues=function WithNegativeValues(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.xuv,{display:"flex",flexDirection:"column",alignItems:"center",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{all:"x20",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{inline:"-x40",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{display:"flex",padding:"none",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{inline:"x40",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{padding:40}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{padding:40}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{padding:40}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{padding:40})]})})})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{block:"-x40",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{display:"flex",padding:"none",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{block:"x40",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{padding:40}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{padding:40}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{padding:40}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{padding:40})]})})})})]})})};WithNegativeValues.displayName="WithNegativeValues",WithNegativeValues.storyName="With negative values";var WithAutoValue=function WithAutoValue(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{display:"flex",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{padding:40}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{inline:"auto",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{padding:40})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{padding:40})]})};WithAutoValue.displayName="WithAutoValue",WithAutoValue.storyName="With auto value";var WithNoneValue=function WithNoneValue(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{display:"flex",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{inline:"x16",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{padding:40})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{inline:"none",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{padding:40}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{padding:40})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{inline:"x16",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{padding:40})})]})};WithNoneValue.displayName="WithNoneValue",WithNoneValue.storyName="With none value";var WithNonBoxChildren=function WithNonBoxChildren(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("div",{style:{border:"1px solid red"},children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{block:"x16",inline:"x32",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("div",{style:{border:"1px solid green"}}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("div",{style:{border:"1px solid blue"}})]})})};WithNonBoxChildren.displayName="WithNonBoxChildren",WithNonBoxChildren.storyName="With non-Box children",Example.parameters=Object.assign({storySource:{source:"(args) => (\n \n \n \n \n \n \n \n \n)"}},Example.parameters),AllProp.parameters=Object.assign({storySource:{source:"() => (\n \n \n \n \n x4\n \n \n \n \n x8\n \n \n \n \n x16\n \n \n \n \n x24\n \n \n \n \n x32\n \n \n \n \n x40\n \n \n \n \n)"}},AllProp.parameters),BlockProp.parameters=Object.assign({storySource:{source:"() => (\n \n \n \n \n x4\n \n \n \n \n x8\n \n \n \n \n x16\n \n \n \n \n x24\n \n \n \n \n x32\n \n \n \n \n x40\n \n \n \n \n)"}},BlockProp.parameters),BlockStartProp.parameters=Object.assign({storySource:{source:"() => (\n \n \n \n \n x4\n \n \n \n \n x8\n \n \n \n \n x16\n \n \n \n \n x24\n \n \n \n \n x32\n \n \n \n \n x40\n \n \n \n \n)"}},BlockStartProp.parameters),BlockEndProp.parameters=Object.assign({storySource:{source:"() => (\n \n \n \n \n x4\n \n \n \n \n x8\n \n \n \n \n x16\n \n \n \n \n x24\n \n \n \n \n x32\n \n \n \n \n x40\n \n \n \n \n)"}},BlockEndProp.parameters),InlineProp.parameters=Object.assign({storySource:{source:"() => (\n \n \n \n \n x4\n \n \n \n \n x8\n \n \n \n \n x16\n \n \n \n \n x24\n \n \n \n \n x32\n \n \n \n \n x40\n \n \n \n \n)"}},InlineProp.parameters),InlineStartProp.parameters=Object.assign({storySource:{source:"() => (\n \n \n \n \n x4\n \n \n \n \n x8\n \n \n \n \n x16\n \n \n \n \n x24\n \n \n \n \n x32\n \n \n \n \n x40\n \n \n \n \n)"}},InlineStartProp.parameters),InlineEndProp.parameters=Object.assign({storySource:{source:"() => (\n \n \n \n \n x4\n \n \n \n \n x8\n \n \n \n \n x16\n \n \n \n \n x24\n \n \n \n \n x32\n \n \n \n \n x40\n \n \n \n \n)"}},InlineEndProp.parameters),WithNegativeValues.parameters=Object.assign({storySource:{source:"() => (\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n)"}},WithNegativeValues.parameters),WithAutoValue.parameters=Object.assign({storySource:{source:"() => (\n \n \n \n \n \n \n \n)"}},WithAutoValue.parameters),WithNoneValue.parameters=Object.assign({storySource:{source:"() => (\n \n \n \n \n \n \n \n \n \n \n \n \n)"}},WithNoneValue.parameters),WithNonBoxChildren.parameters=Object.assign({storySource:{source:"() => (\n
    \n \n
    \n
    \n \n
    \n)"}},WithNonBoxChildren.parameters);var __namedExportsOrder=["Example","AllProp","BlockProp","BlockStartProp","BlockEndProp","InlineProp","InlineStartProp","InlineEndProp","WithNegativeValues","WithAutoValue","WithNoneValue","WithNonBoxChildren"]},"./src/components/Menu/Menu.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Complex:()=>Complex,Simple:()=>Simple,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("../../node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("../../node_modules/core-js/modules/es.function.bind.js");var _storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("../../node_modules/@storybook/addon-actions/dist/esm/index.js"),___WEBPACK_IMPORTED_MODULE_4__=(__webpack_require__("../../node_modules/react/index.js"),__webpack_require__("./src/components/index.ts")),_Icon__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/components/Icon/index.ts"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("../../node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__={title:"Navigation/Menu",component:___WEBPACK_IMPORTED_MODULE_4__.v2r,parameters:{docs:{description:{component:"Kebab Menu"}},layout:"centered"}};var Template=function Template(args){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.xuv,{position:"relative",maxWidth:250,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.v2r,Object.assign({},args))})};Template.displayName="Template";var Simple=Template.bind({});Simple.args={options:{makeAdmin:{label:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(___WEBPACK_IMPORTED_MODULE_4__.xuv,{display:"flex",alignItems:"center",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_Icon__WEBPACK_IMPORTED_MODULE_5__.J,{mie:4,name:"key",size:"x16"}),"Make Admin"]}),action:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("makeAdmin.action")},delete:{label:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(___WEBPACK_IMPORTED_MODULE_4__.xuv,{display:"flex",alignItems:"center",color:"danger",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_Icon__WEBPACK_IMPORTED_MODULE_5__.J,{mie:4,name:"trash",size:"x16"}),"Delete"]}),action:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("delete.action")}}};var Complex=Template.bind({});Complex.args={options:{example:{label:"Example",action:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("example.action")},disabled:{label:"Disabled",action:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("disabled.action"),disabled:!0},divider1:{type:"divider"},heading:{type:"heading",label:"Heading Example"},delete:{type:"option",label:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(___WEBPACK_IMPORTED_MODULE_4__.xuv,{display:"flex",alignItems:"center",color:"danger",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_Icon__WEBPACK_IMPORTED_MODULE_5__.J,{mie:4,name:"trash",size:"x16"}),"Delete"]}),action:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("delete.action")}}},Simple.parameters=Object.assign({storySource:{source:"(args) => (\n \n \n \n)"}},Simple.parameters),Complex.parameters=Object.assign({storySource:{source:"(args) => (\n \n \n \n)"}},Complex.parameters);var __namedExportsOrder=["Simple","Complex"]},"./src/components/Menu/V2/Menu.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{AsSidebarTopbarActions:()=>AsSidebarTopbarActions,Complex:()=>Complex,ControlledOpenState:()=>ControlledOpenState,ItemVariants:()=>ItemVariants,MenuDisplayExample:()=>MenuDisplayExample,MenuMapGenericItem:()=>MenuMapGenericItem,Simple:()=>Simple,Sizes:()=>Sizes,WithCustomButton:()=>WithCustomButton,WithSections:()=>WithSections,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/slicedToArray.js"),react__WEBPACK_IMPORTED_MODULE_2__=(__webpack_require__("../../node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("../../node_modules/core-js/modules/es.function.name.js"),__webpack_require__("../../node_modules/react/index.js")),___WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/components/Menu/V2/index.ts"),_Box_Box__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/components/Box/Box.tsx"),_Button__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/components/Button/index.ts"),_ButtonGroup__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/components/ButtonGroup/index.ts"),_CheckBox__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/components/CheckBox/index.ts"),_RadioButton__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/components/RadioButton/index.ts"),_Sidebar__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./src/components/Sidebar/index.tsx"),_ToggleSwitch__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./src/components/ToggleSwitch/index.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("../../node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__={title:"Navigation/Menu/v2",component:___WEBPACK_IMPORTED_MODULE_3__.lG,decorators:[function(story){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(_Box_Box__WEBPACK_IMPORTED_MODULE_4__.Z,{minHeight:50,height:"full",minWidth:100,maxWidth:250,width:"full",children:story()})}],parameters:{docs:{source:{excludeDecorators:!0,transform:function transform(src){return console.log(src)}},description:{component:"Kebab Menu. Use `` to render the menu items."}}}};var Simple=function Simple(args){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.lG,Object.assign({},args,{placement:"right-start",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.sN,{children:"Profile"},"1"),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.sN,{children:"Chats"},"2"),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.sN,{children:"Settings"},"3")]}))};Simple.displayName="Simple";var Complex=function Complex(args){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.lG,Object.assign({},args,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.sN,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.ZH,{name:"user"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.l_,{children:"Profile"})]},"profile"),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.sN,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.ZH,{name:"chat"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.l_,{children:"Chats"})]},"chats"),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.sN,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.ZH,{name:"cog"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.l_,{children:"Settings"})]},"settings")]}))};Complex.displayName="Complex",Complex.parameters={docs:{description:{story:"You can use `MenuItem` sub-components to render more complex items, with icons, avatars, text and inputs. The available components are:
    `MenuItemAvatar`
    `MenuItemColumn`
    `MenuItemContent`
    `MenuItemIcon`
    `MenuItemInput`
    `MenuItemSkeleton`
    `MenuItemTitle`"}}};var WithSections=function WithSections(args){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.lG,Object.assign({},args,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.xw,{title:"Styles",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.sN,{children:"Bold"},"bold"),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.sN,{children:"Underline"},"underline")]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.xw,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.sN,{children:"Left"},"left"),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.sN,{children:"Middle"},"middle"),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.sN,{children:"Right"},"right")]})]}))};WithSections.displayName="WithSections",WithSections.parameters={docs:{description:{story:"Use `` to group the menu items. The `title` prop is optional. If provided, a **title** and a **divider** is added - otherwise, only the divider is added."}}};var MenuDisplayExample=function MenuDisplayExample(args){var _useState=(0,react__WEBPACK_IMPORTED_MODULE_2__.useState)("condensed"),_useState2=(0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_12__.Z)(_useState,2),display=_useState2[0],setDisplay=_useState2[1],_useState3=(0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(!1),_useState4=(0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_12__.Z)(_useState3,2),avatarDisplay=_useState4[0],setAvatarDisplay=_useState4[1],_useState5=(0,react__WEBPACK_IMPORTED_MODULE_2__.useState)("name"),_useState6=(0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_12__.Z)(_useState5,2),sortBy=_useState6[0],setSortBy=_useState6[1],_useState7=(0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(!1),_useState8=(0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_12__.Z)(_useState7,2),groupByUnread=_useState8[0],setGroupByUnread=_useState8[1],_useState9=(0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(!1),_useState10=(0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_12__.Z)(_useState9,2),groupByFav=_useState10[0],setGroupByFav=_useState10[1],_useState11=(0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(!1),_useState12=(0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_12__.Z)(_useState11,2),groupByTypes=_useState12[0],setGroupByTypes=_useState12[1];return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.lG,Object.assign({selectionMode:"multiple",placement:"top-start"},args,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.xw,{title:"Display",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.sN,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.ZH,{name:"extended-view"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.l_,{children:"Extended"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.tJ,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(_RadioButton__WEBPACK_IMPORTED_MODULE_8__.E,{mi:16,onChange:function onChange(){return setDisplay("extended")},checked:"extended"===display})})]},"extended"),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.sN,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.ZH,{name:"medium-view"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.l_,{children:"Medium"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.tJ,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(_RadioButton__WEBPACK_IMPORTED_MODULE_8__.E,{mi:16,onChange:function onChange(){return setDisplay("medium")},checked:"medium"===display})})]},"medium"),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.sN,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.ZH,{name:"condensed-view"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.l_,{children:"Condensed"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.tJ,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(_RadioButton__WEBPACK_IMPORTED_MODULE_8__.E,{mi:16,onChange:function onChange(){return setDisplay("condensed")},checked:"condensed"===display})})]},"condensed"),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.sN,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.ZH,{name:"user-rounded"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.l_,{children:"Avatars"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.tJ,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(_ToggleSwitch__WEBPACK_IMPORTED_MODULE_10__.Z,{mie:16,onChange:function onChange(){return setAvatarDisplay(!avatarDisplay)},checked:avatarDisplay})})]},"avatars")]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.xw,{title:"Sort by",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.sN,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.ZH,{name:"clock"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.l_,{children:"Activities"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.tJ,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(_RadioButton__WEBPACK_IMPORTED_MODULE_8__.E,{mi:16,onChange:function onChange(){return setSortBy("activity")},checked:"activity"===sortBy})})]},"activities"),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.sN,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.ZH,{name:"sort-az"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.l_,{children:"Name"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.tJ,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(_RadioButton__WEBPACK_IMPORTED_MODULE_8__.E,{mi:16,onChange:function onChange(){return setSortBy("alphabetical")},checked:"alphabetical"===sortBy})})]},"name")]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.xw,{title:"Group by",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.sN,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.ZH,{name:"flag"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.l_,{children:"Unread"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.tJ,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(_CheckBox__WEBPACK_IMPORTED_MODULE_7__.J,{mi:16,checked:groupByUnread,onChange:function onChange(){return setGroupByUnread(!groupByUnread)}})})]},"unread"),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.sN,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.ZH,{name:"star"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.l_,{children:"Favorites"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.tJ,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(_CheckBox__WEBPACK_IMPORTED_MODULE_7__.J,{mi:16,checked:groupByFav,onChange:function onChange(){return setGroupByFav(!groupByFav)}})})]},"favorites"),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.sN,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.ZH,{name:"group-by-type"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.l_,{children:"Types"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.tJ,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(_CheckBox__WEBPACK_IMPORTED_MODULE_7__.J,{mi:16,checked:groupByTypes,onChange:function onChange(){return setGroupByTypes(!groupByTypes)}})})]},"types")]})]}))};MenuDisplayExample.displayName="MenuDisplayExample";var GenericMenuItem=function GenericMenuItem(_ref){var _ref$item=_ref.item,icon=_ref$item.icon,name=_ref$item.name,input=_ref$item.input;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.Fragment,{children:[icon&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.ZH,{name:icon}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.l_,{children:name}),input&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.tJ,{children:input})]})},MenuMapGenericItem=function MenuMapGenericItem(){var _useState13=(0,react__WEBPACK_IMPORTED_MODULE_2__.useState)("name"),_useState14=(0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_12__.Z)(_useState13,2),sortBy=_useState14[0],setSortBy=_useState14[1],_useState15=(0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(!1),_useState16=(0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_12__.Z)(_useState15,2),groupByUnread=_useState16[0],setGroupByUnread=_useState16[1],_useState17=(0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(!1),_useState18=(0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_12__.Z)(_useState17,2),groupByFav=_useState18[0],setGroupByFav=_useState18[1],_useState19=(0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(!1),_useState20=(0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_12__.Z)(_useState19,2),groupByTypes=_useState20[0],setGroupByTypes=_useState20[1],groupByItems=[{name:"Unread",icon:"flag",input:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(_CheckBox__WEBPACK_IMPORTED_MODULE_7__.J,{mi:16,checked:groupByUnread,onChange:function onChange(){return setGroupByUnread(!groupByUnread)}})},{name:"favorites",icon:"star",description:"Group by favorites and unread bla bla balaisudhf ioioasdhoaisdf asdifh oaisdhf aosidhf aisdhf aosdihf",input:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(_CheckBox__WEBPACK_IMPORTED_MODULE_7__.J,{mi:16,checked:groupByFav,onChange:function onChange(){return setGroupByFav(!groupByFav)}})},{name:"Types",icon:"group-by-type",input:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(_CheckBox__WEBPACK_IMPORTED_MODULE_7__.J,{mi:16,checked:groupByTypes,onChange:function onChange(){return setGroupByTypes(!groupByTypes)}})}],sortByItems=[{name:"Activities",icon:"clock",input:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(_CheckBox__WEBPACK_IMPORTED_MODULE_7__.J,{mi:16,onChange:function onChange(){return setSortBy("activity")},checked:"activity"===sortBy})},{name:"Name",icon:"sort-az",input:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(_CheckBox__WEBPACK_IMPORTED_MODULE_7__.J,{mi:16,onChange:function onChange(){return setSortBy("alphabetical")},checked:"alphabetical"===sortBy})}];return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.lG,{selectionMode:"multiple",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.xw,{title:"Sort by",items:sortByItems,children:function children(item){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.sN,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(GenericMenuItem,{item})},item.name)}}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.xw,{title:"Group By",items:groupByItems,children:function children(item){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.sN,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(GenericMenuItem,{item})},item.name)}}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.xw,{items:[{id:"delete",name:"Delete",icon:"trash",variant:"danger"}],children:function children(item){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.sN,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(GenericMenuItem,{item})},item.id)}})]})};MenuMapGenericItem.displayName="MenuMapGenericItem";var AsSidebarTopbarActions=function AsSidebarTopbarActions(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsxs)(_Sidebar__WEBPACK_IMPORTED_MODULE_9__.ZP.TopBar.Actions,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(_Sidebar__WEBPACK_IMPORTED_MODULE_9__.ZP.TopBar.Action,{icon:"user",title:"user"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(_Sidebar__WEBPACK_IMPORTED_MODULE_9__.ZP.TopBar.Action,{icon:"book",title:"book"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.lG,{title:"test",is:_Sidebar__WEBPACK_IMPORTED_MODULE_9__.ZP.TopBar.Action,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.sN,{children:"test"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.sN,{children:"test"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.sN,{children:"test"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.sN,{children:"test"})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.lG,{icon:"sort",title:"sort",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.sN,{children:"test"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.sN,{children:"test"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.sN,{children:"test"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.sN,{children:"test"})]})]})};AsSidebarTopbarActions.displayName="AsSidebarTopbarActions";var ControlledOpenState=function ControlledOpenState(){var _useState21=(0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(!1),_useState22=(0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_12__.Z)(_useState21,2),isOpen=_useState22[0],setIsOpen=_useState22[1];return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.lG,{isOpen,onOpenChange:setIsOpen,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.sN,{children:"Profile"},"1"),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.sN,{children:"Chats"},"2"),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.sN,{children:"Settings"},"3")]})};ControlledOpenState.displayName="ControlledOpenState";var ItemVariants=function ItemVariants(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.lG,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.xw,{items:[{id:"default",name:"Default",icon:"info-circled"},{id:"success",name:"Success",icon:"circle-check",variant:"success"},{id:"warning",name:"Warning",icon:"modal-warning",variant:"warning"},{id:"danger",name:"Danger",icon:"circle-cross",variant:"danger"}],children:function children(item){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.sN,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(GenericMenuItem,{item})},item.id)}})})};ItemVariants.displayName="ItemVariants";var Sizes=function Sizes(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsxs)(_ButtonGroup__WEBPACK_IMPORTED_MODULE_6__.h,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.lG,{large:!0,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.sN,{children:"Profile"},"1"),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.sN,{children:"Chats"},"2"),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.sN,{children:"Settings"},"3")]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.lG,{medium:!0,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.sN,{children:"Profile"},"1"),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.sN,{children:"Chats"},"2"),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.sN,{children:"Settings"},"3")]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.lG,{small:!0,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.sN,{children:"Profile"},"1"),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.sN,{children:"Chats"},"2"),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.sN,{children:"Settings"},"3")]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.lG,{tiny:!0,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.sN,{children:"Profile"},"1"),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.sN,{children:"Chats"},"2"),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.sN,{children:"Settings"},"3")]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.lG,{mini:!0,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.sN,{children:"Profile"},"1"),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.sN,{children:"Chats"},"2"),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.sN,{children:"Settings"},"3")]})]})};Sizes.displayName="Sizes";var CustomButton=(0,react__WEBPACK_IMPORTED_MODULE_2__.forwardRef)((function(props,ref){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(_Button__WEBPACK_IMPORTED_MODULE_5__.hU,Object.assign({ref},props,{icon:"kebab",secondary:!0,small:!1}))})),WithCustomButton=function WithCustomButton(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsxs)(_ButtonGroup__WEBPACK_IMPORTED_MODULE_6__.h,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.lG,{title:"using prop customButton",button:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(_Button__WEBPACK_IMPORTED_MODULE_5__.hU,{icon:"kebab",secondary:!0}),children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.sN,{children:"Profile"},"1"),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.sN,{children:"Chats"},"2"),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.sN,{children:"Settings"},"3")]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.lG,{title:"using prop is",is:CustomButton,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.sN,{children:"Profile"},"1"),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.sN,{children:"Chats"},"2"),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.sN,{children:"Settings"},"3")]})]})};WithCustomButton.displayName="WithCustomButton",Simple.parameters=Object.assign({storySource:{source:"(args) => (\n \n Profile\n Chats\n Settings\n \n)"}},Simple.parameters),Complex.parameters=Object.assign({storySource:{source:"(args) => (\n \n \n \n Profile\n \n \n \n Chats\n \n \n \n Settings\n \n \n)"}},Complex.parameters),WithSections.parameters=Object.assign({storySource:{source:"(args) => (\n \n \n Bold\n Underline\n \n \n Left\n Middle\n Right\n \n \n)"}},WithSections.parameters),MenuDisplayExample.parameters=Object.assign({storySource:{source:"(args) => {\n const [display, setDisplay] = useState('condensed');\n const [avatarDisplay, setAvatarDisplay] = useState(false);\n const [sortBy, setSortBy] = useState('name');\n const [groupByUnread, setGroupByUnread] = useState(false);\n const [groupByFav, setGroupByFav] = useState(false);\n const [groupByTypes, setGroupByTypes] = useState(false);\n\n return (\n \n \n \n \n Extended\n \n setDisplay('extended')}\n checked={display === 'extended'}\n />\n \n \n \n \n Medium\n \n setDisplay('medium')}\n checked={display === 'medium'}\n />\n \n \n \n \n Condensed\n \n setDisplay('condensed')}\n checked={display === 'condensed'}\n />\n \n \n \n \n Avatars\n \n setAvatarDisplay(!avatarDisplay)}\n checked={avatarDisplay}\n />\n \n \n \n \n \n \n Activities\n \n setSortBy('activity')}\n checked={sortBy === 'activity'}\n />\n \n \n \n \n Name\n \n setSortBy('alphabetical')}\n checked={sortBy === 'alphabetical'}\n />\n \n \n \n \n \n \n Unread\n \n setGroupByUnread(!groupByUnread)}\n />\n \n \n \n \n Favorites\n \n setGroupByFav(!groupByFav)}\n />\n \n \n \n \n Types\n \n setGroupByTypes(!groupByTypes)}\n />\n \n \n \n \n );\n}"}},MenuDisplayExample.parameters),MenuMapGenericItem.parameters=Object.assign({storySource:{source:"() => {\n const [sortBy, setSortBy] = useState('name');\n\n const [groupByUnread, setGroupByUnread] = useState(false);\n const [groupByFav, setGroupByFav] = useState(false);\n const [groupByTypes, setGroupByTypes] = useState(false);\n\n const groupByItems: Item[] = [\n {\n name: 'Unread',\n icon: 'flag',\n input: (\n setGroupByUnread(!groupByUnread)}\n />\n ),\n },\n {\n name: 'favorites',\n icon: 'star',\n description:\n 'Group by favorites and unread bla bla balaisudhf ioioasdhoaisdf asdifh oaisdhf aosidhf aisdhf aosdihf',\n input: (\n setGroupByFav(!groupByFav)}\n />\n ),\n },\n {\n name: 'Types',\n icon: 'group-by-type',\n input: (\n setGroupByTypes(!groupByTypes)}\n />\n ),\n },\n ];\n const sortByItems: Item[] = [\n {\n name: 'Activities',\n icon: 'clock',\n input: (\n setSortBy('activity')}\n checked={sortBy === 'activity'}\n />\n ),\n },\n {\n name: 'Name',\n icon: 'sort-az',\n input: (\n setSortBy('alphabetical')}\n checked={sortBy === 'alphabetical'}\n />\n ),\n },\n ];\n\n return (\n \n \n {(item) => (\n \n \n \n )}\n \n \n {(item) => (\n \n \n \n )}\n \n \n {(item) => (\n \n \n \n )}\n \n \n );\n}"}},MenuMapGenericItem.parameters),AsSidebarTopbarActions.parameters=Object.assign({storySource:{source:"() => (\n \n \n \n \n test\n test\n test\n test\n \n \n test\n test\n test\n test\n \n \n)"}},AsSidebarTopbarActions.parameters),ControlledOpenState.parameters=Object.assign({storySource:{source:"() => {\n const [isOpen, setIsOpen] = useState(false);\n\n return (\n \n Profile\n Chats\n Settings\n \n );\n}"}},ControlledOpenState.parameters),ItemVariants.parameters=Object.assign({storySource:{source:"() => (\n \n \n {(item) => (\n \n \n \n )}\n \n \n)"}},ItemVariants.parameters),Sizes.parameters=Object.assign({storySource:{source:"() => (\n \n \n Profile\n Chats\n Settings\n \n \n Profile\n Chats\n Settings\n \n \n Profile\n Chats\n Settings\n \n \n Profile\n Chats\n Settings\n \n \n Profile\n Chats\n Settings\n \n \n)"}},Sizes.parameters),WithCustomButton.parameters=Object.assign({storySource:{source:"() => (\n \n }\n >\n Profile\n Chats\n Settings\n     \n \n Profile\n Chats\n Settings\n \n \n)"}},WithCustomButton.parameters);var __namedExportsOrder=["Simple","Complex","WithSections","MenuDisplayExample","MenuMapGenericItem","AsSidebarTopbarActions","ControlledOpenState","ItemVariants","Sizes","WithCustomButton"]},"./src/components/Message/MessageDivider/MessageDivider.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("../../node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("../../node_modules/react/index.js");var ___WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/components/Message/MessageDivider/index.tsx"),_Box__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/components/Box/index.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("../../node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__={title:"Message/MessageDivider",component:___WEBPACK_IMPORTED_MODULE_2__.T};var Default=function Default(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)(_Box__WEBPACK_IMPORTED_MODULE_3__.Z,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_2__.T,{children:"Text"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_2__.T,{unreadLabel:"Unread",children:"Text"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_2__.T,{unreadLabel:"Unread"})]})};Default.displayName="Default",Default.parameters=Object.assign({storySource:{source:"() => (\n \n Text\n Text\n \n \n)"}},Default.parameters);var __namedExportsOrder=["Default"]},"./src/components/Message/MessageGenericPreview/MessageGenericPreview.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,FileAttachment:()=>FileAttachment,ImagePreview:()=>ImagePreview,LinkPreview:()=>LinkPreview,NoPreview:()=>NoPreview,NoPreviewTitleLink:()=>NoPreviewTitleLink,Thumb:()=>Thumb,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("../../node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("../../node_modules/react/index.js");var ___WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/components/Message/MessageGenericPreview/index.tsx"),___WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/components/Message/index.tsx"),___WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/components/index.ts"),_Avatar__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/components/Avatar/index.tsx"),_MessageGenericPreviewContent__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/components/Message/MessageGenericPreview/MessageGenericPreviewContent.tsx"),_MessageGenericPreviewCoverImage__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/components/Message/MessageGenericPreview/MessageGenericPreviewCoverImage.tsx"),_MessageGenericPreviewDescription__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/components/Message/MessageGenericPreview/MessageGenericPreviewDescription.tsx"),_MessageGenericPreviewIcon__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./src/components/Message/MessageGenericPreview/MessageGenericPreviewIcon.tsx"),_MessageGenericPreviewImage__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./src/components/Message/MessageGenericPreview/MessageGenericPreviewImage.tsx"),_MessageGenericPreviewThumb__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("./src/components/Message/MessageGenericPreview/MessageGenericPreviewThumb.tsx"),_MessageGenericPreviewTitle__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__("./src/components/Message/MessageGenericPreview/MessageGenericPreviewTitle.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__=__webpack_require__("../../node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__={title:"Message/MessageGenericPreview",component:___WEBPACK_IMPORTED_MODULE_2__.K5,decorators:[function(storyFn){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.xuv,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.ZP,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.ZP.LeftContainer,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_Avatar__WEBPACK_IMPORTED_MODULE_5__.q,{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,WithForm:()=>WithForm,_WithAnnotation:()=>_WithAnnotation,_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__.q,{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__.q,{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__.q,{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__.q,{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__.q,{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__.q,{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__.q,{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__,{AutoCompleteCustomSelected:()=>AutoCompleteCustomSelected,AutoCompleteDefault:()=>AutoCompleteDefault,AutoCompleteMultiple:()=>AutoCompleteMultiple,AutoCompleteMultipleCustomSelected:()=>AutoCompleteMultipleCustomSelected,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js"),_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/slicedToArray.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__=(__webpack_require__("../../node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("../../node_modules/@storybook/addon-docs/dist/esm/index.js")),react__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("../../node_modules/react/index.js"),___WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/index.ts"),_storybook_helpers__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./.storybook/helpers.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("../../node_modules/react/jsx-runtime.js"),_excluded=["value","label"];const __WEBPACK_DEFAULT_EXPORT__={title:"Inputs/AutoComplete",component:___WEBPACK_IMPORTED_MODULE_3__.QcG,parameters:{docs:{description:{component:"An input for selection of options."},page:function page(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.Dx,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.QE,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.dk,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.sq,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.fQ,{title:""}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.$4,{story:_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.Uh})]})}}}};var options=[{value:"1",label:"test1"},{value:"2",label:"test2"},{value:"3",label:"test3"},{value:"4",label:"test4"}],AutoCompleteDefault=function AutoCompleteDefault(){var _useState=(0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(""),_useState2=(0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_6__.Z)(_useState,2),filter=_useState2[0],setFilter=_useState2[1],_useState3=(0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(""),_useState4=(0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_6__.Z)(_useState3,2),value=_useState4[0],setValue=_useState4[1];return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.QcG,{value,filter,setFilter,options,onChange:function handleChangeRooms(value){setValue(value)}})};AutoCompleteDefault.displayName="AutoCompleteDefault";var AutoCompleteCustomSelected=function AutoCompleteCustomSelected(){var _useState5=(0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(""),_useState6=(0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_6__.Z)(_useState5,2),filter=_useState6[0],setFilter=_useState6[1],_useState7=(0,react__WEBPACK_IMPORTED_MODULE_2__.useState)("1"),_useState8=(0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_6__.Z)(_useState7,2),value=_useState8[0],setValue=_useState8[1];return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.QcG,{value,filter,setFilter,options,onChange:function handleChangeRooms(value){setValue(value)},renderSelected:function renderSelected(_ref){var label=_ref.selected.label;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.xuv,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.qEK,{size:"x20",url:_storybook_helpers__WEBPACK_IMPORTED_MODULE_4__.Hh})," ",label]})}})};AutoCompleteCustomSelected.displayName="AutoCompleteCustomSelected";var AutoCompleteMultiple=function AutoCompleteMultiple(){var _useState9=(0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(""),_useState10=(0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_6__.Z)(_useState9,2),filter=_useState10[0],setFilter=_useState10[1],_useState11=(0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(["1","3"]),_useState12=(0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_6__.Z)(_useState11,2),value=_useState12[0],setValue=_useState12[1];return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.QcG,{multiple:!0,value,filter,setFilter,options,onChange:function handleChangeRooms(value){setValue(value)}})};AutoCompleteMultiple.displayName="AutoCompleteMultiple";var AutoCompleteMultipleCustomSelected=function AutoCompleteMultipleCustomSelected(){var _useState13=(0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(""),_useState14=(0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_6__.Z)(_useState13,2),filter=_useState14[0],setFilter=_useState14[1],_useState15=(0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(["1","3"]),_useState16=(0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_6__.Z)(_useState15,2),value=_useState16[0],setValue=_useState16[1];return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.QcG,{multiple:!0,value,filter,setFilter,options,onChange:function handleChangeRooms(value){setValue(value)},renderSelected:function renderSelected(_ref2){var _ref2$selected=_ref2.selected,value=_ref2$selected.value,label=_ref2$selected.label,onRemove=_ref2.onRemove;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.AfN,{height:"x20",value,onClick:onRemove,mie:4,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.xuv,{is:"span",margin:"none",mis:4,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.qEK,{size:"x20",url:_storybook_helpers__WEBPACK_IMPORTED_MODULE_4__.Hh})," ",label]})},value)},renderItem:function renderItem(_ref3){var value=_ref3.value,label=_ref3.label,props=(0,_babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_7__.Z)(_ref3,_excluded);return(0,react__WEBPACK_IMPORTED_MODULE_2__.createElement)(___WEBPACK_IMPORTED_MODULE_3__.Wxm,Object.assign({},props,{key:value,label}))}})};AutoCompleteMultipleCustomSelected.displayName="AutoCompleteMultipleCustomSelected",AutoCompleteDefault.parameters=Object.assign({storySource:{source:"() => {\n const [filter, setFilter] = useState('');\n const [value, setValue] = useState('');\n\n const handleChangeRooms = (value: string | string[]) => {\n setValue(value);\n };\n\n return (\n \n );\n}"}},AutoCompleteDefault.parameters),AutoCompleteCustomSelected.parameters=Object.assign({storySource:{source:"() => {\n const [filter, setFilter] = useState('');\n const [value, setValue] = useState('1');\n\n const handleChangeRooms = (value: string | string[]) => {\n setValue(value);\n };\n\n return (\n (\n \n {label}\n \n )}\n />\n );\n}"}},AutoCompleteCustomSelected.parameters),AutoCompleteMultiple.parameters=Object.assign({storySource:{source:"() => {\n const [filter, setFilter] = useState('');\n const [value, setValue] = useState(['1', '3']);\n\n const handleChangeRooms = (value: string | string[]) => {\n setValue(value);\n };\n\n return (\n \n );\n}"}},AutoCompleteMultiple.parameters),AutoCompleteMultipleCustomSelected.parameters=Object.assign({storySource:{source:"() => {\n const [filter, setFilter] = useState('');\n const [value, setValue] = useState(['1', '3']);\n\n const handleChangeRooms = (value: string | string[]) => {\n setValue(value);\n };\n\n return (\n (\n \n \n \n {' '}\n {label}\n \n \n )}\n renderItem={({ value, label, ...props }) => (\n     \n );\n}"}},Default.parameters);var __namedExportsOrder=["Default"]},"./src/components/EmailInput/EmailInput.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,Disabled:()=>Disabled,Invalid:()=>Invalid,States:()=>States,WithIconAddon:()=>WithIconAddon,WithPlaceholder:()=>WithPlaceholder,WithValue:()=>WithValue,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("../../node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("../../node_modules/core-js/modules/es.function.bind.js");var _storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("../../node_modules/@storybook/addon-docs/dist/esm/index.js"),___WEBPACK_IMPORTED_MODULE_4__=(__webpack_require__("../../node_modules/react/index.js"),__webpack_require__("./src/index.ts")),_storybook_helpers__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./.storybook/helpers.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("../../node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__={title:"Inputs/EmailInput",component:___WEBPACK_IMPORTED_MODULE_4__.U50,parameters:{docs:{description:{component:"An input for email addresses."},page:function page(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__.Dx,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__.dk,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__.sq,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__.fQ,{title:"Props from InputBox"})]})}}}};var Template=function Template(args){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.U50,Object.assign({},args))};Template.displayName="Template";var Default=Template.bind({}),WithIconAddon=function WithIconAddon(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.U50,{addon:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.JO$,{name:"send",size:"x20"})})};WithIconAddon.displayName="WithIconAddon";var Invalid=Template.bind({});Invalid.args={error:"Error"};var Disabled=Template.bind({});Disabled.args={disabled:!0};var WithPlaceholder=Template.bind({});WithPlaceholder.args={placeholder:"Placeholder"};var WithValue=Template.bind({});WithValue.args={defaultValue:"support@rocket.chat"};var States=function States(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_storybook_helpers__WEBPACK_IMPORTED_MODULE_5__.$y,{component:___WEBPACK_IMPORTED_MODULE_4__.U50,common:{onChange:function onChange(){}},xAxis:{default:{},"with placeholder":{placeholder:"Placeholder"},"with value":{value:"support@rocket.chat"},"with icon":{addon:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.JO$,{name:"at",size:"x20"}),value:"support@rocket.chat"}},yAxis:{default:{},hover:{className:"hover"},active:{className:"active"},focus:{className:"focus"},disabled:{disabled:!0},errored:{error:"Error"},"errored + hover":{className:"hover",error:"Error"},"errored + active":{className:"active",error:"Error"},"errored + focus":{className:"focus",error:"Error"}}})};States.displayName="States",Default.parameters=Object.assign({storySource:{source:"(args) => (\n \n)"}},Default.parameters),WithIconAddon.parameters=Object.assign({storySource:{source:"() => (\n } />\n)"}},WithIconAddon.parameters),Invalid.parameters=Object.assign({storySource:{source:"(args) => (\n \n)"}},Invalid.parameters),Disabled.parameters=Object.assign({storySource:{source:"(args) => (\n \n)"}},Disabled.parameters),WithPlaceholder.parameters=Object.assign({storySource:{source:"(args) => (\n \n)"}},WithPlaceholder.parameters),WithValue.parameters=Object.assign({storySource:{source:"(args) => (\n \n)"}},WithValue.parameters),States.parameters=Object.assign({storySource:{source:"() => (\n {} }}\n xAxis={{\n 'default': {},\n 'with placeholder': { placeholder: 'Placeholder' },\n 'with value': { value: 'support@rocket.chat' },\n 'with icon': {\n addon: ,\n value: 'support@rocket.chat',\n },\n }}\n yAxis={{\n 'default': {},\n 'hover': { className: 'hover' },\n 'active': { className: 'active' },\n 'focus': { className: 'focus' },\n 'disabled': { disabled: true },\n 'errored': { error: 'Error' },\n 'errored + hover': { className: 'hover', error: 'Error' },\n 'errored + active': { className: 'active', error: 'Error' },\n 'errored + focus': { className: 'focus', error: 'Error' },\n }}\n />\n)"}},States.parameters);var __namedExportsOrder=["Default","WithIconAddon","Invalid","Disabled","WithPlaceholder","WithValue","States"]},"./src/components/Field/Field.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,WithCheckBox:()=>WithCheckBox,WithDescription:()=>WithDescription,WithError:()=>WithError,WithHint:()=>WithHint,WithHintAndError:()=>WithHintAndError,WithHintAndLink:()=>WithHintAndLink,WithLink:()=>WithLink,WithToggleSwitch:()=>WithToggleSwitch,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("../../node_modules/core-js/modules/es.object.assign.js");var _storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../../node_modules/@storybook/addon-docs/dist/esm/index.js"),___WEBPACK_IMPORTED_MODULE_3__=(__webpack_require__("../../node_modules/react/index.js"),__webpack_require__("./src/index.ts")),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("../../node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__={title:"Inputs/Field",component:___WEBPACK_IMPORTED_MODULE_3__.gNt,parameters:{docs:{description:{component:"A `Field` is a wrapper representing an entry in a form."},page:function page(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.Dx,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.dk,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.sq,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.fQ,{title:"Field Patterns"})]})}}}};var Default=function Default(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.gNt,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.gNt.Label,{children:"Label"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.gNt.Description,{children:"Description"}),(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.Error,{children:"Error"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.gNt.Hint,{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__.gNt.Row,{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__.gNt.Label,{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__.gNt.Row,{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__.gNt.Label,{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__.gNt.Label,{children:"Label"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.gNt.Description,{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__.gNt.Row,{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__.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__.Wzg.Skeleton,{})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.gNt.Error,{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__.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__.Wzg.Skeleton,{})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.gNt.Hint,{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__.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__.Wzg.Skeleton,{})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.gNt.Error,{children:"Error must be above."}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.gNt.Hint,{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__.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__.Wzg.Skeleton,{})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.gNt.Row,{justifyContent:"end",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.gNt.Link,{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__.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__.Wzg.Skeleton,{})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.gNt.Row,{justifyContent:"space-between",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.gNt.Hint,{children:"Same line as Link in the left"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.gNt.Link,{href:"#",children:"Same line as Hint in the right"})]})]})};WithHintAndLink.displayName="WithHintAndLink",Default.parameters=Object.assign({storySource:{source:"() => (\n \n Label\n Description\n \n \n \n Error\n Hint\n \n)"}},Default.parameters),WithCheckBox.parameters=Object.assign({storySource:{source:"() => (\n \n \n \n Label\n \n \n)"}},WithCheckBox.parameters),WithToggleSwitch.parameters=Object.assign({storySource:{source:"() => (\n \n \n \n Label\n \n \n)"}},WithToggleSwitch.parameters),WithDescription.parameters=Object.assign({storySource:{source:"() => (\n \n Label\n \n Descriptions should add useful and relevant additional information about\n what is required of the user for the related input. Its content is\n strictly composed by plain text.\n \n \n \n \n \n)"}},WithDescription.parameters),WithError.parameters=Object.assign({storySource:{source:"() => (\n \n Label\n \n \n \n \n Error text appears when the user has inputted an invalid response to a\n field and let's the user know exactly what the issue is, so as to let them\n remedy the error as easily as possible.\n \n \n)"}},WithError.parameters),WithHint.parameters=Object.assign({storySource:{source:"() => (\n \n Label\n \n \n \n \n Hint fields help by explaining technical terms or concepts related to\n third-party apps and integrations.\n \n \n)"}},WithHint.parameters),WithHintAndError.parameters=Object.assign({storySource:{source:"() => (\n \n Label\n \n \n \n Error must be above.\n Hint must be below.\n \n)"}},WithHintAndError.parameters),WithLink.parameters=Object.assign({storySource:{source:"() => (\n \n Label\n \n \n \n \n \n Link is used for external resources or documentation.\n \n \n \n)"}},WithLink.parameters),WithHintAndLink.parameters=Object.assign({storySource:{source:"() => (\n \n Label\n \n \n \n \n Same line as Link in the left\n Same line as Hint in the right\n \n \n)"}},WithHintAndLink.parameters);var __namedExportsOrder=["Default","WithCheckBox","WithToggleSwitch","WithDescription","WithError","WithHint","WithHintAndError","WithLink","WithHintAndLink"]},"./src/components/FieldGroup/FieldGroup.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("../../node_modules/core-js/modules/es.object.assign.js");var _storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../../node_modules/@storybook/addon-docs/dist/esm/index.js"),___WEBPACK_IMPORTED_MODULE_3__=(__webpack_require__("../../node_modules/react/index.js"),__webpack_require__("./src/index.ts")),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("../../node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__={title:"Inputs/FieldGroup",component:___WEBPACK_IMPORTED_MODULE_3__.NIo,parameters:{docs:{description:{component:"A container for grouping fields that semantically share a common data context."},page:function page(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.Dx,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.dk,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.sq,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.fQ,{title:"Label positioning for selection buttons"})]})}}}};var Default=function Default(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.NIo,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.gNt,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.gNt.Label,{children:"Field #1"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.gNt.Row,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.Wzg.Skeleton,{})})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.gNt,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.gNt.Label,{children:"Field #2"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.gNt.Row,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.Wzg.Skeleton,{})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.gNt.Hint,{children:"Help text"})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.gNt,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.gNt.Label,{children:"Field #3"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.gNt.Row,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.Wzg.Skeleton,{})})]})]})};Default.displayName="Default",Default.parameters=Object.assign({storySource:{source:"() => (\n \n \n Field #1\n \n \n \n \n \n Field #2\n \n \n \n Help text\n \n \n Field #3\n \n \n \n \n \n)"}},Default.parameters);var __namedExportsOrder=["Default"]},"./src/components/Flex/Flex.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{__namedExportsOrder:()=>__namedExportsOrder,align:()=>align,alignContent:()=>alignContent,alignItems:()=>alignItems,basis:()=>basis,direction:()=>direction,example:()=>example,grow:()=>grow,justifyContent:()=>justifyContent,order:()=>order,shrink:()=>shrink,wrap:()=>wrap});__webpack_require__("../../node_modules/core-js/modules/es.array.from.js"),__webpack_require__("../../node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("../../node_modules/react/index.js");var ___WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/index.ts"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("../../node_modules/react/jsx-runtime.js"),example=function example(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.kCb.Container,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:Array.from({length:3},(function(_,i){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.kCb.Item,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:["#",i+1]})},i)}))})})};example.displayName="example";var direction=function direction(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.kCb.Container,{direction:"row-reverse",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:Array.from({length:3},(function(_,i){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.kCb.Item,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:["#",i+1]})},i)}))})})};direction.displayName="direction";var wrap=function wrap(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.kCb.Container,{wrap:"wrap",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:Array.from({length:12},(function(_,i){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.kCb.Item,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:["#",i+1]})},i)}))})})};wrap.displayName="wrap";var justifyContent=function justifyContent(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.kCb.Container,{justifyContent:"space-around",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:Array.from({length:3},(function(_,i){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.kCb.Item,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:["#",i+1]})},i)}))})})};justifyContent.displayName="justifyContent";var alignItems=function alignItems(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.kCb.Container,{alignItems:"end",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:Array.from({length:3},(function(_,i){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.kCb.Item,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{style:{height:100*i},children:["#",i+1]})},i)}))})})};alignItems.displayName="alignItems";var alignContent=function alignContent(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.kCb.Container,{wrap:"wrap",alignContent:"end",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{style:{minHeight:400},children:Array.from({length:12},(function(_,i){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.kCb.Item,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:["#",i+1]})},i)}))})})};alignContent.displayName="alignContent";var order=function order(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.kCb.Container,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.kCb.Item,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:"#1"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.kCb.Item,{order:1,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:"#2"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.kCb.Item,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:"#3"})})]})})};order.displayName="order";var grow=function grow(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.kCb.Container,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.kCb.Item,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:"#1"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.kCb.Item,{grow:1,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:"#2"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.kCb.Item,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:"#3"})})]})})};grow.displayName="grow";var shrink=function shrink(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.kCb.Container,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.kCb.Item,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:"#1"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.kCb.Item,{shrink:1,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{width:"full",children:"#2"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.kCb.Item,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:"#3"})})]})})};shrink.displayName="shrink";var basis=function basis(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.kCb.Container,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.kCb.Item,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:"#1"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.kCb.Item,{basis:"400px",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:"#2"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.kCb.Item,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:"#3"})})]})})};basis.displayName="basis";var align=function align(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.kCb.Container,{alignItems:"center",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{style:{minHeight:400},children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.kCb.Item,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:"#1"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.kCb.Item,{align:"end",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:"#2"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.kCb.Item,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:"#3"})})]})})};align.displayName="align",example.parameters=Object.assign({storySource:{source:"() => (\n \n \n {Array.from({ length: 3 }, (_, i) => (\n \n #{i + 1}\n \n ))}\n \n \n)"}},example.parameters),direction.parameters=Object.assign({storySource:{source:"() => (\n \n \n {Array.from({ length: 3 }, (_, i) => (\n \n #{i + 1}\n \n ))}\n \n \n)"}},direction.parameters),wrap.parameters=Object.assign({storySource:{source:"() => (\n \n \n {Array.from({ length: 12 }, (_, i) => (\n \n #{i + 1}\n \n ))}\n \n \n)"}},wrap.parameters),justifyContent.parameters=Object.assign({storySource:{source:"() => (\n \n \n {Array.from({ length: 3 }, (_, i) => (\n \n #{i + 1}\n \n ))}\n \n \n)"}},justifyContent.parameters),alignItems.parameters=Object.assign({storySource:{source:"() => (\n \n \n {Array.from({ length: 3 }, (_, i) => (\n \n #{i + 1}\n \n ))}\n \n \n)"}},alignItems.parameters),alignContent.parameters=Object.assign({storySource:{source:"() => (\n \n \n {Array.from({ length: 12 }, (_, i) => (\n \n #{i + 1}\n \n ))}\n \n \n)"}},alignContent.parameters),order.parameters=Object.assign({storySource:{source:"() => (\n \n \n \n #1\n \n \n #2\n \n \n #3\n \n \n \n)"}},order.parameters),grow.parameters=Object.assign({storySource:{source:"() => (\n \n \n \n #1\n \n \n #2\n \n \n #3\n \n \n \n)"}},grow.parameters),shrink.parameters=Object.assign({storySource:{source:"() => (\n \n \n \n #1\n \n \n #2\n \n \n #3\n \n \n \n)"}},shrink.parameters),basis.parameters=Object.assign({storySource:{source:"() => (\n \n \n \n #1\n \n \n #2\n \n \n #3\n \n \n \n)"}},basis.parameters),align.parameters=Object.assign({storySource:{source:"() => (\n \n \n \n #1\n \n \n #2\n \n \n #3\n \n \n \n)"}},align.parameters);var __namedExportsOrder=["example","direction","wrap","justifyContent","alignItems","alignContent","order","grow","shrink","basis","align"]},"./src/components/Grid/Grid.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Breakpoints:()=>Breakpoints,Default:()=>Default,ExtraLarge:()=>ExtraLarge,ExtraSmall:()=>ExtraSmall,Large:()=>Large,Medium:()=>Medium,Small:()=>Small,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("../../node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.map.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.from.js"),__webpack_require__("../../node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.assign.js");var _storybook_addon_docs__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("../../node_modules/@storybook/addon-docs/dist/esm/index.js"),react__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("../../node_modules/react/index.js"),___WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/components/index.ts"),___WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/index.ts"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("../../node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__={title:"Layout/Grid",component:___WEBPACK_IMPORTED_MODULE_8__.rjZ,parameters:{docs:{description:{component:"A container for grouping fields that semantically share a common data context."},page:function page(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_5__.Dx,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_5__.dk,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_5__.sq,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_5__.$4,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_5__.fQ,{title:""})]})}}}};var Template=function Template(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(___WEBPACK_IMPORTED_MODULE_8__.rjZ,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_8__.rjZ.Item,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_8__.n9L,{})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_8__.rjZ.Item,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_8__.n9L,{})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_8__.rjZ.Item,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_8__.n9L,{})})]})};Template.displayName="Template";var Default=Template.bind({}),Breakpoints=function Breakpoints(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(___WEBPACK_IMPORTED_MODULE_7__.iA_,{fixed:!0,striped:!0,sticky:!0,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_7__.ssF,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(___WEBPACK_IMPORTED_MODULE_7__.SCH,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_7__.pj1,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_7__.pj1,{children:"extra-small"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_7__.pj1,{children:"small"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_7__.pj1,{children:"medium"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_7__.pj1,{children:"large"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_7__.pj1,{children:"extra-large"})]})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(___WEBPACK_IMPORTED_MODULE_7__.RMI,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(___WEBPACK_IMPORTED_MODULE_7__.SCH,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_7__.pj1,{is:"th",scope:"row",children:"Alias"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_7__.pj1,{children:"xs"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_7__.pj1,{children:"sm"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_7__.pj1,{children:"md"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_7__.pj1,{children:"lg"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_7__.pj1,{children:"xl"})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(___WEBPACK_IMPORTED_MODULE_7__.SCH,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_7__.pj1,{is:"th",scope:"row",children:"Minimun width"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_7__.pj1,{children:"320px"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_7__.pj1,{children:"600px"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_7__.pj1,{children:"768px"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_7__.pj1,{children:"1024px"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_7__.pj1,{children:"1440px"})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(___WEBPACK_IMPORTED_MODULE_7__.SCH,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_7__.pj1,{is:"th",scope:"row",children:"Columns"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_7__.pj1,{children:"4"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_7__.pj1,{children:"8"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_7__.pj1,{children:"8"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_7__.pj1,{children:"12"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_7__.pj1,{children:"12"})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(___WEBPACK_IMPORTED_MODULE_7__.SCH,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_7__.pj1,{is:"th",scope:"row",children:"Margins / Gutters"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_7__.pj1,{children:"16px"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_7__.pj1,{children:"16px"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_7__.pj1,{children:"24px"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_7__.pj1,{children:"24px"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_7__.pj1,{children:"24px"})]})]})]})};Breakpoints.displayName="Breakpoints";var ExtraSmall=function ExtraSmall(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_8__.rjZ,{children:Array.from({length:4}).map((function(_,i){return i+1})).map((function(columns){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(react__WEBPACK_IMPORTED_MODULE_6__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_8__.rjZ.Item,{xs:columns,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(___WEBPACK_IMPORTED_MODULE_8__.n9L,{children:["xs=",columns]})}),4-columns>0&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_8__.rjZ.Item,{xs:4-columns,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(___WEBPACK_IMPORTED_MODULE_8__.n9L,{children:["xs=",4-columns]})})]},columns)}))})};ExtraSmall.displayName="ExtraSmall",ExtraSmall.storyName="Extra Small (xs)";var Small=function Small(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_8__.rjZ,{children:Array.from({length:8}).map((function(_,i){return i+1})).map((function(columns){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(react__WEBPACK_IMPORTED_MODULE_6__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_8__.rjZ.Item,{sm:columns,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(___WEBPACK_IMPORTED_MODULE_8__.n9L,{children:["sm=",columns]})}),8-columns>0&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_8__.rjZ.Item,{sm:8-columns,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(___WEBPACK_IMPORTED_MODULE_8__.n9L,{children:["sm=",8-columns]})})]},columns)}))})};Small.displayName="Small",Small.storyName="Small (sm)";var Medium=function Medium(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_8__.rjZ,{children:Array.from({length:8}).map((function(_,i){return i+1})).map((function(columns){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(react__WEBPACK_IMPORTED_MODULE_6__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_8__.rjZ.Item,{md:columns,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(___WEBPACK_IMPORTED_MODULE_8__.n9L,{children:["md=",columns]})}),8-columns>0&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_8__.rjZ.Item,{md:8-columns,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(___WEBPACK_IMPORTED_MODULE_8__.n9L,{children:["md=",8-columns]})})]},columns)}))})};Medium.displayName="Medium",Medium.storyName="Medium (md)";var Large=function Large(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_8__.rjZ,{children:Array.from({length:12}).map((function(_,i){return i+1})).map((function(columns){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(react__WEBPACK_IMPORTED_MODULE_6__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_8__.rjZ.Item,{lg:columns,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(___WEBPACK_IMPORTED_MODULE_8__.n9L,{children:["lg=",columns]})}),12-columns>0&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_8__.rjZ.Item,{lg:12-columns,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(___WEBPACK_IMPORTED_MODULE_8__.n9L,{children:["lg=",12-columns]})})]},columns)}))})};Large.displayName="Large",Large.storyName="Large (lg)";var ExtraLarge=function ExtraLarge(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_8__.rjZ,{children:Array.from({length:12}).map((function(_,i){return i+1})).map((function(columns){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(react__WEBPACK_IMPORTED_MODULE_6__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_8__.rjZ.Item,{xl:columns,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(___WEBPACK_IMPORTED_MODULE_8__.n9L,{children:["xl=",columns]})}),12-columns>0&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(___WEBPACK_IMPORTED_MODULE_8__.rjZ.Item,{xl:12-columns,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(___WEBPACK_IMPORTED_MODULE_8__.n9L,{children:["xl=",12-columns]})})]},columns)}))})};ExtraLarge.displayName="ExtraLarge",ExtraLarge.storyName="Extra Large (xl)",Default.parameters=Object.assign({storySource:{source:"() => (\n \n \n \n \n \n \n \n \n \n \n \n)"}},Default.parameters),Breakpoints.parameters=Object.assign({storySource:{source:"() => (\n \n \n \n \n extra-small\n small\n medium\n large\n extra-large\n \n \n \n \n \n Alias\n \n xs\n sm\n md\n lg\n xl\n \n \n \n Minimun width\n \n 320px\n 600px\n 768px\n 1024px\n 1440px\n \n \n \n Columns\n \n 4\n 8\n 8\n 12\n 12\n \n \n \n Margins / Gutters\n \n 16px\n 16px\n 24px\n 24px\n 24px\n \n \n
    \n)"}},Breakpoints.parameters),ExtraSmall.parameters=Object.assign({storySource:{source:"() => {\n type ColumnsType = 1 | 2 | 3 | 4;\n return (\n \n {Array.from({ length: 4 })\n .map((_, i) => (i + 1) as ColumnsType)\n .map((columns) => (\n \n \n xs={columns}\n \n {4 - columns > 0 && (\n \n xs={4 - columns}\n \n )}\n \n ))}\n \n );\n}"}},ExtraSmall.parameters),Small.parameters=Object.assign({storySource:{source:"() => {\n type ColumnsType = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8;\n return (\n \n {Array.from({ length: 8 })\n .map((_, i) => (i + 1) as ColumnsType)\n .map((columns) => (\n \n \n sm={columns}\n \n {8 - columns > 0 && (\n \n sm={8 - columns}\n \n )}\n \n ))}\n \n );\n}"}},Small.parameters),Medium.parameters=Object.assign({storySource:{source:"() => {\n type ColumnsType = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8;\n return (\n \n {Array.from({ length: 8 })\n .map((_, i) => (i + 1) as ColumnsType)\n .map((columns) => (\n \n \n md={columns}\n \n {8 - columns > 0 && (\n \n md={8 - columns}\n \n )}\n \n ))}\n \n );\n}"}},Medium.parameters),Large.parameters=Object.assign({storySource:{source:"() => {\n type ColumnsType = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\n return (\n \n {Array.from({ length: 12 })\n .map((_, i) => (i + 1) as ColumnsType)\n .map((columns) => (\n \n \n lg={columns}\n \n {12 - columns > 0 && (\n \n lg={12 - columns}\n \n )}\n \n ))}\n \n );\n}"}},Large.parameters),ExtraLarge.parameters=Object.assign({storySource:{source:"() => {\n type ColumnsType = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\n return (\n \n {Array.from({ length: 12 })\n .map((_, i) => (i + 1) as ColumnsType)\n .map((columns) => (\n \n \n xl={columns}\n \n {12 - columns > 0 && (\n \n xl={12 - columns}\n \n )}\n \n ))}\n \n );\n}"}},ExtraLarge.parameters);var __namedExportsOrder=["Default","Breakpoints","ExtraSmall","Small","Medium","Large","ExtraLarge"]},"./src/components/Icon/Icon.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{AvailableIcons:()=>AvailableIcons,Default:()=>Default,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("../../node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.map.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.assign.js");var _rocket_chat_icons__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("../icons/dist/index.js"),_rocket_chat_icons__WEBPACK_IMPORTED_MODULE_3___default=__webpack_require__.n(_rocket_chat_icons__WEBPACK_IMPORTED_MODULE_3__),___WEBPACK_IMPORTED_MODULE_5__=(__webpack_require__("../../node_modules/react/index.js"),__webpack_require__("./src/index.ts")),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("../../node_modules/react/jsx-runtime.js"),iconsList=Object.keys(_rocket_chat_icons__WEBPACK_IMPORTED_MODULE_3___default());const __WEBPACK_DEFAULT_EXPORT__={title:"Data Display/Icon",component:___WEBPACK_IMPORTED_MODULE_5__.JO$};var Default=function Default(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.xuv,{color:"default",children:iconsList.map((function(name){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.JO$,{name,size:"x40"},name)}))})};Default.displayName="Default";var styles={container:{display:"flex",flexFlow:"row wrap",alignItems:"center",justifyContent:"space-between",textAlign:"center"},wrapper:{margin:"2rem 0.5rem",flex:"1 0 8rem"}},AvailableIcons=function AvailableIcons(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("div",{style:styles.container,children:iconsList.map((function(name){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)("div",{style:styles.wrapper,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.xuv,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.JO$,{name,size:"x40"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.xuv,{color:"hint",children:name})]},name)}))})};AvailableIcons.displayName="AvailableIcons",Default.parameters=Object.assign({storySource:{source:"() => (\n \n {iconsList.map((name) => (\n \n ))}\n \n)"}},Default.parameters),AvailableIcons.parameters=Object.assign({storySource:{source:"() => (\n
    \n {iconsList.map((name) => (\n
    \n \n \n \n {name}\n
    \n ))}\n
    \n)"}},AvailableIcons.parameters);var __namedExportsOrder=["Default","AvailableIcons"]},"./src/components/InputBox/InputBox.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Date:()=>Date,Default:()=>Default,Disabled:()=>Disabled,Invalid:()=>Invalid,Skeleton:()=>Skeleton,Time:()=>Time,WithAddon:()=>WithAddon,WithPlaceholder:()=>WithPlaceholder,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("../../node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("../../node_modules/core-js/modules/es.function.bind.js");var _storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("../../node_modules/@storybook/addon-actions/dist/esm/index.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("../../node_modules/@storybook/addon-docs/dist/esm/index.js"),___WEBPACK_IMPORTED_MODULE_5__=(__webpack_require__("../../node_modules/react/index.js"),__webpack_require__("./src/index.ts")),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("../../node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__={title:"Inputs/InputBox",component:___WEBPACK_IMPORTED_MODULE_5__.Wzg,parameters:{docs:{description:{component:"A decorated input control with support for addons.
    Usually you'll perfer to use `-Input` (e.g. `TextInput`) components over this one because it works as a construction block for them."},page:function page(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_3__.Dx,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_3__.dk,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_3__.sq,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_3__.$4,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_3__.fQ,{title:""})]})}}}};var Template=function Template(args){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.Wzg,Object.assign({},args))};Template.displayName="Template";var Default=Template.bind({});Default.args={defaultValue:"Value",onChange:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("change")};var Date=Template.bind({});Date.args={defaultValue:"Value",onChange:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("change"),type:"date"};var Time=Template.bind({});Time.args={defaultValue:"Value",onChange:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("change"),type:"time"};var WithAddon=Template.bind({});WithAddon.args={addon:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.JO$,{name:"send",size:"x20"})};var Invalid=Template.bind({});Invalid.args={defaultValue:"Value",error:"Error",onChange:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("change")};var Disabled=Template.bind({});Disabled.args={defaultValue:"Value",disabled:!0,onChange:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("change")};var WithPlaceholder=Template.bind({});WithPlaceholder.args={placeholder:"Placeholder",onChange:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("change")};var Skeleton=function Skeleton(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.Wzg.Skeleton,{})};Skeleton.displayName="Skeleton",Skeleton.storyName="InputBox.Skeleton",Default.parameters=Object.assign({storySource:{source:"(args) => (\n \n)"}},Default.parameters),Date.parameters=Object.assign({storySource:{source:"(args) => (\n \n)"}},Date.parameters),Time.parameters=Object.assign({storySource:{source:"(args) => (\n \n)"}},Time.parameters),WithAddon.parameters=Object.assign({storySource:{source:"(args) => (\n \n)"}},WithAddon.parameters),Invalid.parameters=Object.assign({storySource:{source:"(args) => (\n \n)"}},Invalid.parameters),Disabled.parameters=Object.assign({storySource:{source:"(args) => (\n \n)"}},Disabled.parameters),WithPlaceholder.parameters=Object.assign({storySource:{source:"(args) => (\n \n)"}},WithPlaceholder.parameters),Skeleton.parameters=Object.assign({storySource:{source:"() => (\n \n)"}},Skeleton.parameters);var __namedExportsOrder=["Default","Date","Time","WithAddon","Invalid","Disabled","WithPlaceholder","Skeleton"]},"./src/components/Label/Label.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,Disabled:()=>Disabled,Required:()=>Required,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("../../node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("../../node_modules/core-js/modules/es.function.bind.js");var _storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("../../node_modules/@storybook/addon-docs/dist/esm/index.js"),___WEBPACK_IMPORTED_MODULE_4__=(__webpack_require__("../../node_modules/react/index.js"),__webpack_require__("./src/index.ts")),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("../../node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__={title:"Inputs/Label",component:___WEBPACK_IMPORTED_MODULE_4__.__J,parameters:{docs:{description:{component:"A caption for an input component."},page:function page(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__.Dx,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__.dk,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__.sq,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__.$4,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__.fQ,{title:"Input component state"})]})}}}};var Template=function Template(args){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.__J,Object.assign({},args,{children:"Label"}))};Template.displayName="Template";var Default=Template.bind({}),Required=Template.bind({});Required.args={required:!0};var Disabled=Template.bind({});Disabled.args={disabled:!0},Default.parameters=Object.assign({storySource:{source:"(args) => (\n \n)"}},Default.parameters),Required.parameters=Object.assign({storySource:{source:"(args) => (\n \n)"}},Required.parameters),Disabled.parameters=Object.assign({storySource:{source:"(args) => (\n \n)"}},Disabled.parameters);var __namedExportsOrder=["Default","Required","Disabled"]},"./src/components/Margins/Margins.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{AllProp:()=>AllProp,BlockEndProp:()=>BlockEndProp,BlockProp:()=>BlockProp,BlockStartProp:()=>BlockStartProp,Example:()=>Example,InlineEndProp:()=>InlineEndProp,InlineProp:()=>InlineProp,InlineStartProp:()=>InlineStartProp,WithAutoValue:()=>WithAutoValue,WithNegativeValues:()=>WithNegativeValues,WithNonBoxChildren:()=>WithNonBoxChildren,WithNoneValue:()=>WithNoneValue,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("../../node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("../../node_modules/core-js/modules/es.function.bind.js");var _storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("../../node_modules/@storybook/addon-docs/dist/esm/index.js"),___WEBPACK_IMPORTED_MODULE_4__=(__webpack_require__("../../node_modules/react/index.js"),__webpack_require__("./src/index.ts")),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("../../node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__={title:"Layout/Margins",component:___WEBPACK_IMPORTED_MODULE_4__.mTO,parameters:{docs:{description:{component:"Add margins to the wrapped component."},page:function page(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__.Dx,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__.dk,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__.sq,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__.$4,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_2__.fQ,{title:""})]})}}}};var Template=function Template(args){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(___WEBPACK_IMPORTED_MODULE_4__.hE2,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.zxk,{children:"Without margins"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.mTO,Object.assign({},args,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.zxk,{children:"With margins"})})),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.zxk,{children:"Without margins"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.zxk,{children:"Without margins"})]})};Template.displayName="Template";var Example=Template.bind({});Example.args={all:"x32"};var AllProp=function AllProp(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.xuv,{display:"flex",alignItems:"center",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{all:"x8",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{display:"flex",padding:"none",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{all:"x4",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:"x4"})})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{display:"flex",padding:"none",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{all:"x8",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:"x8"})})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{display:"flex",padding:"none",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{all:"x16",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:"x16"})})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{display:"flex",padding:"none",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{all:"x24",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:"x24"})})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{display:"flex",padding:"none",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{all:"x32",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:"x32"})})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{display:"flex",padding:"none",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{all:"x40",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:"x40"})})})]})})};AllProp.displayName="AllProp",AllProp.storyName="all prop";var BlockProp=function BlockProp(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.xuv,{display:"flex",alignItems:"center",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{all:"x8",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{display:"flex",padding:"none",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{block:"x4",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:"x4"})})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{display:"flex",padding:"none",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{block:"x8",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:"x8"})})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{display:"flex",padding:"none",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{block:"x16",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:"x16"})})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{display:"flex",padding:"none",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{block:"x24",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:"x24"})})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{display:"flex",padding:"none",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{block:"x32",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:"x32"})})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{display:"flex",padding:"none",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{block:"x40",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:"x40"})})})]})})};BlockProp.displayName="BlockProp",BlockProp.storyName="block prop";var BlockStartProp=function BlockStartProp(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.xuv,{display:"flex",alignItems:"center",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{all:"x8",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{display:"flex",padding:"none",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{blockStart:"x4",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:"x4"})})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{display:"flex",padding:"none",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{blockStart:"x8",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:"x8"})})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{display:"flex",padding:"none",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{blockStart:"x16",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:"x16"})})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{display:"flex",padding:"none",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{blockStart:"x24",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:"x24"})})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{display:"flex",padding:"none",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{blockStart:"x32",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:"x32"})})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{display:"flex",padding:"none",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{blockStart:"x40",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:"x40"})})})]})})};BlockStartProp.displayName="BlockStartProp",BlockStartProp.storyName="blockStart prop";var BlockEndProp=function BlockEndProp(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.xuv,{display:"flex",alignItems:"center",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{all:"x8",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{display:"flex",padding:"none",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{blockEnd:"x4",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:"x4"})})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{display:"flex",padding:"none",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{blockEnd:"x8",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:"x8"})})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{display:"flex",padding:"none",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{blockEnd:"x16",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:"x16"})})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{display:"flex",padding:"none",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{blockEnd:"x24",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:"x24"})})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{display:"flex",padding:"none",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{blockEnd:"x32",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:"x32"})})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{display:"flex",padding:"none",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{blockEnd:"x40",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:"x40"})})})]})})};BlockEndProp.displayName="BlockEndProp",BlockEndProp.storyName="blockEnd prop";var InlineProp=function InlineProp(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.xuv,{display:"flex",alignItems:"center",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{all:"x8",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{display:"flex",padding:"none",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{inline:"x4",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:"x4"})})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{display:"flex",padding:"none",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{inline:"x8",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:"x8"})})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{display:"flex",padding:"none",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{inline:"x16",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:"x16"})})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{display:"flex",padding:"none",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{inline:"x24",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:"x24"})})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{display:"flex",padding:"none",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{inline:"x32",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:"x32"})})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{display:"flex",padding:"none",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{inline:"x40",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:"x40"})})})]})})};InlineProp.displayName="InlineProp",InlineProp.storyName="inline prop";var InlineStartProp=function InlineStartProp(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.xuv,{display:"flex",alignItems:"center",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{all:"x8",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{display:"flex",padding:"none",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{inlineStart:"x4",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:"x4"})})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{display:"flex",padding:"none",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{inlineStart:"x8",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:"x8"})})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{display:"flex",padding:"none",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{inlineStart:"x16",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:"x16"})})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{display:"flex",padding:"none",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{inlineStart:"x24",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:"x24"})})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{display:"flex",padding:"none",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{inlineStart:"x32",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:"x32"})})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{display:"flex",padding:"none",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{inlineStart:"x40",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:"x40"})})})]})})};InlineStartProp.displayName="InlineStartProp",InlineStartProp.storyName="inlineStart prop";var InlineEndProp=function InlineEndProp(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.xuv,{display:"flex",alignItems:"center",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{all:"x8",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{display:"flex",padding:"none",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{inlineEnd:"x4",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:"x4"})})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{display:"flex",padding:"none",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{inlineEnd:"x8",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:"x8"})})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{display:"flex",padding:"none",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{inlineEnd:"x16",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:"x16"})})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{display:"flex",padding:"none",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{inlineEnd:"x24",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:"x24"})})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{display:"flex",padding:"none",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{inlineEnd:"x32",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:"x32"})})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{display:"flex",padding:"none",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{inlineEnd:"x40",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:"x40"})})})]})})};InlineEndProp.displayName="InlineEndProp",InlineEndProp.storyName="inlineEnd prop";var WithNegativeValues=function WithNegativeValues(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.xuv,{display:"flex",flexDirection:"column",alignItems:"center",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{all:"x20",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{inline:"-x40",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{display:"flex",padding:"none",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{inline:"x40",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{padding:40}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{padding:40}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{padding:40}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{padding:40})]})})})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{block:"-x40",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{display:"flex",padding:"none",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{block:"x40",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{padding:40}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{padding:40}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{padding:40}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{padding:40})]})})})})]})})};WithNegativeValues.displayName="WithNegativeValues",WithNegativeValues.storyName="With negative values";var WithAutoValue=function WithAutoValue(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{display:"flex",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{padding:40}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{inline:"auto",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{padding:40})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{padding:40})]})};WithAutoValue.displayName="WithAutoValue",WithAutoValue.storyName="With auto value";var WithNoneValue=function WithNoneValue(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{display:"flex",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{inline:"x16",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{padding:40})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{inline:"none",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{padding:40}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{padding:40})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{inline:"x16",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.n9L,{padding:40})})]})};WithNoneValue.displayName="WithNoneValue",WithNoneValue.storyName="With none value";var WithNonBoxChildren=function WithNonBoxChildren(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("div",{style:{border:"1px solid red"},children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(___WEBPACK_IMPORTED_MODULE_4__.mTO,{block:"x16",inline:"x32",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("div",{style:{border:"1px solid green"}}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("div",{style:{border:"1px solid blue"}})]})})};WithNonBoxChildren.displayName="WithNonBoxChildren",WithNonBoxChildren.storyName="With non-Box children",Example.parameters=Object.assign({storySource:{source:"(args) => (\n \n \n \n \n \n \n \n \n)"}},Example.parameters),AllProp.parameters=Object.assign({storySource:{source:"() => (\n \n \n \n \n x4\n \n \n \n \n x8\n \n \n \n \n x16\n \n \n \n \n x24\n \n \n \n \n x32\n \n \n \n \n x40\n \n \n \n \n)"}},AllProp.parameters),BlockProp.parameters=Object.assign({storySource:{source:"() => (\n \n \n \n \n x4\n \n \n \n \n x8\n \n \n \n \n x16\n \n \n \n \n x24\n \n \n \n \n x32\n \n \n \n \n x40\n \n \n \n \n)"}},BlockProp.parameters),BlockStartProp.parameters=Object.assign({storySource:{source:"() => (\n \n \n \n \n x4\n \n \n \n \n x8\n \n \n \n \n x16\n \n \n \n \n x24\n \n \n \n \n x32\n \n \n \n \n x40\n \n \n \n \n)"}},BlockStartProp.parameters),BlockEndProp.parameters=Object.assign({storySource:{source:"() => (\n \n \n \n \n x4\n \n \n \n \n x8\n \n \n \n \n x16\n \n \n \n \n x24\n \n \n \n \n x32\n \n \n \n \n x40\n \n \n \n \n)"}},BlockEndProp.parameters),InlineProp.parameters=Object.assign({storySource:{source:"() => (\n \n \n \n \n x4\n \n \n \n \n x8\n \n \n \n \n x16\n \n \n \n \n x24\n \n \n \n \n x32\n \n \n \n \n x40\n \n \n \n \n)"}},InlineProp.parameters),InlineStartProp.parameters=Object.assign({storySource:{source:"() => (\n \n \n \n \n x4\n \n \n \n \n x8\n \n \n \n \n x16\n \n \n \n \n x24\n \n \n \n \n x32\n \n \n \n \n x40\n \n \n \n \n)"}},InlineStartProp.parameters),InlineEndProp.parameters=Object.assign({storySource:{source:"() => (\n \n \n \n \n x4\n \n \n \n \n x8\n \n \n \n \n x16\n \n \n \n \n x24\n \n \n \n \n x32\n \n \n \n \n x40\n \n \n \n \n)"}},InlineEndProp.parameters),WithNegativeValues.parameters=Object.assign({storySource:{source:"() => (\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n)"}},WithNegativeValues.parameters),WithAutoValue.parameters=Object.assign({storySource:{source:"() => (\n \n \n \n \n \n \n \n)"}},WithAutoValue.parameters),WithNoneValue.parameters=Object.assign({storySource:{source:"() => (\n \n \n \n \n \n \n \n \n \n \n \n \n)"}},WithNoneValue.parameters),WithNonBoxChildren.parameters=Object.assign({storySource:{source:"() => (\n
    \n \n
    \n
    \n \n
    \n)"}},WithNonBoxChildren.parameters);var __namedExportsOrder=["Example","AllProp","BlockProp","BlockStartProp","BlockEndProp","InlineProp","InlineStartProp","InlineEndProp","WithNegativeValues","WithAutoValue","WithNoneValue","WithNonBoxChildren"]},"./src/components/Menu/Menu.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Complex:()=>Complex,Simple:()=>Simple,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("../../node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("../../node_modules/core-js/modules/es.function.bind.js");var _storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("../../node_modules/@storybook/addon-actions/dist/esm/index.js"),___WEBPACK_IMPORTED_MODULE_4__=(__webpack_require__("../../node_modules/react/index.js"),__webpack_require__("./src/components/index.ts")),_Icon__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/components/Icon/index.ts"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("../../node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__={title:"Navigation/Menu",component:___WEBPACK_IMPORTED_MODULE_4__.v2r,parameters:{docs:{description:{component:"Kebab Menu"}},layout:"centered"}};var Template=function Template(args){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.xuv,{position:"relative",maxWidth:250,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.v2r,Object.assign({},args))})};Template.displayName="Template";var Simple=Template.bind({});Simple.args={options:{makeAdmin:{label:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(___WEBPACK_IMPORTED_MODULE_4__.xuv,{display:"flex",alignItems:"center",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_Icon__WEBPACK_IMPORTED_MODULE_5__.J,{mie:4,name:"key",size:"x16"}),"Make Admin"]}),action:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("makeAdmin.action")},delete:{label:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(___WEBPACK_IMPORTED_MODULE_4__.xuv,{display:"flex",alignItems:"center",color:"danger",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_Icon__WEBPACK_IMPORTED_MODULE_5__.J,{mie:4,name:"trash",size:"x16"}),"Delete"]}),action:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("delete.action")}}};var Complex=Template.bind({});Complex.args={options:{example:{label:"Example",action:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("example.action")},disabled:{label:"Disabled",action:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("disabled.action"),disabled:!0},divider1:{type:"divider"},heading:{type:"heading",label:"Heading Example"},delete:{type:"option",label:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(___WEBPACK_IMPORTED_MODULE_4__.xuv,{display:"flex",alignItems:"center",color:"danger",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_Icon__WEBPACK_IMPORTED_MODULE_5__.J,{mie:4,name:"trash",size:"x16"}),"Delete"]}),action:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__.action)("delete.action")}}},Simple.parameters=Object.assign({storySource:{source:"(args) => (\n \n \n \n)"}},Simple.parameters),Complex.parameters=Object.assign({storySource:{source:"(args) => (\n \n \n \n)"}},Complex.parameters);var __namedExportsOrder=["Simple","Complex"]},"./src/components/Menu/V2/Menu.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{AsSidebarTopbarActions:()=>AsSidebarTopbarActions,Complex:()=>Complex,ControlledOpenState:()=>ControlledOpenState,ItemVariants:()=>ItemVariants,MenuDisplayExample:()=>MenuDisplayExample,MenuMapGenericItem:()=>MenuMapGenericItem,Simple:()=>Simple,Sizes:()=>Sizes,WithCustomButton:()=>WithCustomButton,WithSections:()=>WithSections,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/slicedToArray.js"),react__WEBPACK_IMPORTED_MODULE_2__=(__webpack_require__("../../node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("../../node_modules/core-js/modules/es.function.name.js"),__webpack_require__("../../node_modules/react/index.js")),___WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/components/Menu/V2/index.ts"),_Box_Box__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/components/Box/Box.tsx"),_Button__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/components/Button/index.ts"),_ButtonGroup__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/components/ButtonGroup/index.ts"),_CheckBox__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/components/CheckBox/index.ts"),_RadioButton__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/components/RadioButton/index.ts"),_Sidebar__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./src/components/Sidebar/index.tsx"),_ToggleSwitch__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./src/components/ToggleSwitch/index.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("../../node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__={title:"Navigation/Menu/v2",component:___WEBPACK_IMPORTED_MODULE_3__.lG,decorators:[function(story){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(_Box_Box__WEBPACK_IMPORTED_MODULE_4__.Z,{minHeight:50,height:"full",minWidth:100,maxWidth:250,width:"full",children:story()})}],parameters:{docs:{source:{excludeDecorators:!0,transform:function transform(src){return console.log(src)}},description:{component:"Kebab Menu. Use `` to render the menu items."}}}};var Simple=function Simple(args){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.lG,Object.assign({},args,{placement:"right-start",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.sN,{children:"Profile"},"1"),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.sN,{children:"Chats"},"2"),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.sN,{children:"Settings"},"3")]}))};Simple.displayName="Simple";var Complex=function Complex(args){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.lG,Object.assign({},args,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.sN,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.ZH,{name:"user"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.l_,{children:"Profile"})]},"profile"),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.sN,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.ZH,{name:"chat"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.l_,{children:"Chats"})]},"chats"),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.sN,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.ZH,{name:"cog"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.l_,{children:"Settings"})]},"settings")]}))};Complex.displayName="Complex",Complex.parameters={docs:{description:{story:"You can use `MenuItem` sub-components to render more complex items, with icons, avatars, text and inputs. The available components are:
    `MenuItemAvatar`
    `MenuItemColumn`
    `MenuItemContent`
    `MenuItemIcon`
    `MenuItemInput`
    `MenuItemSkeleton`
    `MenuItemTitle`"}}};var WithSections=function WithSections(args){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.lG,Object.assign({},args,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.xw,{title:"Styles",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.sN,{children:"Bold"},"bold"),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.sN,{children:"Underline"},"underline")]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.xw,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.sN,{children:"Left"},"left"),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.sN,{children:"Middle"},"middle"),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.sN,{children:"Right"},"right")]})]}))};WithSections.displayName="WithSections",WithSections.parameters={docs:{description:{story:"Use `` to group the menu items. The `title` prop is optional. If provided, a **title** and a **divider** is added - otherwise, only the divider is added."}}};var MenuDisplayExample=function MenuDisplayExample(args){var _useState=(0,react__WEBPACK_IMPORTED_MODULE_2__.useState)("condensed"),_useState2=(0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_12__.Z)(_useState,2),display=_useState2[0],setDisplay=_useState2[1],_useState3=(0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(!1),_useState4=(0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_12__.Z)(_useState3,2),avatarDisplay=_useState4[0],setAvatarDisplay=_useState4[1],_useState5=(0,react__WEBPACK_IMPORTED_MODULE_2__.useState)("name"),_useState6=(0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_12__.Z)(_useState5,2),sortBy=_useState6[0],setSortBy=_useState6[1],_useState7=(0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(!1),_useState8=(0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_12__.Z)(_useState7,2),groupByUnread=_useState8[0],setGroupByUnread=_useState8[1],_useState9=(0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(!1),_useState10=(0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_12__.Z)(_useState9,2),groupByFav=_useState10[0],setGroupByFav=_useState10[1],_useState11=(0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(!1),_useState12=(0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_12__.Z)(_useState11,2),groupByTypes=_useState12[0],setGroupByTypes=_useState12[1];return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.lG,Object.assign({selectionMode:"multiple",placement:"top-start"},args,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.xw,{title:"Display",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.sN,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.ZH,{name:"extended-view"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.l_,{children:"Extended"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.tJ,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(_RadioButton__WEBPACK_IMPORTED_MODULE_8__.E,{mi:16,onChange:function onChange(){return setDisplay("extended")},checked:"extended"===display})})]},"extended"),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.sN,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.ZH,{name:"medium-view"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.l_,{children:"Medium"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.tJ,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(_RadioButton__WEBPACK_IMPORTED_MODULE_8__.E,{mi:16,onChange:function onChange(){return setDisplay("medium")},checked:"medium"===display})})]},"medium"),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.sN,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.ZH,{name:"condensed-view"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.l_,{children:"Condensed"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.tJ,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(_RadioButton__WEBPACK_IMPORTED_MODULE_8__.E,{mi:16,onChange:function onChange(){return setDisplay("condensed")},checked:"condensed"===display})})]},"condensed"),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.sN,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.ZH,{name:"user-rounded"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.l_,{children:"Avatars"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.tJ,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(_ToggleSwitch__WEBPACK_IMPORTED_MODULE_10__.Z,{mie:16,onChange:function onChange(){return setAvatarDisplay(!avatarDisplay)},checked:avatarDisplay})})]},"avatars")]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.xw,{title:"Sort by",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.sN,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.ZH,{name:"clock"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.l_,{children:"Activities"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.tJ,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(_RadioButton__WEBPACK_IMPORTED_MODULE_8__.E,{mi:16,onChange:function onChange(){return setSortBy("activity")},checked:"activity"===sortBy})})]},"activities"),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.sN,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.ZH,{name:"sort-az"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.l_,{children:"Name"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.tJ,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(_RadioButton__WEBPACK_IMPORTED_MODULE_8__.E,{mi:16,onChange:function onChange(){return setSortBy("alphabetical")},checked:"alphabetical"===sortBy})})]},"name")]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.xw,{title:"Group by",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.sN,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.ZH,{name:"flag"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.l_,{children:"Unread"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.tJ,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(_CheckBox__WEBPACK_IMPORTED_MODULE_7__.J,{mi:16,checked:groupByUnread,onChange:function onChange(){return setGroupByUnread(!groupByUnread)}})})]},"unread"),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.sN,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.ZH,{name:"star"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.l_,{children:"Favorites"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.tJ,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(_CheckBox__WEBPACK_IMPORTED_MODULE_7__.J,{mi:16,checked:groupByFav,onChange:function onChange(){return setGroupByFav(!groupByFav)}})})]},"favorites"),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.sN,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.ZH,{name:"group-by-type"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.l_,{children:"Types"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.tJ,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(_CheckBox__WEBPACK_IMPORTED_MODULE_7__.J,{mi:16,checked:groupByTypes,onChange:function onChange(){return setGroupByTypes(!groupByTypes)}})})]},"types")]})]}))};MenuDisplayExample.displayName="MenuDisplayExample";var GenericMenuItem=function GenericMenuItem(_ref){var _ref$item=_ref.item,icon=_ref$item.icon,name=_ref$item.name,input=_ref$item.input;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.Fragment,{children:[icon&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.ZH,{name:icon}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.l_,{children:name}),input&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.tJ,{children:input})]})},MenuMapGenericItem=function MenuMapGenericItem(){var _useState13=(0,react__WEBPACK_IMPORTED_MODULE_2__.useState)("name"),_useState14=(0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_12__.Z)(_useState13,2),sortBy=_useState14[0],setSortBy=_useState14[1],_useState15=(0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(!1),_useState16=(0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_12__.Z)(_useState15,2),groupByUnread=_useState16[0],setGroupByUnread=_useState16[1],_useState17=(0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(!1),_useState18=(0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_12__.Z)(_useState17,2),groupByFav=_useState18[0],setGroupByFav=_useState18[1],_useState19=(0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(!1),_useState20=(0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_12__.Z)(_useState19,2),groupByTypes=_useState20[0],setGroupByTypes=_useState20[1],groupByItems=[{name:"Unread",icon:"flag",input:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(_CheckBox__WEBPACK_IMPORTED_MODULE_7__.J,{mi:16,checked:groupByUnread,onChange:function onChange(){return setGroupByUnread(!groupByUnread)}})},{name:"favorites",icon:"star",description:"Group by favorites and unread bla bla balaisudhf ioioasdhoaisdf asdifh oaisdhf aosidhf aisdhf aosdihf",input:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(_CheckBox__WEBPACK_IMPORTED_MODULE_7__.J,{mi:16,checked:groupByFav,onChange:function onChange(){return setGroupByFav(!groupByFav)}})},{name:"Types",icon:"group-by-type",input:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(_CheckBox__WEBPACK_IMPORTED_MODULE_7__.J,{mi:16,checked:groupByTypes,onChange:function onChange(){return setGroupByTypes(!groupByTypes)}})}],sortByItems=[{name:"Activities",icon:"clock",input:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(_CheckBox__WEBPACK_IMPORTED_MODULE_7__.J,{mi:16,onChange:function onChange(){return setSortBy("activity")},checked:"activity"===sortBy})},{name:"Name",icon:"sort-az",input:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(_CheckBox__WEBPACK_IMPORTED_MODULE_7__.J,{mi:16,onChange:function onChange(){return setSortBy("alphabetical")},checked:"alphabetical"===sortBy})}];return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.lG,{selectionMode:"multiple",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.xw,{title:"Sort by",items:sortByItems,children:function children(item){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.sN,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(GenericMenuItem,{item})},item.name)}}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.xw,{title:"Group By",items:groupByItems,children:function children(item){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.sN,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(GenericMenuItem,{item})},item.name)}}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.xw,{items:[{id:"delete",name:"Delete",icon:"trash",variant:"danger"}],children:function children(item){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.sN,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(GenericMenuItem,{item})},item.id)}})]})};MenuMapGenericItem.displayName="MenuMapGenericItem";var AsSidebarTopbarActions=function AsSidebarTopbarActions(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsxs)(_Sidebar__WEBPACK_IMPORTED_MODULE_9__.ZP.TopBar.Actions,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(_Sidebar__WEBPACK_IMPORTED_MODULE_9__.ZP.TopBar.Action,{icon:"user",title:"user"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(_Sidebar__WEBPACK_IMPORTED_MODULE_9__.ZP.TopBar.Action,{icon:"book",title:"book"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.lG,{title:"test",is:_Sidebar__WEBPACK_IMPORTED_MODULE_9__.ZP.TopBar.Action,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.sN,{children:"test"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.sN,{children:"test"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.sN,{children:"test"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.sN,{children:"test"})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.lG,{icon:"sort",title:"sort",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.sN,{children:"test"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.sN,{children:"test"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.sN,{children:"test"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.sN,{children:"test"})]})]})};AsSidebarTopbarActions.displayName="AsSidebarTopbarActions";var ControlledOpenState=function ControlledOpenState(){var _useState21=(0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(!1),_useState22=(0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_12__.Z)(_useState21,2),isOpen=_useState22[0],setIsOpen=_useState22[1];return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.lG,{isOpen,onOpenChange:setIsOpen,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.sN,{children:"Profile"},"1"),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.sN,{children:"Chats"},"2"),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.sN,{children:"Settings"},"3")]})};ControlledOpenState.displayName="ControlledOpenState";var ItemVariants=function ItemVariants(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.lG,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.xw,{items:[{id:"default",name:"Default",icon:"info-circled"},{id:"success",name:"Success",icon:"circle-check",variant:"success"},{id:"warning",name:"Warning",icon:"modal-warning",variant:"warning"},{id:"danger",name:"Danger",icon:"circle-cross",variant:"danger"}],children:function children(item){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.sN,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(GenericMenuItem,{item})},item.id)}})})};ItemVariants.displayName="ItemVariants";var Sizes=function Sizes(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsxs)(_ButtonGroup__WEBPACK_IMPORTED_MODULE_6__.h,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.lG,{large:!0,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.sN,{children:"Profile"},"1"),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.sN,{children:"Chats"},"2"),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.sN,{children:"Settings"},"3")]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.lG,{medium:!0,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.sN,{children:"Profile"},"1"),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.sN,{children:"Chats"},"2"),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.sN,{children:"Settings"},"3")]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.lG,{small:!0,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.sN,{children:"Profile"},"1"),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.sN,{children:"Chats"},"2"),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.sN,{children:"Settings"},"3")]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.lG,{tiny:!0,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.sN,{children:"Profile"},"1"),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.sN,{children:"Chats"},"2"),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.sN,{children:"Settings"},"3")]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.lG,{mini:!0,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.sN,{children:"Profile"},"1"),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.sN,{children:"Chats"},"2"),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.sN,{children:"Settings"},"3")]})]})};Sizes.displayName="Sizes";var CustomButton=(0,react__WEBPACK_IMPORTED_MODULE_2__.forwardRef)((function(props,ref){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(_Button__WEBPACK_IMPORTED_MODULE_5__.hU,Object.assign({ref},props,{icon:"kebab",secondary:!0,small:!1}))})),WithCustomButton=function WithCustomButton(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsxs)(_ButtonGroup__WEBPACK_IMPORTED_MODULE_6__.h,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.lG,{title:"using prop customButton",button:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(_Button__WEBPACK_IMPORTED_MODULE_5__.hU,{icon:"kebab",secondary:!0}),children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.sN,{children:"Profile"},"1"),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.sN,{children:"Chats"},"2"),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.sN,{children:"Settings"},"3")]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.lG,{title:"using prop is",is:CustomButton,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.sN,{children:"Profile"},"1"),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.sN,{children:"Chats"},"2"),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.sN,{children:"Settings"},"3")]})]})};WithCustomButton.displayName="WithCustomButton",Simple.parameters=Object.assign({storySource:{source:"(args) => (\n \n Profile\n Chats\n Settings\n \n)"}},Simple.parameters),Complex.parameters=Object.assign({storySource:{source:"(args) => (\n \n \n \n Profile\n \n \n \n Chats\n \n \n \n Settings\n \n \n)"}},Complex.parameters),WithSections.parameters=Object.assign({storySource:{source:"(args) => (\n \n \n Bold\n Underline\n \n \n Left\n Middle\n Right\n \n \n)"}},WithSections.parameters),MenuDisplayExample.parameters=Object.assign({storySource:{source:"(args) => {\n const [display, setDisplay] = useState('condensed');\n const [avatarDisplay, setAvatarDisplay] = useState(false);\n const [sortBy, setSortBy] = useState('name');\n const [groupByUnread, setGroupByUnread] = useState(false);\n const [groupByFav, setGroupByFav] = useState(false);\n const [groupByTypes, setGroupByTypes] = useState(false);\n\n return (\n \n \n \n \n Extended\n \n setDisplay('extended')}\n checked={display === 'extended'}\n />\n \n \n \n \n Medium\n \n setDisplay('medium')}\n checked={display === 'medium'}\n />\n \n \n \n \n Condensed\n \n setDisplay('condensed')}\n checked={display === 'condensed'}\n />\n \n \n \n \n Avatars\n \n setAvatarDisplay(!avatarDisplay)}\n checked={avatarDisplay}\n />\n \n \n \n \n \n \n Activities\n \n setSortBy('activity')}\n checked={sortBy === 'activity'}\n />\n \n \n \n \n Name\n \n setSortBy('alphabetical')}\n checked={sortBy === 'alphabetical'}\n />\n \n \n \n \n \n \n Unread\n \n setGroupByUnread(!groupByUnread)}\n />\n \n \n \n \n Favorites\n \n setGroupByFav(!groupByFav)}\n />\n \n \n \n \n Types\n \n setGroupByTypes(!groupByTypes)}\n />\n \n \n \n \n );\n}"}},MenuDisplayExample.parameters),MenuMapGenericItem.parameters=Object.assign({storySource:{source:"() => {\n const [sortBy, setSortBy] = useState('name');\n\n const [groupByUnread, setGroupByUnread] = useState(false);\n const [groupByFav, setGroupByFav] = useState(false);\n const [groupByTypes, setGroupByTypes] = useState(false);\n\n const groupByItems: Item[] = [\n {\n name: 'Unread',\n icon: 'flag',\n input: (\n setGroupByUnread(!groupByUnread)}\n />\n ),\n },\n {\n name: 'favorites',\n icon: 'star',\n description:\n 'Group by favorites and unread bla bla balaisudhf ioioasdhoaisdf asdifh oaisdhf aosidhf aisdhf aosdihf',\n input: (\n setGroupByFav(!groupByFav)}\n />\n ),\n },\n {\n name: 'Types',\n icon: 'group-by-type',\n input: (\n setGroupByTypes(!groupByTypes)}\n />\n ),\n },\n ];\n const sortByItems: Item[] = [\n {\n name: 'Activities',\n icon: 'clock',\n input: (\n setSortBy('activity')}\n checked={sortBy === 'activity'}\n />\n ),\n },\n {\n name: 'Name',\n icon: 'sort-az',\n input: (\n setSortBy('alphabetical')}\n checked={sortBy === 'alphabetical'}\n />\n ),\n },\n ];\n\n return (\n \n \n {(item) => (\n \n \n \n )}\n \n \n {(item) => (\n \n \n \n )}\n \n \n {(item) => (\n \n \n \n )}\n \n \n );\n}"}},MenuMapGenericItem.parameters),AsSidebarTopbarActions.parameters=Object.assign({storySource:{source:"() => (\n \n \n \n \n test\n test\n test\n test\n \n \n test\n test\n test\n test\n \n \n)"}},AsSidebarTopbarActions.parameters),ControlledOpenState.parameters=Object.assign({storySource:{source:"() => {\n const [isOpen, setIsOpen] = useState(false);\n\n return (\n \n Profile\n Chats\n Settings\n \n );\n}"}},ControlledOpenState.parameters),ItemVariants.parameters=Object.assign({storySource:{source:"() => (\n \n \n {(item) => (\n \n \n \n )}\n \n \n)"}},ItemVariants.parameters),Sizes.parameters=Object.assign({storySource:{source:"() => (\n \n \n Profile\n Chats\n Settings\n \n \n Profile\n Chats\n Settings\n \n \n Profile\n Chats\n Settings\n \n \n Profile\n Chats\n Settings\n \n \n Profile\n Chats\n Settings\n \n \n)"}},Sizes.parameters),WithCustomButton.parameters=Object.assign({storySource:{source:"() => (\n \n }\n >\n Profile\n Chats\n Settings\n     \n \n Profile\n Chats\n Settings\n \n \n)"}},WithCustomButton.parameters);var __namedExportsOrder=["Simple","Complex","WithSections","MenuDisplayExample","MenuMapGenericItem","AsSidebarTopbarActions","ControlledOpenState","ItemVariants","Sizes","WithCustomButton"]},"./src/components/Message/MessageDivider/MessageDivider.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("../../node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("../../node_modules/react/index.js");var ___WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/components/Message/MessageDivider/index.tsx"),_Box__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/components/Box/index.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("../../node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__={title:"Message/MessageDivider",component:___WEBPACK_IMPORTED_MODULE_2__.T};var Default=function Default(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)(_Box__WEBPACK_IMPORTED_MODULE_3__.Z,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_2__.T,{children:"Text"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_2__.T,{unreadLabel:"Unread",children:"Text"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(___WEBPACK_IMPORTED_MODULE_2__.T,{unreadLabel:"Unread"})]})};Default.displayName="Default",Default.parameters=Object.assign({storySource:{source:"() => (\n \n Text\n Text\n \n \n)"}},Default.parameters);var __namedExportsOrder=["Default"]},"./src/components/Message/MessageGenericPreview/MessageGenericPreview.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,FileAttachment:()=>FileAttachment,ImagePreview:()=>ImagePreview,LinkPreview:()=>LinkPreview,NoPreview:()=>NoPreview,NoPreviewTitleLink:()=>NoPreviewTitleLink,Thumb:()=>Thumb,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("../../node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("../../node_modules/react/index.js");var ___WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/components/Message/MessageGenericPreview/index.tsx"),___WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/components/Message/index.tsx"),___WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/components/index.ts"),_Avatar__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/components/Avatar/index.tsx"),_MessageGenericPreviewContent__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/components/Message/MessageGenericPreview/MessageGenericPreviewContent.tsx"),_MessageGenericPreviewCoverImage__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/components/Message/MessageGenericPreview/MessageGenericPreviewCoverImage.tsx"),_MessageGenericPreviewDescription__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/components/Message/MessageGenericPreview/MessageGenericPreviewDescription.tsx"),_MessageGenericPreviewIcon__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./src/components/Message/MessageGenericPreview/MessageGenericPreviewIcon.tsx"),_MessageGenericPreviewImage__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./src/components/Message/MessageGenericPreview/MessageGenericPreviewImage.tsx"),_MessageGenericPreviewThumb__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("./src/components/Message/MessageGenericPreview/MessageGenericPreviewThumb.tsx"),_MessageGenericPreviewTitle__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__("./src/components/Message/MessageGenericPreview/MessageGenericPreviewTitle.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__=__webpack_require__("../../node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__={title:"Message/MessageGenericPreview",component:___WEBPACK_IMPORTED_MODULE_2__.K5,decorators:[function(storyFn){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.xuv,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(___WEBPACK_IMPORTED_MODULE_3__.ZP,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.ZP.LeftContainer,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(_Avatar__WEBPACK_IMPORTED_MODULE_5__.q,{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,WithForm:()=>WithForm,_WithAnnotation:()=>_WithAnnotation,_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__.q,{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__.q,{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__.q,{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__.q,{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__.q,{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__.q,{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__.q,{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