@foxford/ui 2.49.0 → 2.50.0-beta-2ee86f9-20241028

package/components/DialogComponent/constants.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"constants.mjs","sources":["../../../../src/components/DialogComponent/constants.ts"],"sourcesContent":["import type { CSSProperties } from 'react'\nimport type { Size } from 'shared/types'\nimport type { DialogComponentSize } from './types'\n\nexport const SIZES: Record<DialogComponentSize, CSSProperties> = {\n  xxl: {\n    maxWidth: 1228,\n    width: '100vw',\n    minWidth: 'min-content',\n    fontSize: 16,\n    maxHeight: '85vh',\n    flexDirection: 'column',\n    borderRadius: 20,\n  },\n  'xxl-landscape': {\n    maxWidth: 1228,\n    width: '100vw',\n    minWidth: 'min-content',\n    fontSize: 16,\n    height: '65vh',\n    minHeight: 288,\n    maxHeight: 600,\n    flexDirection: 'row',\n    borderRadius: 20,\n  },\n  xl: {\n    maxWidth: 960,\n    width: '100vw',\n    minWidth: 'min-content',\n    fontSize: 16,\n    maxHeight: '85vh',\n    flexDirection: 'column',\n    borderRadius: 20,\n  },\n  'xl-landscape': {\n    maxWidth: 960,\n    width: '100vw',\n    minWidth: 'min-content',\n    fontSize: 16,\n    height: '65vh',\n    minHeight: 288,\n    maxHeight: 456,\n    flexDirection: 'row',\n    borderRadius: 20,\n  },\n  l: {\n    maxWidth: 780,\n    width: '100vw',\n    minWidth: 'min-content',\n    fontSize: 16,\n    maxHeight: '85vh',\n    flexDirection: 'column',\n    borderRadius: 20,\n  },\n  'l-landscape': {\n    maxWidth: 780,\n    width: '100vw',\n    minWidth: 'min-content',\n    fontSize: 16,\n    height: '65vh',\n    minHeight: 288,\n    maxHeight: 392,\n    flexDirection: 'row',\n    borderRadius: 20,\n  },\n  m: {\n    maxWidth: 560,\n    width: '100vw',\n    minWidth: 'min-content',\n    fontSize: 16,\n    maxHeight: '85vh',\n    flexDirection: 'column',\n    borderRadius: 20,\n  },\n  s: {\n    maxWidth: 440,\n    width: '100vw',\n    minWidth: 'min-content',\n    fontSize: 16,\n    maxHeight: '85vh',\n    flexDirection: 'column',\n    borderRadius: 20,\n  },\n  xs: {\n    maxWidth: 304,\n    width: '100vw',\n    minWidth: 'min-content',\n    fontSize: 16,\n    maxHeight: '85vh',\n    flexDirection: 'column',\n    borderRadius: 20,\n  },\n}\n\nexport const SIZES_CONTAINER: Record<DialogComponentSize, CSSProperties> = {\n  xxl: {\n    padding: 48,\n  },\n  'xxl-landscape': {\n    padding: 48,\n  },\n  xl: {\n    padding: 40,\n  },\n  'xl-landscape': {\n    padding: 40,\n  },\n  l: {\n    padding: 36,\n  },\n  'l-landscape': {\n    padding: 36,\n  },\n  m: {\n    padding: 32,\n  },\n  s: {\n    padding: 32,\n  },\n  xs: {\n    padding: 24,\n  },\n}\n\nexport const SIZES_CAPTION: Record<Size, CSSProperties> = {\n  xxxl: {\n    fontSize: 20,\n  },\n  xxl: {\n    fontSize: 20,\n  },\n  xl: {\n    fontSize: 18,\n  },\n  l: {\n    fontSize: 18,\n  },\n  m: {\n    fontSize: 14,\n  },\n  s: {\n    fontSize: 14,\n  },\n  xs: {\n    fontSize: 14,\n  },\n  xxs: {\n    fontSize: 14,\n  },\n  xxxs: {\n    fontSize: 14,\n  },\n}\n\nexport const SIZES_TITLE: Record<Size, CSSProperties> = {\n  xxxl: {\n    fontSize: 32,\n  },\n  xxl: {\n    fontSize: 32,\n  },\n  xl: {\n    fontSize: 28,\n  },\n  l: {\n    fontSize: 24,\n  },\n  m: {\n    fontSize: 20,\n  },\n  s: {\n    fontSize: 18,\n  },\n  xs: {\n    fontSize: 16,\n  },\n  xxs: {\n    fontSize: 16,\n  },\n  xxxs: {\n    fontSize: 16,\n  },\n}\n\nexport const SIZES_SUBTITLE: Record<Size, CSSProperties> = {\n  xxxl: {\n    fontSize: 24,\n  },\n  xxl: {\n    fontSize: 24,\n  },\n  xl: {\n    fontSize: 20,\n  },\n  l: {\n    fontSize: 20,\n  },\n  m: {\n    fontSize: 16,\n  },\n  s: {\n    fontSize: 16,\n  },\n  xs: {\n    fontSize: 14,\n  },\n  xxs: {\n    fontSize: 14,\n  },\n  xxxs: {\n    fontSize: 14,\n  },\n}\n\nexport const VISIBILITY_PORTRAIT: Record<DialogComponentSize, CSSProperties> = {\n  xxl: {\n    display: 'block',\n  },\n  'xxl-landscape': {\n    display: 'none',\n  },\n  xl: {\n    display: 'block',\n  },\n  'xl-landscape': {\n    display: 'none',\n  },\n  l: {\n    display: 'block',\n  },\n  'l-landscape': {\n    display: 'none',\n  },\n  m: {\n    display: 'block',\n  },\n  s: {\n    display: 'block',\n  },\n  xs: {\n    display: 'block',\n  },\n}\n\nexport const VISIBILITY_LANDSCAPE: Record<DialogComponentSize, CSSProperties> = {\n  xxl: {\n    display: 'none',\n  },\n  'xxl-landscape': {\n    display: 'block',\n  },\n  xl: {\n    display: 'none',\n  },\n  'xl-landscape': {\n    display: 'block',\n  },\n  l: {\n    display: 'none',\n  },\n  'l-landscape': {\n    display: 'block',\n  },\n  m: {\n    display: 'none',\n  },\n  s: {\n    display: 'none',\n  },\n  xs: {\n    display: 'none',\n  },\n}\n\nexport const VISIBILITY_LANDSCAPE_MEDIA: Record<DialogComponentSize, CSSProperties> = {\n  xxl: {\n    display: 'none',\n  },\n  'xxl-landscape': {\n    display: 'block',\n    height: '100%',\n  },\n  xl: {\n    display: 'none',\n  },\n  'xl-landscape': {\n    display: 'block',\n    height: '100%',\n  },\n  l: {\n    display: 'none',\n  },\n  'l-landscape': {\n    display: 'block',\n    height: '100%',\n  },\n  m: {\n    display: 'none',\n  },\n  s: {\n    display: 'none',\n  },\n  xs: {\n    display: 'none',\n  },\n}\n"],"names":["SIZES","xxl","maxWidth","width","minWidth","fontSize","maxHeight","flexDirection","borderRadius","height","minHeight","xl","l","m","s","xs","SIZES_CONTAINER","padding","SIZES_CAPTION","xxxl","xxs","xxxs","SIZES_TITLE","SIZES_SUBTITLE","VISIBILITY_PORTRAIT","display","VISIBILITY_LANDSCAPE","VISIBILITY_LANDSCAPE_MEDIA"],"mappings":"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"}
+{"version":3,"file":"constants.mjs","sources":["../../../../src/components/DialogComponent/constants.ts"],"sourcesContent":["import type { CSSProperties } from 'react'\nimport { omit } from 'ramda'\nimport type { Size } from 'shared/types'\nimport type { DialogComponentSize } from './types'\n\nexport const SIZES: Record<DialogComponentSize, CSSProperties> = {\n  xxl: {\n    maxWidth: 1228,\n    width: '100vw',\n    minWidth: 'min-content',\n    fontSize: 16,\n    maxHeight: '85vh',\n    flexDirection: 'column',\n    borderRadius: 20,\n  },\n  'xxl-landscape': {\n    maxWidth: 1228,\n    width: '100vw',\n    minWidth: 'min-content',\n    fontSize: 16,\n    height: '65vh',\n    minHeight: 288,\n    maxHeight: 600,\n    flexDirection: 'row',\n    borderRadius: 20,\n  },\n  xl: {\n    maxWidth: 960,\n    width: '100vw',\n    minWidth: 'min-content',\n    fontSize: 16,\n    maxHeight: '85vh',\n    flexDirection: 'column',\n    borderRadius: 20,\n  },\n  'xl-landscape': {\n    maxWidth: 960,\n    width: '100vw',\n    minWidth: 'min-content',\n    fontSize: 16,\n    height: '65vh',\n    minHeight: 288,\n    maxHeight: 456,\n    flexDirection: 'row',\n    borderRadius: 20,\n  },\n  l: {\n    maxWidth: 780,\n    width: '100vw',\n    minWidth: 'min-content',\n    fontSize: 16,\n    maxHeight: '85vh',\n    flexDirection: 'column',\n    borderRadius: 20,\n  },\n  'l-landscape': {\n    maxWidth: 780,\n    width: '100vw',\n    minWidth: 'min-content',\n    fontSize: 16,\n    height: '65vh',\n    minHeight: 288,\n    maxHeight: 392,\n    flexDirection: 'row',\n    borderRadius: 20,\n  },\n  m: {\n    maxWidth: 560,\n    width: '100vw',\n    minWidth: 'min-content',\n    fontSize: 16,\n    maxHeight: '85vh',\n    flexDirection: 'column',\n    borderRadius: 20,\n  },\n  s: {\n    maxWidth: 440,\n    width: '100vw',\n    minWidth: 'min-content',\n    fontSize: 16,\n    maxHeight: '85vh',\n    flexDirection: 'column',\n    borderRadius: 20,\n  },\n  xs: {\n    maxWidth: 304,\n    width: '100vw',\n    minWidth: 'min-content',\n    fontSize: 16,\n    maxHeight: '85vh',\n    flexDirection: 'column',\n    borderRadius: 20,\n  },\n}\n\nexport const SIZES_FANCY: Record<DialogComponentSize, CSSProperties> = {\n  xxl: omit(['borderRadius'], SIZES.xxl),\n  'xxl-landscape': omit(['borderRadius'], SIZES['xxl-landscape']),\n  xl: omit(['borderRadius'], SIZES.xl),\n  'xl-landscape': omit(['borderRadius'], SIZES['xl-landscape']),\n  l: omit(['borderRadius'], SIZES.l),\n  'l-landscape': omit(['borderRadius'], SIZES['l-landscape']),\n  m: omit(['borderRadius'], SIZES.m),\n  s: omit(['borderRadius'], SIZES.s),\n  xs: omit(['borderRadius'], SIZES.xs),\n}\n\nexport const SIZES_CONTAINER: Record<DialogComponentSize, CSSProperties> = {\n  xxl: {\n    padding: 48,\n  },\n  'xxl-landscape': {\n    padding: 48,\n  },\n  xl: {\n    padding: 40,\n  },\n  'xl-landscape': {\n    padding: 40,\n  },\n  l: {\n    padding: 36,\n  },\n  'l-landscape': {\n    padding: 36,\n  },\n  m: {\n    padding: 32,\n  },\n  s: {\n    padding: 32,\n  },\n  xs: {\n    padding: 24,\n  },\n}\n\nexport const SIZES_CONTAINER_FANCY: Record<DialogComponentSize, CSSProperties> = {\n  xxl: SIZES_CONTAINER.xxl,\n  'xxl-landscape': {\n    ...SIZES_CONTAINER['xxl-landscape'],\n    paddingTop: 96,\n  },\n  xl: SIZES_CONTAINER.xl,\n  'xl-landscape': {\n    ...SIZES_CONTAINER['xl-landscape'],\n    paddingTop: 96,\n  },\n  l: SIZES_CONTAINER.l,\n  'l-landscape': {\n    ...SIZES_CONTAINER['l-landscape'],\n    paddingTop: 96,\n  },\n  m: SIZES_CONTAINER.m,\n  s: SIZES_CONTAINER.s,\n  xs: SIZES_CONTAINER.xs,\n}\n\nexport const SIZES_CAPTION: Record<Size, CSSProperties> = {\n  xxxl: {\n    fontSize: 20,\n  },\n  xxl: {\n    fontSize: 20,\n  },\n  xl: {\n    fontSize: 18,\n  },\n  l: {\n    fontSize: 18,\n  },\n  m: {\n    fontSize: 14,\n  },\n  s: {\n    fontSize: 14,\n  },\n  xs: {\n    fontSize: 14,\n  },\n  xxs: {\n    fontSize: 14,\n  },\n  xxxs: {\n    fontSize: 14,\n  },\n}\n\nexport const SIZES_TITLE: Record<Size, CSSProperties> = {\n  xxxl: {\n    fontSize: 32,\n  },\n  xxl: {\n    fontSize: 32,\n  },\n  xl: {\n    fontSize: 28,\n  },\n  l: {\n    fontSize: 24,\n  },\n  m: {\n    fontSize: 20,\n  },\n  s: {\n    fontSize: 18,\n  },\n  xs: {\n    fontSize: 16,\n  },\n  xxs: {\n    fontSize: 16,\n  },\n  xxxs: {\n    fontSize: 16,\n  },\n}\n\nexport const SIZES_SUBTITLE: Record<Size, CSSProperties> = {\n  xxxl: {\n    fontSize: 24,\n  },\n  xxl: {\n    fontSize: 24,\n  },\n  xl: {\n    fontSize: 20,\n  },\n  l: {\n    fontSize: 20,\n  },\n  m: {\n    fontSize: 16,\n  },\n  s: {\n    fontSize: 16,\n  },\n  xs: {\n    fontSize: 14,\n  },\n  xxs: {\n    fontSize: 14,\n  },\n  xxxs: {\n    fontSize: 14,\n  },\n}\n\nexport const VISIBILITY_PORTRAIT: Record<DialogComponentSize, CSSProperties> = {\n  xxl: {\n    display: 'block',\n  },\n  'xxl-landscape': {\n    display: 'none',\n  },\n  xl: {\n    display: 'block',\n  },\n  'xl-landscape': {\n    display: 'none',\n  },\n  l: {\n    display: 'block',\n  },\n  'l-landscape': {\n    display: 'none',\n  },\n  m: {\n    display: 'block',\n  },\n  s: {\n    display: 'block',\n  },\n  xs: {\n    display: 'block',\n  },\n}\n\nexport const VISIBILITY_LANDSCAPE: Record<DialogComponentSize, CSSProperties> = {\n  xxl: {\n    display: 'none',\n  },\n  'xxl-landscape': {\n    display: 'block',\n  },\n  xl: {\n    display: 'none',\n  },\n  'xl-landscape': {\n    display: 'block',\n  },\n  l: {\n    display: 'none',\n  },\n  'l-landscape': {\n    display: 'block',\n  },\n  m: {\n    display: 'none',\n  },\n  s: {\n    display: 'none',\n  },\n  xs: {\n    display: 'none',\n  },\n}\n\nexport const VISIBILITY_LANDSCAPE_MEDIA: Record<DialogComponentSize, CSSProperties> = {\n  xxl: {\n    display: 'none',\n  },\n  'xxl-landscape': {\n    display: 'block',\n    height: '100%',\n  },\n  xl: {\n    display: 'none',\n  },\n  'xl-landscape': {\n    display: 'block',\n    height: '100%',\n  },\n  l: {\n    display: 'none',\n  },\n  'l-landscape': {\n    display: 'block',\n    height: '100%',\n  },\n  m: {\n    display: 'none',\n  },\n  s: {\n    display: 'none',\n  },\n  xs: {\n    display: 'none',\n  },\n}\n"],"names":["SIZES","xxl","maxWidth","width","minWidth","fontSize","maxHeight","flexDirection","borderRadius","height","minHeight","xl","l","m","s","xs","SIZES_FANCY","omit","SIZES_CONTAINER","padding","SIZES_CONTAINER_FANCY","paddingTop","SIZES_CAPTION","xxxl","xxs","xxxs","SIZES_TITLE","SIZES_SUBTITLE","VISIBILITY_PORTRAIT","display","VISIBILITY_LANDSCAPE","VISIBILITY_LANDSCAPE_MEDIA"],"mappings":"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"}

package/components/DialogComponent/images/mask-rectangle.svg.js

@@ -0,0 +1,2 @@
+'use strict';Object.defineProperty(exports,'__esModule',{value:!0}),exports.default="assets/mask-rectangle.746e4cebdcf8b5e1.svg";
+//# sourceMappingURL=mask-rectangle.svg.js.map

package/components/DialogComponent/images/mask-rectangle.svg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mask-rectangle.svg.js","sources":["../../../../../src/components/DialogComponent/images/mask-rectangle.svg"],"sourcesContent":["export default \"assets/mask-rectangle.746e4cebdcf8b5e1.svg\""],"names":[],"mappings":"oFAAe"}

package/components/DialogComponent/images/mask-rectangle.svg.mjs

@@ -0,0 +1,2 @@
+var maskRectangle="assets/mask-rectangle.746e4cebdcf8b5e1.svg";export{maskRectangle as default};
+//# sourceMappingURL=mask-rectangle.svg.mjs.map

package/components/DialogComponent/images/mask-rectangle.svg.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"mask-rectangle.svg.mjs","sources":["../../../../../src/components/DialogComponent/images/mask-rectangle.svg"],"sourcesContent":["export default \"assets/mask-rectangle.746e4cebdcf8b5e1.svg\""],"names":["maskRectangle"],"mappings":"AAAA,IAAeA,cAAA"}

package/components/DialogComponent/images/mask-slope.svg.js

@@ -0,0 +1,2 @@
+'use strict';Object.defineProperty(exports,'__esModule',{value:!0}),exports.default="assets/mask-slope.6719dfbc2bea78b2.svg";
+//# sourceMappingURL=mask-slope.svg.js.map

package/components/DialogComponent/images/mask-slope.svg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mask-slope.svg.js","sources":["../../../../../src/components/DialogComponent/images/mask-slope.svg"],"sourcesContent":["export default \"assets/mask-slope.6719dfbc2bea78b2.svg\""],"names":[],"mappings":"oFAAe"}

