@foxford/ui 2.102.0 → 2.103.0-beta-bdca95a-20260331

package/components/DialogComponent/DialogComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"DialogComponent.js","sources":["../../../../src/components/DialogComponent/DialogComponent.tsx"],"sourcesContent":["import { forwardRef, useState, isValidElement } from 'react'\nimport { Close } from '@foxford/icon-pack'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { useScrollThresholds } from 'hooks/useScrollThresholds'\nimport { keyboardKeys } from 'shared/constants'\nimport { Text } from 'components/Text'\nimport { Icon } from 'components/Icon'\nimport { Skeleton } from 'components/Skeleton'\nimport { AspectRatio } from 'components/AspectRatio'\nimport type { TextProps } from 'components/Text'\nimport type { IconButtonProps } from 'components/IconButton'\nimport type { ProgressLineProps } from 'components/ProgressLine'\nimport { concatClassNames } from 'shared/utils/dom'\nimport { useScrollLock } from 'hooks/useScrollLock'\nimport Dragging from './images/dragging.svg?module'\nimport * as Styled from './style'\nimport {\n  SIZES,\n  SIZES_FANCY,\n  SIZES_CONTAINER,\n  SIZES_CONTENT,\n  SIZES_FOOTER,\n  SIZES_CAPTION,\n  SIZES_TITLE,\n  SIZES_SUBTITLE,\n  SIZES_STICKY_HEADER,\n} from './sizes'\nimport {\n  LAYOUTS,\n  LAYOUTS_FANCY,\n  LAYOUTS_MEDIA_VERTICAL,\n  LAYOUTS_FANCY_MEDIA_VERTICAL,\n  LAYOUTS_MEDIA_HORIZONTAL,\n  LAYOUTS_PROGRESS,\n  LAYOUTS_FANCY_PROGRESS,\n  VISIBILITY_VERTICAL,\n  VISIBILITY_HORIZONTAL,\n} from './layouts'\nimport type { DialogComponentProps } from './types'\nimport { Header } from './Header'\n\nconst COMPONENT_NAME = 'DialogComponent'\n\nconst DialogComponent: React.ForwardRefExoticComponent<DialogComponentProps> = withMergedProps<\n  DialogComponentProps,\n  HTMLDivElement\n>(\n  forwardRef<HTMLDivElement, MergedProps<DialogComponentProps>>((props, ref) => {\n    const {\n      size = 's',\n      layout = 'vertical',\n      scrollable = false,\n      scrollFading = false,\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n      layoutXXS,\n      layoutXS,\n      layoutS,\n      layoutM,\n      layoutL,\n      layoutXL,\n      root,\n      floats,\n      media,\n      body,\n      header,\n      caption,\n      title,\n      subtitle,\n      children,\n      footer,\n      closeButton,\n      progressLine,\n      fancy,\n      imgSrcVertical,\n      imgSrcHorizontal,\n      draggable,\n      loading,\n      stickyHeader,\n      className,\n      backgroundClassName,\n      onGrab,\n      onNudge,\n      ...restProps\n    } = props\n\n    const sizeProps = {\n      size,\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n    }\n\n    const layoutProps = {\n      layout,\n      layoutXXS,\n      layoutXS,\n      layoutS,\n      layoutM,\n      layoutL,\n      layoutXL,\n    }\n\n    const captionProps: TextProps = {\n      ...sizeProps,\n      appearance: 'body',\n      color: 'content-onmain-tertiary',\n      wordBreak: 'break-word',\n      marginBottom: '0.8em',\n      sizes: SIZES_CAPTION,\n    }\n\n    const titleProps: TextProps = {\n      ...sizeProps,\n      as: 'h2',\n      appearance: 'heading',\n      color: 'content-onmain-primary',\n      wordBreak: 'break-word',\n      marginBottom: '0.5em',\n      sizes: SIZES_TITLE,\n    }\n\n    const subtitleProps: TextProps = {\n      ...sizeProps,\n      as: 'p',\n      appearance: 'body',\n      color: 'content-onmain-primary',\n      wordBreak: 'break-word',\n      marginBottom: '0.8em',\n      sizes: SIZES_SUBTITLE,\n    }\n\n    const closeButtonProps: IconButtonProps = fancy\n      ? { icon: <Close />, size: 'xxl', secondary: true }\n      : { icon: <Close />, size: 'l', marginTop: 8, marginRight: 8 }\n\n    const progressLineProps: ProgressLineProps = {\n      size: 'xs',\n    }\n\n    const rootClassName = !fancy ? concatClassNames(className, backgroundClassName) : className\n\n    const scrollFadingEnabled = scrollable && scrollFading\n\n    const [contentRef, setContentRef] = useState<HTMLDivElement | null>(null)\n\n    const { scrollThresholds, setScrollThresholds } = useScrollThresholds({\n      enabled: scrollFadingEnabled,\n      target: contentRef,\n    })\n\n    useScrollLock({ locked: !scrollable, target: contentRef })\n\n    return (\n      <Styled.Root\n        {...restProps}\n        {...sizeProps}\n        {...layoutProps}\n        layouts={fancy ? LAYOUTS_FANCY : LAYOUTS}\n        className={rootClassName}\n        fancy={fancy}\n        ref={ref}\n      >\n        {fancy ? <Styled.FancyBackground className={backgroundClassName} /> : null}\n        {isValidElement(root) ? (\n          root\n        ) : typeof root === 'function' ? (\n          root({\n            captionProps,\n            titleProps,\n            subtitleProps,\n            closeButtonProps,\n            progressLineProps,\n            onGrab,\n            onNudge,\n          })\n        ) : (\n          <>\n            {floats}\n            {draggable ? (\n              <Styled.DraggingHandle {...layoutProps} layouts={VISIBILITY_VERTICAL} onPointerDown={onGrab}>\n                <Styled.DraggingIconContainer tabIndex={0} onKeyDown={onNudge}>\n                  <Icon icon={<Dragging />} size={34} color='content-onmain-tertiary' />\n                </Styled.DraggingIconContainer>\n              </Styled.DraggingHandle>\n            ) : null}\n            {closeButton ? (\n              <Styled.ButtonPosition>\n                {isValidElement(closeButton)\n                  ? closeButton\n                  : typeof closeButton === 'function'\n                    ? closeButton(closeButtonProps)\n                    : null}\n              </Styled.ButtonPosition>\n            ) : null}\n            {loading || media || imgSrcVertical ? (\n              <Styled.Media {...layoutProps} layouts={fancy ? LAYOUTS_FANCY_MEDIA_VERTICAL : LAYOUTS_MEDIA_VERTICAL}>\n                {loading ? (\n                  <AspectRatio ratio='3:1' width='100%'>\n                    <Skeleton borderRadius={0} />\n                  </AspectRatio>\n                ) : isValidElement(media) ? (\n                  media\n                ) : (\n                  <AspectRatio ratio='3:1' width='100%'>\n                    <Styled.Img src={imgSrcVertical} />\n                  </AspectRatio>\n                )}\n              </Styled.Media>\n            ) : null}\n            {loading || media || imgSrcHorizontal ? (\n              <Styled.Media {...layoutProps} layouts={LAYOUTS_MEDIA_HORIZONTAL}>\n                {loading ? (\n                  <AspectRatio ratio='5:7' height='100%'>\n                    <Skeleton borderRadius={0} />\n                  </AspectRatio>\n                ) : isValidElement(media) ? (\n                  media\n                ) : (\n                  <AspectRatio ratio='5:7' height='100%'>\n                    <Styled.Img src={imgSrcHorizontal} />\n                  </AspectRatio>\n                )}\n              </Styled.Media>\n            ) : null}\n            <Styled.Body>\n              {progressLine && !loading ? (\n                <Styled.ProgressPosition {...layoutProps} layouts={fancy ? LAYOUTS_FANCY_PROGRESS : LAYOUTS_PROGRESS}>\n                  {isValidElement(progressLine)\n                    ? progressLine\n                    : typeof progressLine === 'function'\n                      ? progressLine(progressLineProps)\n                      : null}\n                </Styled.ProgressPosition>\n              ) : null}\n              {draggable ? (\n                <Styled.DraggingHandle {...layoutProps} layouts={VISIBILITY_HORIZONTAL} onPointerDown={onGrab}>\n                  <Styled.DraggingIconContainer tabIndex={0} onKeyDown={onNudge}>\n                    <Icon icon={<Dragging />} size={34} color='content-onmain-tertiary' />\n                  </Styled.DraggingIconContainer>\n                </Styled.DraggingHandle>\n              ) : null}\n              {fancy ? <Styled.LayoutSpacer {...layoutProps} layouts={VISIBILITY_HORIZONTAL} paddingTop={76} /> : null}\n              {loading ? (\n                <Styled.Container {...sizeProps} sizes={SIZES_CONTAINER}>\n                  <Styled.Content {...sizeProps} sizes={SIZES_CONTENT}>\n                    <Skeleton>\n                      <Text {...titleProps} marginBottom='1.5em' />\n                    </Skeleton>\n                    <Skeleton width='90%'>\n                      <Text {...subtitleProps} marginBottom='0.4em' />\n                    </Skeleton>\n                    <Skeleton width='70%'>\n                      <Text {...subtitleProps} marginBottom='0.4em' />\n                    </Skeleton>\n                    <Skeleton width='50%'>\n                      <Text {...subtitleProps} marginBottom='0.8em' />\n                    </Skeleton>\n                  </Styled.Content>\n                </Styled.Container>\n              ) : isValidElement(body) ? (\n                body\n              ) : typeof body === 'function' ? (\n                body({\n                  captionProps,\n                  titleProps,\n                  subtitleProps,\n                })\n              ) : (\n                <Styled.Container {...sizeProps} sizes={SIZES_CONTAINER}>\n                  {stickyHeader ? (\n                    <Styled.StickyHeader {...sizeProps} sizes={SIZES_STICKY_HEADER}>\n                      <Header\n                        header={header}\n                        caption={caption}\n                        title={title}\n                        subtitle={subtitle}\n                        captionProps={captionProps}\n                        titleProps={titleProps}\n                        subtitleProps={subtitleProps}\n                      />\n                    </Styled.StickyHeader>\n                  ) : null}\n                  {scrollFadingEnabled ? <Styled.Fading visible={scrollThresholds.top === false} /> : null}\n                  <Styled.ContentScrollArea\n                    ref={setContentRef}\n                    scrollable={scrollable}\n                    tabIndex={scrollable ? 0 : undefined}\n                    onScroll={(evt) => {\n                      if (scrollFadingEnabled) {\n                        setScrollThresholds(evt.currentTarget)\n                      }\n                    }}\n                    onKeyDown={(evt) => {\n                      if (keyboardKeys.ArrowUp.validate(evt.key)) {\n                        evt.preventDefault()\n                        evt.currentTarget.scrollBy(0, -13)\n                      } else if (keyboardKeys.ArrowDown.validate(evt.key)) {\n                        evt.preventDefault()\n                        evt.currentTarget.scrollBy(0, 13)\n                      }\n                    }}\n                  >\n                    <Styled.Content {...sizeProps} sizes={SIZES_CONTENT}>\n                      {!stickyHeader ? (\n                        <Header\n                          header={header}\n                          caption={caption}\n                          title={title}\n                          subtitle={subtitle}\n                          captionProps={captionProps}\n                          titleProps={titleProps}\n                          subtitleProps={subtitleProps}\n                        />\n                      ) : null}\n                      {children}\n                    </Styled.Content>\n                  </Styled.ContentScrollArea>\n                  {scrollFadingEnabled ? <Styled.Fading visible={scrollThresholds.bottom === false} after /> : null}\n                  {footer ? (\n                    <Styled.Footer {...sizeProps} sizes={SIZES_FOOTER}>\n                      {footer}\n                    </Styled.Footer>\n                  ) : null}\n                </Styled.Container>\n              )}\n            </Styled.Body>\n          </>\n        )}\n      </Styled.Root>\n    )\n  }),\n  {\n    sizes: (props) => (props.fancy ? SIZES_FANCY : SIZES),\n    displayName: COMPONENT_NAME,\n  }\n)\n\nexport { DialogComponent }\n"],"names":["DialogComponent","withMergedProps","forwardRef","props","ref","size","layout","scrollable","scrollFading","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","layoutXXS","layoutXS","layoutS","layoutM","layoutL","layoutXL","root","floats","media","body","header","caption","title","subtitle","children","footer","closeButton","progressLine","fancy","imgSrcVertical","imgSrcHorizontal","draggable","loading","stickyHeader","className","backgroundClassName","onGrab","onNudge","restProps","sizeProps","layoutProps","captionProps","appearance","color","wordBreak","marginBottom","sizes","SIZES_CAPTION","titleProps","as","SIZES_TITLE","subtitleProps","SIZES_SUBTITLE","closeButtonProps","icon","_jsx","Close","secondary","marginTop","marginRight","progressLineProps","rootClassName","concatClassNames","scrollFadingEnabled","contentRef","setContentRef","useState","scrollThresholds","setScrollThresholds","useScrollThresholds","enabled","target","useScrollLock","locked","_jsxs","Styled","layouts","LAYOUTS_FANCY","LAYOUTS","isValidElement","_Fragment","VISIBILITY_VERTICAL","onPointerDown","tabIndex","onKeyDown","Icon","Dragging","LAYOUTS_FANCY_MEDIA_VERTICAL","LAYOUTS_MEDIA_VERTICAL","AspectRatio","ratio","width","Skeleton","borderRadius","src","LAYOUTS_MEDIA_HORIZONTAL","height","LAYOUTS_FANCY_PROGRESS","LAYOUTS_PROGRESS","VISIBILITY_HORIZONTAL","paddingTop","SIZES_CONTAINER","SIZES_CONTENT","Text","SIZES_STICKY_HEADER","Header","visible","top","undefined","onScroll","evt","currentTarget","keyboardKeys","ArrowUp","validate","key","preventDefault","scrollBy","ArrowDown","bottom","after","SIZES_FOOTER","SIZES_FANCY","SIZES","displayName"],"mappings":"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"}
+{"version":3,"file":"DialogComponent.js","sources":["../../../../src/components/DialogComponent/DialogComponent.tsx"],"sourcesContent":["import { forwardRef, useState, isValidElement } from 'react'\nimport { Close } from '@foxford/icon-pack'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { useScrollThresholds } from 'hooks/useScrollThresholds'\nimport { keyboardKeys } from 'shared/constants'\nimport { Text } from 'components/Text'\nimport { Icon } from 'components/Icon'\nimport { Skeleton } from 'components/Skeleton'\nimport { AspectRatio } from 'components/AspectRatio'\nimport type { TextProps } from 'components/Text'\nimport type { IconButtonProps } from 'components/IconButton'\nimport type { ProgressLineProps } from 'components/ProgressLine'\nimport { concatClassNames } from 'shared/utils/dom'\nimport { useScrollLock } from 'hooks/useScrollLock'\nimport Dragging from './images/dragging.svg?module'\nimport * as Styled from './style'\nimport {\n  SIZES,\n  SIZES_FANCY,\n  SIZES_CONTAINER,\n  SIZES_CONTENT,\n  SIZES_FOOTER,\n  SIZES_CAPTION,\n  SIZES_TITLE,\n  SIZES_SUBTITLE,\n  SIZES_STICKY_HEADER,\n} from './sizes'\nimport {\n  LAYOUTS,\n  LAYOUTS_FANCY,\n  LAYOUTS_MEDIA_VERTICAL,\n  LAYOUTS_FANCY_MEDIA_VERTICAL,\n  LAYOUTS_MEDIA_HORIZONTAL,\n  LAYOUTS_PROGRESS,\n  LAYOUTS_FANCY_PROGRESS,\n  VISIBILITY_VERTICAL,\n  VISIBILITY_HORIZONTAL,\n} from './layouts'\nimport type { DialogComponentProps } from './types'\nimport { Header } from './Header'\n\nconst COMPONENT_NAME = 'DialogComponent'\n\nconst DialogComponent: React.ForwardRefExoticComponent<DialogComponentProps> = withMergedProps<\n  DialogComponentProps,\n  HTMLDivElement\n>(\n  forwardRef<HTMLDivElement, MergedProps<DialogComponentProps>>((props, ref) => {\n    const {\n      size = 's',\n      layout = 'vertical',\n      scrollable = false,\n      scrollFading = false,\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n      layoutXXS,\n      layoutXS,\n      layoutS,\n      layoutM,\n      layoutL,\n      layoutXL,\n      root,\n      floats,\n      media,\n      body,\n      header,\n      caption,\n      title,\n      subtitle,\n      children,\n      footer,\n      closeButton,\n      progressLine,\n      fancy,\n      imgSrcVertical,\n      imgSrcHorizontal,\n      draggable,\n      loading,\n      stickyHeader,\n      className,\n      backgroundClassName,\n      onGrab,\n      onNudge,\n      ...restProps\n    } = props\n\n    const sizeProps = {\n      size,\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n    }\n\n    const layoutProps = {\n      layout,\n      layoutXXS,\n      layoutXS,\n      layoutS,\n      layoutM,\n      layoutL,\n      layoutXL,\n    }\n\n    const captionProps: TextProps = {\n      ...sizeProps,\n      appearance: 'body',\n      color: 'content-onmain-tertiary',\n      wordBreak: 'break-word',\n      marginBottom: '0.8em',\n      sizes: SIZES_CAPTION,\n    }\n\n    const titleProps: TextProps = {\n      ...sizeProps,\n      as: 'h2',\n      appearance: 'heading',\n      color: 'content-onmain-primary',\n      wordBreak: 'break-word',\n      marginBottom: '0.5em',\n      sizes: SIZES_TITLE,\n    }\n\n    const subtitleProps: TextProps = {\n      ...sizeProps,\n      as: 'p',\n      appearance: 'body',\n      color: 'content-onmain-primary',\n      wordBreak: 'break-word',\n      marginBottom: '0.8em',\n      sizes: SIZES_SUBTITLE,\n    }\n\n    const closeButtonProps: IconButtonProps = fancy\n      ? { icon: <Close />, size: 'xxl', secondary: true }\n      : { icon: <Close />, size: 'l', marginTop: 8, marginRight: 8 }\n\n    const progressLineProps: ProgressLineProps = {\n      size: 'xs',\n    }\n\n    const rootClassName = !fancy ? concatClassNames(className, backgroundClassName) : className\n\n    const scrollFadingEnabled = scrollable && scrollFading\n\n    const [contentRef, setContentRef] = useState<HTMLDivElement | null>(null)\n\n    const { scrollThresholds, setScrollThresholds } = useScrollThresholds({\n      enabled: scrollFadingEnabled,\n      target: contentRef,\n    })\n\n    useScrollLock({ locked: !scrollable, target: contentRef })\n\n    return (\n      <Styled.Root\n        {...restProps}\n        {...sizeProps}\n        {...layoutProps}\n        layouts={fancy ? LAYOUTS_FANCY : LAYOUTS}\n        className={rootClassName}\n        fancy={fancy}\n        ref={ref}\n      >\n        {fancy ? <Styled.FancyBackground className={backgroundClassName} /> : null}\n        {isValidElement(root) ? (\n          root\n        ) : typeof root === 'function' ? (\n          root({\n            captionProps,\n            titleProps,\n            subtitleProps,\n            closeButtonProps,\n            progressLineProps,\n            onGrab,\n            onNudge,\n          })\n        ) : (\n          <>\n            {floats}\n            {draggable ? (\n              <Styled.DraggingHandle {...layoutProps} layouts={VISIBILITY_VERTICAL} onPointerDown={onGrab}>\n                <Styled.DraggingIconContainer tabIndex={0} onKeyDown={onNudge}>\n                  <Icon icon={<Dragging />} size={34} color='content-onmain-tertiary' />\n                </Styled.DraggingIconContainer>\n              </Styled.DraggingHandle>\n            ) : null}\n            {closeButton ? (\n              <Styled.ButtonPosition>\n                {isValidElement(closeButton)\n                  ? closeButton\n                  : typeof closeButton === 'function'\n                    ? closeButton(closeButtonProps)\n                    : null}\n              </Styled.ButtonPosition>\n            ) : null}\n            {loading || media || imgSrcVertical ? (\n              <Styled.Media {...layoutProps} layouts={fancy ? LAYOUTS_FANCY_MEDIA_VERTICAL : LAYOUTS_MEDIA_VERTICAL}>\n                {loading ? (\n                  <AspectRatio ratio='3:1' width='100%'>\n                    <Skeleton borderRadius={0} />\n                  </AspectRatio>\n                ) : isValidElement(media) ? (\n                  media\n                ) : (\n                  <AspectRatio ratio='3:1' width='100%'>\n                    <Styled.Img src={imgSrcVertical} />\n                  </AspectRatio>\n                )}\n              </Styled.Media>\n            ) : null}\n            {loading || media || imgSrcHorizontal ? (\n              <Styled.Media {...layoutProps} layouts={LAYOUTS_MEDIA_HORIZONTAL}>\n                {loading ? (\n                  <AspectRatio ratio='5:7' height='100%'>\n                    <Skeleton borderRadius={0} />\n                  </AspectRatio>\n                ) : isValidElement(media) ? (\n                  media\n                ) : (\n                  <AspectRatio ratio='5:7' height='100%'>\n                    <Styled.Img src={imgSrcHorizontal} />\n                  </AspectRatio>\n                )}\n              </Styled.Media>\n            ) : null}\n            <Styled.Body>\n              {progressLine && !loading ? (\n                <Styled.ProgressPosition {...layoutProps} layouts={fancy ? LAYOUTS_FANCY_PROGRESS : LAYOUTS_PROGRESS}>\n                  {isValidElement(progressLine)\n                    ? progressLine\n                    : typeof progressLine === 'function'\n                      ? progressLine(progressLineProps)\n                      : null}\n                </Styled.ProgressPosition>\n              ) : null}\n              {draggable ? (\n                <Styled.DraggingHandle {...layoutProps} layouts={VISIBILITY_HORIZONTAL} onPointerDown={onGrab}>\n                  <Styled.DraggingIconContainer tabIndex={0} onKeyDown={onNudge}>\n                    <Icon icon={<Dragging />} size={34} color='content-onmain-tertiary' />\n                  </Styled.DraggingIconContainer>\n                </Styled.DraggingHandle>\n              ) : null}\n              {fancy ? <Styled.LayoutSpacer {...layoutProps} layouts={VISIBILITY_HORIZONTAL} paddingTop={76} /> : null}\n              {loading ? (\n                <Styled.Container {...sizeProps} sizes={SIZES_CONTAINER}>\n                  <Styled.Content {...sizeProps} sizes={SIZES_CONTENT}>\n                    <Skeleton>\n                      <Text {...titleProps} marginBottom='1.5em' />\n                    </Skeleton>\n                    <Skeleton width='90%'>\n                      <Text {...subtitleProps} marginBottom='0.4em' />\n                    </Skeleton>\n                    <Skeleton width='70%'>\n                      <Text {...subtitleProps} marginBottom='0.4em' />\n                    </Skeleton>\n                    <Skeleton width='50%'>\n                      <Text {...subtitleProps} marginBottom='0.8em' />\n                    </Skeleton>\n                  </Styled.Content>\n                </Styled.Container>\n              ) : isValidElement(body) ? (\n                body\n              ) : typeof body === 'function' ? (\n                body({\n                  captionProps,\n                  titleProps,\n                  subtitleProps,\n                })\n              ) : (\n                <Styled.Container {...sizeProps} sizes={SIZES_CONTAINER}>\n                  {stickyHeader ? (\n                    <Styled.StickyHeader {...sizeProps} sizes={SIZES_STICKY_HEADER}>\n                      <Header\n                        header={header}\n                        caption={caption}\n                        title={title}\n                        subtitle={subtitle}\n                        captionProps={captionProps}\n                        titleProps={titleProps}\n                        subtitleProps={subtitleProps}\n                      />\n                    </Styled.StickyHeader>\n                  ) : null}\n                  {scrollFadingEnabled ? <Styled.Fading visible={scrollThresholds.top === false} /> : null}\n                  <Styled.ContentScrollArea\n                    ref={setContentRef}\n                    scrollable={scrollable}\n                    tabIndex={scrollable ? 0 : undefined}\n                    onScroll={(evt) => {\n                      if (scrollFadingEnabled) {\n                        setScrollThresholds(evt.currentTarget)\n                      }\n                    }}\n                    onKeyDown={(evt) => {\n                      if (keyboardKeys.ArrowUp.validate(evt.key)) {\n                        evt.preventDefault()\n                        evt.currentTarget.scrollBy(0, -13)\n                      } else if (keyboardKeys.ArrowDown.validate(evt.key)) {\n                        evt.preventDefault()\n                        evt.currentTarget.scrollBy(0, 13)\n                      }\n                    }}\n                  >\n                    <Styled.Content {...sizeProps} sizes={SIZES_CONTENT}>\n                      {!stickyHeader ? (\n                        <Header\n                          header={header}\n                          caption={caption}\n                          title={title}\n                          subtitle={subtitle}\n                          captionProps={captionProps}\n                          titleProps={titleProps}\n                          subtitleProps={subtitleProps}\n                        />\n                      ) : null}\n                      {children}\n                    </Styled.Content>\n                  </Styled.ContentScrollArea>\n                  {scrollFadingEnabled ? <Styled.Fading visible={scrollThresholds.bottom === false} after /> : null}\n                  {footer ? (\n                    <Styled.Footer {...sizeProps} sizes={SIZES_FOOTER}>\n                      {footer}\n                    </Styled.Footer>\n                  ) : null}\n                </Styled.Container>\n              )}\n            </Styled.Body>\n          </>\n        )}\n      </Styled.Root>\n    )\n  }),\n  {\n    sizes: (props) => (props.fancy ? SIZES_FANCY : SIZES),\n    displayName: COMPONENT_NAME,\n  }\n)\n\nexport { DialogComponent }\n"],"names":["DialogComponent","withMergedProps","forwardRef","props","ref","size","layout","scrollable","scrollFading","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","layoutXXS","layoutXS","layoutS","layoutM","layoutL","layoutXL","root","floats","media","body","header","caption","title","subtitle","children","footer","closeButton","progressLine","fancy","imgSrcVertical","imgSrcHorizontal","draggable","loading","stickyHeader","className","backgroundClassName","onGrab","onNudge","restProps","sizeProps","layoutProps","captionProps","appearance","color","wordBreak","marginBottom","sizes","SIZES_CAPTION","titleProps","as","SIZES_TITLE","subtitleProps","SIZES_SUBTITLE","closeButtonProps","icon","_jsx","Close","secondary","marginTop","marginRight","progressLineProps","rootClassName","concatClassNames","scrollFadingEnabled","contentRef","setContentRef","useState","scrollThresholds","setScrollThresholds","useScrollThresholds","enabled","target","useScrollLock","locked","_jsxs","Styled","layouts","LAYOUTS_FANCY","LAYOUTS","isValidElement","_Fragment","VISIBILITY_VERTICAL","onPointerDown","tabIndex","onKeyDown","Icon","Dragging","LAYOUTS_FANCY_MEDIA_VERTICAL","LAYOUTS_MEDIA_VERTICAL","AspectRatio","ratio","width","Skeleton","borderRadius","src","LAYOUTS_MEDIA_HORIZONTAL","height","LAYOUTS_FANCY_PROGRESS","LAYOUTS_PROGRESS","VISIBILITY_HORIZONTAL","paddingTop","SIZES_CONTAINER","SIZES_CONTENT","Text","SIZES_STICKY_HEADER","Header","visible","top","undefined","onScroll","evt","currentTarget","keyboardKeys","ArrowUp","validate","key","preventDefault","scrollBy","ArrowDown","bottom","after","SIZES_FOOTER","SIZES_FANCY","SIZES","displayName"],"mappings":"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"}