package/components/DialogComponent/images/mask-slope.svg.mjs

@@ -0,0 +1,2 @@
+var maskSlope="assets/mask-slope.6719dfbc2bea78b2.svg";export{maskSlope as default};
+//# sourceMappingURL=mask-slope.svg.mjs.map

package/components/DialogComponent/images/mask-slope.svg.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"mask-slope.svg.mjs","sources":["../../../../../src/components/DialogComponent/images/mask-slope.svg"],"sourcesContent":["export default \"assets/mask-slope.6719dfbc2bea78b2.svg\""],"names":["maskSlope"],"mappings":"AAAA,IAAeA,UAAA"}

package/components/DialogComponent/style.js

@@ -1,2 +1,2 @@
-'use strict';var styled=require('styled-components');var responsiveSize=require('../../mixins/responsive-size.js');var focus=require('../../mixins/focus.js');var style=require('../../shared/utils/style.js');var IconButton=require('../IconButton/IconButton.js');var Skeleton=require('../Skeleton/Skeleton.js');function _interopDefault(o){return o&&o.__esModule?o:{default:o}}var styled__default=_interopDefault(styled);const shouldForwardDialogComponentProp=style.createShouldForwardProp((o=>!['dragging'].includes(o)));const shouldForwardDialogContainerProp=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            width: 100%;\n            bottom: 100%;\n            left: 0;\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            width: 100%;\n            top: 100%;\n            left: 0;\n            margin-top: -1px;\n            background-image: linear-gradient(180deg, currentcolor, transparent);\n            opacity: ${o.visible?1:0};\n          }\n      `));const Root=styled__default.default.div.withConfig({shouldForwardProp:shouldForwardDialogComponentProp}).withConfig({displayName:"DialogComponent__Root",componentId:"ui__sc-1dlvioj-1"})(["box-sizing:border-box;position:relative;display:flex;overflow:hidden;isolation:isolate;"," "," ",""],(o=>{return`\n  color: ${(n={color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['bg-onmain-primary'],shadowColor:o.theme.colors['bg-oncolor-hover'],...o.palette}).color};\n  background-color: ${n.backgroundColor};\n  box-shadow: 0 6px 20px 1px ${n.shadowColor};\n  \n  ${Fading} {\n    color: ${n.backgroundColor};\n  }\n`;var n}),(o=>o.dragging&&`\n      box-shadow: 0 0 0 2px ${o.theme.colors.white}, 0 0 0 4px ${o.theme.colors['border-focus']};\n      `),responsiveSize.responsiveSize);const Container=styled__default.default.div.withConfig({shouldForwardProp:shouldForwardDialogContainerProp}).withConfig({displayName:"DialogComponent__Container",componentId:"ui__sc-1dlvioj-2"})(["box-sizing:border-box;position:relative;display:flex;flex-direction:column;overflow:hidden;flex-grow:1;",""],responsiveSize.responsiveSize);const ScrollableContent=styled__default.default.div.withConfig({displayName:"DialogComponent__ScrollableContent",componentId:"ui__sc-1dlvioj-3"})(["box-sizing:border-box;position:relative;overflow:auto;overscroll-behavior:contain;padding-top:1px;padding-bottom:1px;min-height:85px;flex-grow:1;",""],focus.focus);const Controls=styled__default.default.div.withConfig({displayName:"DialogComponent__Controls",componentId:"ui__sc-1dlvioj-4"})(["box-sizing:border-box;position:relative;flex-shrink:0;padding-top:12px;"]);const DraggingHandle=styled__default.default.div.withConfig({displayName:"DialogComponent__DraggingHandle",componentId:"ui__sc-1dlvioj-5"})(["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;"]);const DraggingIconContainer=styled__default.default.div.withConfig({displayName:"DialogComponent__DraggingIconContainer",componentId:"ui__sc-1dlvioj-6"})(["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 PositionedIconButton=styled__default.default(IconButton.IconButton).withConfig({displayName:"DialogComponent__PositionedIconButton",componentId:"ui__sc-1dlvioj-7"})(["position:absolute;top:8px;right:8px;z-index:3;"]);const Placeholder=styled__default.default.svg.withConfig({shouldForwardProp:o=>!['aspectRatio','orientation'].includes(o)}).attrs((o=>({xmlns:'http://www.w3.org/2000/svg',viewBox:o.aspectRatio==='3:1'?'0 0 3 1':'0 0 5 7',width:o.orientation==='portrait'?'100%':void 0,height:o.orientation==='landscape'?'100%':void 0}))).withConfig({displayName:"DialogComponent__Placeholder",componentId:"ui__sc-1dlvioj-8"})(["display:block;"]);const MediaPortrait=styled__default.default.div.withConfig({displayName:"DialogComponent__MediaPortrait",componentId:"ui__sc-1dlvioj-9"})(["box-sizing:border-box;position:relative;margin:-1px -1px 0;"]);const MediaLandscape=styled__default.default.div.withConfig({displayName:"DialogComponent__MediaLandscape",componentId:"ui__sc-1dlvioj-10"})(["box-sizing:border-box;position:relative;height:100%;"]);const MediaSkeleton=styled__default.default(Skeleton.Skeleton).withConfig({displayName:"DialogComponent__MediaSkeleton",componentId:"ui__sc-1dlvioj-11"})(["position:absolute;top:0;left:0;"]);const Media=styled__default.default.div.withConfig({shouldForwardProp:o=>o!=='src'}).withConfig({displayName:"DialogComponent__Media",componentId:"ui__sc-1dlvioj-12"})(["",""],(o=>`\n      box-sizing: border-box;\n      position: absolute;\n      top: 0;\n      left: 0;\n      height: 100%;\n      width: 100%;\n      background-image: url(${o.src});\n      background-size: contain;\n      background-repeat: no-repeat;\n      background-position: 50%;\n      background-color: ${o.theme.colors['bg-oncolor-hover']};\n    `));exports.Container=Container,exports.Controls=Controls,exports.DraggingHandle=DraggingHandle,exports.DraggingIconContainer=DraggingIconContainer,exports.Fading=Fading,exports.Media=Media,exports.MediaLandscape=MediaLandscape,exports.MediaPortrait=MediaPortrait,exports.MediaSkeleton=MediaSkeleton,exports.Placeholder=Placeholder,exports.PositionedIconButton=PositionedIconButton,exports.Root=Root,exports.ScrollableContent=ScrollableContent;
+'use strict';var styled=require('styled-components');var responsiveSize=require('../../mixins/responsive-size.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 IconButton=require('../IconButton/IconButton.js');var Skeleton=require('../Skeleton/Skeleton.js');function _interopDefault(o){return o&&o.__esModule?o:{default:o}}var styled__default=_interopDefault(styled);const shouldForwardDialogComponentProp=style.createShouldForwardProp((o=>!['dragging','fancy'].includes(o)));const shouldForwardDialogContainerProp=style.createShouldForwardProp((o=>!['fancy'].includes(o)));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            width: 100%;\n            bottom: 100%;\n            left: 0;\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            width: 100%;\n            top: 100%;\n            left: 0;\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,100%;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;position:relative;display:flex;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      `),responsiveSize.responsiveSize);const Container=styled__default.default.div.withConfig({shouldForwardProp:shouldForwardDialogContainerProp}).withConfig({displayName:"DialogComponent__Container",componentId:"ui__sc-1dlvioj-3"})(["box-sizing:border-box;position:relative;display:flex;flex-direction:column;overflow:hidden;flex-grow:1;",""],responsiveSize.responsiveSize);const ScrollableContent=styled__default.default.div.withConfig({displayName:"DialogComponent__ScrollableContent",componentId:"ui__sc-1dlvioj-4"})(["box-sizing:border-box;position:relative;overflow:auto;overscroll-behavior:contain;padding-top:1px;padding-bottom:1px;min-height:85px;flex-grow:1;",""],focus.focus);const Controls=styled__default.default.div.withConfig({displayName:"DialogComponent__Controls",componentId:"ui__sc-1dlvioj-5"})(["box-sizing:border-box;position:relative;flex-shrink:0;padding-top:12px;"]);const DraggingHandle=styled__default.default.div.withConfig({displayName:"DialogComponent__DraggingHandle",componentId:"ui__sc-1dlvioj-6"})(["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;"]);const DraggingIconContainer=styled__default.default.div.withConfig({displayName:"DialogComponent__DraggingIconContainer",componentId:"ui__sc-1dlvioj-7"})(["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 PositionedIconButton=styled__default.default(IconButton.IconButton).withConfig({shouldForwardProp:o=>o!=='inset'}).withConfig({displayName:"DialogComponent__PositionedIconButton",componentId:"ui__sc-1dlvioj-8"})(["position:absolute;z-index:3;",""],(o=>o.inset));const Placeholder=styled__default.default.svg.withConfig({shouldForwardProp:o=>!['aspectRatio','orientation'].includes(o)}).attrs((o=>({xmlns:'http://www.w3.org/2000/svg',viewBox:o.aspectRatio==='3:1'?'0 0 3 1':'0 0 5 7',width:o.orientation==='portrait'?'100%':void 0,height:o.orientation==='landscape'?'100%':void 0}))).withConfig({displayName:"DialogComponent__Placeholder",componentId:"ui__sc-1dlvioj-9"})(["display:block;"]);const MediaPortrait=styled__default.default.div.withConfig({displayName:"DialogComponent__MediaPortrait",componentId:"ui__sc-1dlvioj-10"})(["box-sizing:border-box;position:relative;margin:-1px -1px 0;"]);const MediaLandscape=styled__default.default.div.withConfig({shouldForwardProp:o=>o!=='right'}).withConfig({displayName:"DialogComponent__MediaLandscape",componentId:"ui__sc-1dlvioj-11"})(["box-sizing:border-box;position:relative;height:100%;overflow:hidden;",""],(o=>o.right?"\n        border-top-right-radius: inherit;\n        border-bottom-right-radius: inherit;":"\n        border-top-left-radius: inherit;\n        border-bottom-left-radius: inherit;"));const MediaSkeleton=styled__default.default(Skeleton.Skeleton).withConfig({displayName:"DialogComponent__MediaSkeleton",componentId:"ui__sc-1dlvioj-12"})(["position:absolute;top:0;left:0;"]);const Media=styled__default.default.div.withConfig({shouldForwardProp:o=>o!=='src'}).withConfig({displayName:"DialogComponent__Media",componentId:"ui__sc-1dlvioj-13"})(["",""],(o=>`\n      box-sizing: border-box;\n      position: absolute;\n      top: 0;\n      left: 0;\n      height: 100%;\n      width: 100%;\n      background-image: url(${o.src});\n      background-size: contain;\n      background-repeat: no-repeat;\n      background-position: 50%;\n    `));const MediaPortraitContainer=styled__default.default.div.withConfig({shouldForwardProp:o=>!['top','bottom'].includes(o)}).withConfig({displayName:"DialogComponent__MediaPortraitContainer",componentId:"ui__sc-1dlvioj-14"})(["box-sizing:border-box;overflow:hidden;"," ",""],(o=>o.top&&"\n      border-top-left-radius: inherit;\n      border-top-right-radius: inherit;\n    "),(o=>o.bottom&&"\n      border-bottom-left-radius: inherit;\n      border-bottom-right-radius: inherit;\n    "));exports.Container=Container,exports.Controls=Controls,exports.DraggingHandle=DraggingHandle,exports.DraggingIconContainer=DraggingIconContainer,exports.Fading=Fading,exports.FancyBackground=FancyBackground,exports.Media=Media,exports.MediaLandscape=MediaLandscape,exports.MediaPortrait=MediaPortrait,exports.MediaPortraitContainer=MediaPortraitContainer,exports.MediaSkeleton=MediaSkeleton,exports.Placeholder=Placeholder,exports.PositionedIconButton=PositionedIconButton,exports.Root=Root,exports.ScrollableContent=ScrollableContent;
 //# 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 { focus } from 'mixins/focus'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { IconButton } from 'components/IconButton'\nimport { Skeleton } from 'components/Skeleton'\nimport type {\n  StyledDialogComponentProps,\n  DialogComponentPalette,\n  StyledDialogContainerProps,\n  StyledDialogFadingProps,\n  StyledPlaceholderProps,\n  StyledDialogMediaProps,\n} from './types'\n\nconst shouldForwardDialogComponentProp = createShouldForwardProp((keyProp) => !['dragging'].includes(keyProp))\n\nconst shouldForwardDialogContainerProp = createShouldForwardProp()\n\nexport const Fading = styled.div.withConfig<StyledDialogFadingProps>({\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            width: 100%;\n            bottom: 100%;\n            left: 0;\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            width: 100%;\n            top: 100%;\n            left: 0;\n            margin-top: -1px;\n            background-image: linear-gradient(180deg, currentcolor, transparent);\n            opacity: ${props.visible ? 1 : 0};\n          }\n      `}\n`\n\nconst template = (palette: DialogComponentPalette) => `\n  color: ${palette.color};\n  background-color: ${palette.backgroundColor};\n  box-shadow: 0 6px 20px 1px ${palette.shadowColor};\n  \n  ${Fading} {\n    color: ${palette.backgroundColor};\n  }\n`\n\nexport const Root = styled.div.withConfig<StyledDialogComponentProps>({\n  shouldForwardProp: shouldForwardDialogComponentProp,\n})`\n  box-sizing: border-box;\n  position: relative;\n  display: flex;\n  overflow: hidden;\n  isolation: isolate;\n\n  ${(props) =>\n    template({\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  ${responsiveSize}\n`\n\nexport const Container = styled.div.withConfig<StyledDialogContainerProps>({\n  shouldForwardProp: shouldForwardDialogContainerProp,\n})`\n  box-sizing: border-box;\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n  flex-grow: 1;\n\n  ${responsiveSize}\n`\n\nexport const ScrollableContent = styled.div`\n  box-sizing: border-box;\n  position: relative;\n  overflow: auto;\n  overscroll-behavior: contain;\n  padding-top: 1px;\n  padding-bottom: 1px;\n  min-height: 85px;\n  flex-grow: 1;\n\n  ${focus}\n`\n\nexport const Controls = styled.div`\n  box-sizing: border-box;\n  position: relative;\n  flex-shrink: 0;\n  padding-top: 12px;\n`\n\nexport const DraggingHandle = styled.div`\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\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 PositionedIconButton = styled(IconButton)`\n  position: absolute;\n  top: 8px;\n  right: 8px;\n  z-index: 3;\n`\n\nexport const Placeholder = styled.svg\n  .withConfig<StyledPlaceholderProps>({\n    shouldForwardProp: (propKey) => !['aspectRatio', 'orientation'].includes(propKey),\n  })\n  .attrs<StyledPlaceholderProps>((props) => ({\n    xmlns: 'http://www.w3.org/2000/svg',\n    viewBox: props.aspectRatio === '3:1' ? '0 0 3 1' : '0 0 5 7',\n    width: props.orientation === 'portrait' ? '100%' : undefined,\n    height: props.orientation === 'landscape' ? '100%' : undefined,\n  }))`\n  display: block;\n`\n\nexport const MediaPortrait = styled.div`\n  box-sizing: border-box;\n  position: relative;\n  margin: -1px -1px 0;\n`\n\nexport const MediaLandscape = styled.div`\n  box-sizing: border-box;\n  position: relative;\n  height: 100%;\n`\n\nexport const MediaSkeleton = styled(Skeleton)`\n  position: absolute;\n  top: 0;\n  left: 0;\n`\n\nexport const Media = styled.div.withConfig<StyledDialogMediaProps>({\n  shouldForwardProp: (propKey) => propKey !== 'src',\n})`\n  ${(props) => `\n      box-sizing: border-box;\n      position: absolute;\n      top: 0;\n      left: 0;\n      height: 100%;\n      width: 100%;\n      background-image: url(${props.src});\n      background-size: contain;\n      background-repeat: no-repeat;\n      background-position: 50%;\n      background-color: ${props.theme.colors['bg-oncolor-hover']};\n    `}\n`\n"],"names":["shouldForwardDialogComponentProp","createShouldForwardProp","keyProp","includes","shouldForwardDialogContainerProp","Fading","styled","div","withConfig","shouldForwardProp","propKey","displayName","componentId","props","after","visible","Root","template","palette","color","theme","colors","backgroundColor","shadowColor","dragging","white","responsiveSize","Container","ScrollableContent","focus","Controls","DraggingHandle","DraggingIconContainer","PositionedIconButton","default","IconButton","Placeholder","svg","attrs","xmlns","viewBox","aspectRatio","width","orientation","undefined","height","MediaPortrait","MediaLandscape","MediaSkeleton","Skeleton","Media","src"],"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 { focus } from 'mixins/focus'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { IconButton } from 'components/IconButton'\nimport { Skeleton } from 'components/Skeleton'\nimport maskRectangle from './images/mask-rectangle.svg'\nimport maskSlope from './images/mask-slope.svg'\nimport type {\n  StyledDialogComponentProps,\n  DialogComponentPalette,\n  StyledDialogContainerProps,\n  StyledDialogFadingProps,\n  StyledPlaceholderProps,\n  StyledDialogMediaProps,\n  StyledMediaContainerProps,\n  StyledPositionedIconButtonProps,\n} from './types'\n\nconst shouldForwardDialogComponentProp = createShouldForwardProp((propKey) => !['dragging', 'fancy'].includes(propKey))\n\nconst shouldForwardDialogContainerProp = createShouldForwardProp((propKey) => !['fancy'].includes(propKey))\n\nexport const Fading = styled.div.withConfig<StyledDialogFadingProps>({\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            width: 100%;\n            bottom: 100%;\n            left: 0;\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            width: 100%;\n            top: 100%;\n            left: 0;\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: 100% 32px, 100%;\n  mask-position: 0 56px, 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  position: relative;\n  display: flex;\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  ${responsiveSize}\n`\n\nexport const Container = styled.div.withConfig<StyledDialogContainerProps>({\n  shouldForwardProp: shouldForwardDialogContainerProp,\n})`\n  box-sizing: border-box;\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n  flex-grow: 1;\n\n  ${responsiveSize}\n`\n\nexport const ScrollableContent = styled.div`\n  box-sizing: border-box;\n  position: relative;\n  overflow: auto;\n  overscroll-behavior: contain;\n  padding-top: 1px;\n  padding-bottom: 1px;\n  min-height: 85px;\n  flex-grow: 1;\n\n  ${focus}\n`\n\nexport const Controls = styled.div`\n  box-sizing: border-box;\n  position: relative;\n  flex-shrink: 0;\n  padding-top: 12px;\n`\n\nexport const DraggingHandle = styled.div`\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\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 PositionedIconButton = styled(IconButton).withConfig<StyledPositionedIconButtonProps>({\n  shouldForwardProp: (propKey) => propKey !== 'inset',\n})`\n  position: absolute;\n  z-index: 3;\n  ${(props) => props.inset}\n`\n\nexport const Placeholder = styled.svg\n  .withConfig<StyledPlaceholderProps>({\n    shouldForwardProp: (propKey) => !['aspectRatio', 'orientation'].includes(propKey),\n  })\n  .attrs<StyledPlaceholderProps>((props) => ({\n    xmlns: 'http://www.w3.org/2000/svg',\n    viewBox: props.aspectRatio === '3:1' ? '0 0 3 1' : '0 0 5 7',\n    width: props.orientation === 'portrait' ? '100%' : undefined,\n    height: props.orientation === 'landscape' ? '100%' : undefined,\n  }))`\n  display: block;\n`\n\nexport const MediaPortrait = styled.div`\n  box-sizing: border-box;\n  position: relative;\n  margin: -1px -1px 0;\n`\n\nexport const MediaLandscape = styled.div.withConfig<StyledMediaContainerProps>({\n  shouldForwardProp: (propKey) => propKey !== 'right',\n})`\n  box-sizing: border-box;\n  position: relative;\n  height: 100%;\n  overflow: hidden;\n\n  ${(props) =>\n    props.right\n      ? `\n        border-top-right-radius: inherit;\n        border-bottom-right-radius: inherit;`\n      : `\n        border-top-left-radius: inherit;\n        border-bottom-left-radius: inherit;`}\n`\n\nexport const MediaSkeleton = styled(Skeleton)`\n  position: absolute;\n  top: 0;\n  left: 0;\n`\n\nexport const Media = styled.div.withConfig<StyledDialogMediaProps>({\n  shouldForwardProp: (propKey) => propKey !== 'src',\n})`\n  ${(props) => `\n      box-sizing: border-box;\n      position: absolute;\n      top: 0;\n      left: 0;\n      height: 100%;\n      width: 100%;\n      background-image: url(${props.src});\n      background-size: contain;\n      background-repeat: no-repeat;\n      background-position: 50%;\n    `}\n`\n\nexport const MediaPortraitContainer = styled.div.withConfig<StyledMediaContainerProps>({\n  shouldForwardProp: (propKey) => !['top', 'bottom'].includes(propKey),\n})`\n  box-sizing: border-box;\n  overflow: hidden;\n\n  ${(props) =>\n    props.top &&\n    `\n      border-top-left-radius: inherit;\n      border-top-right-radius: inherit;\n    `}\n\n  ${(props) =>\n    props.bottom &&\n    `\n      border-bottom-left-radius: inherit;\n      border-bottom-right-radius: inherit;\n    `}\n`\n"],"names":["shouldForwardDialogComponentProp","createShouldForwardProp","propKey","includes","shouldForwardDialogContainerProp","Fading","styled","div","withConfig","shouldForwardProp","displayName","componentId","props","after","visible","FancyBackground","maskSlope","default","maskRectangle","template","palette","color","backgroundColor","shadowColor","Root","fancy","theme","colors","dragging","white","responsiveSize","Container","ScrollableContent","focus","Controls","DraggingHandle","DraggingIconContainer","PositionedIconButton","IconButton","inset","Placeholder","svg","attrs","xmlns","viewBox","aspectRatio","width","orientation","undefined","height","MediaPortrait","MediaLandscape","right","MediaSkeleton","Skeleton","Media","src","MediaPortraitContainer","top","bottom"],"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{focus}from'../../mixins/focus.mjs';import{createShouldForwardProp}from'../../shared/utils/style.mjs';import{IconButton}from'../IconButton/IconButton.mjs';import{Skeleton}from'../Skeleton/Skeleton.mjs';const shouldForwardDialogComponentProp=createShouldForwardProp((o=>!['dragging'].includes(o)));const shouldForwardDialogContainerProp=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            width: 100%;\n            bottom: 100%;\n            left: 0;\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            width: 100%;\n            top: 100%;\n            left: 0;\n            margin-top: -1px;\n            background-image: linear-gradient(180deg, currentcolor, transparent);\n            opacity: ${o.visible?1:0};\n          }\n      `));const Root=styled.div.withConfig({shouldForwardProp:shouldForwardDialogComponentProp}).withConfig({displayName:"DialogComponent__Root",componentId:"ui__sc-1dlvioj-1"})(["box-sizing:border-box;position:relative;display:flex;overflow:hidden;isolation:isolate;"," "," ",""],(o=>{return`\n  color: ${(n={color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['bg-onmain-primary'],shadowColor:o.theme.colors['bg-oncolor-hover'],...o.palette}).color};\n  background-color: ${n.backgroundColor};\n  box-shadow: 0 6px 20px 1px ${n.shadowColor};\n  \n  ${Fading} {\n    color: ${n.backgroundColor};\n  }\n`;var n}),(o=>o.dragging&&`\n      box-shadow: 0 0 0 2px ${o.theme.colors.white}, 0 0 0 4px ${o.theme.colors['border-focus']};\n      `),responsiveSize);const Container=styled.div.withConfig({shouldForwardProp:shouldForwardDialogContainerProp}).withConfig({displayName:"DialogComponent__Container",componentId:"ui__sc-1dlvioj-2"})(["box-sizing:border-box;position:relative;display:flex;flex-direction:column;overflow:hidden;flex-grow:1;",""],responsiveSize);const ScrollableContent=styled.div.withConfig({displayName:"DialogComponent__ScrollableContent",componentId:"ui__sc-1dlvioj-3"})(["box-sizing:border-box;position:relative;overflow:auto;overscroll-behavior:contain;padding-top:1px;padding-bottom:1px;min-height:85px;flex-grow:1;",""],focus);const Controls=styled.div.withConfig({displayName:"DialogComponent__Controls",componentId:"ui__sc-1dlvioj-4"})(["box-sizing:border-box;position:relative;flex-shrink:0;padding-top:12px;"]);const DraggingHandle=styled.div.withConfig({displayName:"DialogComponent__DraggingHandle",componentId:"ui__sc-1dlvioj-5"})(["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;"]);const DraggingIconContainer=styled.div.withConfig({displayName:"DialogComponent__DraggingIconContainer",componentId:"ui__sc-1dlvioj-6"})(["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 PositionedIconButton=styled(IconButton).withConfig({displayName:"DialogComponent__PositionedIconButton",componentId:"ui__sc-1dlvioj-7"})(["position:absolute;top:8px;right:8px;z-index:3;"]);const Placeholder=styled.svg.withConfig({shouldForwardProp:o=>!['aspectRatio','orientation'].includes(o)}).attrs((o=>({xmlns:'http://www.w3.org/2000/svg',viewBox:o.aspectRatio==='3:1'?'0 0 3 1':'0 0 5 7',width:o.orientation==='portrait'?'100%':void 0,height:o.orientation==='landscape'?'100%':void 0}))).withConfig({displayName:"DialogComponent__Placeholder",componentId:"ui__sc-1dlvioj-8"})(["display:block;"]);const MediaPortrait=styled.div.withConfig({displayName:"DialogComponent__MediaPortrait",componentId:"ui__sc-1dlvioj-9"})(["box-sizing:border-box;position:relative;margin:-1px -1px 0;"]);const MediaLandscape=styled.div.withConfig({displayName:"DialogComponent__MediaLandscape",componentId:"ui__sc-1dlvioj-10"})(["box-sizing:border-box;position:relative;height:100%;"]);const MediaSkeleton=styled(Skeleton).withConfig({displayName:"DialogComponent__MediaSkeleton",componentId:"ui__sc-1dlvioj-11"})(["position:absolute;top:0;left:0;"]);const Media=styled.div.withConfig({shouldForwardProp:o=>o!=='src'}).withConfig({displayName:"DialogComponent__Media",componentId:"ui__sc-1dlvioj-12"})(["",""],(o=>`\n      box-sizing: border-box;\n      position: absolute;\n      top: 0;\n      left: 0;\n      height: 100%;\n      width: 100%;\n      background-image: url(${o.src});\n      background-size: contain;\n      background-repeat: no-repeat;\n      background-position: 50%;\n      background-color: ${o.theme.colors['bg-oncolor-hover']};\n    `));export{Container,Controls,DraggingHandle,DraggingIconContainer,Fading,Media,MediaLandscape,MediaPortrait,MediaSkeleton,Placeholder,PositionedIconButton,Root,ScrollableContent};
+import styled from'styled-components';import{responsiveSize}from'../../mixins/responsive-size.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{IconButton}from'../IconButton/IconButton.mjs';import{Skeleton}from'../Skeleton/Skeleton.mjs';const shouldForwardDialogComponentProp=createShouldForwardProp((o=>!['dragging','fancy'].includes(o)));const shouldForwardDialogContainerProp=createShouldForwardProp((o=>!['fancy'].includes(o)));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            width: 100%;\n            bottom: 100%;\n            left: 0;\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            width: 100%;\n            top: 100%;\n            left: 0;\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,100%;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;position:relative;display:flex;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      `),responsiveSize);const Container=styled.div.withConfig({shouldForwardProp:shouldForwardDialogContainerProp}).withConfig({displayName:"DialogComponent__Container",componentId:"ui__sc-1dlvioj-3"})(["box-sizing:border-box;position:relative;display:flex;flex-direction:column;overflow:hidden;flex-grow:1;",""],responsiveSize);const ScrollableContent=styled.div.withConfig({displayName:"DialogComponent__ScrollableContent",componentId:"ui__sc-1dlvioj-4"})(["box-sizing:border-box;position:relative;overflow:auto;overscroll-behavior:contain;padding-top:1px;padding-bottom:1px;min-height:85px;flex-grow:1;",""],focus);const Controls=styled.div.withConfig({displayName:"DialogComponent__Controls",componentId:"ui__sc-1dlvioj-5"})(["box-sizing:border-box;position:relative;flex-shrink:0;padding-top:12px;"]);const DraggingHandle=styled.div.withConfig({displayName:"DialogComponent__DraggingHandle",componentId:"ui__sc-1dlvioj-6"})(["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;"]);const DraggingIconContainer=styled.div.withConfig({displayName:"DialogComponent__DraggingIconContainer",componentId:"ui__sc-1dlvioj-7"})(["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 PositionedIconButton=styled(IconButton).withConfig({shouldForwardProp:o=>o!=='inset'}).withConfig({displayName:"DialogComponent__PositionedIconButton",componentId:"ui__sc-1dlvioj-8"})(["position:absolute;z-index:3;",""],(o=>o.inset));const Placeholder=styled.svg.withConfig({shouldForwardProp:o=>!['aspectRatio','orientation'].includes(o)}).attrs((o=>({xmlns:'http://www.w3.org/2000/svg',viewBox:o.aspectRatio==='3:1'?'0 0 3 1':'0 0 5 7',width:o.orientation==='portrait'?'100%':void 0,height:o.orientation==='landscape'?'100%':void 0}))).withConfig({displayName:"DialogComponent__Placeholder",componentId:"ui__sc-1dlvioj-9"})(["display:block;"]);const MediaPortrait=styled.div.withConfig({displayName:"DialogComponent__MediaPortrait",componentId:"ui__sc-1dlvioj-10"})(["box-sizing:border-box;position:relative;margin:-1px -1px 0;"]);const MediaLandscape=styled.div.withConfig({shouldForwardProp:o=>o!=='right'}).withConfig({displayName:"DialogComponent__MediaLandscape",componentId:"ui__sc-1dlvioj-11"})(["box-sizing:border-box;position:relative;height:100%;overflow:hidden;",""],(o=>o.right?"\n        border-top-right-radius: inherit;\n        border-bottom-right-radius: inherit;":"\n        border-top-left-radius: inherit;\n        border-bottom-left-radius: inherit;"));const MediaSkeleton=styled(Skeleton).withConfig({displayName:"DialogComponent__MediaSkeleton",componentId:"ui__sc-1dlvioj-12"})(["position:absolute;top:0;left:0;"]);const Media=styled.div.withConfig({shouldForwardProp:o=>o!=='src'}).withConfig({displayName:"DialogComponent__Media",componentId:"ui__sc-1dlvioj-13"})(["",""],(o=>`\n      box-sizing: border-box;\n      position: absolute;\n      top: 0;\n      left: 0;\n      height: 100%;\n      width: 100%;\n      background-image: url(${o.src});\n      background-size: contain;\n      background-repeat: no-repeat;\n      background-position: 50%;\n    `));const MediaPortraitContainer=styled.div.withConfig({shouldForwardProp:o=>!['top','bottom'].includes(o)}).withConfig({displayName:"DialogComponent__MediaPortraitContainer",componentId:"ui__sc-1dlvioj-14"})(["box-sizing:border-box;overflow:hidden;"," ",""],(o=>o.top&&"\n      border-top-left-radius: inherit;\n      border-top-right-radius: inherit;\n    "),(o=>o.bottom&&"\n      border-bottom-left-radius: inherit;\n      border-bottom-right-radius: inherit;\n    "));export{Container,Controls,DraggingHandle,DraggingIconContainer,Fading,FancyBackground,Media,MediaLandscape,MediaPortrait,MediaPortraitContainer,MediaSkeleton,Placeholder,PositionedIconButton,Root,ScrollableContent};
 //# 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 { focus } from 'mixins/focus'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { IconButton } from 'components/IconButton'\nimport { Skeleton } from 'components/Skeleton'\nimport type {\n  StyledDialogComponentProps,\n  DialogComponentPalette,\n  StyledDialogContainerProps,\n  StyledDialogFadingProps,\n  StyledPlaceholderProps,\n  StyledDialogMediaProps,\n} from './types'\n\nconst shouldForwardDialogComponentProp = createShouldForwardProp((keyProp) => !['dragging'].includes(keyProp))\n\nconst shouldForwardDialogContainerProp = createShouldForwardProp()\n\nexport const Fading = styled.div.withConfig<StyledDialogFadingProps>({\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            width: 100%;\n            bottom: 100%;\n            left: 0;\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            width: 100%;\n            top: 100%;\n            left: 0;\n            margin-top: -1px;\n            background-image: linear-gradient(180deg, currentcolor, transparent);\n            opacity: ${props.visible ? 1 : 0};\n          }\n      `}\n`\n\nconst template = (palette: DialogComponentPalette) => `\n  color: ${palette.color};\n  background-color: ${palette.backgroundColor};\n  box-shadow: 0 6px 20px 1px ${palette.shadowColor};\n  \n  ${Fading} {\n    color: ${palette.backgroundColor};\n  }\n`\n\nexport const Root = styled.div.withConfig<StyledDialogComponentProps>({\n  shouldForwardProp: shouldForwardDialogComponentProp,\n})`\n  box-sizing: border-box;\n  position: relative;\n  display: flex;\n  overflow: hidden;\n  isolation: isolate;\n\n  ${(props) =>\n    template({\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  ${responsiveSize}\n`\n\nexport const Container = styled.div.withConfig<StyledDialogContainerProps>({\n  shouldForwardProp: shouldForwardDialogContainerProp,\n})`\n  box-sizing: border-box;\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n  flex-grow: 1;\n\n  ${responsiveSize}\n`\n\nexport const ScrollableContent = styled.div`\n  box-sizing: border-box;\n  position: relative;\n  overflow: auto;\n  overscroll-behavior: contain;\n  padding-top: 1px;\n  padding-bottom: 1px;\n  min-height: 85px;\n  flex-grow: 1;\n\n  ${focus}\n`\n\nexport const Controls = styled.div`\n  box-sizing: border-box;\n  position: relative;\n  flex-shrink: 0;\n  padding-top: 12px;\n`\n\nexport const DraggingHandle = styled.div`\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\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 PositionedIconButton = styled(IconButton)`\n  position: absolute;\n  top: 8px;\n  right: 8px;\n  z-index: 3;\n`\n\nexport const Placeholder = styled.svg\n  .withConfig<StyledPlaceholderProps>({\n    shouldForwardProp: (propKey) => !['aspectRatio', 'orientation'].includes(propKey),\n  })\n  .attrs<StyledPlaceholderProps>((props) => ({\n    xmlns: 'http://www.w3.org/2000/svg',\n    viewBox: props.aspectRatio === '3:1' ? '0 0 3 1' : '0 0 5 7',\n    width: props.orientation === 'portrait' ? '100%' : undefined,\n    height: props.orientation === 'landscape' ? '100%' : undefined,\n  }))`\n  display: block;\n`\n\nexport const MediaPortrait = styled.div`\n  box-sizing: border-box;\n  position: relative;\n  margin: -1px -1px 0;\n`\n\nexport const MediaLandscape = styled.div`\n  box-sizing: border-box;\n  position: relative;\n  height: 100%;\n`\n\nexport const MediaSkeleton = styled(Skeleton)`\n  position: absolute;\n  top: 0;\n  left: 0;\n`\n\nexport const Media = styled.div.withConfig<StyledDialogMediaProps>({\n  shouldForwardProp: (propKey) => propKey !== 'src',\n})`\n  ${(props) => `\n      box-sizing: border-box;\n      position: absolute;\n      top: 0;\n      left: 0;\n      height: 100%;\n      width: 100%;\n      background-image: url(${props.src});\n      background-size: contain;\n      background-repeat: no-repeat;\n      background-position: 50%;\n      background-color: ${props.theme.colors['bg-oncolor-hover']};\n    `}\n`\n"],"names":["shouldForwardDialogComponentProp","createShouldForwardProp","keyProp","includes","shouldForwardDialogContainerProp","Fading","styled","div","withConfig","shouldForwardProp","propKey","displayName","componentId","props","after","visible","Root","template","palette","color","theme","colors","backgroundColor","shadowColor","dragging","white","responsiveSize","Container","ScrollableContent","focus","Controls","DraggingHandle","DraggingIconContainer","PositionedIconButton","IconButton","Placeholder","svg","attrs","xmlns","viewBox","aspectRatio","width","orientation","undefined","height","MediaPortrait","MediaLandscape","MediaSkeleton","Skeleton","Media","src"],"mappings":"mTAeA,MAAMA,iCAAmCC,yBAAyBC,IAAa,CAAC,YAAYC,SAASD,KAErG,MAAME,iCAAmCH,0BAElC,MAAMI,OAASC,OAAOC,IAAIC,WAAoC,CACnEC,kBAAoBC,IAAa,CAAC,UAAW,SAASP,SAASO,KAC/DF,WAAA,CAAAG,YAAA,0BAAAC,YAAA,oBAFoBN,CAEpB,CAAA,+MAAA,KAeGO,GACDA,EAAMC,MACF,iWAWeD,EAAME,QAAU,EAAI,gCAGnC,8VAWeF,EAAME,QAAU,EAAI,4BAepC,MAAMC,KAAOV,OAAOC,IAAIC,WAAuC,CACpEC,kBAAmBT,mCACnBQ,WAAA,CAAAG,YAAA,wBAAAC,YAAA,oBAFkBN,CASfO,CAAAA,0FAAAA,IAAAA,IAAAA,KAAAA,IACDI,MApBkD,eAApCC,EAoBL,CACPC,MAAON,EAAMO,MAAMC,OAAO,0BAC1BC,gBAAiBT,EAAMO,MAAMC,OAAO,qBACpCE,YAAaV,EAAMO,MAAMC,OAAO,uBAC7BR,EAAMK,UAvBIC,+BACGD,EAAQI,kDACCJ,EAAQK,uBAEnClB,wBACSa,EAAQI,0BANHJ,KAyBZ,IAEDL,GACDA,EAAMW,UACN,iCAC0BX,EAAMO,MAAMC,OAAOI,oBAAoBZ,EAAMO,MAAMC,OAAO,4BAGpFK,gBAGG,MAAMC,UAAYrB,OAAOC,IAAIC,WAAuC,CACzEC,kBAAmBL,mCACnBI,WAAA,CAAAG,YAAA,6BAAAC,YAAA,oBAFuBN,CAEvB,CAAA,0GAAA,IAQEoB,sBAGSE,kBAAoBtB,OAAOC,IAAGC,WAAA,CAAAG,YAAA,qCAAAC,YAAA,oBAAVN,CAAU,CAAA,oJAAA,IAUvCuB,aAGSC,SAAWxB,OAAOC,IAAGC,WAAA,CAAAG,YAAA,4BAAAC,YAAA,oBAAVN,CAKvB,CAAA,kFAEYyB,eAAiBzB,OAAOC,IAAGC,WAAA,CAAAG,YAAA,kCAAAC,YAAA,oBAAVN,CAa7B,CAAA,4LAEY0B,sBAAwB1B,OAAOC,IAAGC,WAAA,CAAAG,YAAA,yCAAAC,YAAA,oBAAVN,CAAU,CAAA,+FAAA,IAAA,KAU1CO,GAAU,6BACWA,EAAMO,MAAMC,OAAO,gCAGzCQ,OAGG,MAAMI,qBAAuB3B,OAAO4B,YAAW1B,WAAA,CAAAG,YAAA,wCAAAC,YAAA,oBAAlBN,CAKnC,CAAA,mDAEM,MAAM6B,YAAc7B,OAAO8B,IAC/B5B,WAAmC,CAClCC,kBAAoBC,IAAa,CAAC,cAAe,eAAeP,SAASO,KAE1E2B,OAA+BxB,IAAW,CACzCyB,MAAO,6BACPC,QAAS1B,EAAM2B,cAAgB,MAAQ,UAAY,UACnDC,MAAO5B,EAAM6B,cAAgB,WAAa,YAASC,EACnDC,OAAQ/B,EAAM6B,cAAgB,YAAc,YAASC,MACpDnC,WAAA,CAAAG,YAAA,+BAAAC,YAAA,oBATsBN,CAW1B,CAAA,yBAEYuC,cAAgBvC,OAAOC,IAAGC,WAAA,CAAAG,YAAA,iCAAAC,YAAA,oBAAVN,CAI5B,CAAA,sEAEYwC,eAAiBxC,OAAOC,IAAGC,WAAA,CAAAG,YAAA,kCAAAC,YAAA,qBAAVN,CAI7B,CAAA,yDAEM,MAAMyC,cAAgBzC,OAAO0C,UAASxC,WAAA,CAAAG,YAAA,iCAAAC,YAAA,qBAAhBN,CAI5B,CAAA,oCAEM,MAAM2C,MAAQ3C,OAAOC,IAAIC,WAAmC,CACjEC,kBAAoBC,GAAYA,IAAY,QAC5CF,WAAA,CAAAG,YAAA,yBAAAC,YAAA,qBAFmBN,CAEnB,CAAA,GAAA,KACGO,GAAU,mKAOeA,EAAMqC,yIAIVrC,EAAMO,MAAMC,OAAO"}
+{"version":3,"file":"style.mjs","sources":["../../../../src/components/DialogComponent/style.ts"],"sourcesContent":["import styled from 'styled-components'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { focus } from 'mixins/focus'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { IconButton } from 'components/IconButton'\nimport { Skeleton } from 'components/Skeleton'\nimport maskRectangle from './images/mask-rectangle.svg'\nimport maskSlope from './images/mask-slope.svg'\nimport type {\n  StyledDialogComponentProps,\n  DialogComponentPalette,\n  StyledDialogContainerProps,\n  StyledDialogFadingProps,\n  StyledPlaceholderProps,\n  StyledDialogMediaProps,\n  StyledMediaContainerProps,\n  StyledPositionedIconButtonProps,\n} from './types'\n\nconst shouldForwardDialogComponentProp = createShouldForwardProp((propKey) => !['dragging', 'fancy'].includes(propKey))\n\nconst shouldForwardDialogContainerProp = createShouldForwardProp((propKey) => !['fancy'].includes(propKey))\n\nexport const Fading = styled.div.withConfig<StyledDialogFadingProps>({\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            width: 100%;\n            bottom: 100%;\n            left: 0;\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            width: 100%;\n            top: 100%;\n            left: 0;\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: 100% 32px, 100%;\n  mask-position: 0 56px, 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  position: relative;\n  display: flex;\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  ${responsiveSize}\n`\n\nexport const Container = styled.div.withConfig<StyledDialogContainerProps>({\n  shouldForwardProp: shouldForwardDialogContainerProp,\n})`\n  box-sizing: border-box;\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n  flex-grow: 1;\n\n  ${responsiveSize}\n`\n\nexport const ScrollableContent = styled.div`\n  box-sizing: border-box;\n  position: relative;\n  overflow: auto;\n  overscroll-behavior: contain;\n  padding-top: 1px;\n  padding-bottom: 1px;\n  min-height: 85px;\n  flex-grow: 1;\n\n  ${focus}\n`\n\nexport const Controls = styled.div`\n  box-sizing: border-box;\n  position: relative;\n  flex-shrink: 0;\n  padding-top: 12px;\n`\n\nexport const DraggingHandle = styled.div`\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\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 PositionedIconButton = styled(IconButton).withConfig<StyledPositionedIconButtonProps>({\n  shouldForwardProp: (propKey) => propKey !== 'inset',\n})`\n  position: absolute;\n  z-index: 3;\n  ${(props) => props.inset}\n`\n\nexport const Placeholder = styled.svg\n  .withConfig<StyledPlaceholderProps>({\n    shouldForwardProp: (propKey) => !['aspectRatio', 'orientation'].includes(propKey),\n  })\n  .attrs<StyledPlaceholderProps>((props) => ({\n    xmlns: 'http://www.w3.org/2000/svg',\n    viewBox: props.aspectRatio === '3:1' ? '0 0 3 1' : '0 0 5 7',\n    width: props.orientation === 'portrait' ? '100%' : undefined,\n    height: props.orientation === 'landscape' ? '100%' : undefined,\n  }))`\n  display: block;\n`\n\nexport const MediaPortrait = styled.div`\n  box-sizing: border-box;\n  position: relative;\n  margin: -1px -1px 0;\n`\n\nexport const MediaLandscape = styled.div.withConfig<StyledMediaContainerProps>({\n  shouldForwardProp: (propKey) => propKey !== 'right',\n})`\n  box-sizing: border-box;\n  position: relative;\n  height: 100%;\n  overflow: hidden;\n\n  ${(props) =>\n    props.right\n      ? `\n        border-top-right-radius: inherit;\n        border-bottom-right-radius: inherit;`\n      : `\n        border-top-left-radius: inherit;\n        border-bottom-left-radius: inherit;`}\n`\n\nexport const MediaSkeleton = styled(Skeleton)`\n  position: absolute;\n  top: 0;\n  left: 0;\n`\n\nexport const Media = styled.div.withConfig<StyledDialogMediaProps>({\n  shouldForwardProp: (propKey) => propKey !== 'src',\n})`\n  ${(props) => `\n      box-sizing: border-box;\n      position: absolute;\n      top: 0;\n      left: 0;\n      height: 100%;\n      width: 100%;\n      background-image: url(${props.src});\n      background-size: contain;\n      background-repeat: no-repeat;\n      background-position: 50%;\n    `}\n`\n\nexport const MediaPortraitContainer = styled.div.withConfig<StyledMediaContainerProps>({\n  shouldForwardProp: (propKey) => !['top', 'bottom'].includes(propKey),\n})`\n  box-sizing: border-box;\n  overflow: hidden;\n\n  ${(props) =>\n    props.top &&\n    `\n      border-top-left-radius: inherit;\n      border-top-right-radius: inherit;\n    `}\n\n  ${(props) =>\n    props.bottom &&\n    `\n      border-bottom-left-radius: inherit;\n      border-bottom-right-radius: inherit;\n    `}\n`\n"],"names":["shouldForwardDialogComponentProp","createShouldForwardProp","propKey","includes","shouldForwardDialogContainerProp","Fading","styled","div","withConfig","shouldForwardProp","displayName","componentId","props","after","visible","FancyBackground","maskSlope","maskRectangle","template","palette","color","backgroundColor","shadowColor","Root","fancy","theme","colors","dragging","white","responsiveSize","Container","ScrollableContent","focus","Controls","DraggingHandle","DraggingIconContainer","PositionedIconButton","IconButton","inset","Placeholder","svg","attrs","xmlns","viewBox","aspectRatio","width","orientation","undefined","height","MediaPortrait","MediaLandscape","right","MediaSkeleton","Skeleton","Media","src","MediaPortraitContainer","top","bottom"],"mappings":"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"}

package/components/Skeleton/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 shouldForwardSkeletonProp=style.createShouldForwardProp((o=>!['inline','round','borderRadius','width','height','animationDuration','animationDelay','onColored'].includes(o)));const shiftAnimation=styled.keyframes(["0%{background-position:100% 50%;}100%{background-position:0% 50%;}"]);const template=o=>`\n  background-color: ${o.color};\n  background-image: linear-gradient(90deg, ${o.gradientColor} 25%, ${o.gradientHighlightColor} 45%, ${o.gradientColor} 65%);\n`;const COLOR_SCHEMA={onColored:{secondary:styled.css(["",""],(o=>template({color:o.theme.colors['skeleton-oncolor-secondary'],gradientColor:o.theme.colors['skeleton-gradient-from-color-oncolor'],gradientHighlightColor:o.theme.colors['skeleton-gradient-to-color-oncolor'],...o.palette}))),primary:styled.css(["",""],(o=>template({color:o.theme.colors['skeleton-oncolor-primary'],gradientColor:o.theme.colors['skeleton-gradient-from-color-oncolor'],gradientHighlightColor:o.theme.colors['skeleton-gradient-to-color-oncolor'],...o.palette})))},default:{secondary:styled.css(["",""],(o=>template({color:o.theme.colors['skeleton-onmain-secondary'],gradientColor:o.theme.colors['skeleton-gradient-from-color-onmain'],gradientHighlightColor:o.theme.colors['skeleton-gradient-to-color-onmain'],...o.palette}))),primary:styled.css(["",""],(o=>template({color:o.theme.colors['skeleton-onmain-primary'],gradientColor:o.theme.colors['skeleton-gradient-from-color-onmain'],gradientHighlightColor:o.theme.colors['skeleton-gradient-to-color-onmain'],...o.palette})))}};const Root=styled__default.default.div.withConfig({shouldForwardProp:shouldForwardSkeletonProp}).withConfig({displayName:"Skeleton__Root",componentId:"ui__sc-4t2o9u-0"})([""," "," ",""],(o=>{let e=o.round?'50%':8;typeof o.borderRadius!='string'&&typeof o.borderRadius!='number'||(e=o.borderRadius);const r=o.width?o.width:'auto';const t=o.height?o.height:'auto';return styled.css(["box-sizing:border-box;display:",";width:",";height:",";border-radius:",";flex-shrink:0;margin:0;background-origin:border-box;background-size:400% 100%;background-repeat:no-repeat;animation-name:",";animation-duration:","ms;animation-delay:","ms;animation-iteration-count:infinite;& > *{visibility:hidden;}"],o.inline?'inline-block':'block',typeof r=='string'?r:`${r}px`,typeof t=='string'?t:`${t}px`,typeof e=='string'?e:`${e}px`,shiftAnimation,o.animationDuration??2e3,o.animationDelay??500)}),(o=>{const e=o.onColored?COLOR_SCHEMA.onColored:COLOR_SCHEMA.default;return o.secondary?e.secondary:e.primary}),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 shouldForwardSkeletonProp=style.createShouldForwardProp((o=>!['inline','round','borderRadius','width','height','animationDuration','animationDelay','onColored'].includes(o)));const shiftAnimation=styled.keyframes(["0%{background-position:100% 50%;}100%{background-position:0% 50%;}"]);const template=o=>`\n  background-color: ${o.color};\n  background-image: linear-gradient(90deg, ${o.gradientColor} 25%, ${o.gradientHighlightColor} 45%, ${o.gradientColor} 65%);\n`;const COLOR_SCHEMA={onColored:{secondary:styled.css(["",""],(o=>template({color:o.theme.colors['skeleton-oncolor-secondary'],gradientColor:o.theme.colors['skeleton-gradient-from-color-oncolor'],gradientHighlightColor:o.theme.colors['skeleton-gradient-to-color-oncolor'],...o.palette}))),primary:styled.css(["",""],(o=>template({color:o.theme.colors['skeleton-oncolor-primary'],gradientColor:o.theme.colors['skeleton-gradient-from-color-oncolor'],gradientHighlightColor:o.theme.colors['skeleton-gradient-to-color-oncolor'],...o.palette})))},default:{secondary:styled.css(["",""],(o=>template({color:o.theme.colors['skeleton-onmain-secondary'],gradientColor:o.theme.colors['skeleton-gradient-from-color-onmain'],gradientHighlightColor:o.theme.colors['skeleton-gradient-to-color-onmain'],...o.palette}))),primary:styled.css(["",""],(o=>template({color:o.theme.colors['skeleton-onmain-primary'],gradientColor:o.theme.colors['skeleton-gradient-from-color-onmain'],gradientHighlightColor:o.theme.colors['skeleton-gradient-to-color-onmain'],...o.palette})))}};const Root=styled__default.default.div.withConfig({shouldForwardProp:shouldForwardSkeletonProp}).withConfig({displayName:"Skeleton__Root",componentId:"ui__sc-4t2o9u-0"})([""," "," ",""],(o=>{let e=o.round?'50%':8;typeof o.borderRadius!='string'&&typeof o.borderRadius!='number'||(e=o.borderRadius);const r=o.width?o.width:'auto';const t=o.height?o.height:'auto';return styled.css(["box-sizing:border-box;display:",";width:",";height:",";border-radius:",";flex-shrink:0;margin:0;background-origin:border-box;background-size:400% 100%;background-repeat:no-repeat;animation-name:",";animation-duration:","ms;animation-delay:","ms;animation-iteration-count:infinite;& > *{visibility:hidden !important;}"],o.inline?'inline-block':'block',typeof r=='string'?r:`${r}px`,typeof t=='string'?t:`${t}px`,typeof e=='string'?e:`${e}px`,shiftAnimation,o.animationDuration??2e3,o.animationDelay??500)}),(o=>{const e=o.onColored?COLOR_SCHEMA.onColored:COLOR_SCHEMA.default;return o.secondary?e.secondary:e.primary}),responsiveMargin.responsiveMargin);exports.Root=Root;
 //# sourceMappingURL=style.js.map

package/components/Skeleton/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","sources":["../../../../src/components/Skeleton/style.ts"],"sourcesContent":["import styled, { keyframes, css } from 'styled-components'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport type { StyledSkeletonProps, SkeletonPalette } from './types'\n\nconst shouldForwardSkeletonProp = createShouldForwardProp(\n  (propKey) =>\n    ![\n      'inline',\n      'round',\n      'borderRadius',\n      'width',\n      'height',\n      'animationDuration',\n      'animationDelay',\n      'onColored',\n    ].includes(propKey)\n)\n\nconst shiftAnimation = keyframes`\n  0% {\n    background-position: 100% 50%;\n  }\n  100% {\n    background-position: 0% 50%;\n  }\n`\n\nconst template = (palette: SkeletonPalette) => `\n  background-color: ${palette.color};\n  background-image: linear-gradient(90deg, ${palette.gradientColor} 25%, ${palette.gradientHighlightColor} 45%, ${palette.gradientColor} 65%);\n`\n\nconst COLOR_SCHEMA = {\n  onColored: {\n    secondary: css<StyledSkeletonProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['skeleton-oncolor-secondary'],\n          gradientColor: props.theme.colors['skeleton-gradient-from-color-oncolor'],\n          gradientHighlightColor: props.theme.colors['skeleton-gradient-to-color-oncolor'],\n          ...props.palette,\n        })}\n    `,\n    primary: css<StyledSkeletonProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['skeleton-oncolor-primary'],\n          gradientColor: props.theme.colors['skeleton-gradient-from-color-oncolor'],\n          gradientHighlightColor: props.theme.colors['skeleton-gradient-to-color-oncolor'],\n          ...props.palette,\n        })}\n    `,\n  },\n  default: {\n    secondary: css<StyledSkeletonProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['skeleton-onmain-secondary'],\n          gradientColor: props.theme.colors['skeleton-gradient-from-color-onmain'],\n          gradientHighlightColor: props.theme.colors['skeleton-gradient-to-color-onmain'],\n          ...props.palette,\n        })}\n    `,\n    primary: css<StyledSkeletonProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['skeleton-onmain-primary'],\n          gradientColor: props.theme.colors['skeleton-gradient-from-color-onmain'],\n          gradientHighlightColor: props.theme.colors['skeleton-gradient-to-color-onmain'],\n          ...props.palette,\n        })}\n    `,\n  },\n}\n\nexport const Root = styled.div.withConfig<StyledSkeletonProps>({\n  shouldForwardProp: shouldForwardSkeletonProp,\n})`\n  ${(props) => {\n    let borderRadius = props.round ? '50%' : 8\n    if (typeof props.borderRadius === 'string' || typeof props.borderRadius === 'number') {\n      borderRadius = props.borderRadius\n    }\n\n    const width = props.width ? props.width : 'auto'\n    const height = props.height ? props.height : 'auto'\n\n    return css`\n      box-sizing: border-box;\n      display: ${props.inline ? 'inline-block' : 'block'};\n      width: ${typeof width === 'string' ? width : `${width}px`};\n      height: ${typeof height === 'string' ? height : `${height}px`};\n      border-radius: ${typeof borderRadius === 'string' ? borderRadius : `${borderRadius}px`};\n      flex-shrink: 0;\n      margin: 0;\n      background-origin: border-box;\n      background-size: 400% 100%;\n      background-repeat: no-repeat;\n      animation-name: ${shiftAnimation};\n      animation-duration: ${props.animationDuration ?? 2000}ms;\n      animation-delay: ${props.animationDelay ?? 500}ms;\n      animation-iteration-count: infinite;\n\n      & > * {\n        visibility: hidden;\n      }\n    `\n  }}\n\n  ${(props) => {\n    const schema = props.onColored ? COLOR_SCHEMA.onColored : COLOR_SCHEMA.default\n\n    return props.secondary ? schema.secondary : schema.primary\n  }}\n\n  ${responsiveMargin}\n`\n"],"names":["shouldForwardSkeletonProp","createShouldForwardProp","propKey","includes","shiftAnimation","keyframes","template","palette","color","gradientColor","gradientHighlightColor","COLOR_SCHEMA","onColored","secondary","css","props","theme","colors","primary","default","Root","styled","div","withConfig","shouldForwardProp","displayName","componentId","borderRadius","round","width","height","inline","animationDuration","animationDelay","schema","responsiveMargin"],"mappings":"qRAKA,MAAMA,0BAA4BC,MAAuBA,yBACtDC,IACE,CACC,SACA,QACA,eACA,QACA,SACA,oBACA,iBACA,aACAC,SAASD,KAGf,MAAME,eAAiBC,OAASA,UAO/B,CAAA,uEAED,MAAMC,SAAYC,GAA6B,yBACzBA,EAAQC,sDACeD,EAAQE,sBAAsBF,EAAQG,+BAA+BH,EAAQE,wBAG1H,MAAME,aAAe,CACnBC,UAAW,CACTC,UAAWC,OAAGA,IAAA,CAAA,GAAA,KACTC,GACDT,SAAS,CACPE,MAAOO,EAAMC,MAAMC,OAAO,8BAC1BR,cAAeM,EAAMC,MAAMC,OAAO,wCAClCP,uBAAwBK,EAAMC,MAAMC,OAAO,yCACxCF,EAAMR,YAGfW,QAASJ,OAAGA,IAAA,CAAA,GAAA,KACPC,GACDT,SAAS,CACPE,MAAOO,EAAMC,MAAMC,OAAO,4BAC1BR,cAAeM,EAAMC,MAAMC,OAAO,wCAClCP,uBAAwBK,EAAMC,MAAMC,OAAO,yCACxCF,EAAMR,aAIjBY,QAAS,CACPN,UAAWC,OAAGA,IAAA,CAAA,GAAA,KACTC,GACDT,SAAS,CACPE,MAAOO,EAAMC,MAAMC,OAAO,6BAC1BR,cAAeM,EAAMC,MAAMC,OAAO,uCAClCP,uBAAwBK,EAAMC,MAAMC,OAAO,wCACxCF,EAAMR,YAGfW,QAASJ,OAAGA,IAAA,CAAA,GAAA,KACPC,GACDT,SAAS,CACPE,MAAOO,EAAMC,MAAMC,OAAO,2BAC1BR,cAAeM,EAAMC,MAAMC,OAAO,uCAClCP,uBAAwBK,EAAMC,MAAMC,OAAO,wCACxCF,EAAMR,cAMZ,MAAMa,KAAOC,gBAAAA,QAAOC,IAAIC,WAAgC,CAC7DC,kBAAmBxB,4BACnBuB,WAAA,CAAAE,YAAA,iBAAAC,YAAA,mBAFkBL,CAElB,CAAA,GAAA,IAAA,IAAA,KACGN,IACD,IAAIY,EAAeZ,EAAMa,MAAQ,MAAQ,SAC9Bb,EAAMY,cAAiB,iBAAmBZ,EAAMY,cAAiB,WAC1EA,EAAeZ,EAAMY,cAGvB,MAAME,EAAQd,EAAMc,MAAQd,EAAMc,MAAQ,OAC1C,MAAMC,EAASf,EAAMe,OAASf,EAAMe,OAAS,OAE7C,OAAOhB,OAAGA,IAEGC,CAAAA,iCAAAA,UAAAA,WAAAA,kBAAAA,6HAAAA,uBAAAA,sBAAAA,mEAAAA,EAAMgB,OAAS,eAAiB,eAC3BF,GAAU,SAAWA,EAAQ,GAAGA,aAC/BC,GAAW,SAAWA,EAAS,GAAGA,aAC3BH,GAAiB,SAAWA,EAAe,GAAGA,MAMpDvB,eACIW,EAAMiB,mBAAqB,IAC9BjB,EAAMkB,gBAAkB,IAAG,IAS/ClB,IACD,MAAMmB,EAASnB,EAAMH,UAAYD,aAAaC,UAAYD,aAAaQ,QAEvE,OAAOJ,EAAMF,UAAYqB,EAAOrB,UAAYqB,EAAOhB,OAAO,GAG1DiB,iBAAgBA"}
+{"version":3,"file":"style.js","sources":["../../../../src/components/Skeleton/style.ts"],"sourcesContent":["import styled, { keyframes, css } from 'styled-components'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport type { StyledSkeletonProps, SkeletonPalette } from './types'\n\nconst shouldForwardSkeletonProp = createShouldForwardProp(\n  (propKey) =>\n    ![\n      'inline',\n      'round',\n      'borderRadius',\n      'width',\n      'height',\n      'animationDuration',\n      'animationDelay',\n      'onColored',\n    ].includes(propKey)\n)\n\nconst shiftAnimation = keyframes`\n  0% {\n    background-position: 100% 50%;\n  }\n  100% {\n    background-position: 0% 50%;\n  }\n`\n\nconst template = (palette: SkeletonPalette) => `\n  background-color: ${palette.color};\n  background-image: linear-gradient(90deg, ${palette.gradientColor} 25%, ${palette.gradientHighlightColor} 45%, ${palette.gradientColor} 65%);\n`\n\nconst COLOR_SCHEMA = {\n  onColored: {\n    secondary: css<StyledSkeletonProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['skeleton-oncolor-secondary'],\n          gradientColor: props.theme.colors['skeleton-gradient-from-color-oncolor'],\n          gradientHighlightColor: props.theme.colors['skeleton-gradient-to-color-oncolor'],\n          ...props.palette,\n        })}\n    `,\n    primary: css<StyledSkeletonProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['skeleton-oncolor-primary'],\n          gradientColor: props.theme.colors['skeleton-gradient-from-color-oncolor'],\n          gradientHighlightColor: props.theme.colors['skeleton-gradient-to-color-oncolor'],\n          ...props.palette,\n        })}\n    `,\n  },\n  default: {\n    secondary: css<StyledSkeletonProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['skeleton-onmain-secondary'],\n          gradientColor: props.theme.colors['skeleton-gradient-from-color-onmain'],\n          gradientHighlightColor: props.theme.colors['skeleton-gradient-to-color-onmain'],\n          ...props.palette,\n        })}\n    `,\n    primary: css<StyledSkeletonProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['skeleton-onmain-primary'],\n          gradientColor: props.theme.colors['skeleton-gradient-from-color-onmain'],\n          gradientHighlightColor: props.theme.colors['skeleton-gradient-to-color-onmain'],\n          ...props.palette,\n        })}\n    `,\n  },\n}\n\nexport const Root = styled.div.withConfig<StyledSkeletonProps>({\n  shouldForwardProp: shouldForwardSkeletonProp,\n})`\n  ${(props) => {\n    let borderRadius = props.round ? '50%' : 8\n    if (typeof props.borderRadius === 'string' || typeof props.borderRadius === 'number') {\n      borderRadius = props.borderRadius\n    }\n\n    const width = props.width ? props.width : 'auto'\n    const height = props.height ? props.height : 'auto'\n\n    return css`\n      box-sizing: border-box;\n      display: ${props.inline ? 'inline-block' : 'block'};\n      width: ${typeof width === 'string' ? width : `${width}px`};\n      height: ${typeof height === 'string' ? height : `${height}px`};\n      border-radius: ${typeof borderRadius === 'string' ? borderRadius : `${borderRadius}px`};\n      flex-shrink: 0;\n      margin: 0;\n      background-origin: border-box;\n      background-size: 400% 100%;\n      background-repeat: no-repeat;\n      animation-name: ${shiftAnimation};\n      animation-duration: ${props.animationDuration ?? 2000}ms;\n      animation-delay: ${props.animationDelay ?? 500}ms;\n      animation-iteration-count: infinite;\n\n      & > * {\n        visibility: hidden !important;\n      }\n    `\n  }}\n\n  ${(props) => {\n    const schema = props.onColored ? COLOR_SCHEMA.onColored : COLOR_SCHEMA.default\n\n    return props.secondary ? schema.secondary : schema.primary\n  }}\n\n  ${responsiveMargin}\n`\n"],"names":["shouldForwardSkeletonProp","createShouldForwardProp","propKey","includes","shiftAnimation","keyframes","template","palette","color","gradientColor","gradientHighlightColor","COLOR_SCHEMA","onColored","secondary","css","props","theme","colors","primary","default","Root","styled","div","withConfig","shouldForwardProp","displayName","componentId","borderRadius","round","width","height","inline","animationDuration","animationDelay","schema","responsiveMargin"],"mappings":"qRAKA,MAAMA,0BAA4BC,MAAuBA,yBACtDC,IACE,CACC,SACA,QACA,eACA,QACA,SACA,oBACA,iBACA,aACAC,SAASD,KAGf,MAAME,eAAiBC,OAASA,UAO/B,CAAA,uEAED,MAAMC,SAAYC,GAA6B,yBACzBA,EAAQC,sDACeD,EAAQE,sBAAsBF,EAAQG,+BAA+BH,EAAQE,wBAG1H,MAAME,aAAe,CACnBC,UAAW,CACTC,UAAWC,OAAGA,IAAA,CAAA,GAAA,KACTC,GACDT,SAAS,CACPE,MAAOO,EAAMC,MAAMC,OAAO,8BAC1BR,cAAeM,EAAMC,MAAMC,OAAO,wCAClCP,uBAAwBK,EAAMC,MAAMC,OAAO,yCACxCF,EAAMR,YAGfW,QAASJ,OAAGA,IAAA,CAAA,GAAA,KACPC,GACDT,SAAS,CACPE,MAAOO,EAAMC,MAAMC,OAAO,4BAC1BR,cAAeM,EAAMC,MAAMC,OAAO,wCAClCP,uBAAwBK,EAAMC,MAAMC,OAAO,yCACxCF,EAAMR,aAIjBY,QAAS,CACPN,UAAWC,OAAGA,IAAA,CAAA,GAAA,KACTC,GACDT,SAAS,CACPE,MAAOO,EAAMC,MAAMC,OAAO,6BAC1BR,cAAeM,EAAMC,MAAMC,OAAO,uCAClCP,uBAAwBK,EAAMC,MAAMC,OAAO,wCACxCF,EAAMR,YAGfW,QAASJ,OAAGA,IAAA,CAAA,GAAA,KACPC,GACDT,SAAS,CACPE,MAAOO,EAAMC,MAAMC,OAAO,2BAC1BR,cAAeM,EAAMC,MAAMC,OAAO,uCAClCP,uBAAwBK,EAAMC,MAAMC,OAAO,wCACxCF,EAAMR,cAMZ,MAAMa,KAAOC,gBAAAA,QAAOC,IAAIC,WAAgC,CAC7DC,kBAAmBxB,4BACnBuB,WAAA,CAAAE,YAAA,iBAAAC,YAAA,mBAFkBL,CAElB,CAAA,GAAA,IAAA,IAAA,KACGN,IACD,IAAIY,EAAeZ,EAAMa,MAAQ,MAAQ,SAC9Bb,EAAMY,cAAiB,iBAAmBZ,EAAMY,cAAiB,WAC1EA,EAAeZ,EAAMY,cAGvB,MAAME,EAAQd,EAAMc,MAAQd,EAAMc,MAAQ,OAC1C,MAAMC,EAASf,EAAMe,OAASf,EAAMe,OAAS,OAE7C,OAAOhB,OAAGA,IAEGC,CAAAA,iCAAAA,UAAAA,WAAAA,kBAAAA,6HAAAA,uBAAAA,sBAAAA,8EAAAA,EAAMgB,OAAS,eAAiB,eAC3BF,GAAU,SAAWA,EAAQ,GAAGA,aAC/BC,GAAW,SAAWA,EAAS,GAAGA,aAC3BH,GAAiB,SAAWA,EAAe,GAAGA,MAMpDvB,eACIW,EAAMiB,mBAAqB,IAC9BjB,EAAMkB,gBAAkB,IAAG,IAS/ClB,IACD,MAAMmB,EAASnB,EAAMH,UAAYD,aAAaC,UAAYD,aAAaQ,QAEvE,OAAOJ,EAAMF,UAAYqB,EAAOrB,UAAYqB,EAAOhB,OAAO,GAG1DiB,iBAAgBA"}