package/components/DialogComponent/DialogComponent.mjs

@@ -1,2 +1,2 @@
-import{forwardRef,useState,isValidElement}from'react';import{withMergedProps}from'../../hocs/withMergedProps.mjs';import{useScrollThresholds}from'../../hooks/useScrollThresholds.mjs';import{keyboardKeys}from'../../shared/constants.mjs';import{concatClassNames}from'../../shared/utils/dom.mjs';import{useScrollLock}from'../../hooks/useScrollLock.mjs';import SvgDragging from'./images/dragging.svg.mjs';import{Root,FancyBackground,DraggingHandle,DraggingIconContainer,ButtonPosition,Media,Img,Body,ProgressPosition,LayoutSpacer,Container,Content,StickyHeader,Fading,ContentScrollArea,Footer}from'./style.mjs';import{SIZES_SUBTITLE,SIZES_TITLE,SIZES_CAPTION,SIZES_CONTAINER,SIZES_CONTENT,SIZES_STICKY_HEADER,SIZES_FOOTER,SIZES_FANCY,SIZES}from'./sizes.mjs';import{LAYOUTS_FANCY,LAYOUTS,VISIBILITY_VERTICAL,LAYOUTS_FANCY_MEDIA_VERTICAL,LAYOUTS_MEDIA_VERTICAL,LAYOUTS_MEDIA_HORIZONTAL,LAYOUTS_FANCY_PROGRESS,LAYOUTS_PROGRESS,VISIBILITY_HORIZONTAL}from'./layouts.mjs';import{Header}from'./Header.mjs';import{jsxs,jsx,Fragment}from'react/jsx-runtime';import{Icon}from'../Icon/Icon.mjs';import{AspectRatio}from'../AspectRatio/AspectRatio.mjs';import{Skeleton}from'../Skeleton/Skeleton.mjs';import{Text}from'../Text/Text.mjs';import{Close}from'../../icon-pack/src/icons/Close/index.mjs';const DialogComponent=withMergedProps(forwardRef(((o,e)=>{const{size:t="s",layout:s="vertical",scrollable:r=!1,scrollFading:n=!1,sizeXXS:i,sizeXS:a,sizeS:l,sizeM:c,sizeL:d,sizeXL:S,layoutXXS:m,layoutXS:g,layoutS:I,layoutM:p,layoutL:u,layoutXL:T,root:j,floats:x,media:y,body:h,header:E,caption:A,title:L,subtitle:_,children:C,footer:O,closeButton:R,progressLine:f,fancy:N,imgSrcVertical:k,imgSrcHorizontal:b,draggable:z,loading:P,stickyHeader:Y,className:D,backgroundClassName:B,onGrab:Z,onNudge:w,...F}=o;const V={size:t,sizeXXS:i,sizeXS:a,sizeS:l,sizeM:c,sizeL:d,sizeXL:S};const H={layout:s,layoutXXS:m,layoutXS:g,layoutS:I,layoutM:p,layoutL:u,layoutXL:T};const U={...V,appearance:'body',color:'content-onmain-tertiary',wordBreak:'break-word',marginBottom:'0.8em',sizes:SIZES_CAPTION};const M={...V,as:'h2',appearance:'heading',color:'content-onmain-primary',wordBreak:'break-word',marginBottom:'0.5em',sizes:SIZES_TITLE};const X={...V,as:'p',appearance:'body',color:'content-onmain-primary',wordBreak:'break-word',marginBottom:'0.8em',sizes:SIZES_SUBTITLE};const v=N?{icon:jsx(Close,{}),size:'xxl',secondary:!0}:{icon:jsx(Close,{}),size:'l',marginTop:8,marginRight:8};const K={size:'xs'};const G=N?D:concatClassNames(D,B);const q=r&&n;const[J,Q]=useState(null);const{scrollThresholds:W,setScrollThresholds:$}=useScrollThresholds({enabled:q,target:J});return useScrollLock({locked:!r,target:J}),jsxs(Root,{...F,...V,...H,layouts:N?LAYOUTS_FANCY:LAYOUTS,className:G,fancy:N,ref:e,children:[N?jsx(FancyBackground,{className:B}):null,isValidElement(j)?j:typeof j=='function'?j({captionProps:U,titleProps:M,subtitleProps:X,closeButtonProps:v,progressLineProps:K,onGrab:Z,onNudge:w}):jsxs(Fragment,{children:[x,z?jsx(DraggingHandle,{...H,layouts:VISIBILITY_VERTICAL,onPointerDown:Z,children:jsx(DraggingIconContainer,{tabIndex:0,onKeyDown:w,children:jsx(Icon,{icon:jsx(SvgDragging,{}),size:34,color:"content-onmain-tertiary"})})}):null,R?jsx(ButtonPosition,{children:isValidElement(R)?R:typeof R=='function'?R(v):null}):null,P||y||k?jsx(Media,{...H,layouts:N?LAYOUTS_FANCY_MEDIA_VERTICAL:LAYOUTS_MEDIA_VERTICAL,children:P?jsx(AspectRatio,{ratio:"3:1",width:"100%",children:jsx(Skeleton,{borderRadius:0})}):isValidElement(y)?y:jsx(AspectRatio,{ratio:"3:1",width:"100%",children:jsx(Img,{src:k})})}):null,P||y||b?jsx(Media,{...H,layouts:LAYOUTS_MEDIA_HORIZONTAL,children:P?jsx(AspectRatio,{ratio:"5:7",height:"100%",children:jsx(Skeleton,{borderRadius:0})}):isValidElement(y)?y:jsx(AspectRatio,{ratio:"5:7",height:"100%",children:jsx(Img,{src:b})})}):null,jsxs(Body,{children:[f&&!P?jsx(ProgressPosition,{...H,layouts:N?LAYOUTS_FANCY_PROGRESS:LAYOUTS_PROGRESS,children:isValidElement(f)?f:typeof f=='function'?f(K):null}):null,z?jsx(DraggingHandle,{...H,layouts:VISIBILITY_HORIZONTAL,onPointerDown:Z,children:jsx(DraggingIconContainer,{tabIndex:0,onKeyDown:w,children:jsx(Icon,{icon:jsx(SvgDragging,{}),size:34,color:"content-onmain-tertiary"})})}):null,N?jsx(LayoutSpacer,{...H,layouts:VISIBILITY_HORIZONTAL,paddingTop:76}):null,P?jsx(Container,{...V,sizes:SIZES_CONTAINER,children:jsxs(Content,{...V,sizes:SIZES_CONTENT,children:[jsx(Skeleton,{children:jsx(Text,{...M,marginBottom:"1.5em"})}),jsx(Skeleton,{width:"90%",children:jsx(Text,{...X,marginBottom:"0.4em"})}),jsx(Skeleton,{width:"70%",children:jsx(Text,{...X,marginBottom:"0.4em"})}),jsx(Skeleton,{width:"50%",children:jsx(Text,{...X,marginBottom:"0.8em"})})]})}):isValidElement(h)?h:typeof h=='function'?h({captionProps:U,titleProps:M,subtitleProps:X}):jsxs(Container,{...V,sizes:SIZES_CONTAINER,children:[Y?jsx(StickyHeader,{...V,sizes:SIZES_STICKY_HEADER,children:jsx(Header,{header:E,caption:A,title:L,subtitle:_,captionProps:U,titleProps:M,subtitleProps:X})}):null,q?jsx(Fading,{visible:W.top===!1}):null,jsx(ContentScrollArea,{ref:Q,scrollable:r,tabIndex:r?0:void 0,onScroll:o=>{q&&$(o.currentTarget)},onKeyDown:o=>{keyboardKeys.ArrowUp.validate(o.key)?(o.preventDefault(),o.currentTarget.scrollBy(0,-13)):keyboardKeys.ArrowDown.validate(o.key)&&(o.preventDefault(),o.currentTarget.scrollBy(0,13))},children:jsxs(Content,{...V,sizes:SIZES_CONTENT,children:[Y?null:jsx(Header,{header:E,caption:A,title:L,subtitle:_,captionProps:U,titleProps:M,subtitleProps:X}),C]})}),q?jsx(Fading,{visible:W.bottom===!1,after:!0}):null,O?jsx(Footer,{...V,sizes:SIZES_FOOTER,children:O}):null]})]})]})]})})),{sizes:o=>o.fancy?SIZES_FANCY:SIZES,displayName:'DialogComponent'});export{DialogComponent};
+import{forwardRef,useState,isValidElement}from'react';import{withMergedProps}from'../../hocs/withMergedProps.mjs';import{useScrollThresholds}from'../../hooks/useScrollThresholds.mjs';import{keyboardKeys}from'../../shared/constants.mjs';import{concatClassNames}from'../../shared/utils/dom.mjs';import{useScrollLock}from'../../hooks/useScrollLock.mjs';import SvgDragging from'./images/dragging.svg.mjs';import{Root,FancyBackground,DraggingHandle,DraggingIconContainer,ButtonPosition,Media,Img,Body,ProgressPosition,LayoutSpacer,Container,Content,StickyHeader,Fading,ContentScrollArea,Footer}from'./style.mjs';import{SIZES_SUBTITLE,SIZES_TITLE,SIZES_CAPTION,SIZES_CONTAINER,SIZES_CONTENT,SIZES_STICKY_HEADER,SIZES_FOOTER,SIZES_FANCY,SIZES}from'./sizes.mjs';import{LAYOUTS_FANCY,LAYOUTS,VISIBILITY_VERTICAL,LAYOUTS_FANCY_MEDIA_VERTICAL,LAYOUTS_MEDIA_VERTICAL,LAYOUTS_MEDIA_HORIZONTAL,LAYOUTS_FANCY_PROGRESS,LAYOUTS_PROGRESS,VISIBILITY_HORIZONTAL}from'./layouts.mjs';import{Header}from'./Header.mjs';import{jsxs,jsx,Fragment}from'react/jsx-runtime';import{Icon}from'../Icon/Icon.mjs';import{AspectRatio}from'../AspectRatio/AspectRatio.mjs';import{Skeleton}from'../Skeleton/Skeleton.mjs';import{Text}from'../Text/Text.mjs';import{Close}from'../../icon-pack/src/icons/Close/index.mjs';const DialogComponent=withMergedProps(forwardRef((o,e)=>{const{size:t="s",layout:s="vertical",scrollable:r=!1,scrollFading:n=!1,sizeXXS:i,sizeXS:a,sizeS:l,sizeM:c,sizeL:d,sizeXL:S,layoutXXS:m,layoutXS:g,layoutS:I,layoutM:p,layoutL:u,layoutXL:T,root:j,floats:x,media:y,body:h,header:E,caption:A,title:L,subtitle:_,children:C,footer:O,closeButton:R,progressLine:f,fancy:N,imgSrcVertical:k,imgSrcHorizontal:b,draggable:z,loading:P,stickyHeader:Y,className:D,backgroundClassName:B,onGrab:Z,onNudge:w,...F}=o;const V={size:t,sizeXXS:i,sizeXS:a,sizeS:l,sizeM:c,sizeL:d,sizeXL:S};const H={layout:s,layoutXXS:m,layoutXS:g,layoutS:I,layoutM:p,layoutL:u,layoutXL:T};const U={...V,appearance:'body',color:'content-onmain-tertiary',wordBreak:'break-word',marginBottom:'0.8em',sizes:SIZES_CAPTION};const M={...V,as:'h2',appearance:'heading',color:'content-onmain-primary',wordBreak:'break-word',marginBottom:'0.5em',sizes:SIZES_TITLE};const X={...V,as:'p',appearance:'body',color:'content-onmain-primary',wordBreak:'break-word',marginBottom:'0.8em',sizes:SIZES_SUBTITLE};const v=N?{icon:jsx(Close,{}),size:'xxl',secondary:!0}:{icon:jsx(Close,{}),size:'l',marginTop:8,marginRight:8};const K={size:'xs'};const G=N?D:concatClassNames(D,B);const q=r&&n;const[J,Q]=useState(null);const{scrollThresholds:W,setScrollThresholds:$}=useScrollThresholds({enabled:q,target:J});return useScrollLock({locked:!r,target:J}),jsxs(Root,{...F,...V,...H,layouts:N?LAYOUTS_FANCY:LAYOUTS,className:G,fancy:N,ref:e,children:[N?jsx(FancyBackground,{className:B}):null,isValidElement(j)?j:typeof j=='function'?j({captionProps:U,titleProps:M,subtitleProps:X,closeButtonProps:v,progressLineProps:K,onGrab:Z,onNudge:w}):jsxs(Fragment,{children:[x,z?jsx(DraggingHandle,{...H,layouts:VISIBILITY_VERTICAL,onPointerDown:Z,children:jsx(DraggingIconContainer,{tabIndex:0,onKeyDown:w,children:jsx(Icon,{icon:jsx(SvgDragging,{}),size:34,color:"content-onmain-tertiary"})})}):null,R?jsx(ButtonPosition,{children:isValidElement(R)?R:typeof R=='function'?R(v):null}):null,P||y||k?jsx(Media,{...H,layouts:N?LAYOUTS_FANCY_MEDIA_VERTICAL:LAYOUTS_MEDIA_VERTICAL,children:P?jsx(AspectRatio,{ratio:"3:1",width:"100%",children:jsx(Skeleton,{borderRadius:0})}):isValidElement(y)?y:jsx(AspectRatio,{ratio:"3:1",width:"100%",children:jsx(Img,{src:k})})}):null,P||y||b?jsx(Media,{...H,layouts:LAYOUTS_MEDIA_HORIZONTAL,children:P?jsx(AspectRatio,{ratio:"5:7",height:"100%",children:jsx(Skeleton,{borderRadius:0})}):isValidElement(y)?y:jsx(AspectRatio,{ratio:"5:7",height:"100%",children:jsx(Img,{src:b})})}):null,jsxs(Body,{children:[f&&!P?jsx(ProgressPosition,{...H,layouts:N?LAYOUTS_FANCY_PROGRESS:LAYOUTS_PROGRESS,children:isValidElement(f)?f:typeof f=='function'?f(K):null}):null,z?jsx(DraggingHandle,{...H,layouts:VISIBILITY_HORIZONTAL,onPointerDown:Z,children:jsx(DraggingIconContainer,{tabIndex:0,onKeyDown:w,children:jsx(Icon,{icon:jsx(SvgDragging,{}),size:34,color:"content-onmain-tertiary"})})}):null,N?jsx(LayoutSpacer,{...H,layouts:VISIBILITY_HORIZONTAL,paddingTop:76}):null,P?jsx(Container,{...V,sizes:SIZES_CONTAINER,children:jsxs(Content,{...V,sizes:SIZES_CONTENT,children:[jsx(Skeleton,{children:jsx(Text,{...M,marginBottom:"1.5em"})}),jsx(Skeleton,{width:"90%",children:jsx(Text,{...X,marginBottom:"0.4em"})}),jsx(Skeleton,{width:"70%",children:jsx(Text,{...X,marginBottom:"0.4em"})}),jsx(Skeleton,{width:"50%",children:jsx(Text,{...X,marginBottom:"0.8em"})})]})}):isValidElement(h)?h:typeof h=='function'?h({captionProps:U,titleProps:M,subtitleProps:X}):jsxs(Container,{...V,sizes:SIZES_CONTAINER,children:[Y?jsx(StickyHeader,{...V,sizes:SIZES_STICKY_HEADER,children:jsx(Header,{header:E,caption:A,title:L,subtitle:_,captionProps:U,titleProps:M,subtitleProps:X})}):null,q?jsx(Fading,{visible:W.top===!1}):null,jsx(ContentScrollArea,{ref:Q,scrollable:r,tabIndex:r?0:void 0,onScroll:o=>{q&&$(o.currentTarget)},onKeyDown:o=>{keyboardKeys.ArrowUp.validate(o.key)?(o.preventDefault(),o.currentTarget.scrollBy(0,-13)):keyboardKeys.ArrowDown.validate(o.key)&&(o.preventDefault(),o.currentTarget.scrollBy(0,13))},children:jsxs(Content,{...V,sizes:SIZES_CONTENT,children:[Y?null:jsx(Header,{header:E,caption:A,title:L,subtitle:_,captionProps:U,titleProps:M,subtitleProps:X}),C]})}),q?jsx(Fading,{visible:W.bottom===!1,after:!0}):null,O?jsx(Footer,{...V,sizes:SIZES_FOOTER,children:O}):null]})]})]})]})}),{sizes:o=>o.fancy?SIZES_FANCY:SIZES,displayName:'DialogComponent'});export{DialogComponent};
 //# sourceMappingURL=DialogComponent.mjs.map

package/components/DialogComponent/DialogComponent.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"DialogComponent.mjs","sources":["../../../../src/components/DialogComponent/DialogComponent.tsx"],"sourcesContent":["import { forwardRef, useState, isValidElement } from 'react'\nimport { Close } from '@foxford/icon-pack'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { useScrollThresholds } from 'hooks/useScrollThresholds'\nimport { keyboardKeys } from 'shared/constants'\nimport { Text } from 'components/Text'\nimport { Icon } from 'components/Icon'\nimport { Skeleton } from 'components/Skeleton'\nimport { AspectRatio } from 'components/AspectRatio'\nimport type { TextProps } from 'components/Text'\nimport type { IconButtonProps } from 'components/IconButton'\nimport type { ProgressLineProps } from 'components/ProgressLine'\nimport { concatClassNames } from 'shared/utils/dom'\nimport { useScrollLock } from 'hooks/useScrollLock'\nimport Dragging from './images/dragging.svg?module'\nimport * as Styled from './style'\nimport {\n  SIZES,\n  SIZES_FANCY,\n  SIZES_CONTAINER,\n  SIZES_CONTENT,\n  SIZES_FOOTER,\n  SIZES_CAPTION,\n  SIZES_TITLE,\n  SIZES_SUBTITLE,\n  SIZES_STICKY_HEADER,\n} from './sizes'\nimport {\n  LAYOUTS,\n  LAYOUTS_FANCY,\n  LAYOUTS_MEDIA_VERTICAL,\n  LAYOUTS_FANCY_MEDIA_VERTICAL,\n  LAYOUTS_MEDIA_HORIZONTAL,\n  LAYOUTS_PROGRESS,\n  LAYOUTS_FANCY_PROGRESS,\n  VISIBILITY_VERTICAL,\n  VISIBILITY_HORIZONTAL,\n} from './layouts'\nimport type { DialogComponentProps } from './types'\nimport { Header } from './Header'\n\nconst COMPONENT_NAME = 'DialogComponent'\n\nconst DialogComponent: React.ForwardRefExoticComponent<DialogComponentProps> = withMergedProps<\n  DialogComponentProps,\n  HTMLDivElement\n>(\n  forwardRef<HTMLDivElement, MergedProps<DialogComponentProps>>((props, ref) => {\n    const {\n      size = 's',\n      layout = 'vertical',\n      scrollable = false,\n      scrollFading = false,\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n      layoutXXS,\n      layoutXS,\n      layoutS,\n      layoutM,\n      layoutL,\n      layoutXL,\n      root,\n      floats,\n      media,\n      body,\n      header,\n      caption,\n      title,\n      subtitle,\n      children,\n      footer,\n      closeButton,\n      progressLine,\n      fancy,\n      imgSrcVertical,\n      imgSrcHorizontal,\n      draggable,\n      loading,\n      stickyHeader,\n      className,\n      backgroundClassName,\n      onGrab,\n      onNudge,\n      ...restProps\n    } = props\n\n    const sizeProps = {\n      size,\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n    }\n\n    const layoutProps = {\n      layout,\n      layoutXXS,\n      layoutXS,\n      layoutS,\n      layoutM,\n      layoutL,\n      layoutXL,\n    }\n\n    const captionProps: TextProps = {\n      ...sizeProps,\n      appearance: 'body',\n      color: 'content-onmain-tertiary',\n      wordBreak: 'break-word',\n      marginBottom: '0.8em',\n      sizes: SIZES_CAPTION,\n    }\n\n    const titleProps: TextProps = {\n      ...sizeProps,\n      as: 'h2',\n      appearance: 'heading',\n      color: 'content-onmain-primary',\n      wordBreak: 'break-word',\n      marginBottom: '0.5em',\n      sizes: SIZES_TITLE,\n    }\n\n    const subtitleProps: TextProps = {\n      ...sizeProps,\n      as: 'p',\n      appearance: 'body',\n      color: 'content-onmain-primary',\n      wordBreak: 'break-word',\n      marginBottom: '0.8em',\n      sizes: SIZES_SUBTITLE,\n    }\n\n    const closeButtonProps: IconButtonProps = fancy\n      ? { icon: <Close />, size: 'xxl', secondary: true }\n      : { icon: <Close />, size: 'l', marginTop: 8, marginRight: 8 }\n\n    const progressLineProps: ProgressLineProps = {\n      size: 'xs',\n    }\n\n    const rootClassName = !fancy ? concatClassNames(className, backgroundClassName) : className\n\n    const scrollFadingEnabled = scrollable && scrollFading\n\n    const [contentRef, setContentRef] = useState<HTMLDivElement | null>(null)\n\n    const { scrollThresholds, setScrollThresholds } = useScrollThresholds({\n      enabled: scrollFadingEnabled,\n      target: contentRef,\n    })\n\n    useScrollLock({ locked: !scrollable, target: contentRef })\n\n    return (\n      <Styled.Root\n        {...restProps}\n        {...sizeProps}\n        {...layoutProps}\n        layouts={fancy ? LAYOUTS_FANCY : LAYOUTS}\n        className={rootClassName}\n        fancy={fancy}\n        ref={ref}\n      >\n        {fancy ? <Styled.FancyBackground className={backgroundClassName} /> : null}\n        {isValidElement(root) ? (\n          root\n        ) : typeof root === 'function' ? (\n          root({\n            captionProps,\n            titleProps,\n            subtitleProps,\n            closeButtonProps,\n            progressLineProps,\n            onGrab,\n            onNudge,\n          })\n        ) : (\n          <>\n            {floats}\n            {draggable ? (\n              <Styled.DraggingHandle {...layoutProps} layouts={VISIBILITY_VERTICAL} onPointerDown={onGrab}>\n                <Styled.DraggingIconContainer tabIndex={0} onKeyDown={onNudge}>\n                  <Icon icon={<Dragging />} size={34} color='content-onmain-tertiary' />\n                </Styled.DraggingIconContainer>\n              </Styled.DraggingHandle>\n            ) : null}\n            {closeButton ? (\n              <Styled.ButtonPosition>\n                {isValidElement(closeButton)\n                  ? closeButton\n                  : typeof closeButton === 'function'\n                    ? closeButton(closeButtonProps)\n                    : null}\n              </Styled.ButtonPosition>\n            ) : null}\n            {loading || media || imgSrcVertical ? (\n              <Styled.Media {...layoutProps} layouts={fancy ? LAYOUTS_FANCY_MEDIA_VERTICAL : LAYOUTS_MEDIA_VERTICAL}>\n                {loading ? (\n                  <AspectRatio ratio='3:1' width='100%'>\n                    <Skeleton borderRadius={0} />\n                  </AspectRatio>\n                ) : isValidElement(media) ? (\n                  media\n                ) : (\n                  <AspectRatio ratio='3:1' width='100%'>\n                    <Styled.Img src={imgSrcVertical} />\n                  </AspectRatio>\n                )}\n              </Styled.Media>\n            ) : null}\n            {loading || media || imgSrcHorizontal ? (\n              <Styled.Media {...layoutProps} layouts={LAYOUTS_MEDIA_HORIZONTAL}>\n                {loading ? (\n                  <AspectRatio ratio='5:7' height='100%'>\n                    <Skeleton borderRadius={0} />\n                  </AspectRatio>\n                ) : isValidElement(media) ? (\n                  media\n                ) : (\n                  <AspectRatio ratio='5:7' height='100%'>\n                    <Styled.Img src={imgSrcHorizontal} />\n                  </AspectRatio>\n                )}\n              </Styled.Media>\n            ) : null}\n            <Styled.Body>\n              {progressLine && !loading ? (\n                <Styled.ProgressPosition {...layoutProps} layouts={fancy ? LAYOUTS_FANCY_PROGRESS : LAYOUTS_PROGRESS}>\n                  {isValidElement(progressLine)\n                    ? progressLine\n                    : typeof progressLine === 'function'\n                      ? progressLine(progressLineProps)\n                      : null}\n                </Styled.ProgressPosition>\n              ) : null}\n              {draggable ? (\n                <Styled.DraggingHandle {...layoutProps} layouts={VISIBILITY_HORIZONTAL} onPointerDown={onGrab}>\n                  <Styled.DraggingIconContainer tabIndex={0} onKeyDown={onNudge}>\n                    <Icon icon={<Dragging />} size={34} color='content-onmain-tertiary' />\n                  </Styled.DraggingIconContainer>\n                </Styled.DraggingHandle>\n              ) : null}\n              {fancy ? <Styled.LayoutSpacer {...layoutProps} layouts={VISIBILITY_HORIZONTAL} paddingTop={76} /> : null}\n              {loading ? (\n                <Styled.Container {...sizeProps} sizes={SIZES_CONTAINER}>\n                  <Styled.Content {...sizeProps} sizes={SIZES_CONTENT}>\n                    <Skeleton>\n                      <Text {...titleProps} marginBottom='1.5em' />\n                    </Skeleton>\n                    <Skeleton width='90%'>\n                      <Text {...subtitleProps} marginBottom='0.4em' />\n                    </Skeleton>\n                    <Skeleton width='70%'>\n                      <Text {...subtitleProps} marginBottom='0.4em' />\n                    </Skeleton>\n                    <Skeleton width='50%'>\n                      <Text {...subtitleProps} marginBottom='0.8em' />\n                    </Skeleton>\n                  </Styled.Content>\n                </Styled.Container>\n              ) : isValidElement(body) ? (\n                body\n              ) : typeof body === 'function' ? (\n                body({\n                  captionProps,\n                  titleProps,\n                  subtitleProps,\n                })\n              ) : (\n                <Styled.Container {...sizeProps} sizes={SIZES_CONTAINER}>\n                  {stickyHeader ? (\n                    <Styled.StickyHeader {...sizeProps} sizes={SIZES_STICKY_HEADER}>\n                      <Header\n                        header={header}\n                        caption={caption}\n                        title={title}\n                        subtitle={subtitle}\n                        captionProps={captionProps}\n                        titleProps={titleProps}\n                        subtitleProps={subtitleProps}\n                      />\n                    </Styled.StickyHeader>\n                  ) : null}\n                  {scrollFadingEnabled ? <Styled.Fading visible={scrollThresholds.top === false} /> : null}\n                  <Styled.ContentScrollArea\n                    ref={setContentRef}\n                    scrollable={scrollable}\n                    tabIndex={scrollable ? 0 : undefined}\n                    onScroll={(evt) => {\n                      if (scrollFadingEnabled) {\n                        setScrollThresholds(evt.currentTarget)\n                      }\n                    }}\n                    onKeyDown={(evt) => {\n                      if (keyboardKeys.ArrowUp.validate(evt.key)) {\n                        evt.preventDefault()\n                        evt.currentTarget.scrollBy(0, -13)\n                      } else if (keyboardKeys.ArrowDown.validate(evt.key)) {\n                        evt.preventDefault()\n                        evt.currentTarget.scrollBy(0, 13)\n                      }\n                    }}\n                  >\n                    <Styled.Content {...sizeProps} sizes={SIZES_CONTENT}>\n                      {!stickyHeader ? (\n                        <Header\n                          header={header}\n                          caption={caption}\n                          title={title}\n                          subtitle={subtitle}\n                          captionProps={captionProps}\n                          titleProps={titleProps}\n                          subtitleProps={subtitleProps}\n                        />\n                      ) : null}\n                      {children}\n                    </Styled.Content>\n                  </Styled.ContentScrollArea>\n                  {scrollFadingEnabled ? <Styled.Fading visible={scrollThresholds.bottom === false} after /> : null}\n                  {footer ? (\n                    <Styled.Footer {...sizeProps} sizes={SIZES_FOOTER}>\n                      {footer}\n                    </Styled.Footer>\n                  ) : null}\n                </Styled.Container>\n              )}\n            </Styled.Body>\n          </>\n        )}\n      </Styled.Root>\n    )\n  }),\n  {\n    sizes: (props) => (props.fancy ? SIZES_FANCY : SIZES),\n    displayName: COMPONENT_NAME,\n  }\n)\n\nexport { DialogComponent }\n"],"names":["DialogComponent","withMergedProps","forwardRef","props","ref","size","layout","scrollable","scrollFading","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","layoutXXS","layoutXS","layoutS","layoutM","layoutL","layoutXL","root","floats","media","body","header","caption","title","subtitle","children","footer","closeButton","progressLine","fancy","imgSrcVertical","imgSrcHorizontal","draggable","loading","stickyHeader","className","backgroundClassName","onGrab","onNudge","restProps","sizeProps","layoutProps","captionProps","appearance","color","wordBreak","marginBottom","sizes","SIZES_CAPTION","titleProps","as","SIZES_TITLE","subtitleProps","SIZES_SUBTITLE","closeButtonProps","icon","_jsx","Close","secondary","marginTop","marginRight","progressLineProps","rootClassName","concatClassNames","scrollFadingEnabled","contentRef","setContentRef","useState","scrollThresholds","setScrollThresholds","useScrollThresholds","enabled","target","useScrollLock","locked","_jsxs","Styled","layouts","LAYOUTS_FANCY","LAYOUTS","isValidElement","_Fragment","VISIBILITY_VERTICAL","onPointerDown","tabIndex","onKeyDown","Icon","Dragging","LAYOUTS_FANCY_MEDIA_VERTICAL","LAYOUTS_MEDIA_VERTICAL","AspectRatio","ratio","width","Skeleton","borderRadius","src","LAYOUTS_MEDIA_HORIZONTAL","height","LAYOUTS_FANCY_PROGRESS","LAYOUTS_PROGRESS","VISIBILITY_HORIZONTAL","paddingTop","SIZES_CONTAINER","SIZES_CONTENT","Text","SIZES_STICKY_HEADER","Header","visible","top","undefined","onScroll","evt","currentTarget","keyboardKeys","ArrowUp","validate","key","preventDefault","scrollBy","ArrowDown","bottom","after","SIZES_FOOTER","SIZES_FANCY","SIZES","displayName"],"mappings":"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"}
+{"version":3,"file":"DialogComponent.mjs","sources":["../../../../src/components/DialogComponent/DialogComponent.tsx"],"sourcesContent":["import { forwardRef, useState, isValidElement } from 'react'\nimport { Close } from '@foxford/icon-pack'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { useScrollThresholds } from 'hooks/useScrollThresholds'\nimport { keyboardKeys } from 'shared/constants'\nimport { Text } from 'components/Text'\nimport { Icon } from 'components/Icon'\nimport { Skeleton } from 'components/Skeleton'\nimport { AspectRatio } from 'components/AspectRatio'\nimport type { TextProps } from 'components/Text'\nimport type { IconButtonProps } from 'components/IconButton'\nimport type { ProgressLineProps } from 'components/ProgressLine'\nimport { concatClassNames } from 'shared/utils/dom'\nimport { useScrollLock } from 'hooks/useScrollLock'\nimport Dragging from './images/dragging.svg?module'\nimport * as Styled from './style'\nimport {\n  SIZES,\n  SIZES_FANCY,\n  SIZES_CONTAINER,\n  SIZES_CONTENT,\n  SIZES_FOOTER,\n  SIZES_CAPTION,\n  SIZES_TITLE,\n  SIZES_SUBTITLE,\n  SIZES_STICKY_HEADER,\n} from './sizes'\nimport {\n  LAYOUTS,\n  LAYOUTS_FANCY,\n  LAYOUTS_MEDIA_VERTICAL,\n  LAYOUTS_FANCY_MEDIA_VERTICAL,\n  LAYOUTS_MEDIA_HORIZONTAL,\n  LAYOUTS_PROGRESS,\n  LAYOUTS_FANCY_PROGRESS,\n  VISIBILITY_VERTICAL,\n  VISIBILITY_HORIZONTAL,\n} from './layouts'\nimport type { DialogComponentProps } from './types'\nimport { Header } from './Header'\n\nconst COMPONENT_NAME = 'DialogComponent'\n\nconst DialogComponent: React.ForwardRefExoticComponent<DialogComponentProps> = withMergedProps<\n  DialogComponentProps,\n  HTMLDivElement\n>(\n  forwardRef<HTMLDivElement, MergedProps<DialogComponentProps>>((props, ref) => {\n    const {\n      size = 's',\n      layout = 'vertical',\n      scrollable = false,\n      scrollFading = false,\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n      layoutXXS,\n      layoutXS,\n      layoutS,\n      layoutM,\n      layoutL,\n      layoutXL,\n      root,\n      floats,\n      media,\n      body,\n      header,\n      caption,\n      title,\n      subtitle,\n      children,\n      footer,\n      closeButton,\n      progressLine,\n      fancy,\n      imgSrcVertical,\n      imgSrcHorizontal,\n      draggable,\n      loading,\n      stickyHeader,\n      className,\n      backgroundClassName,\n      onGrab,\n      onNudge,\n      ...restProps\n    } = props\n\n    const sizeProps = {\n      size,\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n    }\n\n    const layoutProps = {\n      layout,\n      layoutXXS,\n      layoutXS,\n      layoutS,\n      layoutM,\n      layoutL,\n      layoutXL,\n    }\n\n    const captionProps: TextProps = {\n      ...sizeProps,\n      appearance: 'body',\n      color: 'content-onmain-tertiary',\n      wordBreak: 'break-word',\n      marginBottom: '0.8em',\n      sizes: SIZES_CAPTION,\n    }\n\n    const titleProps: TextProps = {\n      ...sizeProps,\n      as: 'h2',\n      appearance: 'heading',\n      color: 'content-onmain-primary',\n      wordBreak: 'break-word',\n      marginBottom: '0.5em',\n      sizes: SIZES_TITLE,\n    }\n\n    const subtitleProps: TextProps = {\n      ...sizeProps,\n      as: 'p',\n      appearance: 'body',\n      color: 'content-onmain-primary',\n      wordBreak: 'break-word',\n      marginBottom: '0.8em',\n      sizes: SIZES_SUBTITLE,\n    }\n\n    const closeButtonProps: IconButtonProps = fancy\n      ? { icon: <Close />, size: 'xxl', secondary: true }\n      : { icon: <Close />, size: 'l', marginTop: 8, marginRight: 8 }\n\n    const progressLineProps: ProgressLineProps = {\n      size: 'xs',\n    }\n\n    const rootClassName = !fancy ? concatClassNames(className, backgroundClassName) : className\n\n    const scrollFadingEnabled = scrollable && scrollFading\n\n    const [contentRef, setContentRef] = useState<HTMLDivElement | null>(null)\n\n    const { scrollThresholds, setScrollThresholds } = useScrollThresholds({\n      enabled: scrollFadingEnabled,\n      target: contentRef,\n    })\n\n    useScrollLock({ locked: !scrollable, target: contentRef })\n\n    return (\n      <Styled.Root\n        {...restProps}\n        {...sizeProps}\n        {...layoutProps}\n        layouts={fancy ? LAYOUTS_FANCY : LAYOUTS}\n        className={rootClassName}\n        fancy={fancy}\n        ref={ref}\n      >\n        {fancy ? <Styled.FancyBackground className={backgroundClassName} /> : null}\n        {isValidElement(root) ? (\n          root\n        ) : typeof root === 'function' ? (\n          root({\n            captionProps,\n            titleProps,\n            subtitleProps,\n            closeButtonProps,\n            progressLineProps,\n            onGrab,\n            onNudge,\n          })\n        ) : (\n          <>\n            {floats}\n            {draggable ? (\n              <Styled.DraggingHandle {...layoutProps} layouts={VISIBILITY_VERTICAL} onPointerDown={onGrab}>\n                <Styled.DraggingIconContainer tabIndex={0} onKeyDown={onNudge}>\n                  <Icon icon={<Dragging />} size={34} color='content-onmain-tertiary' />\n                </Styled.DraggingIconContainer>\n              </Styled.DraggingHandle>\n            ) : null}\n            {closeButton ? (\n              <Styled.ButtonPosition>\n                {isValidElement(closeButton)\n                  ? closeButton\n                  : typeof closeButton === 'function'\n                    ? closeButton(closeButtonProps)\n                    : null}\n              </Styled.ButtonPosition>\n            ) : null}\n            {loading || media || imgSrcVertical ? (\n              <Styled.Media {...layoutProps} layouts={fancy ? LAYOUTS_FANCY_MEDIA_VERTICAL : LAYOUTS_MEDIA_VERTICAL}>\n                {loading ? (\n                  <AspectRatio ratio='3:1' width='100%'>\n                    <Skeleton borderRadius={0} />\n                  </AspectRatio>\n                ) : isValidElement(media) ? (\n                  media\n                ) : (\n                  <AspectRatio ratio='3:1' width='100%'>\n                    <Styled.Img src={imgSrcVertical} />\n                  </AspectRatio>\n                )}\n              </Styled.Media>\n            ) : null}\n            {loading || media || imgSrcHorizontal ? (\n              <Styled.Media {...layoutProps} layouts={LAYOUTS_MEDIA_HORIZONTAL}>\n                {loading ? (\n                  <AspectRatio ratio='5:7' height='100%'>\n                    <Skeleton borderRadius={0} />\n                  </AspectRatio>\n                ) : isValidElement(media) ? (\n                  media\n                ) : (\n                  <AspectRatio ratio='5:7' height='100%'>\n                    <Styled.Img src={imgSrcHorizontal} />\n                  </AspectRatio>\n                )}\n              </Styled.Media>\n            ) : null}\n            <Styled.Body>\n              {progressLine && !loading ? (\n                <Styled.ProgressPosition {...layoutProps} layouts={fancy ? LAYOUTS_FANCY_PROGRESS : LAYOUTS_PROGRESS}>\n                  {isValidElement(progressLine)\n                    ? progressLine\n                    : typeof progressLine === 'function'\n                      ? progressLine(progressLineProps)\n                      : null}\n                </Styled.ProgressPosition>\n              ) : null}\n              {draggable ? (\n                <Styled.DraggingHandle {...layoutProps} layouts={VISIBILITY_HORIZONTAL} onPointerDown={onGrab}>\n                  <Styled.DraggingIconContainer tabIndex={0} onKeyDown={onNudge}>\n                    <Icon icon={<Dragging />} size={34} color='content-onmain-tertiary' />\n                  </Styled.DraggingIconContainer>\n                </Styled.DraggingHandle>\n              ) : null}\n              {fancy ? <Styled.LayoutSpacer {...layoutProps} layouts={VISIBILITY_HORIZONTAL} paddingTop={76} /> : null}\n              {loading ? (\n                <Styled.Container {...sizeProps} sizes={SIZES_CONTAINER}>\n                  <Styled.Content {...sizeProps} sizes={SIZES_CONTENT}>\n                    <Skeleton>\n                      <Text {...titleProps} marginBottom='1.5em' />\n                    </Skeleton>\n                    <Skeleton width='90%'>\n                      <Text {...subtitleProps} marginBottom='0.4em' />\n                    </Skeleton>\n                    <Skeleton width='70%'>\n                      <Text {...subtitleProps} marginBottom='0.4em' />\n                    </Skeleton>\n                    <Skeleton width='50%'>\n                      <Text {...subtitleProps} marginBottom='0.8em' />\n                    </Skeleton>\n                  </Styled.Content>\n                </Styled.Container>\n              ) : isValidElement(body) ? (\n                body\n              ) : typeof body === 'function' ? (\n                body({\n                  captionProps,\n                  titleProps,\n                  subtitleProps,\n                })\n              ) : (\n                <Styled.Container {...sizeProps} sizes={SIZES_CONTAINER}>\n                  {stickyHeader ? (\n                    <Styled.StickyHeader {...sizeProps} sizes={SIZES_STICKY_HEADER}>\n                      <Header\n                        header={header}\n                        caption={caption}\n                        title={title}\n                        subtitle={subtitle}\n                        captionProps={captionProps}\n                        titleProps={titleProps}\n                        subtitleProps={subtitleProps}\n                      />\n                    </Styled.StickyHeader>\n                  ) : null}\n                  {scrollFadingEnabled ? <Styled.Fading visible={scrollThresholds.top === false} /> : null}\n                  <Styled.ContentScrollArea\n                    ref={setContentRef}\n                    scrollable={scrollable}\n                    tabIndex={scrollable ? 0 : undefined}\n                    onScroll={(evt) => {\n                      if (scrollFadingEnabled) {\n                        setScrollThresholds(evt.currentTarget)\n                      }\n                    }}\n                    onKeyDown={(evt) => {\n                      if (keyboardKeys.ArrowUp.validate(evt.key)) {\n                        evt.preventDefault()\n                        evt.currentTarget.scrollBy(0, -13)\n                      } else if (keyboardKeys.ArrowDown.validate(evt.key)) {\n                        evt.preventDefault()\n                        evt.currentTarget.scrollBy(0, 13)\n                      }\n                    }}\n                  >\n                    <Styled.Content {...sizeProps} sizes={SIZES_CONTENT}>\n                      {!stickyHeader ? (\n                        <Header\n                          header={header}\n                          caption={caption}\n                          title={title}\n                          subtitle={subtitle}\n                          captionProps={captionProps}\n                          titleProps={titleProps}\n                          subtitleProps={subtitleProps}\n                        />\n                      ) : null}\n                      {children}\n                    </Styled.Content>\n                  </Styled.ContentScrollArea>\n                  {scrollFadingEnabled ? <Styled.Fading visible={scrollThresholds.bottom === false} after /> : null}\n                  {footer ? (\n                    <Styled.Footer {...sizeProps} sizes={SIZES_FOOTER}>\n                      {footer}\n                    </Styled.Footer>\n                  ) : null}\n                </Styled.Container>\n              )}\n            </Styled.Body>\n          </>\n        )}\n      </Styled.Root>\n    )\n  }),\n  {\n    sizes: (props) => (props.fancy ? SIZES_FANCY : SIZES),\n    displayName: COMPONENT_NAME,\n  }\n)\n\nexport { DialogComponent }\n"],"names":["DialogComponent","withMergedProps","forwardRef","props","ref","size","layout","scrollable","scrollFading","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","layoutXXS","layoutXS","layoutS","layoutM","layoutL","layoutXL","root","floats","media","body","header","caption","title","subtitle","children","footer","closeButton","progressLine","fancy","imgSrcVertical","imgSrcHorizontal","draggable","loading","stickyHeader","className","backgroundClassName","onGrab","onNudge","restProps","sizeProps","layoutProps","captionProps","appearance","color","wordBreak","marginBottom","sizes","SIZES_CAPTION","titleProps","as","SIZES_TITLE","subtitleProps","SIZES_SUBTITLE","closeButtonProps","icon","_jsx","Close","secondary","marginTop","marginRight","progressLineProps","rootClassName","concatClassNames","scrollFadingEnabled","contentRef","setContentRef","useState","scrollThresholds","setScrollThresholds","useScrollThresholds","enabled","target","useScrollLock","locked","_jsxs","Styled","layouts","LAYOUTS_FANCY","LAYOUTS","isValidElement","_Fragment","VISIBILITY_VERTICAL","onPointerDown","tabIndex","onKeyDown","Icon","Dragging","LAYOUTS_FANCY_MEDIA_VERTICAL","LAYOUTS_MEDIA_VERTICAL","AspectRatio","ratio","width","Skeleton","borderRadius","src","LAYOUTS_MEDIA_HORIZONTAL","height","LAYOUTS_FANCY_PROGRESS","LAYOUTS_PROGRESS","VISIBILITY_HORIZONTAL","paddingTop","SIZES_CONTAINER","SIZES_CONTENT","Text","SIZES_STICKY_HEADER","Header","visible","top","undefined","onScroll","evt","currentTarget","keyboardKeys","ArrowUp","validate","key","preventDefault","scrollBy","ArrowDown","bottom","after","SIZES_FOOTER","SIZES_FANCY","SIZES","displayName"],"mappings":"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"}