package/components/Skeleton/style.mjs

@@ -1,2 +1,2 @@
-import styled,{keyframes,css}from'styled-components';import{createShouldForwardProp}from'../../shared/utils/style.mjs';import{responsiveMargin}from'../../mixins/responsive-margin.mjs';const shouldForwardSkeletonProp=createShouldForwardProp((o=>!['inline','round','borderRadius','width','height','animationDuration','animationDelay','onColored'].includes(o)));const shiftAnimation=keyframes(["0%{background-position:100% 50%;}100%{background-position:0% 50%;}"]);const template=o=>`\n  background-color: ${o.color};\n  background-image: linear-gradient(90deg, ${o.gradientColor} 25%, ${o.gradientHighlightColor} 45%, ${o.gradientColor} 65%);\n`;const COLOR_SCHEMA={onColored:{secondary:css(["",""],(o=>template({color:o.theme.colors['skeleton-oncolor-secondary'],gradientColor:o.theme.colors['skeleton-gradient-from-color-oncolor'],gradientHighlightColor:o.theme.colors['skeleton-gradient-to-color-oncolor'],...o.palette}))),primary:css(["",""],(o=>template({color:o.theme.colors['skeleton-oncolor-primary'],gradientColor:o.theme.colors['skeleton-gradient-from-color-oncolor'],gradientHighlightColor:o.theme.colors['skeleton-gradient-to-color-oncolor'],...o.palette})))},default:{secondary:css(["",""],(o=>template({color:o.theme.colors['skeleton-onmain-secondary'],gradientColor:o.theme.colors['skeleton-gradient-from-color-onmain'],gradientHighlightColor:o.theme.colors['skeleton-gradient-to-color-onmain'],...o.palette}))),primary:css(["",""],(o=>template({color:o.theme.colors['skeleton-onmain-primary'],gradientColor:o.theme.colors['skeleton-gradient-from-color-onmain'],gradientHighlightColor:o.theme.colors['skeleton-gradient-to-color-onmain'],...o.palette})))}};const Root=styled.div.withConfig({shouldForwardProp:shouldForwardSkeletonProp}).withConfig({displayName:"Skeleton__Root",componentId:"ui__sc-4t2o9u-0"})([""," "," ",""],(o=>{let e=o.round?'50%':8;typeof o.borderRadius!='string'&&typeof o.borderRadius!='number'||(e=o.borderRadius);const r=o.width?o.width:'auto';const t=o.height?o.height:'auto';return css(["box-sizing:border-box;display:",";width:",";height:",";border-radius:",";flex-shrink:0;margin:0;background-origin:border-box;background-size:400% 100%;background-repeat:no-repeat;animation-name:",";animation-duration:","ms;animation-delay:","ms;animation-iteration-count:infinite;& > *{visibility:hidden;}"],o.inline?'inline-block':'block',typeof r=='string'?r:`${r}px`,typeof t=='string'?t:`${t}px`,typeof e=='string'?e:`${e}px`,shiftAnimation,o.animationDuration??2e3,o.animationDelay??500)}),(o=>{const e=o.onColored?COLOR_SCHEMA.onColored:COLOR_SCHEMA.default;return o.secondary?e.secondary:e.primary}),responsiveMargin);export{Root};
+import styled,{keyframes,css}from'styled-components';import{createShouldForwardProp}from'../../shared/utils/style.mjs';import{responsiveMargin}from'../../mixins/responsive-margin.mjs';const shouldForwardSkeletonProp=createShouldForwardProp((o=>!['inline','round','borderRadius','width','height','animationDuration','animationDelay','onColored'].includes(o)));const shiftAnimation=keyframes(["0%{background-position:100% 50%;}100%{background-position:0% 50%;}"]);const template=o=>`\n  background-color: ${o.color};\n  background-image: linear-gradient(90deg, ${o.gradientColor} 25%, ${o.gradientHighlightColor} 45%, ${o.gradientColor} 65%);\n`;const COLOR_SCHEMA={onColored:{secondary:css(["",""],(o=>template({color:o.theme.colors['skeleton-oncolor-secondary'],gradientColor:o.theme.colors['skeleton-gradient-from-color-oncolor'],gradientHighlightColor:o.theme.colors['skeleton-gradient-to-color-oncolor'],...o.palette}))),primary:css(["",""],(o=>template({color:o.theme.colors['skeleton-oncolor-primary'],gradientColor:o.theme.colors['skeleton-gradient-from-color-oncolor'],gradientHighlightColor:o.theme.colors['skeleton-gradient-to-color-oncolor'],...o.palette})))},default:{secondary:css(["",""],(o=>template({color:o.theme.colors['skeleton-onmain-secondary'],gradientColor:o.theme.colors['skeleton-gradient-from-color-onmain'],gradientHighlightColor:o.theme.colors['skeleton-gradient-to-color-onmain'],...o.palette}))),primary:css(["",""],(o=>template({color:o.theme.colors['skeleton-onmain-primary'],gradientColor:o.theme.colors['skeleton-gradient-from-color-onmain'],gradientHighlightColor:o.theme.colors['skeleton-gradient-to-color-onmain'],...o.palette})))}};const Root=styled.div.withConfig({shouldForwardProp:shouldForwardSkeletonProp}).withConfig({displayName:"Skeleton__Root",componentId:"ui__sc-4t2o9u-0"})([""," "," ",""],(o=>{let e=o.round?'50%':8;typeof o.borderRadius!='string'&&typeof o.borderRadius!='number'||(e=o.borderRadius);const r=o.width?o.width:'auto';const t=o.height?o.height:'auto';return css(["box-sizing:border-box;display:",";width:",";height:",";border-radius:",";flex-shrink:0;margin:0;background-origin:border-box;background-size:400% 100%;background-repeat:no-repeat;animation-name:",";animation-duration:","ms;animation-delay:","ms;animation-iteration-count:infinite;& > *{visibility:hidden !important;}"],o.inline?'inline-block':'block',typeof r=='string'?r:`${r}px`,typeof t=='string'?t:`${t}px`,typeof e=='string'?e:`${e}px`,shiftAnimation,o.animationDuration??2e3,o.animationDelay??500)}),(o=>{const e=o.onColored?COLOR_SCHEMA.onColored:COLOR_SCHEMA.default;return o.secondary?e.secondary:e.primary}),responsiveMargin);export{Root};
 //# sourceMappingURL=style.mjs.map