package/components/DialogComponent/Header.js

@@ -1,2 +1,2 @@
-'use strict';var jsxRuntime=require('react/jsx-runtime');var Slot=require('../Slot/Slot.js');exports.Header=({header:t,caption:e,title:s,subtitle:r,captionProps:i,titleProps:o,subtitleProps:l})=>jsxRuntime.jsx(Slot.Slot,{props:{captionProps:i,titleProps:o,subtitleProps:l},fallback:jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(Slot.Slot,{props:i,children:e}),jsxRuntime.jsx(Slot.Slot,{props:o,children:s}),jsxRuntime.jsx(Slot.Slot,{props:l,children:r})]}),children:t});
+'use strict';var jsxRuntime=require('react/jsx-runtime');var Slot=require('../Slot/Slot.js');exports.Header=({header:t,caption:e,title:r,subtitle:s,captionProps:o,titleProps:i,subtitleProps:l})=>jsxRuntime.jsx(Slot.Slot,{render:t,props:{captionProps:o,titleProps:i,subtitleProps:l},fallback:jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(Slot.Slot,{render:e,props:o}),jsxRuntime.jsx(Slot.Slot,{render:r,props:i}),jsxRuntime.jsx(Slot.Slot,{render:s,props:l})]})});
 //# sourceMappingURL=Header.js.map

package/components/DialogComponent/Header.js.map

@@ -1 +1 @@
-{"version":3,"file":"Header.js","sources":["../../../../src/components/DialogComponent/Header.tsx"],"sourcesContent":["import type { FC } from 'react'\nimport { Slot } from 'components/Slot'\nimport type { HeaderProps } from './types'\n\nconst Header: FC<HeaderProps> = ({ header, caption, title, subtitle, captionProps, titleProps, subtitleProps }) => (\n  <Slot\n    props={{ captionProps, titleProps, subtitleProps }}\n    fallback={\n      <>\n        <Slot props={captionProps}>{caption}</Slot>\n        <Slot props={titleProps}>{title}</Slot>\n        <Slot props={subtitleProps}>{subtitle}</Slot>\n      </>\n    }\n  >\n    {header}\n  </Slot>\n)\n\nexport { Header }\n"],"names":["Header","header","caption","title","subtitle","captionProps","titleProps","subtitleProps","_jsx","Slot","props","fallback","_jsxs","_Fragment","children"],"mappings":"4GAIgCA,EAAGC,SAAQC,UAASC,QAAOC,WAAUC,eAAcC,aAAYC,mBAC7FC,WAAAA,IAACC,KAAAA,KAAI,CACHC,MAAO,CAAEL,eAAcC,aAAYC,iBACnCI,SACEC,WAAAA,KAAAC,oBAAA,CAAAC,SAAA,CACEN,WAAAA,IAACC,UAAI,CAACC,MAAOL,EAAaS,SAAEZ,IAC5BM,WAAAA,IAACC,UAAI,CAACC,MAAOJ,EAAWQ,SAAEX,IAC1BK,WAAAA,IAACC,UAAI,CAACC,MAAOH,EAAcO,SAAEV,OAEhCU,SAEAb"}
+{"version":3,"file":"Header.js","sources":["../../../../src/components/DialogComponent/Header.tsx"],"sourcesContent":["import type { FC } from 'react'\nimport { Slot } from 'components/Slot'\nimport type { HeaderProps } from './types'\n\nconst Header: FC<HeaderProps> = ({ header, caption, title, subtitle, captionProps, titleProps, subtitleProps }) => (\n  <Slot\n    render={header}\n    props={{ captionProps, titleProps, subtitleProps }}\n    fallback={\n      <>\n        <Slot render={caption} props={captionProps} />\n        <Slot render={title} props={titleProps} />\n        <Slot render={subtitle} props={subtitleProps} />\n      </>\n    }\n  />\n)\n\nexport { Header }\n"],"names":["Header","header","caption","title","subtitle","captionProps","titleProps","subtitleProps","_jsx","Slot","render","props","fallback","_jsxs","_Fragment","children"],"mappings":"4GAIgCA,EAAGC,SAAQC,UAASC,QAAOC,WAAUC,eAAcC,aAAYC,mBAC7FC,WAAAA,IAACC,KAAAA,KAAI,CACHC,OAAQT,EACRU,MAAO,CAAEN,eAAcC,aAAYC,iBACnCK,SACEC,WAAAA,KAAAC,oBAAA,CAAAC,SAAA,CACEP,WAAAA,IAACC,UAAI,CAACC,OAAQR,EAASS,MAAON,IAC9BG,WAAAA,IAACC,UAAI,CAACC,OAAQP,EAAOQ,MAAOL,IAC5BE,WAAAA,IAACC,UAAI,CAACC,OAAQN,EAAUO,MAAOJ"}

package/components/DialogComponent/Header.mjs

@@ -1,2 +1,2 @@
-import{jsx,jsxs,Fragment}from'react/jsx-runtime';import{Slot}from'../Slot/Slot.mjs';const Header=({header:t,caption:r,title:o,subtitle:s,captionProps:e,titleProps:l,subtitleProps:p})=>jsx(Slot,{props:{captionProps:e,titleProps:l,subtitleProps:p},fallback:jsxs(Fragment,{children:[jsx(Slot,{props:e,children:r}),jsx(Slot,{props:l,children:o}),jsx(Slot,{props:p,children:s})]}),children:t});export{Header};
+import{jsx,jsxs,Fragment}from'react/jsx-runtime';import{Slot}from'../Slot/Slot.mjs';const Header=({header:r,caption:t,title:e,subtitle:o,captionProps:s,titleProps:p,subtitleProps:l})=>jsx(Slot,{render:r,props:{captionProps:s,titleProps:p,subtitleProps:l},fallback:jsxs(Fragment,{children:[jsx(Slot,{render:t,props:s}),jsx(Slot,{render:e,props:p}),jsx(Slot,{render:o,props:l})]})});export{Header};
 //# sourceMappingURL=Header.mjs.map

package/components/DialogComponent/Header.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Header.mjs","sources":["../../../../src/components/DialogComponent/Header.tsx"],"sourcesContent":["import type { FC } from 'react'\nimport { Slot } from 'components/Slot'\nimport type { HeaderProps } from './types'\n\nconst Header: FC<HeaderProps> = ({ header, caption, title, subtitle, captionProps, titleProps, subtitleProps }) => (\n  <Slot\n    props={{ captionProps, titleProps, subtitleProps }}\n    fallback={\n      <>\n        <Slot props={captionProps}>{caption}</Slot>\n        <Slot props={titleProps}>{title}</Slot>\n        <Slot props={subtitleProps}>{subtitle}</Slot>\n      </>\n    }\n  >\n    {header}\n  </Slot>\n)\n\nexport { Header }\n"],"names":["Header","header","caption","title","subtitle","captionProps","titleProps","subtitleProps","_jsx","Slot","props","fallback","_jsxs","_Fragment","children"],"mappings":"oFAIA,MAAMA,OAA0BA,EAAGC,SAAQC,UAASC,QAAOC,WAAUC,eAAcC,aAAYC,mBAC7FC,IAACC,KAAI,CACHC,MAAO,CAAEL,eAAcC,aAAYC,iBACnCI,SACEC,KAAAC,SAAA,CAAAC,SAAA,CACEN,IAACC,KAAI,CAACC,MAAOL,EAAaS,SAAEZ,IAC5BM,IAACC,KAAI,CAACC,MAAOJ,EAAWQ,SAAEX,IAC1BK,IAACC,KAAI,CAACC,MAAOH,EAAcO,SAAEV,OAEhCU,SAEAb"}
+{"version":3,"file":"Header.mjs","sources":["../../../../src/components/DialogComponent/Header.tsx"],"sourcesContent":["import type { FC } from 'react'\nimport { Slot } from 'components/Slot'\nimport type { HeaderProps } from './types'\n\nconst Header: FC<HeaderProps> = ({ header, caption, title, subtitle, captionProps, titleProps, subtitleProps }) => (\n  <Slot\n    render={header}\n    props={{ captionProps, titleProps, subtitleProps }}\n    fallback={\n      <>\n        <Slot render={caption} props={captionProps} />\n        <Slot render={title} props={titleProps} />\n        <Slot render={subtitle} props={subtitleProps} />\n      </>\n    }\n  />\n)\n\nexport { Header }\n"],"names":["Header","header","caption","title","subtitle","captionProps","titleProps","subtitleProps","_jsx","Slot","render","props","fallback","_jsxs","_Fragment","children"],"mappings":"oFAIA,MAAMA,OAA0BA,EAAGC,SAAQC,UAASC,QAAOC,WAAUC,eAAcC,aAAYC,mBAC7FC,IAACC,KAAI,CACHC,OAAQT,EACRU,MAAO,CAAEN,eAAcC,aAAYC,iBACnCK,SACEC,KAAAC,SAAA,CAAAC,SAAA,CACEP,IAACC,KAAI,CAACC,OAAQR,EAASS,MAAON,IAC9BG,IAACC,KAAI,CAACC,OAAQP,EAAOQ,MAAOL,IAC5BE,IAACC,KAAI,CAACC,OAAQN,EAAUO,MAAOJ"}

package/components/DialogComponent/images/dragging.svg.js

@@ -1,2 +1,2 @@
-'use strict';function _interopNamespace(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((r=>{if(r!=='default'){var a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,a.get?a:{enumerable:!0,get:()=>e[r]})}})),t.default=e,Object.freeze(t)}Object.defineProperty(exports,'__esModule',{value:!0});var React__namespace=_interopNamespace(require('react'));var _path;function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)({}).hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},_extends.apply(null,arguments)}exports.default=e=>React__namespace.createElement("svg",_extends({xmlns:"http://www.w3.org/2000/svg",fill:"currentcolor",viewBox:"0 0 34 4"},e),_path||(_path=React__namespace.createElement("path",{d:"M4 .002H3v4h1zM.995.004H0v4h.995zM6 .002h1v4H6zm4 0H9v4h1zm2 0h1v4h-1zm4 0h-1v4h1zm2 0h1v4h-1zm4 0h-1v4h1zm2 0h1v4h-1zm4 0h-1v4h1zm2 0h1v4h-1zm4 0h-1v4h1z"})));
+'use strict';function _interopNamespace(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach(r=>{if(r!=='default'){var a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,a.get?a:{enumerable:!0,get:()=>e[r]})}}),t.default=e,Object.freeze(t)}Object.defineProperty(exports,'__esModule',{value:!0});var React__namespace=_interopNamespace(require('react'));var _path;function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)({}).hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},_extends.apply(null,arguments)}exports.default=e=>React__namespace.createElement("svg",_extends({xmlns:"http://www.w3.org/2000/svg",fill:"currentcolor",viewBox:"0 0 34 4"},e),_path||(_path=React__namespace.createElement("path",{d:"M4 .002H3v4h1zM.995.004H0v4h.995zM6 .002h1v4H6zm4 0H9v4h1zm2 0h1v4h-1zm4 0h-1v4h1zm2 0h1v4h-1zm4 0h-1v4h1zm2 0h1v4h-1zm4 0h-1v4h1zm2 0h1v4h-1zm4 0h-1v4h1z"})));
 //# sourceMappingURL=dragging.svg.js.map

package/components/DialogComponent/images/dragging.svg.js.map