package/components/Skeleton/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","sources":["../../../../src/components/Skeleton/style.ts"],"sourcesContent":["import styled, { keyframes, css } from 'styled-components'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport type { StyledSkeletonProps, SkeletonPalette } from './types'\n\nconst shouldForwardSkeletonProp = createShouldForwardProp(\n  (propKey) =>\n    ![\n      'inline',\n      'round',\n      'borderRadius',\n      'width',\n      'height',\n      'animationDuration',\n      'animationDelay',\n      'onColored',\n    ].includes(propKey)\n)\n\nconst shiftAnimation = keyframes`\n  0% {\n    background-position: 100% 50%;\n  }\n  100% {\n    background-position: 0% 50%;\n  }\n`\n\nconst template = (palette: SkeletonPalette) => `\n  background-color: ${palette.color};\n  background-image: linear-gradient(90deg, ${palette.gradientColor} 25%, ${palette.gradientHighlightColor} 45%, ${palette.gradientColor} 65%);\n`\n\nconst COLOR_SCHEMA = {\n  onColored: {\n    secondary: css<StyledSkeletonProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['skeleton-oncolor-secondary'],\n          gradientColor: props.theme.colors['skeleton-gradient-from-color-oncolor'],\n          gradientHighlightColor: props.theme.colors['skeleton-gradient-to-color-oncolor'],\n          ...props.palette,\n        })}\n    `,\n    primary: css<StyledSkeletonProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['skeleton-oncolor-primary'],\n          gradientColor: props.theme.colors['skeleton-gradient-from-color-oncolor'],\n          gradientHighlightColor: props.theme.colors['skeleton-gradient-to-color-oncolor'],\n          ...props.palette,\n        })}\n    `,\n  },\n  default: {\n    secondary: css<StyledSkeletonProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['skeleton-onmain-secondary'],\n          gradientColor: props.theme.colors['skeleton-gradient-from-color-onmain'],\n          gradientHighlightColor: props.theme.colors['skeleton-gradient-to-color-onmain'],\n          ...props.palette,\n        })}\n    `,\n    primary: css<StyledSkeletonProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['skeleton-onmain-primary'],\n          gradientColor: props.theme.colors['skeleton-gradient-from-color-onmain'],\n          gradientHighlightColor: props.theme.colors['skeleton-gradient-to-color-onmain'],\n          ...props.palette,\n        })}\n    `,\n  },\n}\n\nexport const Root = styled.div.withConfig<StyledSkeletonProps>({\n  shouldForwardProp: shouldForwardSkeletonProp,\n})`\n  ${(props) => {\n    let borderRadius = props.round ? '50%' : 8\n    if (typeof props.borderRadius === 'string' || typeof props.borderRadius === 'number') {\n      borderRadius = props.borderRadius\n    }\n\n    const width = props.width ? props.width : 'auto'\n    const height = props.height ? props.height : 'auto'\n\n    return css`\n      box-sizing: border-box;\n      display: ${props.inline ? 'inline-block' : 'block'};\n      width: ${typeof width === 'string' ? width : `${width}px`};\n      height: ${typeof height === 'string' ? height : `${height}px`};\n      border-radius: ${typeof borderRadius === 'string' ? borderRadius : `${borderRadius}px`};\n      flex-shrink: 0;\n      margin: 0;\n      background-origin: border-box;\n      background-size: 400% 100%;\n      background-repeat: no-repeat;\n      animation-name: ${shiftAnimation};\n      animation-duration: ${props.animationDuration ?? 2000}ms;\n      animation-delay: ${props.animationDelay ?? 500}ms;\n      animation-iteration-count: infinite;\n\n      & > * {\n        visibility: hidden;\n      }\n    `\n  }}\n\n  ${(props) => {\n    const schema = props.onColored ? COLOR_SCHEMA.onColored : COLOR_SCHEMA.default\n\n    return props.secondary ? schema.secondary : schema.primary\n  }}\n\n  ${responsiveMargin}\n`\n"],"names":["shouldForwardSkeletonProp","createShouldForwardProp","propKey","includes","shiftAnimation","keyframes","template","palette","color","gradientColor","gradientHighlightColor","COLOR_SCHEMA","onColored","secondary","css","props","theme","colors","primary","default","Root","styled","div","withConfig","shouldForwardProp","displayName","componentId","borderRadius","round","width","height","inline","animationDuration","animationDelay","schema","responsiveMargin"],"mappings":"wLAKA,MAAMA,0BAA4BC,yBAC/BC,IACE,CACC,SACA,QACA,eACA,QACA,SACA,oBACA,iBACA,aACAC,SAASD,KAGf,MAAME,eAAiBC,UAOtB,CAAA,uEAED,MAAMC,SAAYC,GAA6B,yBACzBA,EAAQC,sDACeD,EAAQE,sBAAsBF,EAAQG,+BAA+BH,EAAQE,wBAG1H,MAAME,aAAe,CACnBC,UAAW,CACTC,UAAWC,IAAG,CAAA,GAAA,KACTC,GACDT,SAAS,CACPE,MAAOO,EAAMC,MAAMC,OAAO,8BAC1BR,cAAeM,EAAMC,MAAMC,OAAO,wCAClCP,uBAAwBK,EAAMC,MAAMC,OAAO,yCACxCF,EAAMR,YAGfW,QAASJ,IAAG,CAAA,GAAA,KACPC,GACDT,SAAS,CACPE,MAAOO,EAAMC,MAAMC,OAAO,4BAC1BR,cAAeM,EAAMC,MAAMC,OAAO,wCAClCP,uBAAwBK,EAAMC,MAAMC,OAAO,yCACxCF,EAAMR,aAIjBY,QAAS,CACPN,UAAWC,IAAG,CAAA,GAAA,KACTC,GACDT,SAAS,CACPE,MAAOO,EAAMC,MAAMC,OAAO,6BAC1BR,cAAeM,EAAMC,MAAMC,OAAO,uCAClCP,uBAAwBK,EAAMC,MAAMC,OAAO,wCACxCF,EAAMR,YAGfW,QAASJ,IAAG,CAAA,GAAA,KACPC,GACDT,SAAS,CACPE,MAAOO,EAAMC,MAAMC,OAAO,2BAC1BR,cAAeM,EAAMC,MAAMC,OAAO,uCAClCP,uBAAwBK,EAAMC,MAAMC,OAAO,wCACxCF,EAAMR,cAMZ,MAAMa,KAAOC,OAAOC,IAAIC,WAAgC,CAC7DC,kBAAmBxB,4BACnBuB,WAAA,CAAAE,YAAA,iBAAAC,YAAA,mBAFkBL,CAElB,CAAA,GAAA,IAAA,IAAA,KACGN,IACD,IAAIY,EAAeZ,EAAMa,MAAQ,MAAQ,SAC9Bb,EAAMY,cAAiB,iBAAmBZ,EAAMY,cAAiB,WAC1EA,EAAeZ,EAAMY,cAGvB,MAAME,EAAQd,EAAMc,MAAQd,EAAMc,MAAQ,OAC1C,MAAMC,EAASf,EAAMe,OAASf,EAAMe,OAAS,OAE7C,OAAOhB,IAEMC,CAAAA,iCAAAA,UAAAA,WAAAA,kBAAAA,6HAAAA,uBAAAA,sBAAAA,mEAAAA,EAAMgB,OAAS,eAAiB,eAC3BF,GAAU,SAAWA,EAAQ,GAAGA,aAC/BC,GAAW,SAAWA,EAAS,GAAGA,aAC3BH,GAAiB,SAAWA,EAAe,GAAGA,MAMpDvB,eACIW,EAAMiB,mBAAqB,IAC9BjB,EAAMkB,gBAAkB,IAAG,IAS/ClB,IACD,MAAMmB,EAASnB,EAAMH,UAAYD,aAAaC,UAAYD,aAAaQ,QAEvE,OAAOJ,EAAMF,UAAYqB,EAAOrB,UAAYqB,EAAOhB,OAAO,GAG1DiB"}
+{"version":3,"file":"style.mjs","sources":["../../../../src/components/Skeleton/style.ts"],"sourcesContent":["import styled, { keyframes, css } from 'styled-components'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport type { StyledSkeletonProps, SkeletonPalette } from './types'\n\nconst shouldForwardSkeletonProp = createShouldForwardProp(\n  (propKey) =>\n    ![\n      'inline',\n      'round',\n      'borderRadius',\n      'width',\n      'height',\n      'animationDuration',\n      'animationDelay',\n      'onColored',\n    ].includes(propKey)\n)\n\nconst shiftAnimation = keyframes`\n  0% {\n    background-position: 100% 50%;\n  }\n  100% {\n    background-position: 0% 50%;\n  }\n`\n\nconst template = (palette: SkeletonPalette) => `\n  background-color: ${palette.color};\n  background-image: linear-gradient(90deg, ${palette.gradientColor} 25%, ${palette.gradientHighlightColor} 45%, ${palette.gradientColor} 65%);\n`\n\nconst COLOR_SCHEMA = {\n  onColored: {\n    secondary: css<StyledSkeletonProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['skeleton-oncolor-secondary'],\n          gradientColor: props.theme.colors['skeleton-gradient-from-color-oncolor'],\n          gradientHighlightColor: props.theme.colors['skeleton-gradient-to-color-oncolor'],\n          ...props.palette,\n        })}\n    `,\n    primary: css<StyledSkeletonProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['skeleton-oncolor-primary'],\n          gradientColor: props.theme.colors['skeleton-gradient-from-color-oncolor'],\n          gradientHighlightColor: props.theme.colors['skeleton-gradient-to-color-oncolor'],\n          ...props.palette,\n        })}\n    `,\n  },\n  default: {\n    secondary: css<StyledSkeletonProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['skeleton-onmain-secondary'],\n          gradientColor: props.theme.colors['skeleton-gradient-from-color-onmain'],\n          gradientHighlightColor: props.theme.colors['skeleton-gradient-to-color-onmain'],\n          ...props.palette,\n        })}\n    `,\n    primary: css<StyledSkeletonProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['skeleton-onmain-primary'],\n          gradientColor: props.theme.colors['skeleton-gradient-from-color-onmain'],\n          gradientHighlightColor: props.theme.colors['skeleton-gradient-to-color-onmain'],\n          ...props.palette,\n        })}\n    `,\n  },\n}\n\nexport const Root = styled.div.withConfig<StyledSkeletonProps>({\n  shouldForwardProp: shouldForwardSkeletonProp,\n})`\n  ${(props) => {\n    let borderRadius = props.round ? '50%' : 8\n    if (typeof props.borderRadius === 'string' || typeof props.borderRadius === 'number') {\n      borderRadius = props.borderRadius\n    }\n\n    const width = props.width ? props.width : 'auto'\n    const height = props.height ? props.height : 'auto'\n\n    return css`\n      box-sizing: border-box;\n      display: ${props.inline ? 'inline-block' : 'block'};\n      width: ${typeof width === 'string' ? width : `${width}px`};\n      height: ${typeof height === 'string' ? height : `${height}px`};\n      border-radius: ${typeof borderRadius === 'string' ? borderRadius : `${borderRadius}px`};\n      flex-shrink: 0;\n      margin: 0;\n      background-origin: border-box;\n      background-size: 400% 100%;\n      background-repeat: no-repeat;\n      animation-name: ${shiftAnimation};\n      animation-duration: ${props.animationDuration ?? 2000}ms;\n      animation-delay: ${props.animationDelay ?? 500}ms;\n      animation-iteration-count: infinite;\n\n      & > * {\n        visibility: hidden !important;\n      }\n    `\n  }}\n\n  ${(props) => {\n    const schema = props.onColored ? COLOR_SCHEMA.onColored : COLOR_SCHEMA.default\n\n    return props.secondary ? schema.secondary : schema.primary\n  }}\n\n  ${responsiveMargin}\n`\n"],"names":["shouldForwardSkeletonProp","createShouldForwardProp","propKey","includes","shiftAnimation","keyframes","template","palette","color","gradientColor","gradientHighlightColor","COLOR_SCHEMA","onColored","secondary","css","props","theme","colors","primary","default","Root","styled","div","withConfig","shouldForwardProp","displayName","componentId","borderRadius","round","width","height","inline","animationDuration","animationDelay","schema","responsiveMargin"],"mappings":"wLAKA,MAAMA,0BAA4BC,yBAC/BC,IACE,CACC,SACA,QACA,eACA,QACA,SACA,oBACA,iBACA,aACAC,SAASD,KAGf,MAAME,eAAiBC,UAOtB,CAAA,uEAED,MAAMC,SAAYC,GAA6B,yBACzBA,EAAQC,sDACeD,EAAQE,sBAAsBF,EAAQG,+BAA+BH,EAAQE,wBAG1H,MAAME,aAAe,CACnBC,UAAW,CACTC,UAAWC,IAAG,CAAA,GAAA,KACTC,GACDT,SAAS,CACPE,MAAOO,EAAMC,MAAMC,OAAO,8BAC1BR,cAAeM,EAAMC,MAAMC,OAAO,wCAClCP,uBAAwBK,EAAMC,MAAMC,OAAO,yCACxCF,EAAMR,YAGfW,QAASJ,IAAG,CAAA,GAAA,KACPC,GACDT,SAAS,CACPE,MAAOO,EAAMC,MAAMC,OAAO,4BAC1BR,cAAeM,EAAMC,MAAMC,OAAO,wCAClCP,uBAAwBK,EAAMC,MAAMC,OAAO,yCACxCF,EAAMR,aAIjBY,QAAS,CACPN,UAAWC,IAAG,CAAA,GAAA,KACTC,GACDT,SAAS,CACPE,MAAOO,EAAMC,MAAMC,OAAO,6BAC1BR,cAAeM,EAAMC,MAAMC,OAAO,uCAClCP,uBAAwBK,EAAMC,MAAMC,OAAO,wCACxCF,EAAMR,YAGfW,QAASJ,IAAG,CAAA,GAAA,KACPC,GACDT,SAAS,CACPE,MAAOO,EAAMC,MAAMC,OAAO,2BAC1BR,cAAeM,EAAMC,MAAMC,OAAO,uCAClCP,uBAAwBK,EAAMC,MAAMC,OAAO,wCACxCF,EAAMR,cAMZ,MAAMa,KAAOC,OAAOC,IAAIC,WAAgC,CAC7DC,kBAAmBxB,4BACnBuB,WAAA,CAAAE,YAAA,iBAAAC,YAAA,mBAFkBL,CAElB,CAAA,GAAA,IAAA,IAAA,KACGN,IACD,IAAIY,EAAeZ,EAAMa,MAAQ,MAAQ,SAC9Bb,EAAMY,cAAiB,iBAAmBZ,EAAMY,cAAiB,WAC1EA,EAAeZ,EAAMY,cAGvB,MAAME,EAAQd,EAAMc,MAAQd,EAAMc,MAAQ,OAC1C,MAAMC,EAASf,EAAMe,OAASf,EAAMe,OAAS,OAE7C,OAAOhB,IAEMC,CAAAA,iCAAAA,UAAAA,WAAAA,kBAAAA,6HAAAA,uBAAAA,sBAAAA,8EAAAA,EAAMgB,OAAS,eAAiB,eAC3BF,GAAU,SAAWA,EAAQ,GAAGA,aAC/BC,GAAW,SAAWA,EAAS,GAAGA,aAC3BH,GAAiB,SAAWA,EAAe,GAAGA,MAMpDvB,eACIW,EAAMiB,mBAAqB,IAC9BjB,EAAMkB,gBAAkB,IAAG,IAS/ClB,IACD,MAAMmB,EAASnB,EAAMH,UAAYD,aAAaC,UAAYD,aAAaQ,QAEvE,OAAOJ,EAAMF,UAAYqB,EAAOrB,UAAYqB,EAAOhB,OAAO,GAG1DiB"}