@@ -1 +1 @@
-{"version":3,"file":"dragging.svg.js","sources":["../../../../../src/components/DialogComponent/images/dragging.svg?module"],"sourcesContent":["var _path;\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nconst SvgDragging = props => /*#__PURE__*/React.createElement(\"svg\", _extends({\n  xmlns: \"http://www.w3.org/2000/svg\",\n  fill: \"currentcolor\",\n  viewBox: \"0 0 34 4\"\n}, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n  d: \"M4 .002H3v4h1zM.995.004H0v4h.995zM6 .002h1v4H6zm4 0H9v4h1zm2 0h1v4h-1zm4 0h-1v4h1zm2 0h1v4h-1zm4 0h-1v4h1zm2 0h1v4h-1zm4 0h-1v4h1zm2 0h1v4h-1zm4 0h-1v4h1z\"\n})));\nexport default SvgDragging;"],"names":["_path","_extends","Object","assign","bind","n","e","arguments","length","t","r","hasOwnProperty","call","apply","props","React","createElement","xmlns","fill","viewBox","d"],"mappings":"qZAAA,IAAIA,MACJ,SAASC,WAAa,OAAOA,SAAWC,OAAOC,OAASD,OAAOC,OAAOC,OAAS,SAAUC,GAAK,IAAK,IAAIC,EAAI,EAAGA,EAAIC,UAAUC,OAAQF,IAAK,CAAE,IAAIG,EAAIF,UAAUD,GAAI,IAAK,IAAII,KAAKD,GAAG,CAAG,GAAEE,eAAeC,KAAKH,EAAGC,KAAOL,EAAEK,GAAKD,EAAEC,GAAK,CAAE,OAAOL,CAAG,EAAGJ,SAASY,MAAM,KAAMN,UAAY,iBAE/PO,GAAsBC,iBAAMC,cAAc,MAAOf,SAAS,CAC5EgB,MAAO,6BACPC,KAAM,eACNC,QAAS,YACRL,GAAQd,QAAUA,MAAqBe,iBAAMC,cAAc,OAAQ,CACpEI,EAAG"}
+{"version":3,"file":"dragging.svg.js","sources":["../../../../../src/components/DialogComponent/images/dragging.svg?module"],"sourcesContent":["var _path;\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nconst SvgDragging = props => /*#__PURE__*/React.createElement(\"svg\", _extends({\n  xmlns: \"http://www.w3.org/2000/svg\",\n  fill: \"currentcolor\",\n  viewBox: \"0 0 34 4\"\n}, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n  d: \"M4 .002H3v4h1zM.995.004H0v4h.995zM6 .002h1v4H6zm4 0H9v4h1zm2 0h1v4h-1zm4 0h-1v4h1zm2 0h1v4h-1zm4 0h-1v4h1zm2 0h1v4h-1zm4 0h-1v4h1zm2 0h1v4h-1zm4 0h-1v4h1z\"\n})));\nexport default SvgDragging;"],"names":["_path","_extends","Object","assign","bind","n","e","arguments","length","t","r","hasOwnProperty","call","apply","props","React","createElement","xmlns","fill","viewBox","d"],"mappings":"mZAAA,IAAIA,MACJ,SAASC,WAAa,OAAOA,SAAWC,OAAOC,OAASD,OAAOC,OAAOC,OAAS,SAAUC,GAAK,IAAK,IAAIC,EAAI,EAAGA,EAAIC,UAAUC,OAAQF,IAAK,CAAE,IAAIG,EAAIF,UAAUD,GAAI,IAAK,IAAII,KAAKD,GAAG,CAAG,GAAEE,eAAeC,KAAKH,EAAGC,KAAOL,EAAEK,GAAKD,EAAEC,GAAK,CAAE,OAAOL,CAAG,EAAGJ,SAASY,MAAM,KAAMN,UAAY,iBAE/PO,GAAsBC,iBAAMC,cAAc,MAAOf,SAAS,CAC5EgB,MAAO,6BACPC,KAAM,eACNC,QAAS,YACRL,GAAQd,QAAUA,MAAqBe,iBAAMC,cAAc,OAAQ,CACpEI,EAAG"}

package/components/DialogComponent/style.js

@@ -1,2 +1,2 @@
-'use strict';var styled=require('styled-components');var responsiveSize=require('../../mixins/responsive-size.js');var responsiveLayout=require('../../mixins/responsive-layout.js');var focus=require('../../mixins/focus.js');var style=require('../../shared/utils/style.js');var maskRectangle=require('./images/mask-rectangle.svg.js');var maskSlope=require('./images/mask-slope.svg.js');var Spacer=require('../Spacer/Spacer.js');function _interopDefault(o){return o&&o.__esModule?o:{default:o}}var styled__default=_interopDefault(styled);const filterLayoutProps=o=>!['layout','layoutXXS','layoutXS','layoutS','layoutM','layoutL','layoutXL','layouts'].includes(o);const shouldForwardDialogComponentProp=style.createShouldForwardProp((o=>!['dragging','fancy','zIndex'].includes(o)),filterLayoutProps);const filterCommonProps=style.createShouldForwardProp();const Fading=styled__default.default.div.withConfig({shouldForwardProp:o=>!['visible','after'].includes(o)}).withConfig({displayName:"DialogComponent__Fading",componentId:"ui__sc-1dlvioj-0"})(["box-sizing:border-box;position:relative;flex-shrink:0;width:100%;z-index:1;&::before,&::after{transition-property:opacity;transition-duration:150ms;transition-timing-function:ease-in;pointer-events:none;}",""],(o=>o.after?`\n          &::after {\n            content: '';\n            display: block;\n            position: absolute;\n            height: 35px;\n            bottom: 100%;\n            right: 4px; \n            left: 4px;\n            margin-bottom: -1px;\n            background-image: linear-gradient(0deg, currentcolor, transparent);\n            opacity: ${o.visible?1:0};\n          }\n            `:`\n          &::before {\n            content: '';\n            display: block;\n            position: absolute;\n            height: 35px;\n            top: 100%;\n            right: 4px;\n            left: 4px;\n            margin-top: -1px;\n            background-image: linear-gradient(180deg, currentcolor, transparent);\n            opacity: ${o.visible?1:0};\n          }\n      `));const FancyBackground=styled__default.default.div.withConfig({displayName:"DialogComponent__FancyBackground",componentId:"ui__sc-1dlvioj-1"})(["box-sizing:border-box;position:absolute;top:0;right:0;bottom:0;left:0;mask-image:url(","),url(",");mask-repeat:no-repeat,no-repeat;mask-size:100% 32px,cover;mask-position:0 56px,0 87px;border-radius:inherit;"],maskSlope.default,maskRectangle.default);const template_default=o=>`\n    color: ${o.color};\n    background-color: ${o.backgroundColor};\n    box-shadow: 0 6px 20px 1px ${o.shadowColor};\n    ${Fading} {\n      color: ${o.backgroundColor};\n    }\n  `,template_fancy=o=>`\n    color: ${o.color};\n    ${FancyBackground} {\n      background-color: ${o.backgroundColor};\n    }\n    ${Fading} {\n      color: ${o.backgroundColor};\n    }\n  `;const Root=styled__default.default.div.withConfig({shouldForwardProp:shouldForwardDialogComponentProp}).withConfig({displayName:"DialogComponent__Root",componentId:"ui__sc-1dlvioj-2"})(["box-sizing:border-box;display:flex;position:relative;isolation:isolate;"," "," "," "," ",""],(o=>(o.fancy?template_fancy:template_default)({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['bg-onmain-primary'],shadowColor:o.theme.colors['bg-oncolor-hover'],...o.palette})),(o=>o.dragging&&`\n      box-shadow: 0 0 0 2px ${o.theme.colors.white}, 0 0 0 4px ${o.theme.colors['border-focus']};\n      `),(o=>typeof o.zIndex=='number'&&`z-index: ${o.zIndex};`),responsiveSize.responsiveSize,responsiveLayout.responsiveLayout);const Body=styled__default.default.div.withConfig({displayName:"DialogComponent__Body",componentId:"ui__sc-1dlvioj-3"})(["box-sizing:border-box;position:relative;display:flex;flex-direction:column;overflow:hidden;flex-grow:1;"]);const StickyHeader=styled__default.default.div.withConfig({shouldForwardProp:filterCommonProps}).withConfig({displayName:"DialogComponent__StickyHeader",componentId:"ui__sc-1dlvioj-4"})(["",""],responsiveSize.responsiveSize);const Container=styled__default.default.div.withConfig({shouldForwardProp:filterCommonProps}).withConfig({displayName:"DialogComponent__Container",componentId:"ui__sc-1dlvioj-5"})(["box-sizing:border-box;display:flex;flex-direction:column;overflow:hidden;flex-grow:1;",""],responsiveSize.responsiveSize);const ContentScrollArea=styled__default.default.div.withConfig({shouldForwardProp:o=>!['scrollable'].includes(o)}).withConfig({displayName:"DialogComponent__ContentScrollArea",componentId:"ui__sc-1dlvioj-6"})(["box-sizing:border-box;flex-grow:1;margin:0 4px;overflow:auto;"," ",""],(o=>`\n    overscroll-behavior: ${o.scrollable?'contain':'auto'};\n  `),focus.focus);const Content=styled__default.default.div.withConfig({shouldForwardProp:filterCommonProps}).withConfig({displayName:"DialogComponent__Content",componentId:"ui__sc-1dlvioj-7"})(["box-sizing:border-box;",""],responsiveSize.responsiveSize);const Footer=styled__default.default.div.withConfig({shouldForwardProp:filterCommonProps}).withConfig({displayName:"DialogComponent__Footer",componentId:"ui__sc-1dlvioj-8"})(["box-sizing:border-box;flex-shrink:0;",""],responsiveSize.responsiveSize);const DraggingHandle=styled__default.default.div.withConfig({shouldForwardProp:filterLayoutProps}).withConfig({displayName:"DialogComponent__DraggingHandle",componentId:"ui__sc-1dlvioj-9"})(["box-sizing:border-box;position:absolute;top:0;left:0;width:100%;display:flex;justify-content:center;padding-top:10px;padding-bottom:10px;cursor:grab;touch-action:none;z-index:2;",""],responsiveLayout.responsiveLayout);const DraggingIconContainer=styled__default.default.div.withConfig({displayName:"DialogComponent__DraggingIconContainer",componentId:"ui__sc-1dlvioj-10"})(["box-sizing:border-box;display:flex;padding:3px 12px;border-radius:12px;& > *{height:0.25em;}"," ",""],(o=>`\n      background-color: ${o.theme.colors['bg-onmain-tertiary']};\n    `),focus.focus);const Media=styled__default.default.div.withConfig({shouldForwardProp:filterLayoutProps}).withConfig({displayName:"DialogComponent__Media",componentId:"ui__sc-1dlvioj-11"})(["box-sizing:border-box;overflow:hidden;flex-shrink:0;",""],responsiveLayout.responsiveLayout);const Img=styled__default.default.div.withConfig({shouldForwardProp:o=>o!=='src'}).withConfig({displayName:"DialogComponent__Img",componentId:"ui__sc-1dlvioj-12"})(["box-sizing:border-box;",""],(o=>o.src&&`\n      background-image: url(${o.src});\n      background-repeat: no-repeat;\n      background-position: 50%;\n      background-size: cover;\n    `));const LayoutSpacer=styled__default.default(Spacer.Spacer).withConfig({shouldForwardProp:filterLayoutProps}).withConfig({displayName:"DialogComponent__LayoutSpacer",componentId:"ui__sc-1dlvioj-13"})(["",""],responsiveLayout.responsiveLayout);const ButtonPosition=styled__default.default.div.withConfig({displayName:"DialogComponent__ButtonPosition",componentId:"ui__sc-1dlvioj-14"})(["box-sizing:border-box;position:absolute;top:0;right:0;z-index:3;"]);const ProgressPosition=styled__default.default.div.withConfig({shouldForwardProp:filterLayoutProps}).withConfig({displayName:"DialogComponent__ProgressPosition",componentId:"ui__sc-1dlvioj-15"})(["box-sizing:border-box;position:absolute;z-index:2;",""],responsiveLayout.responsiveLayout);exports.Body=Body,exports.ButtonPosition=ButtonPosition,exports.Container=Container,exports.Content=Content,exports.ContentScrollArea=ContentScrollArea,exports.DraggingHandle=DraggingHandle,exports.DraggingIconContainer=DraggingIconContainer,exports.Fading=Fading,exports.FancyBackground=FancyBackground,exports.Footer=Footer,exports.Img=Img,exports.LayoutSpacer=LayoutSpacer,exports.Media=Media,exports.ProgressPosition=ProgressPosition,exports.Root=Root,exports.StickyHeader=StickyHeader;
+'use strict';var styled=require('styled-components');var responsiveSize=require('../../mixins/responsive-size.js');var responsiveLayout=require('../../mixins/responsive-layout.js');var focus=require('../../mixins/focus.js');var style=require('../../shared/utils/style.js');var maskRectangle=require('./images/mask-rectangle.svg.js');var maskSlope=require('./images/mask-slope.svg.js');var Spacer=require('../Spacer/Spacer.js');function _interopDefault(o){return o&&o.__esModule?o:{default:o}}var styled__default=_interopDefault(styled);const filterLayoutProps=o=>!['layout','layoutXXS','layoutXS','layoutS','layoutM','layoutL','layoutXL','layouts'].includes(o);const shouldForwardDialogComponentProp=style.createShouldForwardProp(o=>!['dragging','fancy','zIndex'].includes(o),filterLayoutProps);const filterCommonProps=style.createShouldForwardProp();const Fading=styled__default.default.div.withConfig({shouldForwardProp:o=>!['visible','after'].includes(o)}).withConfig({displayName:"DialogComponent__Fading",componentId:"ui__sc-1dlvioj-0"})(["box-sizing:border-box;position:relative;flex-shrink:0;width:100%;z-index:1;&::before,&::after{transition-property:opacity;transition-duration:150ms;transition-timing-function:ease-in;pointer-events:none;}",""],o=>o.after?`\n          &::after {\n            content: '';\n            display: block;\n            position: absolute;\n            height: 35px;\n            bottom: 100%;\n            right: 4px; \n            left: 4px;\n            margin-bottom: -1px;\n            background-image: linear-gradient(0deg, currentcolor, transparent);\n            opacity: ${o.visible?1:0};\n          }\n            `:`\n          &::before {\n            content: '';\n            display: block;\n            position: absolute;\n            height: 35px;\n            top: 100%;\n            right: 4px;\n            left: 4px;\n            margin-top: -1px;\n            background-image: linear-gradient(180deg, currentcolor, transparent);\n            opacity: ${o.visible?1:0};\n          }\n      `);const FancyBackground=styled__default.default.div.withConfig({displayName:"DialogComponent__FancyBackground",componentId:"ui__sc-1dlvioj-1"})(["box-sizing:border-box;position:absolute;top:0;right:0;bottom:0;left:0;mask-image:url(","),url(",");mask-repeat:no-repeat,no-repeat;mask-size:100% 32px,cover;mask-position:0 56px,0 87px;border-radius:inherit;"],maskSlope.default,maskRectangle.default);const template_default=o=>`\n    color: ${o.color};\n    background-color: ${o.backgroundColor};\n    box-shadow: 0 6px 20px 1px ${o.shadowColor};\n    ${Fading} {\n      color: ${o.backgroundColor};\n    }\n  `,template_fancy=o=>`\n    color: ${o.color};\n    ${FancyBackground} {\n      background-color: ${o.backgroundColor};\n    }\n    ${Fading} {\n      color: ${o.backgroundColor};\n    }\n  `;const Root=styled__default.default.div.withConfig({shouldForwardProp:shouldForwardDialogComponentProp}).withConfig({displayName:"DialogComponent__Root",componentId:"ui__sc-1dlvioj-2"})(["box-sizing:border-box;display:flex;position:relative;isolation:isolate;"," "," "," "," ",""],o=>(o.fancy?template_fancy:template_default)({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['bg-onmain-primary'],shadowColor:o.theme.colors['bg-oncolor-hover'],...o.palette}),o=>o.dragging&&`\n      box-shadow: 0 0 0 2px ${o.theme.colors.white}, 0 0 0 4px ${o.theme.colors['border-focus']};\n      `,o=>typeof o.zIndex=='number'&&`z-index: ${o.zIndex};`,responsiveSize.responsiveSize,responsiveLayout.responsiveLayout);const Body=styled__default.default.div.withConfig({displayName:"DialogComponent__Body",componentId:"ui__sc-1dlvioj-3"})(["box-sizing:border-box;position:relative;display:flex;flex-direction:column;overflow:hidden;flex-grow:1;"]);const StickyHeader=styled__default.default.div.withConfig({shouldForwardProp:filterCommonProps}).withConfig({displayName:"DialogComponent__StickyHeader",componentId:"ui__sc-1dlvioj-4"})(["",""],responsiveSize.responsiveSize);const Container=styled__default.default.div.withConfig({shouldForwardProp:filterCommonProps}).withConfig({displayName:"DialogComponent__Container",componentId:"ui__sc-1dlvioj-5"})(["box-sizing:border-box;display:flex;flex-direction:column;overflow:hidden;flex-grow:1;",""],responsiveSize.responsiveSize);const ContentScrollArea=styled__default.default.div.withConfig({shouldForwardProp:o=>!['scrollable'].includes(o)}).withConfig({displayName:"DialogComponent__ContentScrollArea",componentId:"ui__sc-1dlvioj-6"})(["box-sizing:border-box;flex-grow:1;margin:0 4px;overflow:auto;"," ",""],o=>`\n    overscroll-behavior: ${o.scrollable?'contain':'auto'};\n  `,focus.focus);const Content=styled__default.default.div.withConfig({shouldForwardProp:filterCommonProps}).withConfig({displayName:"DialogComponent__Content",componentId:"ui__sc-1dlvioj-7"})(["box-sizing:border-box;",""],responsiveSize.responsiveSize);const Footer=styled__default.default.div.withConfig({shouldForwardProp:filterCommonProps}).withConfig({displayName:"DialogComponent__Footer",componentId:"ui__sc-1dlvioj-8"})(["box-sizing:border-box;flex-shrink:0;",""],responsiveSize.responsiveSize);const DraggingHandle=styled__default.default.div.withConfig({shouldForwardProp:filterLayoutProps}).withConfig({displayName:"DialogComponent__DraggingHandle",componentId:"ui__sc-1dlvioj-9"})(["box-sizing:border-box;position:absolute;top:0;left:0;width:100%;display:flex;justify-content:center;padding-top:10px;padding-bottom:10px;cursor:grab;touch-action:none;z-index:2;",""],responsiveLayout.responsiveLayout);const DraggingIconContainer=styled__default.default.div.withConfig({displayName:"DialogComponent__DraggingIconContainer",componentId:"ui__sc-1dlvioj-10"})(["box-sizing:border-box;display:flex;padding:3px 12px;border-radius:12px;& > *{height:0.25em;}"," ",""],o=>`\n      background-color: ${o.theme.colors['bg-onmain-tertiary']};\n    `,focus.focus);const Media=styled__default.default.div.withConfig({shouldForwardProp:filterLayoutProps}).withConfig({displayName:"DialogComponent__Media",componentId:"ui__sc-1dlvioj-11"})(["box-sizing:border-box;overflow:hidden;flex-shrink:0;",""],responsiveLayout.responsiveLayout);const Img=styled__default.default.div.withConfig({shouldForwardProp:o=>o!=='src'}).withConfig({displayName:"DialogComponent__Img",componentId:"ui__sc-1dlvioj-12"})(["box-sizing:border-box;",""],o=>o.src&&`\n      background-image: url(${o.src});\n      background-repeat: no-repeat;\n      background-position: 50%;\n      background-size: cover;\n    `);const LayoutSpacer=styled__default.default(Spacer.Spacer).withConfig({shouldForwardProp:filterLayoutProps}).withConfig({displayName:"DialogComponent__LayoutSpacer",componentId:"ui__sc-1dlvioj-13"})(["",""],responsiveLayout.responsiveLayout);const ButtonPosition=styled__default.default.div.withConfig({displayName:"DialogComponent__ButtonPosition",componentId:"ui__sc-1dlvioj-14"})(["box-sizing:border-box;position:absolute;top:0;right:0;z-index:3;"]);const ProgressPosition=styled__default.default.div.withConfig({shouldForwardProp:filterLayoutProps}).withConfig({displayName:"DialogComponent__ProgressPosition",componentId:"ui__sc-1dlvioj-15"})(["box-sizing:border-box;position:absolute;z-index:2;",""],responsiveLayout.responsiveLayout);exports.Body=Body,exports.ButtonPosition=ButtonPosition,exports.Container=Container,exports.Content=Content,exports.ContentScrollArea=ContentScrollArea,exports.DraggingHandle=DraggingHandle,exports.DraggingIconContainer=DraggingIconContainer,exports.Fading=Fading,exports.FancyBackground=FancyBackground,exports.Footer=Footer,exports.Img=Img,exports.LayoutSpacer=LayoutSpacer,exports.Media=Media,exports.ProgressPosition=ProgressPosition,exports.Root=Root,exports.StickyHeader=StickyHeader;
 //# sourceMappingURL=style.js.map

package/components/DialogComponent/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","sources":["../../../../src/components/DialogComponent/style.ts"],"sourcesContent":["import styled from 'styled-components'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { responsiveLayout } from 'mixins/responsive-layout'\nimport { focus } from 'mixins/focus'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { Spacer } from 'components/Spacer'\nimport type {\n  ResponsiveSizeProps,\n  ResponsiveSizeInterpolationProps,\n  ResponsiveLayoutInterpolationProps,\n} from 'shared/interfaces'\nimport maskRectangle from './images/mask-rectangle.svg'\nimport maskSlope from './images/mask-slope.svg'\nimport type {\n  StyledDialogComponentProps,\n  DialogComponentPalette,\n  StyledDialogContentProps,\n  Size,\n  Layout,\n} from './types'\n\nconst filterLayoutProps = (propKey: string) =>\n  !['layout', 'layoutXXS', 'layoutXS', 'layoutS', 'layoutM', 'layoutL', 'layoutXL', 'layouts'].includes(propKey)\n\nconst shouldForwardDialogComponentProp = createShouldForwardProp(\n  (propKey) => !['dragging', 'fancy', 'zIndex'].includes(propKey),\n  filterLayoutProps\n)\n\nconst filterCommonProps = createShouldForwardProp()\n\nexport const Fading = styled.div.withConfig<{\n  visible: boolean\n  after?: boolean\n}>({\n  shouldForwardProp: (propKey) => !['visible', 'after'].includes(propKey),\n})`\n  box-sizing: border-box;\n  position: relative;\n  flex-shrink: 0;\n  width: 100%;\n  z-index: 1;\n\n  &::before,\n  &::after {\n    transition-property: opacity;\n    transition-duration: 150ms;\n    transition-timing-function: ease-in;\n    pointer-events: none;\n  }\n\n  ${(props) =>\n    props.after\n      ? `\n          &::after {\n            content: '';\n            display: block;\n            position: absolute;\n            height: 35px;\n            bottom: 100%;\n            right: 4px; \n            left: 4px;\n            margin-bottom: -1px;\n            background-image: linear-gradient(0deg, currentcolor, transparent);\n            opacity: ${props.visible ? 1 : 0};\n          }\n            `\n      : `\n          &::before {\n            content: '';\n            display: block;\n            position: absolute;\n            height: 35px;\n            top: 100%;\n            right: 4px;\n            left: 4px;\n            margin-top: -1px;\n            background-image: linear-gradient(180deg, currentcolor, transparent);\n            opacity: ${props.visible ? 1 : 0};\n          }\n      `}\n`\n\nexport const FancyBackground = styled.div`\n  box-sizing: border-box;\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  mask-image: url(${maskSlope}), url(${maskRectangle});\n  mask-repeat: no-repeat, no-repeat;\n  mask-size:\n    100% 32px,\n    cover;\n  mask-position:\n    0 56px,\n    0 87px;\n  border-radius: inherit;\n`\n\nconst template = {\n  default: (palette: DialogComponentPalette) => `\n    color: ${palette.color};\n    background-color: ${palette.backgroundColor};\n    box-shadow: 0 6px 20px 1px ${palette.shadowColor};\n    ${Fading} {\n      color: ${palette.backgroundColor};\n    }\n  `,\n  fancy: (palette: DialogComponentPalette) => `\n    color: ${palette.color};\n    ${FancyBackground} {\n      background-color: ${palette.backgroundColor};\n    }\n    ${Fading} {\n      color: ${palette.backgroundColor};\n    }\n  `,\n}\n\nexport const Root = styled.div.withConfig<StyledDialogComponentProps>({\n  shouldForwardProp: shouldForwardDialogComponentProp,\n})`\n  box-sizing: border-box;\n  display: flex;\n  position: relative;\n  isolation: isolate;\n\n  ${(props) =>\n    (props.fancy ? template.fancy : template.default)({\n      color: props.theme.colors['content-onmain-primary'],\n      backgroundColor: props.theme.colors['bg-onmain-primary'],\n      shadowColor: props.theme.colors['bg-oncolor-hover'],\n      ...props.palette,\n    })}\n\n  ${(props) =>\n    props.dragging &&\n    `\n      box-shadow: 0 0 0 2px ${props.theme.colors.white}, 0 0 0 4px ${props.theme.colors['border-focus']};\n      `}\n  \n  ${(props) => typeof props.zIndex === 'number' && `z-index: ${props.zIndex};`}\n\n  ${responsiveSize}\n  ${responsiveLayout}\n`\n\nexport const Body = styled.div`\n  box-sizing: border-box;\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n  flex-grow: 1;\n`\n\nexport const StickyHeader = styled.div.withConfig<\n  ResponsiveSizeInterpolationProps<Size, Size, ResponsiveSizeProps<Size>>\n>({\n  shouldForwardProp: filterCommonProps,\n})`\n  ${responsiveSize}\n`\n\nexport const Container = styled.div.withConfig<ResponsiveSizeInterpolationProps<Size, Size, ResponsiveSizeProps<Size>>>(\n  {\n    shouldForwardProp: filterCommonProps,\n  }\n)`\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n  flex-grow: 1;\n\n  ${responsiveSize}\n`\n\nexport const ContentScrollArea = styled.div.withConfig<{ scrollable: boolean }>({\n  shouldForwardProp: (propKey: string) => !['scrollable'].includes(propKey),\n})`\n  box-sizing: border-box;\n  flex-grow: 1;\n  margin: 0 4px;\n  overflow: auto;\n\n  ${(props) => `\n    overscroll-behavior: ${props.scrollable ? 'contain' : 'auto'};\n  `}\n\n  ${focus}\n`\n\nexport const Content = styled.div.withConfig<StyledDialogContentProps>({\n  shouldForwardProp: filterCommonProps,\n})`\n  box-sizing: border-box;\n\n  ${responsiveSize}\n`\n\nexport const Footer = styled.div.withConfig<ResponsiveSizeInterpolationProps<Size, Size, ResponsiveSizeProps<Size>>>({\n  shouldForwardProp: filterCommonProps,\n})`\n  box-sizing: border-box;\n  flex-shrink: 0;\n\n  ${responsiveSize}\n`\n\nexport const DraggingHandle = styled.div.withConfig<ResponsiveLayoutInterpolationProps<Layout>>({\n  shouldForwardProp: filterLayoutProps,\n})`\n  box-sizing: border-box;\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  display: flex;\n  justify-content: center;\n  padding-top: 10px;\n  padding-bottom: 10px;\n  cursor: grab;\n  touch-action: none;\n  z-index: 2;\n\n  ${responsiveLayout}\n`\n\nexport const DraggingIconContainer = styled.div`\n  box-sizing: border-box;\n  display: flex;\n  padding: 3px 12px;\n  border-radius: 12px;\n\n  & > * {\n    height: 0.25em;\n  }\n\n  ${(props) => `\n      background-color: ${props.theme.colors['bg-onmain-tertiary']};\n    `}\n\n  ${focus}\n`\n\nexport const Media = styled.div.withConfig<ResponsiveLayoutInterpolationProps<Layout>>({\n  shouldForwardProp: filterLayoutProps,\n})`\n  box-sizing: border-box;\n  overflow: hidden;\n  flex-shrink: 0;\n\n  ${responsiveLayout}\n`\n\nexport const Img = styled.div.withConfig<{ src?: string }>({\n  shouldForwardProp: (propKey) => propKey !== 'src',\n})`\n  box-sizing: border-box;\n\n  ${(props) =>\n    props.src &&\n    `\n      background-image: url(${props.src});\n      background-repeat: no-repeat;\n      background-position: 50%;\n      background-size: cover;\n    `}\n`\n\nexport const LayoutSpacer = styled(Spacer).withConfig<ResponsiveLayoutInterpolationProps<Layout>>({\n  shouldForwardProp: filterLayoutProps,\n})`\n  ${responsiveLayout}\n`\n\nexport const ButtonPosition = styled.div`\n  box-sizing: border-box;\n  position: absolute;\n  top: 0;\n  right: 0;\n  z-index: 3;\n`\n\nexport const ProgressPosition = styled.div.withConfig<ResponsiveLayoutInterpolationProps<Layout>>({\n  shouldForwardProp: filterLayoutProps,\n})`\n  box-sizing: border-box;\n  position: absolute;\n  z-index: 2;\n\n  ${responsiveLayout}\n`\n"],"names":["filterLayoutProps","propKey","includes","shouldForwardDialogComponentProp","createShouldForwardProp","filterCommonProps","Fading","styled","div","withConfig","shouldForwardProp","displayName","componentId","props","after","visible","FancyBackground","maskSlope","maskRectangle","template","palette","color","backgroundColor","shadowColor","Root","fancy","theme","colors","dragging","white","zIndex","responsiveSize","responsiveLayout","Body","StickyHeader","Container","ContentScrollArea","scrollable","focus","Content","Footer","DraggingHandle","DraggingIconContainer","Media","Img","src","LayoutSpacer","Spacer","ButtonPosition","ProgressPosition"],"mappings":"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"}
+{"version":3,"file":"style.js","sources":["../../../../src/components/DialogComponent/style.ts"],"sourcesContent":["import styled from 'styled-components'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { responsiveLayout } from 'mixins/responsive-layout'\nimport { focus } from 'mixins/focus'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { Spacer } from 'components/Spacer'\nimport type {\n  ResponsiveSizeProps,\n  ResponsiveSizeInterpolationProps,\n  ResponsiveLayoutInterpolationProps,\n} from 'shared/interfaces'\nimport maskRectangle from './images/mask-rectangle.svg'\nimport maskSlope from './images/mask-slope.svg'\nimport type {\n  StyledDialogComponentProps,\n  DialogComponentPalette,\n  StyledDialogContentProps,\n  Size,\n  Layout,\n} from './types'\n\nconst filterLayoutProps = (propKey: string) =>\n  !['layout', 'layoutXXS', 'layoutXS', 'layoutS', 'layoutM', 'layoutL', 'layoutXL', 'layouts'].includes(propKey)\n\nconst shouldForwardDialogComponentProp = createShouldForwardProp(\n  (propKey) => !['dragging', 'fancy', 'zIndex'].includes(propKey),\n  filterLayoutProps\n)\n\nconst filterCommonProps = createShouldForwardProp()\n\nexport const Fading = styled.div.withConfig<{\n  visible: boolean\n  after?: boolean\n}>({\n  shouldForwardProp: (propKey) => !['visible', 'after'].includes(propKey),\n})`\n  box-sizing: border-box;\n  position: relative;\n  flex-shrink: 0;\n  width: 100%;\n  z-index: 1;\n\n  &::before,\n  &::after {\n    transition-property: opacity;\n    transition-duration: 150ms;\n    transition-timing-function: ease-in;\n    pointer-events: none;\n  }\n\n  ${(props) =>\n    props.after\n      ? `\n          &::after {\n            content: '';\n            display: block;\n            position: absolute;\n            height: 35px;\n            bottom: 100%;\n            right: 4px; \n            left: 4px;\n            margin-bottom: -1px;\n            background-image: linear-gradient(0deg, currentcolor, transparent);\n            opacity: ${props.visible ? 1 : 0};\n          }\n            `\n      : `\n          &::before {\n            content: '';\n            display: block;\n            position: absolute;\n            height: 35px;\n            top: 100%;\n            right: 4px;\n            left: 4px;\n            margin-top: -1px;\n            background-image: linear-gradient(180deg, currentcolor, transparent);\n            opacity: ${props.visible ? 1 : 0};\n          }\n      `}\n`\n\nexport const FancyBackground = styled.div`\n  box-sizing: border-box;\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  mask-image: url(${maskSlope}), url(${maskRectangle});\n  mask-repeat: no-repeat, no-repeat;\n  mask-size:\n    100% 32px,\n    cover;\n  mask-position:\n    0 56px,\n    0 87px;\n  border-radius: inherit;\n`\n\nconst template = {\n  default: (palette: DialogComponentPalette) => `\n    color: ${palette.color};\n    background-color: ${palette.backgroundColor};\n    box-shadow: 0 6px 20px 1px ${palette.shadowColor};\n    ${Fading} {\n      color: ${palette.backgroundColor};\n    }\n  `,\n  fancy: (palette: DialogComponentPalette) => `\n    color: ${palette.color};\n    ${FancyBackground} {\n      background-color: ${palette.backgroundColor};\n    }\n    ${Fading} {\n      color: ${palette.backgroundColor};\n    }\n  `,\n}\n\nexport const Root = styled.div.withConfig<StyledDialogComponentProps>({\n  shouldForwardProp: shouldForwardDialogComponentProp,\n})`\n  box-sizing: border-box;\n  display: flex;\n  position: relative;\n  isolation: isolate;\n\n  ${(props) =>\n    (props.fancy ? template.fancy : template.default)({\n      color: props.theme.colors['content-onmain-primary'],\n      backgroundColor: props.theme.colors['bg-onmain-primary'],\n      shadowColor: props.theme.colors['bg-oncolor-hover'],\n      ...props.palette,\n    })}\n\n  ${(props) =>\n    props.dragging &&\n    `\n      box-shadow: 0 0 0 2px ${props.theme.colors.white}, 0 0 0 4px ${props.theme.colors['border-focus']};\n      `}\n  \n  ${(props) => typeof props.zIndex === 'number' && `z-index: ${props.zIndex};`}\n\n  ${responsiveSize}\n  ${responsiveLayout}\n`\n\nexport const Body = styled.div`\n  box-sizing: border-box;\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n  flex-grow: 1;\n`\n\nexport const StickyHeader = styled.div.withConfig<\n  ResponsiveSizeInterpolationProps<Size, Size, ResponsiveSizeProps<Size>>\n>({\n  shouldForwardProp: filterCommonProps,\n})`\n  ${responsiveSize}\n`\n\nexport const Container = styled.div.withConfig<ResponsiveSizeInterpolationProps<Size, Size, ResponsiveSizeProps<Size>>>(\n  {\n    shouldForwardProp: filterCommonProps,\n  }\n)`\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n  flex-grow: 1;\n\n  ${responsiveSize}\n`\n\nexport const ContentScrollArea = styled.div.withConfig<{ scrollable: boolean }>({\n  shouldForwardProp: (propKey: string) => !['scrollable'].includes(propKey),\n})`\n  box-sizing: border-box;\n  flex-grow: 1;\n  margin: 0 4px;\n  overflow: auto;\n\n  ${(props) => `\n    overscroll-behavior: ${props.scrollable ? 'contain' : 'auto'};\n  `}\n\n  ${focus}\n`\n\nexport const Content = styled.div.withConfig<StyledDialogContentProps>({\n  shouldForwardProp: filterCommonProps,\n})`\n  box-sizing: border-box;\n\n  ${responsiveSize}\n`\n\nexport const Footer = styled.div.withConfig<ResponsiveSizeInterpolationProps<Size, Size, ResponsiveSizeProps<Size>>>({\n  shouldForwardProp: filterCommonProps,\n})`\n  box-sizing: border-box;\n  flex-shrink: 0;\n\n  ${responsiveSize}\n`\n\nexport const DraggingHandle = styled.div.withConfig<ResponsiveLayoutInterpolationProps<Layout>>({\n  shouldForwardProp: filterLayoutProps,\n})`\n  box-sizing: border-box;\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  display: flex;\n  justify-content: center;\n  padding-top: 10px;\n  padding-bottom: 10px;\n  cursor: grab;\n  touch-action: none;\n  z-index: 2;\n\n  ${responsiveLayout}\n`\n\nexport const DraggingIconContainer = styled.div`\n  box-sizing: border-box;\n  display: flex;\n  padding: 3px 12px;\n  border-radius: 12px;\n\n  & > * {\n    height: 0.25em;\n  }\n\n  ${(props) => `\n      background-color: ${props.theme.colors['bg-onmain-tertiary']};\n    `}\n\n  ${focus}\n`\n\nexport const Media = styled.div.withConfig<ResponsiveLayoutInterpolationProps<Layout>>({\n  shouldForwardProp: filterLayoutProps,\n})`\n  box-sizing: border-box;\n  overflow: hidden;\n  flex-shrink: 0;\n\n  ${responsiveLayout}\n`\n\nexport const Img = styled.div.withConfig<{ src?: string }>({\n  shouldForwardProp: (propKey) => propKey !== 'src',\n})`\n  box-sizing: border-box;\n\n  ${(props) =>\n    props.src &&\n    `\n      background-image: url(${props.src});\n      background-repeat: no-repeat;\n      background-position: 50%;\n      background-size: cover;\n    `}\n`\n\nexport const LayoutSpacer = styled(Spacer).withConfig<ResponsiveLayoutInterpolationProps<Layout>>({\n  shouldForwardProp: filterLayoutProps,\n})`\n  ${responsiveLayout}\n`\n\nexport const ButtonPosition = styled.div`\n  box-sizing: border-box;\n  position: absolute;\n  top: 0;\n  right: 0;\n  z-index: 3;\n`\n\nexport const ProgressPosition = styled.div.withConfig<ResponsiveLayoutInterpolationProps<Layout>>({\n  shouldForwardProp: filterLayoutProps,\n})`\n  box-sizing: border-box;\n  position: absolute;\n  z-index: 2;\n\n  ${responsiveLayout}\n`\n"],"names":["filterLayoutProps","propKey","includes","shouldForwardDialogComponentProp","createShouldForwardProp","filterCommonProps","Fading","styled","div","withConfig","shouldForwardProp","displayName","componentId","props","after","visible","FancyBackground","maskSlope","maskRectangle","template","palette","color","backgroundColor","shadowColor","Root","fancy","theme","colors","dragging","white","zIndex","responsiveSize","responsiveLayout","Body","StickyHeader","Container","ContentScrollArea","scrollable","focus","Content","Footer","DraggingHandle","DraggingIconContainer","Media","Img","src","LayoutSpacer","Spacer","ButtonPosition","ProgressPosition"],"mappings":"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"}

package/components/DialogComponent/style.mjs