package/components/Visibility/style.js

@@ -1,2 +1,2 @@
-'use strict';var styled=require('styled-components');var style=require('../../shared/utils/style.js');var responsiveSize=require('../../mixins/responsive-size.js');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var styled__default=_interopDefault(styled);const shouldForwardVisibilityProp=style.createShouldForwardProp();const Root=styled__default.default.div.withConfig({shouldForwardProp:shouldForwardVisibilityProp}).withConfig({displayName:"Visibility__Root",componentId:"ui__sc-me8rmh-0"})(["box-sizing:border-box;",""],responsiveSize.responsiveSize);exports.Root=Root;
+'use strict';var styled=require('styled-components');var style=require('../../shared/utils/style.js');var responsiveSize=require('../../mixins/responsive-size.js');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var styled__default=_interopDefault(styled);const shouldForwardVisibilityProp=style.createShouldForwardProp();const Root=styled__default.default.div.withConfig({shouldForwardProp:shouldForwardVisibilityProp}).withConfig({displayName:"Visibility__Root",componentId:"ui__sc-me8rmh-0"})(["box-sizing:border-box;border-radius:inherit;",""],responsiveSize.responsiveSize);exports.Root=Root;
 //# sourceMappingURL=style.js.map

package/components/Visibility/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","sources":["../../../../src/components/Visibility/style.ts"],"sourcesContent":["import styled from 'styled-components'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport type { StyledVisibilityProps } from './types'\n\nconst shouldForwardVisibilityProp = createShouldForwardProp()\n\nexport const Root = styled.div.withConfig<StyledVisibilityProps>({\n  shouldForwardProp: shouldForwardVisibilityProp,\n})`\n  box-sizing: border-box;\n\n  ${responsiveSize}\n`\n"],"names":["shouldForwardVisibilityProp","createShouldForwardProp","Root","styled","div","withConfig","shouldForwardProp","displayName","componentId","responsiveSize"],"mappings":"iRAKA,MAAMA,4BAA8BC,MAAuBA,0BAEpD,MAAMC,KAAOC,gBAAAA,QAAOC,IAAIC,WAAkC,CAC/DC,kBAAmBN,8BACnBK,WAAA,CAAAE,YAAA,mBAAAC,YAAA,mBAFkBL,CAElB,CAAA,yBAAA,IAGEM,eAAcA"}
+{"version":3,"file":"style.js","sources":["../../../../src/components/Visibility/style.ts"],"sourcesContent":["import styled from 'styled-components'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport type { StyledVisibilityProps } from './types'\n\nconst shouldForwardVisibilityProp = createShouldForwardProp()\n\nexport const Root = styled.div.withConfig<StyledVisibilityProps>({\n  shouldForwardProp: shouldForwardVisibilityProp,\n})`\n  box-sizing: border-box;\n  border-radius: inherit;\n\n  ${responsiveSize}\n`\n"],"names":["shouldForwardVisibilityProp","createShouldForwardProp","Root","styled","div","withConfig","shouldForwardProp","displayName","componentId","responsiveSize"],"mappings":"iRAKA,MAAMA,4BAA8BC,MAAuBA,0BAEpD,MAAMC,KAAOC,gBAAAA,QAAOC,IAAIC,WAAkC,CAC/DC,kBAAmBN,8BACnBK,WAAA,CAAAE,YAAA,mBAAAC,YAAA,mBAFkBL,CAElB,CAAA,+CAAA,IAIEM,eAAcA"}