@@ -1,2 +1,2 @@
-import styled from'styled-components';import{responsiveSize}from'../../mixins/responsive-size.mjs';import{responsiveLayout}from'../../mixins/responsive-layout.mjs';import{focus}from'../../mixins/focus.mjs';import{createShouldForwardProp}from'../../shared/utils/style.mjs';import maskRectangle from'./images/mask-rectangle.svg.mjs';import maskSlope from'./images/mask-slope.svg.mjs';import{Spacer}from'../Spacer/Spacer.mjs';const filterLayoutProps=o=>!['layout','layoutXXS','layoutXS','layoutS','layoutM','layoutL','layoutXL','layouts'].includes(o);const shouldForwardDialogComponentProp=createShouldForwardProp((o=>!['dragging','fancy','zIndex'].includes(o)),filterLayoutProps);const filterCommonProps=createShouldForwardProp();const Fading=styled.div.withConfig({shouldForwardProp:o=>!['visible','after'].includes(o)}).withConfig({displayName:"DialogComponent__Fading",componentId:"ui__sc-1dlvioj-0"})(["box-sizing:border-box;position:relative;flex-shrink:0;width:100%;z-index:1;&::before,&::after{transition-property:opacity;transition-duration:150ms;transition-timing-function:ease-in;pointer-events:none;}",""],(o=>o.after?`\n          &::after {\n            content: '';\n            display: block;\n            position: absolute;\n            height: 35px;\n            bottom: 100%;\n            right: 4px; \n            left: 4px;\n            margin-bottom: -1px;\n            background-image: linear-gradient(0deg, currentcolor, transparent);\n            opacity: ${o.visible?1:0};\n          }\n            `:`\n          &::before {\n            content: '';\n            display: block;\n            position: absolute;\n            height: 35px;\n            top: 100%;\n            right: 4px;\n            left: 4px;\n            margin-top: -1px;\n            background-image: linear-gradient(180deg, currentcolor, transparent);\n            opacity: ${o.visible?1:0};\n          }\n      `));const FancyBackground=styled.div.withConfig({displayName:"DialogComponent__FancyBackground",componentId:"ui__sc-1dlvioj-1"})(["box-sizing:border-box;position:absolute;top:0;right:0;bottom:0;left:0;mask-image:url(","),url(",");mask-repeat:no-repeat,no-repeat;mask-size:100% 32px,cover;mask-position:0 56px,0 87px;border-radius:inherit;"],maskSlope,maskRectangle);const template_default=o=>`\n    color: ${o.color};\n    background-color: ${o.backgroundColor};\n    box-shadow: 0 6px 20px 1px ${o.shadowColor};\n    ${Fading} {\n      color: ${o.backgroundColor};\n    }\n  `,template_fancy=o=>`\n    color: ${o.color};\n    ${FancyBackground} {\n      background-color: ${o.backgroundColor};\n    }\n    ${Fading} {\n      color: ${o.backgroundColor};\n    }\n  `;const Root=styled.div.withConfig({shouldForwardProp:shouldForwardDialogComponentProp}).withConfig({displayName:"DialogComponent__Root",componentId:"ui__sc-1dlvioj-2"})(["box-sizing:border-box;display:flex;position:relative;isolation:isolate;"," "," "," "," ",""],(o=>(o.fancy?template_fancy:template_default)({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['bg-onmain-primary'],shadowColor:o.theme.colors['bg-oncolor-hover'],...o.palette})),(o=>o.dragging&&`\n      box-shadow: 0 0 0 2px ${o.theme.colors.white}, 0 0 0 4px ${o.theme.colors['border-focus']};\n      `),(o=>typeof o.zIndex=='number'&&`z-index: ${o.zIndex};`),responsiveSize,responsiveLayout);const Body=styled.div.withConfig({displayName:"DialogComponent__Body",componentId:"ui__sc-1dlvioj-3"})(["box-sizing:border-box;position:relative;display:flex;flex-direction:column;overflow:hidden;flex-grow:1;"]);const StickyHeader=styled.div.withConfig({shouldForwardProp:filterCommonProps}).withConfig({displayName:"DialogComponent__StickyHeader",componentId:"ui__sc-1dlvioj-4"})(["",""],responsiveSize);const Container=styled.div.withConfig({shouldForwardProp:filterCommonProps}).withConfig({displayName:"DialogComponent__Container",componentId:"ui__sc-1dlvioj-5"})(["box-sizing:border-box;display:flex;flex-direction:column;overflow:hidden;flex-grow:1;",""],responsiveSize);const ContentScrollArea=styled.div.withConfig({shouldForwardProp:o=>!['scrollable'].includes(o)}).withConfig({displayName:"DialogComponent__ContentScrollArea",componentId:"ui__sc-1dlvioj-6"})(["box-sizing:border-box;flex-grow:1;margin:0 4px;overflow:auto;"," ",""],(o=>`\n    overscroll-behavior: ${o.scrollable?'contain':'auto'};\n  `),focus);const Content=styled.div.withConfig({shouldForwardProp:filterCommonProps}).withConfig({displayName:"DialogComponent__Content",componentId:"ui__sc-1dlvioj-7"})(["box-sizing:border-box;",""],responsiveSize);const Footer=styled.div.withConfig({shouldForwardProp:filterCommonProps}).withConfig({displayName:"DialogComponent__Footer",componentId:"ui__sc-1dlvioj-8"})(["box-sizing:border-box;flex-shrink:0;",""],responsiveSize);const DraggingHandle=styled.div.withConfig({shouldForwardProp:filterLayoutProps}).withConfig({displayName:"DialogComponent__DraggingHandle",componentId:"ui__sc-1dlvioj-9"})(["box-sizing:border-box;position:absolute;top:0;left:0;width:100%;display:flex;justify-content:center;padding-top:10px;padding-bottom:10px;cursor:grab;touch-action:none;z-index:2;",""],responsiveLayout);const DraggingIconContainer=styled.div.withConfig({displayName:"DialogComponent__DraggingIconContainer",componentId:"ui__sc-1dlvioj-10"})(["box-sizing:border-box;display:flex;padding:3px 12px;border-radius:12px;& > *{height:0.25em;}"," ",""],(o=>`\n      background-color: ${o.theme.colors['bg-onmain-tertiary']};\n    `),focus);const Media=styled.div.withConfig({shouldForwardProp:filterLayoutProps}).withConfig({displayName:"DialogComponent__Media",componentId:"ui__sc-1dlvioj-11"})(["box-sizing:border-box;overflow:hidden;flex-shrink:0;",""],responsiveLayout);const Img=styled.div.withConfig({shouldForwardProp:o=>o!=='src'}).withConfig({displayName:"DialogComponent__Img",componentId:"ui__sc-1dlvioj-12"})(["box-sizing:border-box;",""],(o=>o.src&&`\n      background-image: url(${o.src});\n      background-repeat: no-repeat;\n      background-position: 50%;\n      background-size: cover;\n    `));const LayoutSpacer=styled(Spacer).withConfig({shouldForwardProp:filterLayoutProps}).withConfig({displayName:"DialogComponent__LayoutSpacer",componentId:"ui__sc-1dlvioj-13"})(["",""],responsiveLayout);const ButtonPosition=styled.div.withConfig({displayName:"DialogComponent__ButtonPosition",componentId:"ui__sc-1dlvioj-14"})(["box-sizing:border-box;position:absolute;top:0;right:0;z-index:3;"]);const ProgressPosition=styled.div.withConfig({shouldForwardProp:filterLayoutProps}).withConfig({displayName:"DialogComponent__ProgressPosition",componentId:"ui__sc-1dlvioj-15"})(["box-sizing:border-box;position:absolute;z-index:2;",""],responsiveLayout);export{Body,ButtonPosition,Container,Content,ContentScrollArea,DraggingHandle,DraggingIconContainer,Fading,FancyBackground,Footer,Img,LayoutSpacer,Media,ProgressPosition,Root,StickyHeader};
+import styled from'styled-components';import{responsiveSize}from'../../mixins/responsive-size.mjs';import{responsiveLayout}from'../../mixins/responsive-layout.mjs';import{focus}from'../../mixins/focus.mjs';import{createShouldForwardProp}from'../../shared/utils/style.mjs';import maskRectangle from'./images/mask-rectangle.svg.mjs';import maskSlope from'./images/mask-slope.svg.mjs';import{Spacer}from'../Spacer/Spacer.mjs';const filterLayoutProps=o=>!['layout','layoutXXS','layoutXS','layoutS','layoutM','layoutL','layoutXL','layouts'].includes(o);const shouldForwardDialogComponentProp=createShouldForwardProp(o=>!['dragging','fancy','zIndex'].includes(o),filterLayoutProps);const filterCommonProps=createShouldForwardProp();const Fading=styled.div.withConfig({shouldForwardProp:o=>!['visible','after'].includes(o)}).withConfig({displayName:"DialogComponent__Fading",componentId:"ui__sc-1dlvioj-0"})(["box-sizing:border-box;position:relative;flex-shrink:0;width:100%;z-index:1;&::before,&::after{transition-property:opacity;transition-duration:150ms;transition-timing-function:ease-in;pointer-events:none;}",""],o=>o.after?`\n          &::after {\n            content: '';\n            display: block;\n            position: absolute;\n            height: 35px;\n            bottom: 100%;\n            right: 4px; \n            left: 4px;\n            margin-bottom: -1px;\n            background-image: linear-gradient(0deg, currentcolor, transparent);\n            opacity: ${o.visible?1:0};\n          }\n            `:`\n          &::before {\n            content: '';\n            display: block;\n            position: absolute;\n            height: 35px;\n            top: 100%;\n            right: 4px;\n            left: 4px;\n            margin-top: -1px;\n            background-image: linear-gradient(180deg, currentcolor, transparent);\n            opacity: ${o.visible?1:0};\n          }\n      `);const FancyBackground=styled.div.withConfig({displayName:"DialogComponent__FancyBackground",componentId:"ui__sc-1dlvioj-1"})(["box-sizing:border-box;position:absolute;top:0;right:0;bottom:0;left:0;mask-image:url(","),url(",");mask-repeat:no-repeat,no-repeat;mask-size:100% 32px,cover;mask-position:0 56px,0 87px;border-radius:inherit;"],maskSlope,maskRectangle);const template_default=o=>`\n    color: ${o.color};\n    background-color: ${o.backgroundColor};\n    box-shadow: 0 6px 20px 1px ${o.shadowColor};\n    ${Fading} {\n      color: ${o.backgroundColor};\n    }\n  `,template_fancy=o=>`\n    color: ${o.color};\n    ${FancyBackground} {\n      background-color: ${o.backgroundColor};\n    }\n    ${Fading} {\n      color: ${o.backgroundColor};\n    }\n  `;const Root=styled.div.withConfig({shouldForwardProp:shouldForwardDialogComponentProp}).withConfig({displayName:"DialogComponent__Root",componentId:"ui__sc-1dlvioj-2"})(["box-sizing:border-box;display:flex;position:relative;isolation:isolate;"," "," "," "," ",""],o=>(o.fancy?template_fancy:template_default)({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['bg-onmain-primary'],shadowColor:o.theme.colors['bg-oncolor-hover'],...o.palette}),o=>o.dragging&&`\n      box-shadow: 0 0 0 2px ${o.theme.colors.white}, 0 0 0 4px ${o.theme.colors['border-focus']};\n      `,o=>typeof o.zIndex=='number'&&`z-index: ${o.zIndex};`,responsiveSize,responsiveLayout);const Body=styled.div.withConfig({displayName:"DialogComponent__Body",componentId:"ui__sc-1dlvioj-3"})(["box-sizing:border-box;position:relative;display:flex;flex-direction:column;overflow:hidden;flex-grow:1;"]);const StickyHeader=styled.div.withConfig({shouldForwardProp:filterCommonProps}).withConfig({displayName:"DialogComponent__StickyHeader",componentId:"ui__sc-1dlvioj-4"})(["",""],responsiveSize);const Container=styled.div.withConfig({shouldForwardProp:filterCommonProps}).withConfig({displayName:"DialogComponent__Container",componentId:"ui__sc-1dlvioj-5"})(["box-sizing:border-box;display:flex;flex-direction:column;overflow:hidden;flex-grow:1;",""],responsiveSize);const ContentScrollArea=styled.div.withConfig({shouldForwardProp:o=>!['scrollable'].includes(o)}).withConfig({displayName:"DialogComponent__ContentScrollArea",componentId:"ui__sc-1dlvioj-6"})(["box-sizing:border-box;flex-grow:1;margin:0 4px;overflow:auto;"," ",""],o=>`\n    overscroll-behavior: ${o.scrollable?'contain':'auto'};\n  `,focus);const Content=styled.div.withConfig({shouldForwardProp:filterCommonProps}).withConfig({displayName:"DialogComponent__Content",componentId:"ui__sc-1dlvioj-7"})(["box-sizing:border-box;",""],responsiveSize);const Footer=styled.div.withConfig({shouldForwardProp:filterCommonProps}).withConfig({displayName:"DialogComponent__Footer",componentId:"ui__sc-1dlvioj-8"})(["box-sizing:border-box;flex-shrink:0;",""],responsiveSize);const DraggingHandle=styled.div.withConfig({shouldForwardProp:filterLayoutProps}).withConfig({displayName:"DialogComponent__DraggingHandle",componentId:"ui__sc-1dlvioj-9"})(["box-sizing:border-box;position:absolute;top:0;left:0;width:100%;display:flex;justify-content:center;padding-top:10px;padding-bottom:10px;cursor:grab;touch-action:none;z-index:2;",""],responsiveLayout);const DraggingIconContainer=styled.div.withConfig({displayName:"DialogComponent__DraggingIconContainer",componentId:"ui__sc-1dlvioj-10"})(["box-sizing:border-box;display:flex;padding:3px 12px;border-radius:12px;& > *{height:0.25em;}"," ",""],o=>`\n      background-color: ${o.theme.colors['bg-onmain-tertiary']};\n    `,focus);const Media=styled.div.withConfig({shouldForwardProp:filterLayoutProps}).withConfig({displayName:"DialogComponent__Media",componentId:"ui__sc-1dlvioj-11"})(["box-sizing:border-box;overflow:hidden;flex-shrink:0;",""],responsiveLayout);const Img=styled.div.withConfig({shouldForwardProp:o=>o!=='src'}).withConfig({displayName:"DialogComponent__Img",componentId:"ui__sc-1dlvioj-12"})(["box-sizing:border-box;",""],o=>o.src&&`\n      background-image: url(${o.src});\n      background-repeat: no-repeat;\n      background-position: 50%;\n      background-size: cover;\n    `);const LayoutSpacer=styled(Spacer).withConfig({shouldForwardProp:filterLayoutProps}).withConfig({displayName:"DialogComponent__LayoutSpacer",componentId:"ui__sc-1dlvioj-13"})(["",""],responsiveLayout);const ButtonPosition=styled.div.withConfig({displayName:"DialogComponent__ButtonPosition",componentId:"ui__sc-1dlvioj-14"})(["box-sizing:border-box;position:absolute;top:0;right:0;z-index:3;"]);const ProgressPosition=styled.div.withConfig({shouldForwardProp:filterLayoutProps}).withConfig({displayName:"DialogComponent__ProgressPosition",componentId:"ui__sc-1dlvioj-15"})(["box-sizing:border-box;position:absolute;z-index:2;",""],responsiveLayout);export{Body,ButtonPosition,Container,Content,ContentScrollArea,DraggingHandle,DraggingIconContainer,Fading,FancyBackground,Footer,Img,LayoutSpacer,Media,ProgressPosition,Root,StickyHeader};
 //# sourceMappingURL=style.mjs.map

package/components/DialogComponent/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","sources":["../../../../src/components/DialogComponent/style.ts"],"sourcesContent":["import styled from 'styled-components'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { responsiveLayout } from 'mixins/responsive-layout'\nimport { focus } from 'mixins/focus'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { Spacer } from 'components/Spacer'\nimport type {\n  ResponsiveSizeProps,\n  ResponsiveSizeInterpolationProps,\n  ResponsiveLayoutInterpolationProps,\n} from 'shared/interfaces'\nimport maskRectangle from './images/mask-rectangle.svg'\nimport maskSlope from './images/mask-slope.svg'\nimport type {\n  StyledDialogComponentProps,\n  DialogComponentPalette,\n  StyledDialogContentProps,\n  Size,\n  Layout,\n} from './types'\n\nconst filterLayoutProps = (propKey: string) =>\n  !['layout', 'layoutXXS', 'layoutXS', 'layoutS', 'layoutM', 'layoutL', 'layoutXL', 'layouts'].includes(propKey)\n\nconst shouldForwardDialogComponentProp = createShouldForwardProp(\n  (propKey) => !['dragging', 'fancy', 'zIndex'].includes(propKey),\n  filterLayoutProps\n)\n\nconst filterCommonProps = createShouldForwardProp()\n\nexport const Fading = styled.div.withConfig<{\n  visible: boolean\n  after?: boolean\n}>({\n  shouldForwardProp: (propKey) => !['visible', 'after'].includes(propKey),\n})`\n  box-sizing: border-box;\n  position: relative;\n  flex-shrink: 0;\n  width: 100%;\n  z-index: 1;\n\n  &::before,\n  &::after {\n    transition-property: opacity;\n    transition-duration: 150ms;\n    transition-timing-function: ease-in;\n    pointer-events: none;\n  }\n\n  ${(props) =>\n    props.after\n      ? `\n          &::after {\n            content: '';\n            display: block;\n            position: absolute;\n            height: 35px;\n            bottom: 100%;\n            right: 4px; \n            left: 4px;\n            margin-bottom: -1px;\n            background-image: linear-gradient(0deg, currentcolor, transparent);\n            opacity: ${props.visible ? 1 : 0};\n          }\n            `\n      : `\n          &::before {\n            content: '';\n            display: block;\n            position: absolute;\n            height: 35px;\n            top: 100%;\n            right: 4px;\n            left: 4px;\n            margin-top: -1px;\n            background-image: linear-gradient(180deg, currentcolor, transparent);\n            opacity: ${props.visible ? 1 : 0};\n          }\n      `}\n`\n\nexport const FancyBackground = styled.div`\n  box-sizing: border-box;\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  mask-image: url(${maskSlope}), url(${maskRectangle});\n  mask-repeat: no-repeat, no-repeat;\n  mask-size:\n    100% 32px,\n    cover;\n  mask-position:\n    0 56px,\n    0 87px;\n  border-radius: inherit;\n`\n\nconst template = {\n  default: (palette: DialogComponentPalette) => `\n    color: ${palette.color};\n    background-color: ${palette.backgroundColor};\n    box-shadow: 0 6px 20px 1px ${palette.shadowColor};\n    ${Fading} {\n      color: ${palette.backgroundColor};\n    }\n  `,\n  fancy: (palette: DialogComponentPalette) => `\n    color: ${palette.color};\n    ${FancyBackground} {\n      background-color: ${palette.backgroundColor};\n    }\n    ${Fading} {\n      color: ${palette.backgroundColor};\n    }\n  `,\n}\n\nexport const Root = styled.div.withConfig<StyledDialogComponentProps>({\n  shouldForwardProp: shouldForwardDialogComponentProp,\n})`\n  box-sizing: border-box;\n  display: flex;\n  position: relative;\n  isolation: isolate;\n\n  ${(props) =>\n    (props.fancy ? template.fancy : template.default)({\n      color: props.theme.colors['content-onmain-primary'],\n      backgroundColor: props.theme.colors['bg-onmain-primary'],\n      shadowColor: props.theme.colors['bg-oncolor-hover'],\n      ...props.palette,\n    })}\n\n  ${(props) =>\n    props.dragging &&\n    `\n      box-shadow: 0 0 0 2px ${props.theme.colors.white}, 0 0 0 4px ${props.theme.colors['border-focus']};\n      `}\n  \n  ${(props) => typeof props.zIndex === 'number' && `z-index: ${props.zIndex};`}\n\n  ${responsiveSize}\n  ${responsiveLayout}\n`\n\nexport const Body = styled.div`\n  box-sizing: border-box;\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n  flex-grow: 1;\n`\n\nexport const StickyHeader = styled.div.withConfig<\n  ResponsiveSizeInterpolationProps<Size, Size, ResponsiveSizeProps<Size>>\n>({\n  shouldForwardProp: filterCommonProps,\n})`\n  ${responsiveSize}\n`\n\nexport const Container = styled.div.withConfig<ResponsiveSizeInterpolationProps<Size, Size, ResponsiveSizeProps<Size>>>(\n  {\n    shouldForwardProp: filterCommonProps,\n  }\n)`\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n  flex-grow: 1;\n\n  ${responsiveSize}\n`\n\nexport const ContentScrollArea = styled.div.withConfig<{ scrollable: boolean }>({\n  shouldForwardProp: (propKey: string) => !['scrollable'].includes(propKey),\n})`\n  box-sizing: border-box;\n  flex-grow: 1;\n  margin: 0 4px;\n  overflow: auto;\n\n  ${(props) => `\n    overscroll-behavior: ${props.scrollable ? 'contain' : 'auto'};\n  `}\n\n  ${focus}\n`\n\nexport const Content = styled.div.withConfig<StyledDialogContentProps>({\n  shouldForwardProp: filterCommonProps,\n})`\n  box-sizing: border-box;\n\n  ${responsiveSize}\n`\n\nexport const Footer = styled.div.withConfig<ResponsiveSizeInterpolationProps<Size, Size, ResponsiveSizeProps<Size>>>({\n  shouldForwardProp: filterCommonProps,\n})`\n  box-sizing: border-box;\n  flex-shrink: 0;\n\n  ${responsiveSize}\n`\n\nexport const DraggingHandle = styled.div.withConfig<ResponsiveLayoutInterpolationProps<Layout>>({\n  shouldForwardProp: filterLayoutProps,\n})`\n  box-sizing: border-box;\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  display: flex;\n  justify-content: center;\n  padding-top: 10px;\n  padding-bottom: 10px;\n  cursor: grab;\n  touch-action: none;\n  z-index: 2;\n\n  ${responsiveLayout}\n`\n\nexport const DraggingIconContainer = styled.div`\n  box-sizing: border-box;\n  display: flex;\n  padding: 3px 12px;\n  border-radius: 12px;\n\n  & > * {\n    height: 0.25em;\n  }\n\n  ${(props) => `\n      background-color: ${props.theme.colors['bg-onmain-tertiary']};\n    `}\n\n  ${focus}\n`\n\nexport const Media = styled.div.withConfig<ResponsiveLayoutInterpolationProps<Layout>>({\n  shouldForwardProp: filterLayoutProps,\n})`\n  box-sizing: border-box;\n  overflow: hidden;\n  flex-shrink: 0;\n\n  ${responsiveLayout}\n`\n\nexport const Img = styled.div.withConfig<{ src?: string }>({\n  shouldForwardProp: (propKey) => propKey !== 'src',\n})`\n  box-sizing: border-box;\n\n  ${(props) =>\n    props.src &&\n    `\n      background-image: url(${props.src});\n      background-repeat: no-repeat;\n      background-position: 50%;\n      background-size: cover;\n    `}\n`\n\nexport const LayoutSpacer = styled(Spacer).withConfig<ResponsiveLayoutInterpolationProps<Layout>>({\n  shouldForwardProp: filterLayoutProps,\n})`\n  ${responsiveLayout}\n`\n\nexport const ButtonPosition = styled.div`\n  box-sizing: border-box;\n  position: absolute;\n  top: 0;\n  right: 0;\n  z-index: 3;\n`\n\nexport const ProgressPosition = styled.div.withConfig<ResponsiveLayoutInterpolationProps<Layout>>({\n  shouldForwardProp: filterLayoutProps,\n})`\n  box-sizing: border-box;\n  position: absolute;\n  z-index: 2;\n\n  ${responsiveLayout}\n`\n"],"names":["filterLayoutProps","propKey","includes","shouldForwardDialogComponentProp","createShouldForwardProp","filterCommonProps","Fading","styled","div","withConfig","shouldForwardProp","displayName","componentId","props","after","visible","FancyBackground","maskSlope","maskRectangle","template","palette","color","backgroundColor","shadowColor","Root","fancy","theme","colors","dragging","white","zIndex","responsiveSize","responsiveLayout","Body","StickyHeader","Container","ContentScrollArea","scrollable","focus","Content","Footer","DraggingHandle","DraggingIconContainer","Media","Img","src","LayoutSpacer","Spacer","ButtonPosition","ProgressPosition"],"mappings":"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"}
+{"version":3,"file":"style.mjs","sources":["../../../../src/components/DialogComponent/style.ts"],"sourcesContent":["import styled from 'styled-components'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { responsiveLayout } from 'mixins/responsive-layout'\nimport { focus } from 'mixins/focus'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { Spacer } from 'components/Spacer'\nimport type {\n  ResponsiveSizeProps,\n  ResponsiveSizeInterpolationProps,\n  ResponsiveLayoutInterpolationProps,\n} from 'shared/interfaces'\nimport maskRectangle from './images/mask-rectangle.svg'\nimport maskSlope from './images/mask-slope.svg'\nimport type {\n  StyledDialogComponentProps,\n  DialogComponentPalette,\n  StyledDialogContentProps,\n  Size,\n  Layout,\n} from './types'\n\nconst filterLayoutProps = (propKey: string) =>\n  !['layout', 'layoutXXS', 'layoutXS', 'layoutS', 'layoutM', 'layoutL', 'layoutXL', 'layouts'].includes(propKey)\n\nconst shouldForwardDialogComponentProp = createShouldForwardProp(\n  (propKey) => !['dragging', 'fancy', 'zIndex'].includes(propKey),\n  filterLayoutProps\n)\n\nconst filterCommonProps = createShouldForwardProp()\n\nexport const Fading = styled.div.withConfig<{\n  visible: boolean\n  after?: boolean\n}>({\n  shouldForwardProp: (propKey) => !['visible', 'after'].includes(propKey),\n})`\n  box-sizing: border-box;\n  position: relative;\n  flex-shrink: 0;\n  width: 100%;\n  z-index: 1;\n\n  &::before,\n  &::after {\n    transition-property: opacity;\n    transition-duration: 150ms;\n    transition-timing-function: ease-in;\n    pointer-events: none;\n  }\n\n  ${(props) =>\n    props.after\n      ? `\n          &::after {\n            content: '';\n            display: block;\n            position: absolute;\n            height: 35px;\n            bottom: 100%;\n            right: 4px; \n            left: 4px;\n            margin-bottom: -1px;\n            background-image: linear-gradient(0deg, currentcolor, transparent);\n            opacity: ${props.visible ? 1 : 0};\n          }\n            `\n      : `\n          &::before {\n            content: '';\n            display: block;\n            position: absolute;\n            height: 35px;\n            top: 100%;\n            right: 4px;\n            left: 4px;\n            margin-top: -1px;\n            background-image: linear-gradient(180deg, currentcolor, transparent);\n            opacity: ${props.visible ? 1 : 0};\n          }\n      `}\n`\n\nexport const FancyBackground = styled.div`\n  box-sizing: border-box;\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  mask-image: url(${maskSlope}), url(${maskRectangle});\n  mask-repeat: no-repeat, no-repeat;\n  mask-size:\n    100% 32px,\n    cover;\n  mask-position:\n    0 56px,\n    0 87px;\n  border-radius: inherit;\n`\n\nconst template = {\n  default: (palette: DialogComponentPalette) => `\n    color: ${palette.color};\n    background-color: ${palette.backgroundColor};\n    box-shadow: 0 6px 20px 1px ${palette.shadowColor};\n    ${Fading} {\n      color: ${palette.backgroundColor};\n    }\n  `,\n  fancy: (palette: DialogComponentPalette) => `\n    color: ${palette.color};\n    ${FancyBackground} {\n      background-color: ${palette.backgroundColor};\n    }\n    ${Fading} {\n      color: ${palette.backgroundColor};\n    }\n  `,\n}\n\nexport const Root = styled.div.withConfig<StyledDialogComponentProps>({\n  shouldForwardProp: shouldForwardDialogComponentProp,\n})`\n  box-sizing: border-box;\n  display: flex;\n  position: relative;\n  isolation: isolate;\n\n  ${(props) =>\n    (props.fancy ? template.fancy : template.default)({\n      color: props.theme.colors['content-onmain-primary'],\n      backgroundColor: props.theme.colors['bg-onmain-primary'],\n      shadowColor: props.theme.colors['bg-oncolor-hover'],\n      ...props.palette,\n    })}\n\n  ${(props) =>\n    props.dragging &&\n    `\n      box-shadow: 0 0 0 2px ${props.theme.colors.white}, 0 0 0 4px ${props.theme.colors['border-focus']};\n      `}\n  \n  ${(props) => typeof props.zIndex === 'number' && `z-index: ${props.zIndex};`}\n\n  ${responsiveSize}\n  ${responsiveLayout}\n`\n\nexport const Body = styled.div`\n  box-sizing: border-box;\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n  flex-grow: 1;\n`\n\nexport const StickyHeader = styled.div.withConfig<\n  ResponsiveSizeInterpolationProps<Size, Size, ResponsiveSizeProps<Size>>\n>({\n  shouldForwardProp: filterCommonProps,\n})`\n  ${responsiveSize}\n`\n\nexport const Container = styled.div.withConfig<ResponsiveSizeInterpolationProps<Size, Size, ResponsiveSizeProps<Size>>>(\n  {\n    shouldForwardProp: filterCommonProps,\n  }\n)`\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n  flex-grow: 1;\n\n  ${responsiveSize}\n`\n\nexport const ContentScrollArea = styled.div.withConfig<{ scrollable: boolean }>({\n  shouldForwardProp: (propKey: string) => !['scrollable'].includes(propKey),\n})`\n  box-sizing: border-box;\n  flex-grow: 1;\n  margin: 0 4px;\n  overflow: auto;\n\n  ${(props) => `\n    overscroll-behavior: ${props.scrollable ? 'contain' : 'auto'};\n  `}\n\n  ${focus}\n`\n\nexport const Content = styled.div.withConfig<StyledDialogContentProps>({\n  shouldForwardProp: filterCommonProps,\n})`\n  box-sizing: border-box;\n\n  ${responsiveSize}\n`\n\nexport const Footer = styled.div.withConfig<ResponsiveSizeInterpolationProps<Size, Size, ResponsiveSizeProps<Size>>>({\n  shouldForwardProp: filterCommonProps,\n})`\n  box-sizing: border-box;\n  flex-shrink: 0;\n\n  ${responsiveSize}\n`\n\nexport const DraggingHandle = styled.div.withConfig<ResponsiveLayoutInterpolationProps<Layout>>({\n  shouldForwardProp: filterLayoutProps,\n})`\n  box-sizing: border-box;\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  display: flex;\n  justify-content: center;\n  padding-top: 10px;\n  padding-bottom: 10px;\n  cursor: grab;\n  touch-action: none;\n  z-index: 2;\n\n  ${responsiveLayout}\n`\n\nexport const DraggingIconContainer = styled.div`\n  box-sizing: border-box;\n  display: flex;\n  padding: 3px 12px;\n  border-radius: 12px;\n\n  & > * {\n    height: 0.25em;\n  }\n\n  ${(props) => `\n      background-color: ${props.theme.colors['bg-onmain-tertiary']};\n    `}\n\n  ${focus}\n`\n\nexport const Media = styled.div.withConfig<ResponsiveLayoutInterpolationProps<Layout>>({\n  shouldForwardProp: filterLayoutProps,\n})`\n  box-sizing: border-box;\n  overflow: hidden;\n  flex-shrink: 0;\n\n  ${responsiveLayout}\n`\n\nexport const Img = styled.div.withConfig<{ src?: string }>({\n  shouldForwardProp: (propKey) => propKey !== 'src',\n})`\n  box-sizing: border-box;\n\n  ${(props) =>\n    props.src &&\n    `\n      background-image: url(${props.src});\n      background-repeat: no-repeat;\n      background-position: 50%;\n      background-size: cover;\n    `}\n`\n\nexport const LayoutSpacer = styled(Spacer).withConfig<ResponsiveLayoutInterpolationProps<Layout>>({\n  shouldForwardProp: filterLayoutProps,\n})`\n  ${responsiveLayout}\n`\n\nexport const ButtonPosition = styled.div`\n  box-sizing: border-box;\n  position: absolute;\n  top: 0;\n  right: 0;\n  z-index: 3;\n`\n\nexport const ProgressPosition = styled.div.withConfig<ResponsiveLayoutInterpolationProps<Layout>>({\n  shouldForwardProp: filterLayoutProps,\n})`\n  box-sizing: border-box;\n  position: absolute;\n  z-index: 2;\n\n  ${responsiveLayout}\n`\n"],"names":["filterLayoutProps","propKey","includes","shouldForwardDialogComponentProp","createShouldForwardProp","filterCommonProps","Fading","styled","div","withConfig","shouldForwardProp","displayName","componentId","props","after","visible","FancyBackground","maskSlope","maskRectangle","template","palette","color","backgroundColor","shadowColor","Root","fancy","theme","colors","dragging","white","zIndex","responsiveSize","responsiveLayout","Body","StickyHeader","Container","ContentScrollArea","scrollable","focus","Content","Footer","DraggingHandle","DraggingIconContainer","Media","Img","src","LayoutSpacer","Spacer","ButtonPosition","ProgressPosition"],"mappings":"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"}

package/components/Divider/Divider.js

@@ -1,2 +1,2 @@
-'use strict';var React=require('react');var style=require('./style.js');var jsxRuntime=require('react/jsx-runtime');exports.Divider=React.forwardRef(((e,r)=>jsxRuntime.jsx(style.Root,{...e,"data-ui-divider":!0,ref:r})));
+'use strict';var React=require('react');var style=require('./style.js');var jsxRuntime=require('react/jsx-runtime');exports.Divider=React.forwardRef((e,r)=>jsxRuntime.jsx(style.Root,{...e,"data-ui-divider":!0,ref:r}));
 //# sourceMappingURL=Divider.js.map

package/components/Divider/Divider.js.map

@@ -1 +1 @@
-{"version":3,"file":"Divider.js","sources":["../../../../src/components/Divider/Divider.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport type { DividerProps } from './types'\nimport * as Styled from './style'\n\n/**\n *\n * Компонент для создания горизонтальной разделительной линии.\n *\n * Поддерживается \"ref\" и все нативные атрибуты \\<div\\> элемента.\n */\nconst Divider: React.ForwardRefExoticComponent<DividerProps> = forwardRef<HTMLDivElement, DividerProps>(\n  (props, ref) => <Styled.Root {...props} data-ui-divider ref={ref} />\n)\n\nexport { Divider }\n"],"names":["forwardRef","props","ref","_jsx","Styled"],"mappings":"oIAU+DA,MAAAA,YAC7D,CAACC,EAAOC,IAAQC,WAAAA,IAACC,MAAAA,KAAW,IAAKH,EAAO,mBAAA,EAAgBC,IAAKA"}
+{"version":3,"file":"Divider.js","sources":["../../../../src/components/Divider/Divider.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport type { DividerProps } from './types'\nimport * as Styled from './style'\n\n/**\n *\n * Компонент для создания горизонтальной разделительной линии.\n *\n * Поддерживается \"ref\" и все нативные атрибуты \\<div\\> элемента.\n */\nconst Divider: React.ForwardRefExoticComponent<DividerProps> = forwardRef<HTMLDivElement, DividerProps>(\n  (props, ref) => <Styled.Root {...props} data-ui-divider ref={ref} />\n)\n\nexport { Divider }\n"],"names":["forwardRef","props","ref","_jsx","Styled"],"mappings":"oIAU+DA,MAAAA,WAC7D,CAACC,EAAOC,IAAQC,WAAAA,IAACC,MAAAA,KAAW,IAAKH,EAAO,mBAAA,EAAgBC,IAAKA"}

package/components/Divider/Divider.mjs

@@ -1,2 +1,2 @@
-import{forwardRef}from'react';import{Root}from'./style.mjs';import{jsx}from'react/jsx-runtime';const Divider=forwardRef(((r,o)=>jsx(Root,{...r,"data-ui-divider":!0,ref:o})));export{Divider};
+import{forwardRef}from'react';import{Root}from'./style.mjs';import{jsx}from'react/jsx-runtime';const Divider=forwardRef((r,o)=>jsx(Root,{...r,"data-ui-divider":!0,ref:o}));export{Divider};
 //# sourceMappingURL=Divider.mjs.map

package/components/Divider/Divider.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Divider.mjs","sources":["../../../../src/components/Divider/Divider.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport type { DividerProps } from './types'\nimport * as Styled from './style'\n\n/**\n *\n * Компонент для создания горизонтальной разделительной линии.\n *\n * Поддерживается \"ref\" и все нативные атрибуты \\<div\\> элемента.\n */\nconst Divider: React.ForwardRefExoticComponent<DividerProps> = forwardRef<HTMLDivElement, DividerProps>(\n  (props, ref) => <Styled.Root {...props} data-ui-divider ref={ref} />\n)\n\nexport { Divider }\n"],"names":["Divider","forwardRef","props","ref","_jsx","Styled"],"mappings":"+FAUA,MAAMA,QAAyDC,YAC7D,CAACC,EAAOC,IAAQC,IAACC,KAAW,IAAKH,EAAO,mBAAA,EAAgBC,IAAKA"}
+{"version":3,"file":"Divider.mjs","sources":["../../../../src/components/Divider/Divider.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport type { DividerProps } from './types'\nimport * as Styled from './style'\n\n/**\n *\n * Компонент для создания горизонтальной разделительной линии.\n *\n * Поддерживается \"ref\" и все нативные атрибуты \\<div\\> элемента.\n */\nconst Divider: React.ForwardRefExoticComponent<DividerProps> = forwardRef<HTMLDivElement, DividerProps>(\n  (props, ref) => <Styled.Root {...props} data-ui-divider ref={ref} />\n)\n\nexport { Divider }\n"],"names":["Divider","forwardRef","props","ref","_jsx","Styled"],"mappings":"+FAUA,MAAMA,QAAyDC,WAC7D,CAACC,EAAOC,IAAQC,IAACC,KAAW,IAAKH,EAAO,mBAAA,EAAgBC,IAAKA"}

package/components/Divider/style.js

@@ -1,2 +1,2 @@
-'use strict';var styled=require('styled-components');var style=require('../../shared/utils/style.js');var responsiveMargin=require('../../mixins/responsive-margin.js');function _interopDefault(o){return o&&o.__esModule?o:{default:o}}var styled__default=_interopDefault(styled);const shouldForwardDividerProp=style.createShouldForwardProp();const Root=styled__default.default.div.withConfig({shouldForwardProp:shouldForwardDividerProp}).withConfig({displayName:"Divider__Root",componentId:"ui__sc-1mpznd4-0"})(["box-sizing:border-box;height:1px;"," ",""],(o=>`\n      background-color: ${o.color?o.theme.colors[o.color]??o.color:o.theme.colors['border-onmain-default-large']};  \n    `),responsiveMargin.responsiveMargin);exports.Root=Root;
+'use strict';var styled=require('styled-components');var style=require('../../shared/utils/style.js');var responsiveMargin=require('../../mixins/responsive-margin.js');function _interopDefault(o){return o&&o.__esModule?o:{default:o}}var styled__default=_interopDefault(styled);const shouldForwardDividerProp=style.createShouldForwardProp();const Root=styled__default.default.div.withConfig({shouldForwardProp:shouldForwardDividerProp}).withConfig({displayName:"Divider__Root",componentId:"ui__sc-1mpznd4-0"})(["box-sizing:border-box;height:1px;"," ",""],o=>`\n      background-color: ${o.color?o.theme.colors[o.color]??o.color:o.theme.colors['border-onmain-default-large']};  \n    `,responsiveMargin.responsiveMargin);exports.Root=Root;
 //# sourceMappingURL=style.js.map

package/components/Divider/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","sources":["../../../../src/components/Divider/style.ts"],"sourcesContent":["import styled from 'styled-components'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport type { DividerProps } from './types'\n\nconst shouldForwardDividerProp = createShouldForwardProp()\n\nexport const Root = styled.div.withConfig<DividerProps>({\n  shouldForwardProp: shouldForwardDividerProp,\n})`\n  box-sizing: border-box;\n  height: 1px;\n  ${(props) => `\n      background-color: ${\n        props.color\n          ? (props.theme.colors[props.color as keyof typeof props.theme.colors] ?? props.color)\n          : props.theme.colors['border-onmain-default-large']\n      };  \n    `}\n\n  ${responsiveMargin}\n`\n"],"names":["shouldForwardDividerProp","createShouldForwardProp","Root","styled","div","withConfig","shouldForwardProp","displayName","componentId","props","color","theme","colors","responsiveMargin"],"mappings":"qRAKA,MAAMA,yBAA2BC,MAAAA,0BAE1B,MAAMC,KAAOC,gBAAAA,QAAOC,IAAIC,WAAyB,CACtDC,kBAAmBN,2BACnBK,WAAA,CAAAE,YAAA,gBAAAC,YAAA,oBAFkBL,CAElB,CAAA,oCAAA,IAAA,KAGGM,GAAU,6BAEPA,EAAMC,MACDD,EAAME,MAAMC,OAAOH,EAAMC,QAA6CD,EAAMC,MAC7ED,EAAME,MAAMC,OAAO,2CAI3BC,iBAAAA"}
+{"version":3,"file":"style.js","sources":["../../../../src/components/Divider/style.ts"],"sourcesContent":["import styled from 'styled-components'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport type { DividerProps } from './types'\n\nconst shouldForwardDividerProp = createShouldForwardProp()\n\nexport const Root = styled.div.withConfig<DividerProps>({\n  shouldForwardProp: shouldForwardDividerProp,\n})`\n  box-sizing: border-box;\n  height: 1px;\n  ${(props) => `\n      background-color: ${\n        props.color\n          ? (props.theme.colors[props.color as keyof typeof props.theme.colors] ?? props.color)\n          : props.theme.colors['border-onmain-default-large']\n      };  \n    `}\n\n  ${responsiveMargin}\n`\n"],"names":["shouldForwardDividerProp","createShouldForwardProp","Root","styled","div","withConfig","shouldForwardProp","displayName","componentId","props","color","theme","colors","responsiveMargin"],"mappings":"qRAKA,MAAMA,yBAA2BC,MAAAA,0BAE1B,MAAMC,KAAOC,gBAAAA,QAAOC,IAAIC,WAAyB,CACtDC,kBAAmBN,2BACnBK,WAAA,CAAAE,YAAA,gBAAAC,YAAA,oBAFkBL,CAElB,CAAA,oCAAA,IAAA,IAGGM,GAAU,6BAEPA,EAAMC,MACDD,EAAME,MAAMC,OAAOH,EAAMC,QAA6CD,EAAMC,MAC7ED,EAAME,MAAMC,OAAO,0CAI3BC,iBAAAA"}

package/components/Divider/style.mjs

@@ -1,2 +1,2 @@
-import styled from'styled-components';import{createShouldForwardProp}from'../../shared/utils/style.mjs';import{responsiveMargin}from'../../mixins/responsive-margin.mjs';const shouldForwardDividerProp=createShouldForwardProp();const Root=styled.div.withConfig({shouldForwardProp:shouldForwardDividerProp}).withConfig({displayName:"Divider__Root",componentId:"ui__sc-1mpznd4-0"})(["box-sizing:border-box;height:1px;"," ",""],(o=>`\n      background-color: ${o.color?o.theme.colors[o.color]??o.color:o.theme.colors['border-onmain-default-large']};  \n    `),responsiveMargin);export{Root};
+import styled from'styled-components';import{createShouldForwardProp}from'../../shared/utils/style.mjs';import{responsiveMargin}from'../../mixins/responsive-margin.mjs';const shouldForwardDividerProp=createShouldForwardProp();const Root=styled.div.withConfig({shouldForwardProp:shouldForwardDividerProp}).withConfig({displayName:"Divider__Root",componentId:"ui__sc-1mpznd4-0"})(["box-sizing:border-box;height:1px;"," ",""],o=>`\n      background-color: ${o.color?o.theme.colors[o.color]??o.color:o.theme.colors['border-onmain-default-large']};  \n    `,responsiveMargin);export{Root};
 //# sourceMappingURL=style.mjs.map

package/components/Divider/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","sources":["../../../../src/components/Divider/style.ts"],"sourcesContent":["import styled from 'styled-components'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport type { DividerProps } from './types'\n\nconst shouldForwardDividerProp = createShouldForwardProp()\n\nexport const Root = styled.div.withConfig<DividerProps>({\n  shouldForwardProp: shouldForwardDividerProp,\n})`\n  box-sizing: border-box;\n  height: 1px;\n  ${(props) => `\n      background-color: ${\n        props.color\n          ? (props.theme.colors[props.color as keyof typeof props.theme.colors] ?? props.color)\n          : props.theme.colors['border-onmain-default-large']\n      };  \n    `}\n\n  ${responsiveMargin}\n`\n"],"names":["shouldForwardDividerProp","createShouldForwardProp","Root","styled","div","withConfig","shouldForwardProp","displayName","componentId","props","color","theme","colors","responsiveMargin"],"mappings":"yKAKA,MAAMA,yBAA2BC,0BAE1B,MAAMC,KAAOC,OAAOC,IAAIC,WAAyB,CACtDC,kBAAmBN,2BACnBK,WAAA,CAAAE,YAAA,gBAAAC,YAAA,oBAFkBL,CAElB,CAAA,oCAAA,IAAA,KAGGM,GAAU,6BAEPA,EAAMC,MACDD,EAAME,MAAMC,OAAOH,EAAMC,QAA6CD,EAAMC,MAC7ED,EAAME,MAAMC,OAAO,2CAI3BC"}
+{"version":3,"file":"style.mjs","sources":["../../../../src/components/Divider/style.ts"],"sourcesContent":["import styled from 'styled-components'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport type { DividerProps } from './types'\n\nconst shouldForwardDividerProp = createShouldForwardProp()\n\nexport const Root = styled.div.withConfig<DividerProps>({\n  shouldForwardProp: shouldForwardDividerProp,\n})`\n  box-sizing: border-box;\n  height: 1px;\n  ${(props) => `\n      background-color: ${\n        props.color\n          ? (props.theme.colors[props.color as keyof typeof props.theme.colors] ?? props.color)\n          : props.theme.colors['border-onmain-default-large']\n      };  \n    `}\n\n  ${responsiveMargin}\n`\n"],"names":["shouldForwardDividerProp","createShouldForwardProp","Root","styled","div","withConfig","shouldForwardProp","displayName","componentId","props","color","theme","colors","responsiveMargin"],"mappings":"yKAKA,MAAMA,yBAA2BC,0BAE1B,MAAMC,KAAOC,OAAOC,IAAIC,WAAyB,CACtDC,kBAAmBN,2BACnBK,WAAA,CAAAE,YAAA,gBAAAC,YAAA,oBAFkBL,CAElB,CAAA,oCAAA,IAAA,IAGGM,GAAU,6BAEPA,EAAMC,MACDD,EAAME,MAAMC,OAAOH,EAAMC,QAA6CD,EAAMC,MAC7ED,EAAME,MAAMC,OAAO,0CAI3BC"}