package/components/Visibility/style.mjs

@@ -1,2 +1,2 @@
-import styled from'styled-components';import{createShouldForwardProp}from'../../shared/utils/style.mjs';import{responsiveSize}from'../../mixins/responsive-size.mjs';const shouldForwardVisibilityProp=createShouldForwardProp();const Root=styled.div.withConfig({shouldForwardProp:shouldForwardVisibilityProp}).withConfig({displayName:"Visibility__Root",componentId:"ui__sc-me8rmh-0"})(["box-sizing:border-box;",""],responsiveSize);export{Root};
+import styled from'styled-components';import{createShouldForwardProp}from'../../shared/utils/style.mjs';import{responsiveSize}from'../../mixins/responsive-size.mjs';const shouldForwardVisibilityProp=createShouldForwardProp();const Root=styled.div.withConfig({shouldForwardProp:shouldForwardVisibilityProp}).withConfig({displayName:"Visibility__Root",componentId:"ui__sc-me8rmh-0"})(["box-sizing:border-box;border-radius:inherit;",""],responsiveSize);export{Root};
 //# sourceMappingURL=style.mjs.map

package/components/Visibility/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","sources":["../../../../src/components/Visibility/style.ts"],"sourcesContent":["import styled from 'styled-components'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport type { StyledVisibilityProps } from './types'\n\nconst shouldForwardVisibilityProp = createShouldForwardProp()\n\nexport const Root = styled.div.withConfig<StyledVisibilityProps>({\n  shouldForwardProp: shouldForwardVisibilityProp,\n})`\n  box-sizing: border-box;\n\n  ${responsiveSize}\n`\n"],"names":["shouldForwardVisibilityProp","createShouldForwardProp","Root","styled","div","withConfig","shouldForwardProp","displayName","componentId","responsiveSize"],"mappings":"qKAKA,MAAMA,4BAA8BC,0BAE7B,MAAMC,KAAOC,OAAOC,IAAIC,WAAkC,CAC/DC,kBAAmBN,8BACnBK,WAAA,CAAAE,YAAA,mBAAAC,YAAA,mBAFkBL,CAElB,CAAA,yBAAA,IAGEM"}
+{"version":3,"file":"style.mjs","sources":["../../../../src/components/Visibility/style.ts"],"sourcesContent":["import styled from 'styled-components'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport type { StyledVisibilityProps } from './types'\n\nconst shouldForwardVisibilityProp = createShouldForwardProp()\n\nexport const Root = styled.div.withConfig<StyledVisibilityProps>({\n  shouldForwardProp: shouldForwardVisibilityProp,\n})`\n  box-sizing: border-box;\n  border-radius: inherit;\n\n  ${responsiveSize}\n`\n"],"names":["shouldForwardVisibilityProp","createShouldForwardProp","Root","styled","div","withConfig","shouldForwardProp","displayName","componentId","responsiveSize"],"mappings":"qKAKA,MAAMA,4BAA8BC,0BAE7B,MAAMC,KAAOC,OAAOC,IAAIC,WAAkC,CAC/DC,kBAAmBN,8BACnBK,WAAA,CAAAE,YAAA,mBAAAC,YAAA,mBAFkBL,CAElB,CAAA,+CAAA,IAIEM"}

package/dts/index.d.ts

@@ -6123,6 +6123,8 @@ interface DialogComponentProps extends ResponsiveSizeProps<DialogComponentSize>,
     caption?: React.ReactNode;
     /** Пропсы для типографики текста над заголовком */
     captionProps?: TextProps;
+    /** Класс для элемента с бекграундом диалога */
+    backgroundClassName?: string;
     /** Основной контент */
     children?: React.ReactNode;
     /**
@@ -6138,8 +6140,14 @@ interface DialogComponentProps extends ResponsiveSizeProps<DialogComponentSize>,
     dragging?: boolean;
     /** Пропсы для иконки в области захвата для перетаскивания */
     draggingIconProps?: IconProps;
-    /** Рендер картинки справа с горизонтальной ориентации (дефолт слева) */
+    /** Вариант внешнего вида со скошенным верхним сегментом */
+    fancy?: boolean;
+    /** Функция для рендера дополнительных элементов с позицией относительно рута диалога (аргументом получает текущие пропсы размеров) */
+    floats?: (props: Partial<Record<keyof Pick<DialogComponentProps, 'size' | 'sizeXXS' | 'sizeXS' | 'sizeS' | 'sizeS' | 'sizeM' | 'sizeL' | 'sizeXL'>, Size>>) => React.ReactNode;
+    /** Рендер картинки справа в горизонтальной ориентации (дефолт слева) */
     imgLandscapePositionRight?: boolean;
+    /** Рендер картинки снизу в вертикальной ориентации (дефолт сверху) */
+    imgPortraitPositionBottom?: boolean;
     /**
      * Пути картинок в зависимости от ориентации окна диалога.
      * Ожидаемое соотношение сторон картинок: 3:1 portrait, 5:7 landscape
@@ -6158,6 +6166,8 @@ interface DialogComponentProps extends ResponsiveSizeProps<DialogComponentSize>,
     palette?: Partial<Record<keyof DialogComponentPalette, Color>>;
     /** Пропсы для скелетонов (используются при loading=true) */
     skeletonProps?: SkeletonProps;
+    /** Отключить эффект фейдинга при скролле контента */
+    scrollFadingDisabled?: boolean;
     /** Подзаголовок диалога */
     subtitle?: React.ReactNode;
     /** Пропсы для типографики подзаголовка */
@@ -6216,6 +6226,8 @@ interface DialogProps extends ResponsiveSizeProps<DialogComponentSize>, Responsi
     overlayRef?: Props$1['overlayRef'];
     /** Колбек, который получает аргументом элемент рута диалогового окна */
     contentRef?: Props$1['contentRef'];
+    /** Класс для элемента с бекграундом диалога */
+    backgroundClassName?: string;
     /** Текст над заголовком диалога */
     caption?: React.ReactNode;
     /** Пропсы для типографики текста над заголовком */
@@ -6236,8 +6248,14 @@ interface DialogProps extends ResponsiveSizeProps<DialogComponentSize>, Responsi
     draggable?: boolean;
     /** Пропсы для иконки в области захвата для перетаскивания */
     draggingIconProps?: IconProps;
-    /** Рендер картинки справа с горизонтальной ориентации (дефолт слева) */
+    /** Вариант внешнего вида со скошенным верхним сегментом */
+    fancy?: boolean;
+    /** Функция для рендера дополнительных элементов с позицией относительно рута диалога (аргументом получает текущие пропсы размеров) */
+    floats?: (props: Partial<Record<keyof Pick<DialogProps, 'size' | 'sizeXXS' | 'sizeXS' | 'sizeS' | 'sizeS' | 'sizeM' | 'sizeL' | 'sizeXL'>, Size>>) => React.ReactNode;
+    /** Рендер картинки справа в горизонтальной ориентации (дефолт слева) */
     imgLandscapePositionRight?: boolean;
+    /** Рендер картинки снизу в вертикальной ориентации (дефолт сверху) */
+    imgPortraitPositionBottom?: boolean;
     /**
      * Пути картинок в зависимости от ориентации окна диалога.
      * Ожидаемое соотношение сторон картинок: 3:1 portrait, 5:7 landscape
@@ -6250,6 +6268,8 @@ interface DialogProps extends ResponsiveSizeProps<DialogComponentSize>, Responsi
     loading?: boolean;
     /** Применение стилей размытия для оверлея */
     overlayBlur?: boolean;
+    /** Оверлей не используется */
+    overlayDisabled?: boolean;
     /** Кастомные цвета  */
     palette?: {
         color?: Color;
@@ -6257,6 +6277,8 @@ interface DialogProps extends ResponsiveSizeProps<DialogComponentSize>, Responsi
         shadowColor?: Color;
         overlayBackgroundColor?: Color;
     };
+    /** Отключить эффект фейдинга при скролле контента */
+    scrollFadingDisabled?: boolean;
     /** Пропсы для скелетонов (используются при loading=true) */
     skeletonProps?: SkeletonProps;
     /** Подзаголовок диалога */

package/external/.pnpm/@foxford_icon-pack@0.9.0_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@foxford/icon-pack/icons/CheckCircleFill/index.js

@@ -1,2 +1,2 @@
-'use strict';var index=require('../../../../../../../../_virtual/index6.js');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var require$$0__default=_interopDefault(require('react/jsx-runtime'));Object.defineProperty(index.__exports,"__esModule",{value:!0}),exports.CheckCircleFill=index.__exports.CheckCircleFill=void 0;const jsx_runtime_1=require$$0__default.default;function CheckCircleFill(e){const{color:l,size:i,...r}=e;return(0,jsx_runtime_1.jsx)("svg",{xmlns:'http://www.w3.org/2000/svg',width:i,height:i,viewBox:'0 0 24 24',fill:l,...r,children:(0,jsx_runtime_1.jsx)("path",{fillRule:'evenodd',d:'M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10Zm4.735-12.322a1 1 0 0 0-1.47-1.356l-4.804 5.204-1.726-1.87a1 1 0 1 0-1.47 1.356l2.462 2.666a1 1 0 0 0 1.47 0l5.538-6Z',clipRule:'evenodd'})})}exports.CheckCircleFill=index.__exports.CheckCircleFill=CheckCircleFill,index.__exports.default=CheckCircleFill;
+'use strict';var index=require('../../../../../../../../_virtual/index.js');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var require$$0__default=_interopDefault(require('react/jsx-runtime'));Object.defineProperty(index.__exports,"__esModule",{value:!0}),exports.CheckCircleFill=index.__exports.CheckCircleFill=void 0;const jsx_runtime_1=require$$0__default.default;function CheckCircleFill(e){const{color:l,size:i,...r}=e;return(0,jsx_runtime_1.jsx)("svg",{xmlns:'http://www.w3.org/2000/svg',width:i,height:i,viewBox:'0 0 24 24',fill:l,...r,children:(0,jsx_runtime_1.jsx)("path",{fillRule:'evenodd',d:'M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10Zm4.735-12.322a1 1 0 0 0-1.47-1.356l-4.804 5.204-1.726-1.87a1 1 0 1 0-1.47 1.356l2.462 2.666a1 1 0 0 0 1.47 0l5.538-6Z',clipRule:'evenodd'})})}exports.CheckCircleFill=index.__exports.CheckCircleFill=CheckCircleFill,index.__exports.default=CheckCircleFill;
 //# sourceMappingURL=index.js.map

package/external/.pnpm/@foxford_icon-pack@0.9.0_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@foxford/icon-pack/icons/CheckCircleFill/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../../../../node_modules/.pnpm/@foxford+icon-pack@0.9.0_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@foxford/icon-pack/icons/CheckCircleFill/index.js"],"sourcesContent":["\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\nexports.CheckCircleFill = void 0;\nconst jsx_runtime_1 = require(\"react/jsx-runtime\");\nfunction CheckCircleFill(props) {\n    const { color, size, ...otherProps } = props;\n    return ((0, jsx_runtime_1.jsx)(\"svg\", { xmlns: 'http://www.w3.org/2000/svg', width: size, height: size, viewBox: '0 0 24 24', fill: color, ...otherProps, children: (0, jsx_runtime_1.jsx)(\"path\", { fillRule: 'evenodd', d: 'M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10Zm4.735-12.322a1 1 0 0 0-1.47-1.356l-4.804 5.204-1.726-1.87a1 1 0 1 0-1.47 1.356l2.462 2.666a1 1 0 0 0 1.47 0l5.538-6Z', clipRule: 'evenodd' }) }));\n}\nexports.CheckCircleFill = CheckCircleFill;\nexports.default = CheckCircleFill;\n//# sourceMappingURL=index.js.map"],"names":["Object","defineProperty","CheckCircleFill_1","value","CheckCircleFill_2","__exports","CheckCircleFill","jsx_runtime_1","require$$0","props","color","size","otherProps","jsx","xmlns","width","height","viewBox","fill","children","fillRule","d","clipRule","default"],"mappings":"oNACAA,OAAOC,eAAeC,MAAAA,UAAS,aAAc,CAAEC,OAAO,IAC/BC,QAAAA,gBAAAF,MAAAG,UAAAC,qBAAG,EAC1B,MAAMC,cAAgBC,oBAAAA,QACtB,SAASF,gBAAgBG,GACrB,MAAMC,MAAEA,EAAKC,KAAEA,KAASC,GAAeH,EACvC,OAAQ,EAAIF,cAAcM,KAAK,MAAO,CAAEC,MAAO,6BAA8BC,MAAOJ,EAAMK,OAAQL,EAAMM,QAAS,YAAaC,KAAMR,KAAUE,EAAYO,UAAU,EAAIZ,cAAcM,KAAK,OAAQ,CAAEO,SAAU,UAAWC,EAAG,gMAAiMC,SAAU,aAC5a,CACAlB,QAAAA,gBAAuBF,MAAAG,UAAAC,gBAAGA,gBACXJ,MAAAG,UAAAkB,QAAGjB","x_google_ignoreList":[0]}
+{"version":3,"file":"index.js","sources":["../../../../../../../../../../node_modules/.pnpm/@foxford+icon-pack@0.9.0_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@foxford/icon-pack/icons/CheckCircleFill/index.js"],"sourcesContent":["\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\nexports.CheckCircleFill = void 0;\nconst jsx_runtime_1 = require(\"react/jsx-runtime\");\nfunction CheckCircleFill(props) {\n    const { color, size, ...otherProps } = props;\n    return ((0, jsx_runtime_1.jsx)(\"svg\", { xmlns: 'http://www.w3.org/2000/svg', width: size, height: size, viewBox: '0 0 24 24', fill: color, ...otherProps, children: (0, jsx_runtime_1.jsx)(\"path\", { fillRule: 'evenodd', d: 'M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10Zm4.735-12.322a1 1 0 0 0-1.47-1.356l-4.804 5.204-1.726-1.87a1 1 0 1 0-1.47 1.356l2.462 2.666a1 1 0 0 0 1.47 0l5.538-6Z', clipRule: 'evenodd' }) }));\n}\nexports.CheckCircleFill = CheckCircleFill;\nexports.default = CheckCircleFill;\n//# sourceMappingURL=index.js.map"],"names":["Object","defineProperty","CheckCircleFill_1","value","CheckCircleFill_2","__exports","CheckCircleFill","jsx_runtime_1","require$$0","props","color","size","otherProps","jsx","xmlns","width","height","viewBox","fill","children","fillRule","d","clipRule","default"],"mappings":"mNACAA,OAAOC,eAAeC,MAAAA,UAAS,aAAc,CAAEC,OAAO,IAC/BC,QAAAA,gBAAAF,MAAAG,UAAAC,qBAAG,EAC1B,MAAMC,cAAgBC,oBAAAA,QACtB,SAASF,gBAAgBG,GACrB,MAAMC,MAAEA,EAAKC,KAAEA,KAASC,GAAeH,EACvC,OAAQ,EAAIF,cAAcM,KAAK,MAAO,CAAEC,MAAO,6BAA8BC,MAAOJ,EAAMK,OAAQL,EAAMM,QAAS,YAAaC,KAAMR,KAAUE,EAAYO,UAAU,EAAIZ,cAAcM,KAAK,OAAQ,CAAEO,SAAU,UAAWC,EAAG,gMAAiMC,SAAU,aAC5a,CACAlB,QAAAA,gBAAuBF,MAAAG,UAAAC,gBAAGA,gBACXJ,MAAAG,UAAAkB,QAAGjB","x_google_ignoreList":[0]}

package/external/.pnpm/@foxford_icon-pack@0.9.0_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@foxford/icon-pack/icons/ChevronDown/index.js

@@ -1,2 +1,2 @@
-'use strict';var index=require('../../../../../../../../_virtual/index.js');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var require$$0__default=_interopDefault(require('react/jsx-runtime'));Object.defineProperty(index.__exports,"__esModule",{value:!0}),exports.ChevronDown=index.__exports.ChevronDown=void 0;const jsx_runtime_1=require$$0__default.default;function ChevronDown(e){const{color:r,size:n,...o}=e;return(0,jsx_runtime_1.jsx)("svg",{xmlns:'http://www.w3.org/2000/svg',width:n,height:n,viewBox:'0 0 24 24',fill:r,...o,children:(0,jsx_runtime_1.jsx)("path",{fillRule:'evenodd',d:'M5.47 8.47a.75.75 0 0 1 1.06 0L12 13.94l5.47-5.47a.75.75 0 1 1 1.06 1.06l-6 6a.75.75 0 0 1-1.06 0l-6-6a.75.75 0 0 1 0-1.06Z',clipRule:'evenodd'})})}exports.ChevronDown=index.__exports.ChevronDown=ChevronDown,index.__exports.default=ChevronDown;
+'use strict';var index=require('../../../../../../../../_virtual/index2.js');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var require$$0__default=_interopDefault(require('react/jsx-runtime'));Object.defineProperty(index.__exports,"__esModule",{value:!0}),exports.ChevronDown=index.__exports.ChevronDown=void 0;const jsx_runtime_1=require$$0__default.default;function ChevronDown(e){const{color:r,size:n,...o}=e;return(0,jsx_runtime_1.jsx)("svg",{xmlns:'http://www.w3.org/2000/svg',width:n,height:n,viewBox:'0 0 24 24',fill:r,...o,children:(0,jsx_runtime_1.jsx)("path",{fillRule:'evenodd',d:'M5.47 8.47a.75.75 0 0 1 1.06 0L12 13.94l5.47-5.47a.75.75 0 1 1 1.06 1.06l-6 6a.75.75 0 0 1-1.06 0l-6-6a.75.75 0 0 1 0-1.06Z',clipRule:'evenodd'})})}exports.ChevronDown=index.__exports.ChevronDown=ChevronDown,index.__exports.default=ChevronDown;
 //# sourceMappingURL=index.js.map

package/external/.pnpm/@foxford_icon-pack@0.9.0_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@foxford/icon-pack/icons/ChevronDown/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../../../../node_modules/.pnpm/@foxford+icon-pack@0.9.0_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@foxford/icon-pack/icons/ChevronDown/index.js"],"sourcesContent":["\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\nexports.ChevronDown = void 0;\nconst jsx_runtime_1 = require(\"react/jsx-runtime\");\nfunction ChevronDown(props) {\n    const { color, size, ...otherProps } = props;\n    return ((0, jsx_runtime_1.jsx)(\"svg\", { xmlns: 'http://www.w3.org/2000/svg', width: size, height: size, viewBox: '0 0 24 24', fill: color, ...otherProps, children: (0, jsx_runtime_1.jsx)(\"path\", { fillRule: 'evenodd', d: 'M5.47 8.47a.75.75 0 0 1 1.06 0L12 13.94l5.47-5.47a.75.75 0 1 1 1.06 1.06l-6 6a.75.75 0 0 1-1.06 0l-6-6a.75.75 0 0 1 0-1.06Z', clipRule: 'evenodd' }) }));\n}\nexports.ChevronDown = ChevronDown;\nexports.default = ChevronDown;\n//# sourceMappingURL=index.js.map"],"names":["Object","defineProperty","ChevronDown_1","value","ChevronDown_2","__exports","ChevronDown","jsx_runtime_1","require$$0","props","color","size","otherProps","jsx","xmlns","width","height","viewBox","fill","children","fillRule","d","clipRule","default"],"mappings":"mNACAA,OAAOC,eAAeC,MAAAA,UAAS,aAAc,CAAEC,OAAO,IACnCC,QAAAA,YAAAF,MAAAG,UAAAC,iBAAG,EACtB,MAAMC,cAAgBC,oBAAAA,QACtB,SAASF,YAAYG,GACjB,MAAMC,MAAEA,EAAKC,KAAEA,KAASC,GAAeH,EACvC,OAAQ,EAAIF,cAAcM,KAAK,MAAO,CAAEC,MAAO,6BAA8BC,MAAOJ,EAAMK,OAAQL,EAAMM,QAAS,YAAaC,KAAMR,KAAUE,EAAYO,UAAU,EAAIZ,cAAcM,KAAK,OAAQ,CAAEO,SAAU,UAAWC,EAAG,8HAA+HC,SAAU,aAC1W,CACAlB,QAAAA,YAAmBF,MAAAG,UAAAC,YAAGA,YACPJ,MAAAG,UAAAkB,QAAGjB","x_google_ignoreList":[0]}
+{"version":3,"file":"index.js","sources":["../../../../../../../../../../node_modules/.pnpm/@foxford+icon-pack@0.9.0_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@foxford/icon-pack/icons/ChevronDown/index.js"],"sourcesContent":["\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\nexports.ChevronDown = void 0;\nconst jsx_runtime_1 = require(\"react/jsx-runtime\");\nfunction ChevronDown(props) {\n    const { color, size, ...otherProps } = props;\n    return ((0, jsx_runtime_1.jsx)(\"svg\", { xmlns: 'http://www.w3.org/2000/svg', width: size, height: size, viewBox: '0 0 24 24', fill: color, ...otherProps, children: (0, jsx_runtime_1.jsx)(\"path\", { fillRule: 'evenodd', d: 'M5.47 8.47a.75.75 0 0 1 1.06 0L12 13.94l5.47-5.47a.75.75 0 1 1 1.06 1.06l-6 6a.75.75 0 0 1-1.06 0l-6-6a.75.75 0 0 1 0-1.06Z', clipRule: 'evenodd' }) }));\n}\nexports.ChevronDown = ChevronDown;\nexports.default = ChevronDown;\n//# sourceMappingURL=index.js.map"],"names":["Object","defineProperty","ChevronDown_1","value","ChevronDown_2","__exports","ChevronDown","jsx_runtime_1","require$$0","props","color","size","otherProps","jsx","xmlns","width","height","viewBox","fill","children","fillRule","d","clipRule","default"],"mappings":"oNACAA,OAAOC,eAAeC,MAAAA,UAAS,aAAc,CAAEC,OAAO,IACnCC,QAAAA,YAAAF,MAAAG,UAAAC,iBAAG,EACtB,MAAMC,cAAgBC,oBAAAA,QACtB,SAASF,YAAYG,GACjB,MAAMC,MAAEA,EAAKC,KAAEA,KAASC,GAAeH,EACvC,OAAQ,EAAIF,cAAcM,KAAK,MAAO,CAAEC,MAAO,6BAA8BC,MAAOJ,EAAMK,OAAQL,EAAMM,QAAS,YAAaC,KAAMR,KAAUE,EAAYO,UAAU,EAAIZ,cAAcM,KAAK,OAAQ,CAAEO,SAAU,UAAWC,EAAG,8HAA+HC,SAAU,aAC1W,CACAlB,QAAAA,YAAmBF,MAAAG,UAAAC,YAAGA,YACPJ,MAAAG,UAAAkB,QAAGjB","x_google_ignoreList":[0]}

package/external/.pnpm/@foxford_icon-pack@0.9.0_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@foxford/icon-pack/icons/Close/index.js

@@ -1,2 +1,2 @@
-'use strict';var index=require('../../../../../../../../_virtual/index2.js');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var require$$0__default=_interopDefault(require('react/jsx-runtime'));Object.defineProperty(index.__exports,"__esModule",{value:!0}),exports.Close=index.__exports.Close=void 0;const jsx_runtime_1=require$$0__default.default;function Close(e){const{color:t,size:r,...l}=e;return(0,jsx_runtime_1.jsx)("svg",{xmlns:'http://www.w3.org/2000/svg',width:r,height:r,viewBox:'0 0 24 24',fill:t,...l,children:(0,jsx_runtime_1.jsx)("path",{fillRule:'evenodd',d:'M5.47 5.47a.75.75 0 0 1 1.06 0L12 10.94l5.47-5.47a.75.75 0 1 1 1.06 1.06L13.06 12l5.47 5.47a.75.75 0 1 1-1.06 1.06L12 13.06l-5.47 5.47a.75.75 0 0 1-1.06-1.06L10.94 12 5.47 6.53a.75.75 0 0 1 0-1.06Z',clipRule:'evenodd'})})}exports.Close=index.__exports.Close=Close,index.__exports.default=Close;
+'use strict';var index=require('../../../../../../../../_virtual/index3.js');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var require$$0__default=_interopDefault(require('react/jsx-runtime'));Object.defineProperty(index.__exports,"__esModule",{value:!0}),exports.Close=index.__exports.Close=void 0;const jsx_runtime_1=require$$0__default.default;function Close(e){const{color:t,size:r,...l}=e;return(0,jsx_runtime_1.jsx)("svg",{xmlns:'http://www.w3.org/2000/svg',width:r,height:r,viewBox:'0 0 24 24',fill:t,...l,children:(0,jsx_runtime_1.jsx)("path",{fillRule:'evenodd',d:'M5.47 5.47a.75.75 0 0 1 1.06 0L12 10.94l5.47-5.47a.75.75 0 1 1 1.06 1.06L13.06 12l5.47 5.47a.75.75 0 1 1-1.06 1.06L12 13.06l-5.47 5.47a.75.75 0 0 1-1.06-1.06L10.94 12 5.47 6.53a.75.75 0 0 1 0-1.06Z',clipRule:'evenodd'})})}exports.Close=index.__exports.Close=Close,index.__exports.default=Close;
 //# sourceMappingURL=index.js.map

package/external/.pnpm/@foxford_icon-pack@0.9.0_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@foxford/icon-pack/icons/CloseCirlceFill/index.js

@@ -1,2 +1,2 @@
-'use strict';var index=require('../../../../../../../../_virtual/index3.js');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var require$$0__default=_interopDefault(require('react/jsx-runtime'));Object.defineProperty(index.__exports,"__esModule",{value:!0}),exports.CloseCirlceFill=index.__exports.CloseCirlceFill=void 0;const jsx_runtime_1=require$$0__default.default;function CloseCirlceFill(e){const{color:l,size:i,...r}=e;return(0,jsx_runtime_1.jsx)("svg",{xmlns:'http://www.w3.org/2000/svg',width:i,height:i,viewBox:'0 0 24 24',fill:l,...r,children:(0,jsx_runtime_1.jsx)("path",{fillRule:'evenodd',d:'M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10ZM9.707 8.293a1 1 0 0 0-1.414 1.414L10.586 12l-2.293 2.293a1 1 0 1 0 1.414 1.414L12 13.414l2.293 2.293a1 1 0 0 0 1.414-1.414L13.414 12l2.293-2.293a1 1 0 0 0-1.414-1.414L12 10.586 9.707 8.293Z',clipRule:'evenodd'})})}exports.CloseCirlceFill=index.__exports.CloseCirlceFill=CloseCirlceFill,index.__exports.default=CloseCirlceFill;
+'use strict';var index=require('../../../../../../../../_virtual/index4.js');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var require$$0__default=_interopDefault(require('react/jsx-runtime'));Object.defineProperty(index.__exports,"__esModule",{value:!0}),exports.CloseCirlceFill=index.__exports.CloseCirlceFill=void 0;const jsx_runtime_1=require$$0__default.default;function CloseCirlceFill(e){const{color:l,size:i,...r}=e;return(0,jsx_runtime_1.jsx)("svg",{xmlns:'http://www.w3.org/2000/svg',width:i,height:i,viewBox:'0 0 24 24',fill:l,...r,children:(0,jsx_runtime_1.jsx)("path",{fillRule:'evenodd',d:'M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10ZM9.707 8.293a1 1 0 0 0-1.414 1.414L10.586 12l-2.293 2.293a1 1 0 1 0 1.414 1.414L12 13.414l2.293 2.293a1 1 0 0 0 1.414-1.414L13.414 12l2.293-2.293a1 1 0 0 0-1.414-1.414L12 10.586 9.707 8.293Z',clipRule:'evenodd'})})}exports.CloseCirlceFill=index.__exports.CloseCirlceFill=CloseCirlceFill,index.__exports.default=CloseCirlceFill;
 //# sourceMappingURL=index.js.map

package/external/.pnpm/@foxford_icon-pack@0.9.0_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@foxford/icon-pack/icons/LoaderFill/index.js

@@ -1,2 +1,2 @@
-'use strict';var index=require('../../../../../../../../_virtual/index4.js');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var require$$0__default=_interopDefault(require('react/jsx-runtime'));Object.defineProperty(index.__exports,"__esModule",{value:!0}),exports.LoaderFill=index.__exports.LoaderFill=void 0;const jsx_runtime_1=require$$0__default.default;function LoaderFill(e){const{color:l,size:r,...a}=e;return(0,jsx_runtime_1.jsx)("svg",{xmlns:'http://www.w3.org/2000/svg',width:r,height:r,viewBox:'0 0 24 24',fill:l,...a,children:(0,jsx_runtime_1.jsx)("path",{fillRule:'evenodd',d:'M12 1.5A1.5 1.5 0 0 1 13.5 3v3a1.5 1.5 0 0 1-3 0V3A1.5 1.5 0 0 1 12 1.5Zm7.426 3.074a1.5 1.5 0 0 1 0 2.121l-2.121 2.122a1.5 1.5 0 1 1-2.121-2.122l2.12-2.12a1.5 1.5 0 0 1 2.122 0Zm-14.85.002a1.5 1.5 0 0 1 2.121 0L8.82 6.7A1.5 1.5 0 0 1 6.7 8.82L4.575 6.697a1.5 1.5 0 0 1 0-2.12ZM1.5 12A1.5 1.5 0 0 1 3 10.5h3a1.5 1.5 0 0 1 0 3H3A1.5 1.5 0 0 1 1.5 12Zm15 0a1.5 1.5 0 0 1 1.5-1.5h3a1.5 1.5 0 0 1 0 3h-3a1.5 1.5 0 0 1-1.5-1.5Zm-7.682 3.181a1.5 1.5 0 0 1 0 2.122l-2.123 2.123a1.5 1.5 0 1 1-2.12-2.121l2.122-2.123a1.5 1.5 0 0 1 2.121 0Zm6.364 0a1.5 1.5 0 0 1 2.12 0l2.122 2.122a1.5 1.5 0 1 1-2.121 2.12l-2.122-2.12a1.5 1.5 0 0 1 0-2.122ZM12 16.5a1.5 1.5 0 0 1 1.5 1.5v3a1.5 1.5 0 0 1-3 0v-3a1.5 1.5 0 0 1 1.5-1.5Z',clipRule:'evenodd'})})}exports.LoaderFill=index.__exports.LoaderFill=LoaderFill,index.__exports.default=LoaderFill;
+'use strict';var index=require('../../../../../../../../_virtual/index5.js');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var require$$0__default=_interopDefault(require('react/jsx-runtime'));Object.defineProperty(index.__exports,"__esModule",{value:!0}),exports.LoaderFill=index.__exports.LoaderFill=void 0;const jsx_runtime_1=require$$0__default.default;function LoaderFill(e){const{color:l,size:r,...a}=e;return(0,jsx_runtime_1.jsx)("svg",{xmlns:'http://www.w3.org/2000/svg',width:r,height:r,viewBox:'0 0 24 24',fill:l,...a,children:(0,jsx_runtime_1.jsx)("path",{fillRule:'evenodd',d:'M12 1.5A1.5 1.5 0 0 1 13.5 3v3a1.5 1.5 0 0 1-3 0V3A1.5 1.5 0 0 1 12 1.5Zm7.426 3.074a1.5 1.5 0 0 1 0 2.121l-2.121 2.122a1.5 1.5 0 1 1-2.121-2.122l2.12-2.12a1.5 1.5 0 0 1 2.122 0Zm-14.85.002a1.5 1.5 0 0 1 2.121 0L8.82 6.7A1.5 1.5 0 0 1 6.7 8.82L4.575 6.697a1.5 1.5 0 0 1 0-2.12ZM1.5 12A1.5 1.5 0 0 1 3 10.5h3a1.5 1.5 0 0 1 0 3H3A1.5 1.5 0 0 1 1.5 12Zm15 0a1.5 1.5 0 0 1 1.5-1.5h3a1.5 1.5 0 0 1 0 3h-3a1.5 1.5 0 0 1-1.5-1.5Zm-7.682 3.181a1.5 1.5 0 0 1 0 2.122l-2.123 2.123a1.5 1.5 0 1 1-2.12-2.121l2.122-2.123a1.5 1.5 0 0 1 2.121 0Zm6.364 0a1.5 1.5 0 0 1 2.12 0l2.122 2.122a1.5 1.5 0 1 1-2.121 2.12l-2.122-2.12a1.5 1.5 0 0 1 0-2.122ZM12 16.5a1.5 1.5 0 0 1 1.5 1.5v3a1.5 1.5 0 0 1-3 0v-3a1.5 1.5 0 0 1 1.5-1.5Z',clipRule:'evenodd'})})}exports.LoaderFill=index.__exports.LoaderFill=LoaderFill,index.__exports.default=LoaderFill;
 //# sourceMappingURL=index.js.map