npm - @cuemath/leap - Versions diffs - 2.8.52 → 2.8.53-aa1 - Mend

@cuemath/leap 2.8.52 → 2.8.53-aa1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1070) hide show

package/dist/features/ui/text/text.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"text.js","sources":["../../../../src/features/ui/text/text.tsx"],"sourcesContent":["import type { TColorNames, TTextVariants } from '../types';\n\nimport styled from 'styled-components';\n\nexport interface TextProps {\n $renderAs: TTextVariants;\n $color?: TColorNames;\n $align?: 'auto' \| 'left' \| 'right' \| 'center' \| 'justify';\n $alignSelf?: 'auto' \| 'flex-start' \| 'flex-end' \| 'center' \| 'baseline' \| 'stretch';\n $opacity?: number \| undefined;\n $width?: number \| string;\n $widthX?: number;\n $marginBottom?: number;\n $marginBottomX?: number;\n $inline?: boolean;\n $textDecoration?: string;\n}\n\n/*\n @param $renderAs - The text variant to render as (ah1-ah4, ab1-ab3, ac1-ac4, ub1-ub3), anything else is deprecated\n /\nconst Text = styled.div<TextProps>(\n ({\n theme,\n $renderAs,\n $color,\n $align = 'left',\n $width,\n $widthX,\n $marginBottom,\n $marginBottomX,\n $alignSelf,\n $opacity = 1,\n $inline,\n $textDecoration,\n }) => {\n const { text, colors, layout } = theme;\n const {\n fontFamily,\n fontSize,\n lineHeight,\n letterSpacing,\n textTransform = 'none',\n } = text[$renderAs];\n\n return `\n display: ${$inline ? 'inline-block' : 'block'};\n font-family: ${fontFamily};\n font-size: ${fontSize}px;\n text-align: ${$align};\n line-height: ${lineHeight}px;\n text-transform: ${textTransform};\n ${typeof letterSpacing === 'number' ? `letter-spacing: ${letterSpacing}px;` : ''}\n color: ${$color ? colors[$color] : colors.BLACK};\n opacity: ${$opacity};\n width: ${$width ? `${$width}` : 'auto'}${typeof $width === 'number' ? 'px' : ''};\n ${$widthX ? `width: ${$widthX layout.gutter}px;` : ''}\n margin-bottom: ${$marginBottom ? `${$marginBottom}` : 'initial'}${\n typeof $marginBottom === 'number' ? 'px' : ''\n };\n ${$marginBottomX ? `margin-bottom: ${$marginBottomX * layout.gutter}px;` : ''}\n ${$alignSelf ? `align-self: ${$alignSelf};` : ''}\n ${$textDecoration ? `text-decoration: ${$textDecoration};` : ''}\n `;\n },\n);\n\nText.displayName = 'Text';\n\nexport default Text;\n"],"names":["Text","styled","theme","$renderAs","$color","$align","$width","$widthX","$marginBottom","$marginBottomX","$alignSelf","$opacity","$inline","$textDecoration","text","colors","layout","fontFamily","fontSize","lineHeight","letterSpacing","textTransform"],"mappings":";AAqBA,MAAMA,IAAOC,EAAO;AAAA,EAClB,CAAC;AAAA,IACC,OAAAC;AAAA,IACA,WAAAC;AAAA,IACA,QAAAC;AAAA,IACA,QAAAC,IAAS;AAAA,IACT,QAAAC;AAAA,IACA,SAAAC;AAAA,IACA,eAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,YAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,SAAAC;AAAA,IACA,iBAAAC;AAAA,EAAA,MACI;AACJ,UAAM,EAAE,MAAAC,GAAM,QAAAC,GAAQ,QAAAC,~~EAAW~~,~~IAAAd~~,GAC3B;AAAA,MACJ,YAAAe;AAAA,MACA,UAAAC;AAAA,MACA,YAAAC;AAAA,MACA,eAAAC;AAAA,MACA,eAAAC,IAAgB;AAAA,IAAA,IACdP,EAAKX,CAAS;AAEX,WAAA;AAAA,iBACMS,IAAU,iBAAiB,OAAO;AAAA,qBAC9BK,CAAU;AAAA,mBACZC,CAAQ;AAAA,oBACPb,CAAM;AAAA,qBACLc,CAAU;AAAA,wBACPE,CAAa;AAAA,QAC7B,OAAOD,KAAkB,WAAW,mBAAmBA,CAAa,QAAQ,EAAE;AAAA,eACvEhB,IAASW,EAAOX,CAAM,IAAIW,EAAO,KAAK;AAAA,iBACpCJ,CAAQ;AAAA,eACVL,IAAS,GAAGA,CAAM,KAAK,MAAM,GAAG,OAAOA,KAAW,WAAW,OAAO,EAAE;AAAA,QAC7EC,IAAU,UAAUA,IAAUS,EAAO,MAAM,QAAQ,EAAE;AAAA,uBACtCR,IAAgB,GAAGA,CAAa,KAAK,SAAS,GAC7D,OAAOA,KAAkB,WAAW,OAAO,EAC7C;AAAA,QACEC,IAAiB,kBAAkBA,IAAiBO,EAAO,MAAM,QAAQ,EAAE;AAAA,QAC3EN,IAAa,eAAeA,CAAU,MAAM,EAAE;AAAA,QAC9CG,IAAkB,oBAAoBA,CAAe,MAAM,EAAE;AAAA;AAAA,~~EAAA~~;~~AAGrE~~;AAEAb,EAAK,cAAc;"}
1	+ {"version":3,"file":"text.js","sources":["../../../../src/features/ui/text/text.tsx"],"sourcesContent":["import type { TColorNames, TTextVariants } from '../types';\n\nimport styled from 'styled-components';\n\nexport interface TextProps {\n $renderAs: TTextVariants;\n $color?: TColorNames;\n $align?: 'auto' \| 'left' \| 'right' \| 'center' \| 'justify';\n $alignSelf?: 'auto' \| 'flex-start' \| 'flex-end' \| 'center' \| 'baseline' \| 'stretch';\n $opacity?: number \| undefined;\n $width?: number \| string;\n $widthX?: number;\n $marginBottom?: number;\n $marginBottomX?: number;\n $inline?: boolean;\n $textDecoration?: string;\n}\n\n/*\n @param $renderAs - The text variant to render as (ah1-ah4, ab1-ab3, ac1-ac4, ub1-ub3), anything else is deprecated\n /\nconst Text = styled.div<TextProps>(\n ({\n theme,\n $renderAs,\n $color,\n $align = 'left',\n $width,\n $widthX,\n $marginBottom,\n $marginBottomX,\n $alignSelf,\n $opacity = 1,\n $inline,\n $textDecoration,\n }) => {\n const { text, colors, layout } = theme;\n const {\n fontFamily,\n fontSize,\n lineHeight,\n letterSpacing,\n textTransform = 'none',\n } = text[$renderAs];\n\n return `\n display: ${$inline ? 'inline-block' : 'block'};\n font-family: ${fontFamily};\n font-size: ${fontSize}px;\n text-align: ${$align};\n line-height: ${lineHeight}px;\n text-transform: ${textTransform};\n ${typeof letterSpacing === 'number' ? `letter-spacing: ${letterSpacing}px;` : ''}\n color: ${$color ? colors[$color] : colors.BLACK};\n opacity: ${$opacity};\n width: ${$width ? `${$width}` : 'auto'}${typeof $width === 'number' ? 'px' : ''};\n ${$widthX ? `width: ${$widthX layout.gutter}px;` : ''}\n margin-bottom: ${$marginBottom ? `${$marginBottom}` : 'initial'}${\n typeof $marginBottom === 'number' ? 'px' : ''\n };\n ${$marginBottomX ? `margin-bottom: ${$marginBottomX * layout.gutter}px;` : ''}\n ${$alignSelf ? `align-self: ${$alignSelf};` : ''}\n ${$textDecoration ? `text-decoration: ${$textDecoration};` : ''}\n `;\n },\n);\n\nText.displayName = 'Text';\n\nexport default Text;\n"],"names":["Text","styled","theme","$renderAs","$color","$align","$width","$widthX","$marginBottom","$marginBottomX","$alignSelf","$opacity","$inline","$textDecoration","text","colors","layout","fontFamily","fontSize","lineHeight","letterSpacing","textTransform","Text$1"],"mappings":";AAqBA,MAAMA,IAAOC,EAAO;AAAA,EAClB,CAAC;AAAA,IACC,OAAAC;AAAA,IACA,WAAAC;AAAA,IACA,QAAAC;AAAA,IACA,QAAAC,IAAS;AAAA,IACT,QAAAC;AAAA,IACA,SAAAC;AAAA,IACA,eAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,YAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,SAAAC;AAAA,IACA,iBAAAC;AAAA,EAAA,MACI;AACJ,UAAM,EAAE,MAAAC,GAAM,QAAAC,GAAQ,QAAAC,EAAA,IAAWd,GAC3B;AAAA,MACJ,YAAAe;AAAA,MACA,UAAAC;AAAA,MACA,YAAAC;AAAA,MACA,eAAAC;AAAA,MACA,eAAAC,IAAgB;AAAA,IAAA,IACdP,EAAKX,CAAS;AAEX,WAAA;AAAA,iBACMS,IAAU,iBAAiB,OAAO;AAAA,qBAC9BK,CAAU;AAAA,mBACZC,CAAQ;AAAA,oBACPb,CAAM;AAAA,qBACLc,CAAU;AAAA,wBACPE,CAAa;AAAA,QAC7B,OAAOD,KAAkB,WAAW,mBAAmBA,CAAa,QAAQ,EAAE;AAAA,eACvEhB,IAASW,EAAOX,CAAM,IAAIW,EAAO,KAAK;AAAA,iBACpCJ,CAAQ;AAAA,eACVL,IAAS,GAAGA,CAAM,KAAK,MAAM,GAAG,OAAOA,KAAW,WAAW,OAAO,EAAE;AAAA,QAC7EC,IAAU,UAAUA,IAAUS,EAAO,MAAM,QAAQ,EAAE;AAAA,uBACtCR,IAAgB,GAAGA,CAAa,KAAK,SAAS,GAC7D,OAAOA,KAAkB,WAAW,OAAO,EAC7C;AAAA,QACEC,IAAiB,kBAAkBA,IAAiBO,EAAO,MAAM,QAAQ,EAAE;AAAA,QAC3EN,IAAa,eAAeA,CAAU,MAAM,EAAE;AAAA,QAC9CG,IAAkB,oBAAoBA,CAAe,MAAM,EAAE;AAAA;AAAA,EAEnE;AACF;AAEAb,EAAK,cAAc;AAEnB,MAAAsB,IAAetB;"}

package/dist/features/ui/theme/arrow-tooltip.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"arrow-tooltip.js","sources":["../../../../src/features/ui/theme/arrow-tooltip.ts"],"sourcesContent":["import type { TArrowTooltipConfig, TArrowTooltipVariants } from '../types';\n\ninterface IGetArrowTooltipConfig {\n (): {\n tooltipVariants: Record<TArrowTooltipVariants, TArrowTooltipConfig>;\n };\n}\n\nconst getArrowTooltipConfig: IGetArrowTooltipConfig = () => {\n const tooltipVariants: Record<TArrowTooltipVariants, TArrowTooltipConfig> = {\n primary: {\n backgroundColorName: 'BLACK',\n textColorName: 'WHITE',\n },\n secondary: {\n backgroundColorName: 'WHITE',\n textColorName: 'BLACK',\n },\n };\n\n return { tooltipVariants };\n};\n\nexport default getArrowTooltipConfig;\n"],"names":["getArrowTooltipConfig"],"mappings":"AAQA,MAAMA,IAAgD,OAY7C,EAAE,iBAXmE;AAAA,EAC1E,SAAS;AAAA,IACP,qBAAqB;AAAA,IACrB,eAAe;AAAA,EACjB;AAAA,EACA,WAAW;AAAA,IACT,qBAAqB;AAAA,IACrB,eAAe;AAAA,~~EAAA~~;~~AAEnB~~,~~EAEyB~~;"}
1	+ {"version":3,"file":"arrow-tooltip.js","sources":["../../../../src/features/ui/theme/arrow-tooltip.ts"],"sourcesContent":["import type { TArrowTooltipConfig, TArrowTooltipVariants } from '../types';\n\ninterface IGetArrowTooltipConfig {\n (): {\n tooltipVariants: Record<TArrowTooltipVariants, TArrowTooltipConfig>;\n };\n}\n\nconst getArrowTooltipConfig: IGetArrowTooltipConfig = () => {\n const tooltipVariants: Record<TArrowTooltipVariants, TArrowTooltipConfig> = {\n primary: {\n backgroundColorName: 'BLACK',\n textColorName: 'WHITE',\n },\n secondary: {\n backgroundColorName: 'WHITE',\n textColorName: 'BLACK',\n },\n };\n\n return { tooltipVariants };\n};\n\nexport default getArrowTooltipConfig;\n"],"names":["getArrowTooltipConfig"],"mappings":"AAQA,MAAMA,IAAgD,OAY7C,EAAE,iBAXmE;AAAA,EAC1E,SAAS;AAAA,IACP,qBAAqB;AAAA,IACrB,eAAe;AAAA,EACjB;AAAA,EACA,WAAW;AAAA,IACT,qBAAqB;AAAA,IACrB,eAAe;AAAA,EACjB;AAAA,EAGuB;"}

package/dist/features/ui/theme/button.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"button.js","sources":["../../../../src/features/ui/theme/button.ts"],"sourcesContent":["import type {\n IButtonSizeConfig,\n TButtonSizes,\n IButtonVariantConfig,\n TButtonVariants,\n} from '../types';\n\ninterface IGetButtonConfig {\n (gutter: number): {\n sizes: Record<TButtonSizes, IButtonSizeConfig>;\n variants: Record<TButtonVariants, IButtonVariantConfig>;\n };\n}\n\nconst getButtonConfig: IGetButtonConfig = (gutter: number) => {\n const sizes: Record<TButtonSizes, IButtonSizeConfig> = {\n xsmall: {\n height: gutter * 2,\n paddingHorizontal: gutter * (1 + 0.375),\n textVariant: 'ub3-bold',\n borderWidth: 1,\n iconSize: gutter,\n iconPadding: gutter * 0.25,\n loaderSize: gutter * 1.25,\n },\n small: {\n height: gutter * 2.5,\n paddingHorizontal: gutter * (1 + 0.625),\n textVariant: 'ub2-bold',\n borderWidth: 1,\n iconSize: gutter * 1.25,\n iconPadding: gutter * 0.375,\n loaderSize: gutter * 1.5,\n },\n regular: {\n height: gutter * 3,\n paddingHorizontal: gutter * (1 + 0.875),\n textVariant: 'ub1-bold',\n borderWidth: 1,\n iconSize: gutter * 1.5,\n iconPadding: gutter * 0.5,\n loaderSize: gutter * 1.75,\n },\n medium: {\n height: gutter * 3.5,\n paddingHorizontal: gutter * (1 + 1.125),\n textVariant: 'ub1-bold',\n borderWidth: 1.5,\n iconSize: gutter * 1.5,\n iconPadding: gutter * 0.5,\n loaderSize: gutter * 2,\n },\n large: {\n height: gutter * 4,\n paddingHorizontal: gutter * (1 + 1.375),\n textVariant: 'ub1-bold',\n borderWidth: 2,\n iconSize: gutter * 1.5,\n iconPadding: gutter * 0.5,\n loaderSize: gutter * 2.25,\n },\n };\n\n const variants: Record<TButtonVariants, IButtonVariantConfig> = {\n primary: {\n backgroundColorName: {\n inactive: 'YELLOW_4',\n active: 'BLACK',\n disabled: 'GREY_3',\n },\n colorName: {\n inactive: 'BLACK',\n active: 'WHITE',\n disabled: 'BLACK',\n },\n borderColorName: {\n inactive: 'BLACK',\n active: 'BLACK',\n disabled: 'GREY_3',\n },\n },\n secondary: {\n backgroundColorName: {\n inactive: 'WHITE',\n active: 'BLACK',\n disabled: 'GREY_3',\n },\n colorName: {\n inactive: 'BLACK',\n active: 'WHITE',\n disabled: 'BLACK',\n },\n borderColorName: {\n inactive: 'BLACK',\n active: 'BLACK',\n disabled: 'GREY_3',\n },\n },\n tertiary: {\n backgroundColorName: {\n inactive: 'WHITE',\n active: 'RED',\n disabled: 'GREY_3',\n },\n colorName: {\n inactive: 'RED',\n active: 'WHITE',\n disabled: 'BLACK',\n },\n borderColorName: {\n inactive: 'RED',\n active: 'RED',\n disabled: 'GREY_3',\n },\n },\n // 'yellow': {\n // backgroundColorName: {\n // inactive: 'YELLOW_4',\n // active: 'BLACK_4',\n // disabled: 'BLACK_T_35',\n // },\n // borderColorName: {\n // inactive: 'BLACK_4',\n // active: 'BLACK_4',\n // disabled: 'BLACK_T_35',\n // },\n // colorName: {\n // inactive: 'BLACK_4',\n // active: 'WHITE_4',\n // disabled: 'BLACK_T_35',\n // },\n // },\n // 'yellow-dark': {\n // backgroundColorName: {\n // inactive: 'YELLOW_4',\n // active: 'WHITE_4',\n // disabled: 'WHITE_T_40',\n // },\n // borderColorName: {\n // inactive: 'BLACK_4',\n // active: 'BLACK_4',\n // disabled: 'WHITE_T_40',\n // },\n // colorName: {\n // inactive: 'BLACK_4',\n // active: 'BLACK_4',\n // disabled: 'WHITE_T_40',\n // },\n // },\n // 'white': {\n // backgroundColorName: {\n // inactive: 'WHITE_1',\n // active: 'BLACK_T_35',\n // disabled: 'BLACK_T_35',\n // },\n // borderColorName: {\n // inactive: 'BLACK_4',\n // active: 'BLACK_4',\n // disabled: 'BLACK_T_35',\n // },\n // colorName: {\n // inactive: 'BLACK_4',\n // active: 'BLACK_4',\n // disabled: 'BLACK_T_35',\n // },\n // },\n // 'white-dark': {\n // backgroundColorName: {\n // inactive: 'WHITE_4',\n // active: 'WHITE_T_70',\n // disabled: 'WHITE_T_40',\n // },\n // borderColorName: {\n // inactive: 'BLACK_4',\n // active: 'BLACK_4',\n // disabled: 'WHITE_T_40',\n // },\n // colorName: {\n // inactive: 'BLACK_4',\n // active: 'BLACK_4',\n // disabled: 'WHITE_T_40',\n // },\n // },\n // 'black': {\n // backgroundColorName: {\n // inactive: 'BLACK_4',\n // active: 'BLACK_T_60',\n // disabled: 'BLACK_T_35',\n // },\n // borderColorName: {\n // inactive: 'BLACK_4',\n // active: 'BLACK_4',\n // disabled: 'BLACK_T_35',\n // },\n // colorName: {\n // inactive: 'WHITE_4',\n // active: 'WHITE_4',\n // disabled: 'BLACK_T_35',\n // },\n // },\n // 'black-dark': {\n // backgroundColorName: {\n // inactive: 'BLACK_4',\n // active: 'WHITE_T_40',\n // disabled: 'WHITE_T_40',\n // },\n // borderColorName: {\n // inactive: 'WHITE_4',\n // active: 'WHITE_4',\n // disabled: 'WHITE_T_40',\n // },\n // colorName: {\n // inactive: 'WHITE_4',\n // active: 'WHITE_4',\n // disabled: 'WHITE_T_40',\n // },\n // },\n };\n\n return { sizes, variants };\n};\n\nexport default getButtonConfig;\n"],"names":["getButtonConfig","gutter"],"mappings":"AAcM,MAAAA,IAAoC,CAACC,OA6MlC,EAAE,OA5M8C;AAAA,EACrD,QAAQ;AAAA,IACN,QAAQA,IAAS;AAAA,IACjB,mBAAmBA,IAAU;AAAA,IAC7B,aAAa;AAAA,IACb,aAAa;AAAA,IACb,UAAUA;AAAA,IACV,aAAaA,IAAS;AAAA,IACtB,YAAYA,IAAS;AAAA,EACvB;AAAA,EACA,OAAO;AAAA,IACL,QAAQA,IAAS;AAAA,IACjB,mBAAmBA,IAAU;AAAA,IAC7B,aAAa;AAAA,IACb,aAAa;AAAA,IACb,UAAUA,IAAS;AAAA,IACnB,aAAaA,IAAS;AAAA,IACtB,YAAYA,IAAS;AAAA,EACvB;AAAA,EACA,SAAS;AAAA,IACP,QAAQA,IAAS;AAAA,IACjB,mBAAmBA,IAAU;AAAA,IAC7B,aAAa;AAAA,IACb,aAAa;AAAA,IACb,UAAUA,IAAS;AAAA,IACnB,aAAaA,IAAS;AAAA,IACtB,YAAYA,IAAS;AAAA,EACvB;AAAA,EACA,QAAQ;AAAA,IACN,QAAQA,IAAS;AAAA,IACjB,mBAAmBA,IAAU;AAAA,IAC7B,aAAa;AAAA,IACb,aAAa;AAAA,IACb,UAAUA,IAAS;AAAA,IACnB,aAAaA,IAAS;AAAA,IACtB,YAAYA,IAAS;AAAA,EACvB;AAAA,EACA,OAAO;AAAA,IACL,QAAQA,IAAS;AAAA,IACjB,mBAAmBA,IAAU;AAAA,IAC7B,aAAa;AAAA,IACb,aAAa;AAAA,IACb,UAAUA,IAAS;AAAA,IACnB,aAAaA,IAAS;AAAA,IACtB,YAAYA,IAAS;AAAA,~~EAAA~~;~~AAEzB~~,~~GA8JgB~~,UA5JgD;AAAA,EAC9D,SAAS;AAAA,IACP,qBAAqB;AAAA,MACnB,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,UAAU;AAAA,IACZ;AAAA,IACA,WAAW;AAAA,MACT,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,UAAU;AAAA,IACZ;AAAA,IACA,iBAAiB;AAAA,MACf,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,UAAU;AAAA,~~IAAA~~;AAAA,~~EAEd~~;AAAA,EACA,WAAW;AAAA,IACT,qBAAqB;AAAA,MACnB,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,UAAU;AAAA,IACZ;AAAA,IACA,WAAW;AAAA,MACT,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,UAAU;AAAA,IACZ;AAAA,IACA,iBAAiB;AAAA,MACf,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,UAAU;AAAA,~~IAAA~~;AAAA,~~EAEd~~;AAAA,EACA,UAAU;AAAA,IACR,qBAAqB;AAAA,MACnB,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,UAAU;AAAA,IACZ;AAAA,IACA,WAAW;AAAA,MACT,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,UAAU;AAAA,IACZ;AAAA,IACA,iBAAiB;AAAA,MACf,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,UAAU;AAAA,~~IAAA~~;AAAA,~~EACZ~~;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;~~AAwGJ,EAEyB~~;"}
1	+ {"version":3,"file":"button.js","sources":["../../../../src/features/ui/theme/button.ts"],"sourcesContent":["import type {\n IButtonSizeConfig,\n TButtonSizes,\n IButtonVariantConfig,\n TButtonVariants,\n} from '../types';\n\ninterface IGetButtonConfig {\n (gutter: number): {\n sizes: Record<TButtonSizes, IButtonSizeConfig>;\n variants: Record<TButtonVariants, IButtonVariantConfig>;\n };\n}\n\nconst getButtonConfig: IGetButtonConfig = (gutter: number) => {\n const sizes: Record<TButtonSizes, IButtonSizeConfig> = {\n xsmall: {\n height: gutter * 2,\n paddingHorizontal: gutter * (1 + 0.375),\n textVariant: 'ub3-bold',\n borderWidth: 1,\n iconSize: gutter,\n iconPadding: gutter * 0.25,\n loaderSize: gutter * 1.25,\n },\n small: {\n height: gutter * 2.5,\n paddingHorizontal: gutter * (1 + 0.625),\n textVariant: 'ub2-bold',\n borderWidth: 1,\n iconSize: gutter * 1.25,\n iconPadding: gutter * 0.375,\n loaderSize: gutter * 1.5,\n },\n regular: {\n height: gutter * 3,\n paddingHorizontal: gutter * (1 + 0.875),\n textVariant: 'ub1-bold',\n borderWidth: 1,\n iconSize: gutter * 1.5,\n iconPadding: gutter * 0.5,\n loaderSize: gutter * 1.75,\n },\n medium: {\n height: gutter * 3.5,\n paddingHorizontal: gutter * (1 + 1.125),\n textVariant: 'ub1-bold',\n borderWidth: 1.5,\n iconSize: gutter * 1.5,\n iconPadding: gutter * 0.5,\n loaderSize: gutter * 2,\n },\n large: {\n height: gutter * 4,\n paddingHorizontal: gutter * (1 + 1.375),\n textVariant: 'ub1-bold',\n borderWidth: 2,\n iconSize: gutter * 1.5,\n iconPadding: gutter * 0.5,\n loaderSize: gutter * 2.25,\n },\n };\n\n const variants: Record<TButtonVariants, IButtonVariantConfig> = {\n primary: {\n backgroundColorName: {\n inactive: 'YELLOW_4',\n active: 'BLACK',\n disabled: 'GREY_3',\n },\n colorName: {\n inactive: 'BLACK',\n active: 'WHITE',\n disabled: 'BLACK',\n },\n borderColorName: {\n inactive: 'BLACK',\n active: 'BLACK',\n disabled: 'GREY_3',\n },\n },\n secondary: {\n backgroundColorName: {\n inactive: 'WHITE',\n active: 'BLACK',\n disabled: 'GREY_3',\n },\n colorName: {\n inactive: 'BLACK',\n active: 'WHITE',\n disabled: 'BLACK',\n },\n borderColorName: {\n inactive: 'BLACK',\n active: 'BLACK',\n disabled: 'GREY_3',\n },\n },\n tertiary: {\n backgroundColorName: {\n inactive: 'WHITE',\n active: 'RED',\n disabled: 'GREY_3',\n },\n colorName: {\n inactive: 'RED',\n active: 'WHITE',\n disabled: 'BLACK',\n },\n borderColorName: {\n inactive: 'RED',\n active: 'RED',\n disabled: 'GREY_3',\n },\n },\n // 'yellow': {\n // backgroundColorName: {\n // inactive: 'YELLOW_4',\n // active: 'BLACK_4',\n // disabled: 'BLACK_T_35',\n // },\n // borderColorName: {\n // inactive: 'BLACK_4',\n // active: 'BLACK_4',\n // disabled: 'BLACK_T_35',\n // },\n // colorName: {\n // inactive: 'BLACK_4',\n // active: 'WHITE_4',\n // disabled: 'BLACK_T_35',\n // },\n // },\n // 'yellow-dark': {\n // backgroundColorName: {\n // inactive: 'YELLOW_4',\n // active: 'WHITE_4',\n // disabled: 'WHITE_T_40',\n // },\n // borderColorName: {\n // inactive: 'BLACK_4',\n // active: 'BLACK_4',\n // disabled: 'WHITE_T_40',\n // },\n // colorName: {\n // inactive: 'BLACK_4',\n // active: 'BLACK_4',\n // disabled: 'WHITE_T_40',\n // },\n // },\n // 'white': {\n // backgroundColorName: {\n // inactive: 'WHITE_1',\n // active: 'BLACK_T_35',\n // disabled: 'BLACK_T_35',\n // },\n // borderColorName: {\n // inactive: 'BLACK_4',\n // active: 'BLACK_4',\n // disabled: 'BLACK_T_35',\n // },\n // colorName: {\n // inactive: 'BLACK_4',\n // active: 'BLACK_4',\n // disabled: 'BLACK_T_35',\n // },\n // },\n // 'white-dark': {\n // backgroundColorName: {\n // inactive: 'WHITE_4',\n // active: 'WHITE_T_70',\n // disabled: 'WHITE_T_40',\n // },\n // borderColorName: {\n // inactive: 'BLACK_4',\n // active: 'BLACK_4',\n // disabled: 'WHITE_T_40',\n // },\n // colorName: {\n // inactive: 'BLACK_4',\n // active: 'BLACK_4',\n // disabled: 'WHITE_T_40',\n // },\n // },\n // 'black': {\n // backgroundColorName: {\n // inactive: 'BLACK_4',\n // active: 'BLACK_T_60',\n // disabled: 'BLACK_T_35',\n // },\n // borderColorName: {\n // inactive: 'BLACK_4',\n // active: 'BLACK_4',\n // disabled: 'BLACK_T_35',\n // },\n // colorName: {\n // inactive: 'WHITE_4',\n // active: 'WHITE_4',\n // disabled: 'BLACK_T_35',\n // },\n // },\n // 'black-dark': {\n // backgroundColorName: {\n // inactive: 'BLACK_4',\n // active: 'WHITE_T_40',\n // disabled: 'WHITE_T_40',\n // },\n // borderColorName: {\n // inactive: 'WHITE_4',\n // active: 'WHITE_4',\n // disabled: 'WHITE_T_40',\n // },\n // colorName: {\n // inactive: 'WHITE_4',\n // active: 'WHITE_4',\n // disabled: 'WHITE_T_40',\n // },\n // },\n };\n\n return { sizes, variants };\n};\n\nexport default getButtonConfig;\n"],"names":["getButtonConfig","gutter"],"mappings":"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"}

package/dist/features/ui/theme/checkbox.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"checkbox.js","sources":["../../../../src/features/ui/theme/checkbox.ts"],"sourcesContent":["import type {\n ICheckboxSizeConfig,\n TCheckboxSizes,\n TCheckboxVariantConfig,\n TCheckboxVariants,\n} from '../types';\n\ninterface IGetCheckboxConfig {\n (gutter: number): {\n sizes: Record<TCheckboxSizes, ICheckboxSizeConfig>;\n variants: Record<TCheckboxVariants, TCheckboxVariantConfig>;\n };\n}\n\nconst getCheckboxConfig: IGetCheckboxConfig = gutter => {\n const sizes: Record<TCheckboxSizes, ICheckboxSizeConfig> = {\n small: {\n size: gutter,\n textVariant: {\n inactive: 'ub3',\n active: 'ub3-bold',\n disabled: 'ub3',\n },\n },\n regular: {\n size: gutter * 1.25,\n textVariant: {\n inactive: 'ub2',\n active: 'ub2-bold',\n disabled: 'ub2',\n },\n },\n medium: {\n size: gutter * 1.5,\n textVariant: {\n inactive: 'ub1',\n active: 'ub1-bold',\n disabled: 'ub1',\n },\n },\n };\n const variants: Record<TCheckboxVariants, TCheckboxVariantConfig> = {\n 'black': {\n backgroundColorName: {\n inactive: 'TRANSPARENT',\n active: 'BLACK_1',\n },\n borderColorName: {\n inactive: 'BLACK_T_38',\n active: 'BLACK_1',\n },\n checkColorName: 'WHITE_1',\n textColorName: {\n inactive: 'BLACK_1',\n active: 'BLACK_1',\n },\n },\n 'black-dark': {\n backgroundColorName: {\n inactive: 'TRANSPARENT',\n active: 'WHITE_1',\n },\n borderColorName: {\n inactive: 'WHITE_T_38',\n active: 'WHITE_1',\n },\n checkColorName: 'BLACK_1',\n textColorName: {\n inactive: 'WHITE_1',\n active: 'WHITE_1',\n },\n },\n };\n\n return { sizes, variants };\n};\n\nexport default getCheckboxConfig;\n"],"names":["getCheckboxConfig","gutter"],"mappings":"AAcA,MAAMA,IAAwC,CAAUC,OA4D/C,EAAE,OA3DkD;AAAA,EACzD,OAAO;AAAA,IACL,MAAMA;AAAA,IACN,aAAa;AAAA,MACX,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,UAAU;AAAA,~~IAAA~~;AAAA,~~EAEd~~;AAAA,EACA,SAAS;AAAA,IACP,MAAMA,IAAS;AAAA,IACf,aAAa;AAAA,MACX,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,UAAU;AAAA,~~IAAA~~;AAAA,~~EAEd~~;AAAA,EACA,QAAQ;AAAA,IACN,MAAMA,IAAS;AAAA,IACf,aAAa;AAAA,MACX,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,UAAU;AAAA,~~IAAA~~;AAAA,~~EACZ~~;~~AAEJ~~,~~GAkCgB~~,UAjCoD;AAAA,EAClE,OAAS;AAAA,IACP,qBAAqB;AAAA,MACnB,UAAU;AAAA,MACV,QAAQ;AAAA,IACV;AAAA,IACA,iBAAiB;AAAA,MACf,UAAU;AAAA,MACV,QAAQ;AAAA,IACV;AAAA,IACA,gBAAgB;AAAA,IAChB,eAAe;AAAA,MACb,UAAU;AAAA,MACV,QAAQ;AAAA,~~IAAA~~;AAAA,~~EAEZ~~;AAAA,EACA,cAAc;AAAA,IACZ,qBAAqB;AAAA,MACnB,UAAU;AAAA,MACV,QAAQ;AAAA,IACV;AAAA,IACA,iBAAiB;AAAA,MACf,UAAU;AAAA,MACV,QAAQ;AAAA,IACV;AAAA,IACA,gBAAgB;AAAA,IAChB,eAAe;AAAA,MACb,UAAU;AAAA,MACV,QAAQ;AAAA,~~IAAA~~;AAAA,~~EACV~~;~~AAEJ,EAEyB~~;"}
1	+ {"version":3,"file":"checkbox.js","sources":["../../../../src/features/ui/theme/checkbox.ts"],"sourcesContent":["import type {\n ICheckboxSizeConfig,\n TCheckboxSizes,\n TCheckboxVariantConfig,\n TCheckboxVariants,\n} from '../types';\n\ninterface IGetCheckboxConfig {\n (gutter: number): {\n sizes: Record<TCheckboxSizes, ICheckboxSizeConfig>;\n variants: Record<TCheckboxVariants, TCheckboxVariantConfig>;\n };\n}\n\nconst getCheckboxConfig: IGetCheckboxConfig = gutter => {\n const sizes: Record<TCheckboxSizes, ICheckboxSizeConfig> = {\n small: {\n size: gutter,\n textVariant: {\n inactive: 'ub3',\n active: 'ub3-bold',\n disabled: 'ub3',\n },\n },\n regular: {\n size: gutter * 1.25,\n textVariant: {\n inactive: 'ub2',\n active: 'ub2-bold',\n disabled: 'ub2',\n },\n },\n medium: {\n size: gutter * 1.5,\n textVariant: {\n inactive: 'ub1',\n active: 'ub1-bold',\n disabled: 'ub1',\n },\n },\n };\n const variants: Record<TCheckboxVariants, TCheckboxVariantConfig> = {\n 'black': {\n backgroundColorName: {\n inactive: 'TRANSPARENT',\n active: 'BLACK_1',\n },\n borderColorName: {\n inactive: 'BLACK_T_38',\n active: 'BLACK_1',\n },\n checkColorName: 'WHITE_1',\n textColorName: {\n inactive: 'BLACK_1',\n active: 'BLACK_1',\n },\n },\n 'black-dark': {\n backgroundColorName: {\n inactive: 'TRANSPARENT',\n active: 'WHITE_1',\n },\n borderColorName: {\n inactive: 'WHITE_T_38',\n active: 'WHITE_1',\n },\n checkColorName: 'BLACK_1',\n textColorName: {\n inactive: 'WHITE_1',\n active: 'WHITE_1',\n },\n },\n };\n\n return { sizes, variants };\n};\n\nexport default getCheckboxConfig;\n"],"names":["getCheckboxConfig","gutter"],"mappings":"AAcA,MAAMA,IAAwC,CAAUC,OA4D/C,EAAE,OA3DkD;AAAA,EACzD,OAAO;AAAA,IACL,MAAMA;AAAA,IACN,aAAa;AAAA,MACX,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,UAAU;AAAA,IACZ;AAAA,EACF;AAAA,EACA,SAAS;AAAA,IACP,MAAMA,IAAS;AAAA,IACf,aAAa;AAAA,MACX,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,UAAU;AAAA,IACZ;AAAA,EACF;AAAA,EACA,QAAQ;AAAA,IACN,MAAMA,IAAS;AAAA,IACf,aAAa;AAAA,MACX,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,UAAU;AAAA,IACZ;AAAA,EACF;AAAA,GAmCc,UAjCoD;AAAA,EAClE,OAAS;AAAA,IACP,qBAAqB;AAAA,MACnB,UAAU;AAAA,MACV,QAAQ;AAAA,IACV;AAAA,IACA,iBAAiB;AAAA,MACf,UAAU;AAAA,MACV,QAAQ;AAAA,IACV;AAAA,IACA,gBAAgB;AAAA,IAChB,eAAe;AAAA,MACb,UAAU;AAAA,MACV,QAAQ;AAAA,IACV;AAAA,EACF;AAAA,EACA,cAAc;AAAA,IACZ,qBAAqB;AAAA,MACnB,UAAU;AAAA,MACV,QAAQ;AAAA,IACV;AAAA,IACA,iBAAiB;AAAA,MACf,UAAU;AAAA,MACV,QAAQ;AAAA,IACV;AAAA,IACA,gBAAgB;AAAA,IAChB,eAAe;AAAA,MACb,UAAU;AAAA,MACV,QAAQ;AAAA,IACV;AAAA,EACF;AAAA;"}

package/dist/features/ui/theme/get-theme.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"get-theme.js","sources":["../../../../src/features/ui/theme/get-theme.ts"],"sourcesContent":["import type { DefaultTheme } from 'styled-components';\n\nimport getArrowTooltipConfig from './arrow-tooltip';\nimport getButtonConfig from './button';\nimport getCheckboxConfig from './checkbox';\nimport getColors, { hues } from './clrs';\nimport getInputConfig from './input';\nimport getLayout from './layout';\nimport getTabConfig from './tab';\nimport getTextTypes from './text';\nimport getTextButtonConfig from './text-button';\nimport { getZIndexConfig } from './z-index';\n\nconst getTheme: () => DefaultTheme = () => {\n const layout = getLayout();\n const { gutter } = layout;\n\n return {\n arrowTooltip: getArrowTooltipConfig(),\n button: getButtonConfig(gutter),\n colors: getColors(),\n hues: hues,\n input: getInputConfig(gutter),\n checkbox: getCheckboxConfig(gutter),\n layout,\n tab: getTabConfig(layout.gutter),\n text: getTextTypes(),\n textButton: getTextButtonConfig(),\n zIndex: getZIndexConfig(),\n };\n};\n\nexport { getTheme };\n"],"names":["getTheme","layout","getLayout","gutter","getArrowTooltipConfig","getButtonConfig","getColors","hues","getInputConfig","getCheckboxConfig","getTabConfig","getTextTypes","getTextButtonConfig","getZIndexConfig"],"mappings":";;;;;;;;;;AAaA,MAAMA,IAA+B,MAAM;AACzC,QAAMC,IAASC,~~EAAU~~,~~GACnB,~~EAAE,QAAAC,~~MAAWF~~;AAEZ,SAAA;AAAA,IACL,cAAcG,EAAsB;AAAA,IACpC,QAAQC,EAAgBF,CAAM;AAAA,IAC9B,QAAQG,EAAU;AAAA,IAClB,MAAAC;AAAA,IACA,OAAOC,EAAeL,CAAM;AAAA,IAC5B,UAAUM,EAAkBN,CAAM;AAAA,IAClC,QAAAF;AAAA,IACA,KAAKS,EAAaT,EAAO,MAAM;AAAA,IAC/B,MAAMU,EAAa;AAAA,IACnB,YAAYC,EAAoB;AAAA,IAChC,QAAQC,EAAgB;AAAA,~~EAC1B~~;~~AACF~~;"}
1	+ {"version":3,"file":"get-theme.js","sources":["../../../../src/features/ui/theme/get-theme.ts"],"sourcesContent":["import type { DefaultTheme } from 'styled-components';\n\nimport getArrowTooltipConfig from './arrow-tooltip';\nimport getButtonConfig from './button';\nimport getCheckboxConfig from './checkbox';\nimport getColors, { hues } from './clrs';\nimport getInputConfig from './input';\nimport getLayout from './layout';\nimport getTabConfig from './tab';\nimport getTextTypes from './text';\nimport getTextButtonConfig from './text-button';\nimport { getZIndexConfig } from './z-index';\n\nconst getTheme: () => DefaultTheme = () => {\n const layout = getLayout();\n const { gutter } = layout;\n\n return {\n arrowTooltip: getArrowTooltipConfig(),\n button: getButtonConfig(gutter),\n colors: getColors(),\n hues: hues,\n input: getInputConfig(gutter),\n checkbox: getCheckboxConfig(gutter),\n layout,\n tab: getTabConfig(layout.gutter),\n text: getTextTypes(),\n textButton: getTextButtonConfig(),\n zIndex: getZIndexConfig(),\n };\n};\n\nexport { getTheme };\n"],"names":["getTheme","layout","getLayout","gutter","getArrowTooltipConfig","getButtonConfig","getColors","hues","getInputConfig","getCheckboxConfig","getTabConfig","getTextTypes","getTextButtonConfig","getZIndexConfig"],"mappings":";;;;;;;;;;AAaA,MAAMA,IAA+B,MAAM;AACzC,QAAMC,IAASC,KACT,EAAE,QAAAC,EAAW,IAAAF;AAEZ,SAAA;AAAA,IACL,cAAcG,EAAsB;AAAA,IACpC,QAAQC,EAAgBF,CAAM;AAAA,IAC9B,QAAQG,EAAU;AAAA,IAClB,MAAAC;AAAA,IACA,OAAOC,EAAeL,CAAM;AAAA,IAC5B,UAAUM,EAAkBN,CAAM;AAAA,IAClC,QAAAF;AAAA,IACA,KAAKS,EAAaT,EAAO,MAAM;AAAA,IAC/B,MAAMU,EAAa;AAAA,IACnB,YAAYC,EAAoB;AAAA,IAChC,QAAQC,EAAgB;AAAA,EAAA;AAE5B;"}

package/dist/features/ui/theme/input.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"input.js","sources":["../../../../src/features/ui/theme/input.ts"],"sourcesContent":["import type { IInputSizeConfig, IInputVariantConfig, TInputSizes, TInputVariants } from '../types';\n\ninterface IGetInputConfig {\n (gutter: number): {\n sizes: Record<TInputSizes, IInputSizeConfig>;\n variants: Record<TInputVariants, IInputVariantConfig>;\n };\n}\nconst getInputConfig: IGetInputConfig = gutter => {\n const sizes: Record<TInputSizes, IInputSizeConfig> = {\n regular: {\n height: gutter * 2.75, // height of input\n marginTop: gutter * 0.5, // extra space when label is on top of input\n marginBottom: gutter * 1.5, // extra space for message comes on bottom of input\n paddingLeft: gutter,\n paddingRight: gutter * 0.75,\n borderRadius: gutter * 0.5,\n inputTextVariant: 'body1',\n labelTextVariant: 'body1',\n messageTextVariant: 'body3',\n iconsize: gutter * 1.5,\n iconPadding: gutter, // padding between left of icon and input\n },\n small: {\n height: gutter * 2.125, // height of input\n marginTop: gutter * 0.5, // extra space when label is on top of input\n marginBottom: 0, // extra space for message comes on bottom of input\n paddingLeft: gutter * 0.5,\n paddingRight: gutter * 0.5,\n borderRadius: gutter * 0.5,\n inputTextVariant: 'body3',\n labelTextVariant: 'body3',\n messageTextVariant: 'body3',\n iconsize: gutter * 1.25,\n iconPadding: gutter * 0.5, // padding between left of icon and input\n },\n xsmall: {\n height: gutter * 1.75, // height of input\n marginTop: 0, // extra space when label is on top of input\n marginBottom: 0, // extra space for message comes on bottom of input\n paddingLeft: gutter * 0.75,\n paddingRight: gutter * 0.5,\n borderRadius: gutter * 0.5,\n inputTextVariant: 'body3',\n labelTextVariant: 'body3',\n messageTextVariant: 'body3',\n iconsize: gutter,\n iconPadding: gutter * 0.5, // padding between left of icon and input\n },\n };\n const primaryVariant: IInputVariantConfig = {\n valueColorName: {\n inactive: 'BLACK',\n active: 'BLACK',\n disabled: 'BLACK_50',\n },\n borderColorName: {\n inactive: 'BLACK_T_15',\n active: 'BLACK_T_87',\n disabled: 'BLACK_T_15',\n },\n labelColorName: {\n inactive: 'BLACK_75',\n active: 'BLACK',\n disabled: 'BLACK_50',\n },\n messageColorName: {\n inactive: 'BLACK_75',\n active: 'BLACK_75',\n disabled: 'BLACK_50',\n },\n opacity: {\n disabled: 0.5,\n enabled: 1,\n },\n };\n\n const secondaryVariant: IInputVariantConfig = {\n ...primaryVariant,\n backgroundColorName: 'GREY_1',\n optionHoverColorName: 'WHITE',\n borderColorName: {\n active: 'TRANSPARENT',\n inactive: 'TRANSPARENT',\n disabled: 'TRANSPARENT',\n },\n };\n\n const variants: Record<TInputVariants, IInputVariantConfig> = {\n primary: primaryVariant,\n secondary: secondaryVariant,\n success: {\n opacity: primaryVariant.opacity,\n valueColorName: primaryVariant.valueColorName,\n borderColorName: {\n inactive: 'GREEN_5',\n active: 'GREEN_5',\n disabled: 'GREEN_5',\n },\n labelColorName: {\n inactive: 'GREEN_5',\n active: 'GREEN_5',\n disabled: 'GREEN_5',\n },\n messageColorName: {\n inactive: 'GREEN_5',\n active: 'GREEN_5',\n disabled: 'GREEN_5',\n },\n },\n error: {\n opacity: primaryVariant.opacity,\n valueColorName: primaryVariant.valueColorName,\n borderColorName: {\n inactive: 'RED',\n active: 'RED',\n disabled: 'RED',\n },\n labelColorName: {\n inactive: 'RED',\n active: 'RED',\n disabled: 'RED',\n },\n messageColorName: {\n inactive: 'RED',\n active: 'RED',\n disabled: 'RED',\n },\n },\n };\n\n return { sizes, variants };\n};\n\nexport default getInputConfig;\n"],"names":["getInputConfig","gutter","sizes","primaryVariant","secondaryVariant","variants"],"mappings":"AAQA,MAAMA,IAAkC,CAAUC,MAAA;AAChD,QAAMC,IAA+C;AAAA,IACnD,SAAS;AAAA,MACP,QAAQD,IAAS;AAAA;AAAA,MACjB,WAAWA,IAAS;AAAA;AAAA,MACpB,cAAcA,IAAS;AAAA;AAAA,MACvB,aAAaA;AAAA,MACb,cAAcA,IAAS;AAAA,MACvB,cAAcA,IAAS;AAAA,MACvB,kBAAkB;AAAA,MAClB,kBAAkB;AAAA,MAClB,oBAAoB;AAAA,MACpB,UAAUA,IAAS;AAAA,MACnB,aAAaA;AAAA;AAAA,IACf;AAAA,IACA,OAAO;AAAA,MACL,QAAQA,IAAS;AAAA;AAAA,MACjB,WAAWA,IAAS;AAAA;AAAA,MACpB,cAAc;AAAA;AAAA,MACd,aAAaA,IAAS;AAAA,MACtB,cAAcA,IAAS;AAAA,MACvB,cAAcA,IAAS;AAAA,MACvB,kBAAkB;AAAA,MAClB,kBAAkB;AAAA,MAClB,oBAAoB;AAAA,MACpB,UAAUA,IAAS;AAAA,MACnB,aAAaA,IAAS;AAAA;AAAA,IACxB;AAAA,IACA,QAAQ;AAAA,MACN,QAAQA,IAAS;AAAA;AAAA,MACjB,WAAW;AAAA;AAAA,MACX,cAAc;AAAA;AAAA,MACd,aAAaA,IAAS;AAAA,MACtB,cAAcA,IAAS;AAAA,MACvB,cAAcA,IAAS;AAAA,MACvB,kBAAkB;AAAA,MAClB,kBAAkB;AAAA,MAClB,oBAAoB;AAAA,MACpB,UAAUA;AAAA,MACV,aAAaA,IAAS;AAAA;AAAA,~~IAAA~~;AAAA,~~EAE1B~~,~~GACME~~,IAAsC;AAAA,IAC1C,gBAAgB;AAAA,MACd,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,UAAU;AAAA,IACZ;AAAA,IACA,iBAAiB;AAAA,MACf,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,UAAU;AAAA,IACZ;AAAA,IACA,gBAAgB;AAAA,MACd,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,UAAU;AAAA,IACZ;AAAA,IACA,kBAAkB;AAAA,MAChB,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,UAAU;AAAA,IACZ;AAAA,IACA,SAAS;AAAA,MACP,UAAU;AAAA,MACV,SAAS;AAAA,~~IAAA~~;AAAA,~~EAEb~~,~~GAEMC~~,IAAwC;AAAA,IAC5C,GAAGD;AAAA,IACH,qBAAqB;AAAA,IACrB,sBAAsB;AAAA,IACtB,iBAAiB;AAAA,MACf,QAAQ;AAAA,MACR,UAAU;AAAA,MACV,UAAU;AAAA,~~IAAA~~;AAAA,~~EAEd~~,~~GAEME~~,IAAwD;AAAA,IAC5D,SAASF;AAAA,IACT,WAAWC;AAAA,IACX,SAAS;AAAA,MACP,SAASD,EAAe;AAAA,MACxB,gBAAgBA,EAAe;AAAA,MAC/B,iBAAiB;AAAA,QACf,UAAU;AAAA,QACV,QAAQ;AAAA,QACR,UAAU;AAAA,MACZ;AAAA,MACA,gBAAgB;AAAA,QACd,UAAU;AAAA,QACV,QAAQ;AAAA,QACR,UAAU;AAAA,MACZ;AAAA,MACA,kBAAkB;AAAA,QAChB,UAAU;AAAA,QACV,QAAQ;AAAA,QACR,UAAU;AAAA,~~MAAA~~;AAAA,~~IAEd~~;AAAA,IACA,OAAO;AAAA,MACL,SAASA,EAAe;AAAA,MACxB,gBAAgBA,EAAe;AAAA,MAC/B,iBAAiB;AAAA,QACf,UAAU;AAAA,QACV,QAAQ;AAAA,QACR,UAAU;AAAA,MACZ;AAAA,MACA,gBAAgB;AAAA,QACd,UAAU;AAAA,QACV,QAAQ;AAAA,QACR,UAAU;AAAA,MACZ;AAAA,MACA,kBAAkB;AAAA,QAChB,UAAU;AAAA,QACV,QAAQ;AAAA,QACR,UAAU;AAAA,~~MAAA~~;AAAA,~~IACZ~~;AAAA,~~EAEJ~~;~~AAEO~~,SAAA,EAAE,OAAAD,GAAO,UAAAG~~,EAAS~~;~~AAC3B~~;"}
1	+ {"version":3,"file":"input.js","sources":["../../../../src/features/ui/theme/input.ts"],"sourcesContent":["import type { IInputSizeConfig, IInputVariantConfig, TInputSizes, TInputVariants } from '../types';\n\ninterface IGetInputConfig {\n (gutter: number): {\n sizes: Record<TInputSizes, IInputSizeConfig>;\n variants: Record<TInputVariants, IInputVariantConfig>;\n };\n}\nconst getInputConfig: IGetInputConfig = gutter => {\n const sizes: Record<TInputSizes, IInputSizeConfig> = {\n regular: {\n height: gutter * 2.75, // height of input\n marginTop: gutter * 0.5, // extra space when label is on top of input\n marginBottom: gutter * 1.5, // extra space for message comes on bottom of input\n paddingLeft: gutter,\n paddingRight: gutter * 0.75,\n borderRadius: gutter * 0.5,\n inputTextVariant: 'body1',\n labelTextVariant: 'body1',\n messageTextVariant: 'body3',\n iconsize: gutter * 1.5,\n iconPadding: gutter, // padding between left of icon and input\n },\n small: {\n height: gutter * 2.125, // height of input\n marginTop: gutter * 0.5, // extra space when label is on top of input\n marginBottom: 0, // extra space for message comes on bottom of input\n paddingLeft: gutter * 0.5,\n paddingRight: gutter * 0.5,\n borderRadius: gutter * 0.5,\n inputTextVariant: 'body3',\n labelTextVariant: 'body3',\n messageTextVariant: 'body3',\n iconsize: gutter * 1.25,\n iconPadding: gutter * 0.5, // padding between left of icon and input\n },\n xsmall: {\n height: gutter * 1.75, // height of input\n marginTop: 0, // extra space when label is on top of input\n marginBottom: 0, // extra space for message comes on bottom of input\n paddingLeft: gutter * 0.75,\n paddingRight: gutter * 0.5,\n borderRadius: gutter * 0.5,\n inputTextVariant: 'body3',\n labelTextVariant: 'body3',\n messageTextVariant: 'body3',\n iconsize: gutter,\n iconPadding: gutter * 0.5, // padding between left of icon and input\n },\n };\n const primaryVariant: IInputVariantConfig = {\n valueColorName: {\n inactive: 'BLACK',\n active: 'BLACK',\n disabled: 'BLACK_50',\n },\n borderColorName: {\n inactive: 'BLACK_T_15',\n active: 'BLACK_T_87',\n disabled: 'BLACK_T_15',\n },\n labelColorName: {\n inactive: 'BLACK_75',\n active: 'BLACK',\n disabled: 'BLACK_50',\n },\n messageColorName: {\n inactive: 'BLACK_75',\n active: 'BLACK_75',\n disabled: 'BLACK_50',\n },\n opacity: {\n disabled: 0.5,\n enabled: 1,\n },\n };\n\n const secondaryVariant: IInputVariantConfig = {\n ...primaryVariant,\n backgroundColorName: 'GREY_1',\n optionHoverColorName: 'WHITE',\n borderColorName: {\n active: 'TRANSPARENT',\n inactive: 'TRANSPARENT',\n disabled: 'TRANSPARENT',\n },\n };\n\n const variants: Record<TInputVariants, IInputVariantConfig> = {\n primary: primaryVariant,\n secondary: secondaryVariant,\n success: {\n opacity: primaryVariant.opacity,\n valueColorName: primaryVariant.valueColorName,\n borderColorName: {\n inactive: 'GREEN_5',\n active: 'GREEN_5',\n disabled: 'GREEN_5',\n },\n labelColorName: {\n inactive: 'GREEN_5',\n active: 'GREEN_5',\n disabled: 'GREEN_5',\n },\n messageColorName: {\n inactive: 'GREEN_5',\n active: 'GREEN_5',\n disabled: 'GREEN_5',\n },\n },\n error: {\n opacity: primaryVariant.opacity,\n valueColorName: primaryVariant.valueColorName,\n borderColorName: {\n inactive: 'RED',\n active: 'RED',\n disabled: 'RED',\n },\n labelColorName: {\n inactive: 'RED',\n active: 'RED',\n disabled: 'RED',\n },\n messageColorName: {\n inactive: 'RED',\n active: 'RED',\n disabled: 'RED',\n },\n },\n };\n\n return { sizes, variants };\n};\n\nexport default getInputConfig;\n"],"names":["getInputConfig","gutter","sizes","primaryVariant","secondaryVariant","variants"],"mappings":"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"}

package/dist/features/ui/theme/layout.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"layout.js","sources":["../../../../src/features/ui/theme/layout.ts"],"sourcesContent":["import type { ILayout } from '../types';\n\nfunction getLayout(multiplier: number = 1): ILayout {\n return {\n gutter: 16 * multiplier,\n };\n}\n\nexport default getLayout;\n"],"names":["getLayout","multiplier"],"mappings":"AAEA,SAASA,EAAUC,IAAqB,GAAY;AAC3C,SAAA;AAAA,IACL,QAAQ,KAAKA;AAAA,~~EACf~~;~~AACF~~;"}
1	+ {"version":3,"file":"layout.js","sources":["../../../../src/features/ui/theme/layout.ts"],"sourcesContent":["import type { ILayout } from '../types';\n\nfunction getLayout(multiplier: number = 1): ILayout {\n return {\n gutter: 16 * multiplier,\n };\n}\n\nexport default getLayout;\n"],"names":["getLayout","multiplier"],"mappings":"AAEA,SAASA,EAAUC,IAAqB,GAAY;AAC3C,SAAA;AAAA,IACL,QAAQ,KAAKA;AAAA,EAAA;AAEjB;"}

package/dist/features/ui/theme/tab.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"tab.js","sources":["../../../../src/features/ui/theme/tab.ts"],"sourcesContent":["import type { ITabSizeConfig, ITabVariantConfig, TTabSizes, TTabVariants } from '../types';\n\ninterface IGetTabConfig {\n (gutter: number): {\n sizes: Record<TTabSizes, ITabSizeConfig>;\n variants: Record<TTabVariants, ITabVariantConfig>;\n };\n}\n\nconst getTabConfig: IGetTabConfig = (gutter: number) => {\n const sizes: Record<TTabSizes, ITabSizeConfig> = {\n xsmall: {\n height: gutter * 1.625,\n paddingHorizontal: gutter * 0.5,\n textVariant: 'body3',\n },\n small: {\n height: gutter * 2,\n paddingHorizontal: gutter * 0.75,\n textVariant: 'body2',\n },\n regular: {\n height: gutter * 2.5,\n paddingHorizontal: gutter,\n textVariant: 'body1',\n },\n medium: {\n height: gutter * 3,\n paddingHorizontal: gutter,\n textVariant: 'body1',\n },\n };\n\n const variants: Record<TTabVariants, ITabVariantConfig> = {\n primary: {\n backgroundColorName: {\n inactive: 'WHITE',\n active: 'BLACK',\n hover: 'BLACK',\n disabled: 'GREY_1',\n },\n colorName: {\n inactive: 'BLACK',\n active: 'WHITE',\n hover: 'WHITE',\n disabled: 'BLACK_50',\n },\n borderColorName: {\n inactive: 'GREY_3',\n active: 'BLACK',\n hover: 'BLACK',\n disabled: 'GREY_1',\n },\n fontWeight: {\n inactive: 400,\n active: 500,\n hover: 500,\n disabled: 400,\n },\n },\n };\n\n return { sizes, variants };\n};\n\nexport default getTabConfig;\n"],"names":["getTabConfig","gutter"],"mappings":"AASM,MAAAA,IAA8B,CAACC,OAqD5B,EAAE,OApDwC;AAAA,EAC/C,QAAQ;AAAA,IACN,QAAQA,IAAS;AAAA,IACjB,mBAAmBA,IAAS;AAAA,IAC5B,aAAa;AAAA,EACf;AAAA,EACA,OAAO;AAAA,IACL,QAAQA,IAAS;AAAA,IACjB,mBAAmBA,IAAS;AAAA,IAC5B,aAAa;AAAA,EACf;AAAA,EACA,SAAS;AAAA,IACP,QAAQA,IAAS;AAAA,IACjB,mBAAmBA;AAAA,IACnB,aAAa;AAAA,EACf;AAAA,EACA,QAAQ;AAAA,IACN,QAAQA,IAAS;AAAA,IACjB,mBAAmBA;AAAA,IACnB,aAAa;AAAA,~~EAAA~~;~~AAEjB~~,~~GA+BgB~~,UA7B0C;AAAA,EACxD,SAAS;AAAA,IACP,qBAAqB;AAAA,MACnB,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,UAAU;AAAA,IACZ;AAAA,IACA,WAAW;AAAA,MACT,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,UAAU;AAAA,IACZ;AAAA,IACA,iBAAiB;AAAA,MACf,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,UAAU;AAAA,IACZ;AAAA,IACA,YAAY;AAAA,MACV,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,UAAU;AAAA,~~IAAA~~;AAAA,~~EACZ~~;~~AAEJ,EAEyB~~;"}
1	+ {"version":3,"file":"tab.js","sources":["../../../../src/features/ui/theme/tab.ts"],"sourcesContent":["import type { ITabSizeConfig, ITabVariantConfig, TTabSizes, TTabVariants } from '../types';\n\ninterface IGetTabConfig {\n (gutter: number): {\n sizes: Record<TTabSizes, ITabSizeConfig>;\n variants: Record<TTabVariants, ITabVariantConfig>;\n };\n}\n\nconst getTabConfig: IGetTabConfig = (gutter: number) => {\n const sizes: Record<TTabSizes, ITabSizeConfig> = {\n xsmall: {\n height: gutter * 1.625,\n paddingHorizontal: gutter * 0.5,\n textVariant: 'body3',\n },\n small: {\n height: gutter * 2,\n paddingHorizontal: gutter * 0.75,\n textVariant: 'body2',\n },\n regular: {\n height: gutter * 2.5,\n paddingHorizontal: gutter,\n textVariant: 'body1',\n },\n medium: {\n height: gutter * 3,\n paddingHorizontal: gutter,\n textVariant: 'body1',\n },\n };\n\n const variants: Record<TTabVariants, ITabVariantConfig> = {\n primary: {\n backgroundColorName: {\n inactive: 'WHITE',\n active: 'BLACK',\n hover: 'BLACK',\n disabled: 'GREY_1',\n },\n colorName: {\n inactive: 'BLACK',\n active: 'WHITE',\n hover: 'WHITE',\n disabled: 'BLACK_50',\n },\n borderColorName: {\n inactive: 'GREY_3',\n active: 'BLACK',\n hover: 'BLACK',\n disabled: 'GREY_1',\n },\n fontWeight: {\n inactive: 400,\n active: 500,\n hover: 500,\n disabled: 400,\n },\n },\n };\n\n return { sizes, variants };\n};\n\nexport default getTabConfig;\n"],"names":["getTabConfig","gutter"],"mappings":"AASM,MAAAA,IAA8B,CAACC,OAqD5B,EAAE,OApDwC;AAAA,EAC/C,QAAQ;AAAA,IACN,QAAQA,IAAS;AAAA,IACjB,mBAAmBA,IAAS;AAAA,IAC5B,aAAa;AAAA,EACf;AAAA,EACA,OAAO;AAAA,IACL,QAAQA,IAAS;AAAA,IACjB,mBAAmBA,IAAS;AAAA,IAC5B,aAAa;AAAA,EACf;AAAA,EACA,SAAS;AAAA,IACP,QAAQA,IAAS;AAAA,IACjB,mBAAmBA;AAAA,IACnB,aAAa;AAAA,EACf;AAAA,EACA,QAAQ;AAAA,IACN,QAAQA,IAAS;AAAA,IACjB,mBAAmBA;AAAA,IACnB,aAAa;AAAA,EACf;AAAA,GAgCc,UA7B0C;AAAA,EACxD,SAAS;AAAA,IACP,qBAAqB;AAAA,MACnB,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,UAAU;AAAA,IACZ;AAAA,IACA,WAAW;AAAA,MACT,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,UAAU;AAAA,IACZ;AAAA,IACA,iBAAiB;AAAA,MACf,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,UAAU;AAAA,IACZ;AAAA,IACA,YAAY;AAAA,MACV,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,UAAU;AAAA,IACZ;AAAA,EACF;AAAA;"}

package/dist/features/ui/theme/text-button.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"text-button.js","sources":["../../../../src/features/ui/theme/text-button.ts"],"sourcesContent":["import type { ITextButtonSizeConfig, TTextButtonSizes } from '../types';\n\ninterface IGetTextButtonConfig {\n (): {\n sizes: Record<TTextButtonSizes, ITextButtonSizeConfig>;\n };\n}\n\nconst getTextButtonConfig: IGetTextButtonConfig = () => {\n const sizes: Record<TTextButtonSizes, ITextButtonSizeConfig> = {\n small: {\n textVariant: 'cta3',\n underlineHeight: 1.5,\n underlineOffset: 5,\n },\n regular: {\n textVariant: 'cta2',\n underlineHeight: 1.5,\n underlineOffset: 5,\n },\n medium: {\n textVariant: 'cta1',\n underlineHeight: 2,\n underlineOffset: 4,\n },\n };\n\n return { sizes };\n};\n\nexport default getTextButtonConfig;\n"],"names":["getTextButtonConfig"],"mappings":"AAQA,MAAMA,IAA4C,OAmBzC,EAAE,OAlBsD;AAAA,EAC7D,OAAO;AAAA,IACL,aAAa;AAAA,IACb,iBAAiB;AAAA,IACjB,iBAAiB;AAAA,EACnB;AAAA,EACA,SAAS;AAAA,IACP,aAAa;AAAA,IACb,iBAAiB;AAAA,IACjB,iBAAiB;AAAA,EACnB;AAAA,EACA,QAAQ;AAAA,IACN,aAAa;AAAA,IACb,iBAAiB;AAAA,IACjB,iBAAiB;AAAA,~~EAAA~~;~~AAErB~~,~~EAEe~~;"}
1	+ {"version":3,"file":"text-button.js","sources":["../../../../src/features/ui/theme/text-button.ts"],"sourcesContent":["import type { ITextButtonSizeConfig, TTextButtonSizes } from '../types';\n\ninterface IGetTextButtonConfig {\n (): {\n sizes: Record<TTextButtonSizes, ITextButtonSizeConfig>;\n };\n}\n\nconst getTextButtonConfig: IGetTextButtonConfig = () => {\n const sizes: Record<TTextButtonSizes, ITextButtonSizeConfig> = {\n small: {\n textVariant: 'cta3',\n underlineHeight: 1.5,\n underlineOffset: 5,\n },\n regular: {\n textVariant: 'cta2',\n underlineHeight: 1.5,\n underlineOffset: 5,\n },\n medium: {\n textVariant: 'cta1',\n underlineHeight: 2,\n underlineOffset: 4,\n },\n };\n\n return { sizes };\n};\n\nexport default getTextButtonConfig;\n"],"names":["getTextButtonConfig"],"mappings":"AAQA,MAAMA,IAA4C,OAmBzC,EAAE,OAlBsD;AAAA,EAC7D,OAAO;AAAA,IACL,aAAa;AAAA,IACb,iBAAiB;AAAA,IACjB,iBAAiB;AAAA,EACnB;AAAA,EACA,SAAS;AAAA,IACP,aAAa;AAAA,IACb,iBAAiB;AAAA,IACjB,iBAAiB;AAAA,EACnB;AAAA,EACA,QAAQ;AAAA,IACN,aAAa;AAAA,IACb,iBAAiB;AAAA,IACjB,iBAAiB;AAAA,EACnB;AAAA,EAGa;"}

package/dist/features/ui/theme/text.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"text.js","sources":["../../../../src/features/ui/theme/text.ts"],"sourcesContent":["import type { ITextConfig, TTextVariants } from '../types';\n\nfunction getTextTypes(multiplier: number = 1): Record<TTextVariants, ITextConfig> {\n return {\n 'h1': {\n fontFamily: 'Athletics-Light',\n fontSize: 60 * multiplier,\n lineHeight: 60 * multiplier,\n },\n 'h2': {\n fontFamily: 'Athletics-Light',\n fontSize: 48 * multiplier,\n lineHeight: 52 * multiplier,\n },\n 'h3': {\n fontFamily: 'Athletics-Black',\n fontSize: 40 * multiplier,\n lineHeight: 44 * multiplier,\n letterSpacing: 1,\n textTransform: 'uppercase',\n },\n 'h4': {\n fontFamily: 'Athletics-Medium',\n fontSize: 28 * multiplier,\n lineHeight: 32 * multiplier,\n },\n 'h5': {\n fontFamily: 'Athletics-Black',\n fontSize: 24 * multiplier,\n lineHeight: 28 * multiplier,\n letterSpacing: 1,\n textTransform: 'uppercase',\n },\n 'h6': {\n fontFamily: 'Athletics-Bold',\n fontSize: 18 * multiplier,\n lineHeight: 24 * multiplier,\n },\n 'quote': {\n fontFamily: 'Athletics-Light',\n fontSize: 32 * multiplier,\n lineHeight: 40 * multiplier,\n },\n 'body1': {\n fontFamily: 'UntitledSans-Regular',\n fontSize: 16 * multiplier,\n lineHeight: 24 * multiplier,\n },\n 'body1Medium': {\n fontFamily: 'UntitledSans-Medium',\n fontSize: 16 * multiplier,\n lineHeight: 24 * multiplier,\n },\n 'body2': {\n fontFamily: 'UntitledSans-Regular',\n fontSize: 14 * multiplier,\n lineHeight: 20 * multiplier,\n },\n 'body3': {\n fontFamily: 'UntitledSans-Regular',\n fontSize: 12 * multiplier,\n lineHeight: 18 * multiplier,\n },\n 'eyebrow1': {\n fontFamily: 'Athletics-Black',\n fontSize: 16 * multiplier,\n lineHeight: 20 * multiplier,\n letterSpacing: 1,\n textTransform: 'uppercase',\n },\n 'eyebrow2': {\n fontFamily: 'Athletics-Bold',\n fontSize: 12 * multiplier,\n lineHeight: 20 * multiplier,\n letterSpacing: 1,\n textTransform: 'uppercase',\n },\n 'cta1': {\n fontFamily: 'UntitledSans-Medium',\n fontSize: 16 * multiplier,\n lineHeight: 20 * multiplier,\n },\n 'cta2': {\n fontFamily: 'UntitledSans-Medium',\n fontSize: 14 * multiplier,\n lineHeight: 20 * multiplier,\n },\n 'cta3': {\n fontFamily: 'UntitledSans-Medium',\n fontSize: 12 * multiplier,\n lineHeight: 18 * multiplier,\n },\n 'ah1': {\n fontFamily: 'Athletics-Light',\n fontSize: 64 * multiplier,\n lineHeight: 72 * multiplier,\n },\n 'ah1-bold': {\n fontFamily: 'Athletics-Bold',\n fontSize: 64 * multiplier,\n lineHeight: 72 * multiplier,\n },\n 'ah1-black': {\n fontFamily: 'Athletics-Black',\n fontSize: 64 * multiplier,\n lineHeight: 72 * multiplier,\n },\n 'ah2': {\n fontFamily: 'Athletics-Light',\n fontSize: 48 * multiplier,\n lineHeight: 56 * multiplier,\n },\n 'ah2-bold': {\n fontFamily: 'Athletics-Bold',\n fontSize: 48 * multiplier,\n lineHeight: 56 * multiplier,\n },\n 'ah2-black': {\n fontFamily: 'Athletics-Black',\n fontSize: 48 * multiplier,\n lineHeight: 56 * multiplier,\n },\n 'ah3': {\n fontFamily: 'Athletics-Light',\n fontSize: 32 * multiplier,\n lineHeight: 40 * multiplier,\n },\n 'ah3-bold': {\n fontFamily: 'Athletics-Bold',\n fontSize: 32 * multiplier,\n lineHeight: 40 * multiplier,\n },\n 'ah3-black': {\n fontFamily: 'Athletics-Black',\n fontSize: 32 * multiplier,\n lineHeight: 40 * multiplier,\n },\n 'ah4': {\n fontFamily: 'Athletics-Light',\n fontSize: 24 * multiplier,\n lineHeight: 32 * multiplier,\n },\n 'ah4-bold': {\n fontFamily: 'Athletics-Bold',\n fontSize: 24 * multiplier,\n lineHeight: 32 * multiplier,\n },\n 'ah4-black': {\n fontFamily: 'Athletics-Black',\n fontSize: 24 * multiplier,\n lineHeight: 32 * multiplier,\n },\n 'ab1': {\n fontFamily: 'Athletics-Regular',\n fontSize: 20 * multiplier,\n lineHeight: 28 * multiplier,\n },\n 'ab1-bold': {\n fontFamily: 'Athletics-Bold',\n fontSize: 20 * multiplier,\n lineHeight: 28 * multiplier,\n },\n 'ab1-black': {\n fontFamily: 'Athletics-Black',\n fontSize: 20 * multiplier,\n lineHeight: 28 * multiplier,\n },\n 'ab2': {\n fontFamily: 'Athletics-Regular',\n fontSize: 16 * multiplier,\n lineHeight: 22 * multiplier,\n },\n 'ab2-bold': {\n fontFamily: 'Athletics-Bold',\n fontSize: 16 * multiplier,\n lineHeight: 22 * multiplier,\n },\n 'ab2-black': {\n fontFamily: 'Athletics-Black',\n fontSize: 16 * multiplier,\n lineHeight: 22 * multiplier,\n },\n 'ab3': {\n fontFamily: 'Athletics-Regular',\n fontSize: 14 * multiplier,\n lineHeight: 20 * multiplier,\n },\n 'ab3-bold': {\n fontFamily: 'Athletics-Bold',\n fontSize: 14 * multiplier,\n lineHeight: 20 * multiplier,\n },\n 'ab3-black': {\n fontFamily: 'Athletics-Black',\n fontSize: 14 * multiplier,\n lineHeight: 20 * multiplier,\n },\n 'ac1': {\n fontFamily: 'Athletics-Bold',\n fontSize: 32 * multiplier,\n lineHeight: 36 * multiplier,\n letterSpacing: 1,\n textTransform: 'uppercase',\n },\n 'ac1-black': {\n fontFamily: 'Athletics-Black',\n fontSize: 32 * multiplier,\n lineHeight: 36 * multiplier,\n letterSpacing: 1,\n textTransform: 'uppercase',\n },\n 'ac2': {\n fontFamily: 'Athletics-Bold',\n fontSize: 20 * multiplier,\n lineHeight: 24 * multiplier,\n letterSpacing: 1,\n textTransform: 'uppercase',\n },\n 'ac2-black': {\n fontFamily: 'Athletics-Black',\n fontSize: 20 * multiplier,\n lineHeight: 24 * multiplier,\n letterSpacing: 1,\n textTransform: 'uppercase',\n },\n 'ac3': {\n fontFamily: 'Athletics-Bold',\n fontSize: 16 * multiplier,\n lineHeight: 20 * multiplier,\n letterSpacing: 1,\n textTransform: 'uppercase',\n },\n 'ac3-black': {\n fontFamily: 'Athletics-Black',\n fontSize: 16 * multiplier,\n lineHeight: 20 * multiplier,\n letterSpacing: 1,\n textTransform: 'uppercase',\n },\n 'ac4': {\n fontFamily: 'Athletics-Bold',\n fontSize: 12 * multiplier,\n lineHeight: 16 * multiplier,\n letterSpacing: 1,\n textTransform: 'uppercase',\n },\n 'ac4-black': {\n fontFamily: 'Athletics-Black',\n fontSize: 12 * multiplier,\n lineHeight: 16 * multiplier,\n letterSpacing: 1,\n textTransform: 'uppercase',\n },\n 'ub1': {\n fontFamily: 'UntitledSans-Regular',\n fontSize: 16 * multiplier,\n lineHeight: 24 * multiplier,\n },\n 'ub1-bold': {\n fontFamily: 'UntitledSans-Medium',\n fontSize: 16 * multiplier,\n lineHeight: 24 * multiplier,\n },\n 'ub2': {\n fontFamily: 'UntitledSans-Regular',\n fontSize: 14 * multiplier,\n lineHeight: 20 * multiplier,\n },\n 'ub2-bold': {\n fontFamily: 'UntitledSans-Medium',\n fontSize: 14 * multiplier,\n lineHeight: 20 * multiplier,\n },\n 'ub3': {\n fontFamily: 'UntitledSans-Regular',\n fontSize: 12 * multiplier,\n lineHeight: 16 * multiplier,\n },\n 'ub3-bold': {\n fontFamily: 'UntitledSans-Medium',\n fontSize: 12 * multiplier,\n lineHeight: 16 * multiplier,\n },\n };\n}\n\nexport default getTextTypes;\n"],"names":["getTextTypes","multiplier"],"mappings":"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"}
1	+ {"version":3,"file":"text.js","sources":["../../../../src/features/ui/theme/text.ts"],"sourcesContent":["import type { ITextConfig, TTextVariants } from '../types';\n\nfunction getTextTypes(multiplier: number = 1): Record<TTextVariants, ITextConfig> {\n return {\n 'h1': {\n fontFamily: 'Athletics-Light',\n fontSize: 60 * multiplier,\n lineHeight: 60 * multiplier,\n },\n 'h2': {\n fontFamily: 'Athletics-Light',\n fontSize: 48 * multiplier,\n lineHeight: 52 * multiplier,\n },\n 'h3': {\n fontFamily: 'Athletics-Black',\n fontSize: 40 * multiplier,\n lineHeight: 44 * multiplier,\n letterSpacing: 1,\n textTransform: 'uppercase',\n },\n 'h4': {\n fontFamily: 'Athletics-Medium',\n fontSize: 28 * multiplier,\n lineHeight: 32 * multiplier,\n },\n 'h5': {\n fontFamily: 'Athletics-Black',\n fontSize: 24 * multiplier,\n lineHeight: 28 * multiplier,\n letterSpacing: 1,\n textTransform: 'uppercase',\n },\n 'h6': {\n fontFamily: 'Athletics-Bold',\n fontSize: 18 * multiplier,\n lineHeight: 24 * multiplier,\n },\n 'quote': {\n fontFamily: 'Athletics-Light',\n fontSize: 32 * multiplier,\n lineHeight: 40 * multiplier,\n },\n 'body1': {\n fontFamily: 'UntitledSans-Regular',\n fontSize: 16 * multiplier,\n lineHeight: 24 * multiplier,\n },\n 'body1Medium': {\n fontFamily: 'UntitledSans-Medium',\n fontSize: 16 * multiplier,\n lineHeight: 24 * multiplier,\n },\n 'body2': {\n fontFamily: 'UntitledSans-Regular',\n fontSize: 14 * multiplier,\n lineHeight: 20 * multiplier,\n },\n 'body3': {\n fontFamily: 'UntitledSans-Regular',\n fontSize: 12 * multiplier,\n lineHeight: 18 * multiplier,\n },\n 'eyebrow1': {\n fontFamily: 'Athletics-Black',\n fontSize: 16 * multiplier,\n lineHeight: 20 * multiplier,\n letterSpacing: 1,\n textTransform: 'uppercase',\n },\n 'eyebrow2': {\n fontFamily: 'Athletics-Bold',\n fontSize: 12 * multiplier,\n lineHeight: 20 * multiplier,\n letterSpacing: 1,\n textTransform: 'uppercase',\n },\n 'cta1': {\n fontFamily: 'UntitledSans-Medium',\n fontSize: 16 * multiplier,\n lineHeight: 20 * multiplier,\n },\n 'cta2': {\n fontFamily: 'UntitledSans-Medium',\n fontSize: 14 * multiplier,\n lineHeight: 20 * multiplier,\n },\n 'cta3': {\n fontFamily: 'UntitledSans-Medium',\n fontSize: 12 * multiplier,\n lineHeight: 18 * multiplier,\n },\n 'ah1': {\n fontFamily: 'Athletics-Light',\n fontSize: 64 * multiplier,\n lineHeight: 72 * multiplier,\n },\n 'ah1-bold': {\n fontFamily: 'Athletics-Bold',\n fontSize: 64 * multiplier,\n lineHeight: 72 * multiplier,\n },\n 'ah1-black': {\n fontFamily: 'Athletics-Black',\n fontSize: 64 * multiplier,\n lineHeight: 72 * multiplier,\n },\n 'ah2': {\n fontFamily: 'Athletics-Light',\n fontSize: 48 * multiplier,\n lineHeight: 56 * multiplier,\n },\n 'ah2-bold': {\n fontFamily: 'Athletics-Bold',\n fontSize: 48 * multiplier,\n lineHeight: 56 * multiplier,\n },\n 'ah2-black': {\n fontFamily: 'Athletics-Black',\n fontSize: 48 * multiplier,\n lineHeight: 56 * multiplier,\n },\n 'ah3': {\n fontFamily: 'Athletics-Light',\n fontSize: 32 * multiplier,\n lineHeight: 40 * multiplier,\n },\n 'ah3-bold': {\n fontFamily: 'Athletics-Bold',\n fontSize: 32 * multiplier,\n lineHeight: 40 * multiplier,\n },\n 'ah3-black': {\n fontFamily: 'Athletics-Black',\n fontSize: 32 * multiplier,\n lineHeight: 40 * multiplier,\n },\n 'ah4': {\n fontFamily: 'Athletics-Light',\n fontSize: 24 * multiplier,\n lineHeight: 32 * multiplier,\n },\n 'ah4-bold': {\n fontFamily: 'Athletics-Bold',\n fontSize: 24 * multiplier,\n lineHeight: 32 * multiplier,\n },\n 'ah4-black': {\n fontFamily: 'Athletics-Black',\n fontSize: 24 * multiplier,\n lineHeight: 32 * multiplier,\n },\n 'ab1': {\n fontFamily: 'Athletics-Regular',\n fontSize: 20 * multiplier,\n lineHeight: 28 * multiplier,\n },\n 'ab1-bold': {\n fontFamily: 'Athletics-Bold',\n fontSize: 20 * multiplier,\n lineHeight: 28 * multiplier,\n },\n 'ab1-black': {\n fontFamily: 'Athletics-Black',\n fontSize: 20 * multiplier,\n lineHeight: 28 * multiplier,\n },\n 'ab2': {\n fontFamily: 'Athletics-Regular',\n fontSize: 16 * multiplier,\n lineHeight: 22 * multiplier,\n },\n 'ab2-bold': {\n fontFamily: 'Athletics-Bold',\n fontSize: 16 * multiplier,\n lineHeight: 22 * multiplier,\n },\n 'ab2-black': {\n fontFamily: 'Athletics-Black',\n fontSize: 16 * multiplier,\n lineHeight: 22 * multiplier,\n },\n 'ab3': {\n fontFamily: 'Athletics-Regular',\n fontSize: 14 * multiplier,\n lineHeight: 20 * multiplier,\n },\n 'ab3-bold': {\n fontFamily: 'Athletics-Bold',\n fontSize: 14 * multiplier,\n lineHeight: 20 * multiplier,\n },\n 'ab3-black': {\n fontFamily: 'Athletics-Black',\n fontSize: 14 * multiplier,\n lineHeight: 20 * multiplier,\n },\n 'ac1': {\n fontFamily: 'Athletics-Bold',\n fontSize: 32 * multiplier,\n lineHeight: 36 * multiplier,\n letterSpacing: 1,\n textTransform: 'uppercase',\n },\n 'ac1-black': {\n fontFamily: 'Athletics-Black',\n fontSize: 32 * multiplier,\n lineHeight: 36 * multiplier,\n letterSpacing: 1,\n textTransform: 'uppercase',\n },\n 'ac2': {\n fontFamily: 'Athletics-Bold',\n fontSize: 20 * multiplier,\n lineHeight: 24 * multiplier,\n letterSpacing: 1,\n textTransform: 'uppercase',\n },\n 'ac2-black': {\n fontFamily: 'Athletics-Black',\n fontSize: 20 * multiplier,\n lineHeight: 24 * multiplier,\n letterSpacing: 1,\n textTransform: 'uppercase',\n },\n 'ac3': {\n fontFamily: 'Athletics-Bold',\n fontSize: 16 * multiplier,\n lineHeight: 20 * multiplier,\n letterSpacing: 1,\n textTransform: 'uppercase',\n },\n 'ac3-black': {\n fontFamily: 'Athletics-Black',\n fontSize: 16 * multiplier,\n lineHeight: 20 * multiplier,\n letterSpacing: 1,\n textTransform: 'uppercase',\n },\n 'ac4': {\n fontFamily: 'Athletics-Bold',\n fontSize: 12 * multiplier,\n lineHeight: 16 * multiplier,\n letterSpacing: 1,\n textTransform: 'uppercase',\n },\n 'ac4-black': {\n fontFamily: 'Athletics-Black',\n fontSize: 12 * multiplier,\n lineHeight: 16 * multiplier,\n letterSpacing: 1,\n textTransform: 'uppercase',\n },\n 'ub1': {\n fontFamily: 'UntitledSans-Regular',\n fontSize: 16 * multiplier,\n lineHeight: 24 * multiplier,\n },\n 'ub1-bold': {\n fontFamily: 'UntitledSans-Medium',\n fontSize: 16 * multiplier,\n lineHeight: 24 * multiplier,\n },\n 'ub2': {\n fontFamily: 'UntitledSans-Regular',\n fontSize: 14 * multiplier,\n lineHeight: 20 * multiplier,\n },\n 'ub2-bold': {\n fontFamily: 'UntitledSans-Medium',\n fontSize: 14 * multiplier,\n lineHeight: 20 * multiplier,\n },\n 'ub3': {\n fontFamily: 'UntitledSans-Regular',\n fontSize: 12 * multiplier,\n lineHeight: 16 * multiplier,\n },\n 'ub3-bold': {\n fontFamily: 'UntitledSans-Medium',\n fontSize: 12 * multiplier,\n lineHeight: 16 * multiplier,\n },\n };\n}\n\nexport default getTextTypes;\n"],"names":["getTextTypes","multiplier"],"mappings":"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"}

package/dist/features/ui/time-left-timeline/time-left-timeline-styled.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"time-left-timeline-styled.js","sources":["../../../../src/features/ui/time-left-timeline/time-left-timeline-styled.ts"],"sourcesContent":["import type { IProgressBarProps, ITextWrapperProps } from './time-left-timeline-types';\n\nimport styled from 'styled-components';\n\nimport FlexView from '../layout/flex-view';\n\nexport const Wrapper = styled(FlexView)(\n () => `\n position: relative;\n z-index: 1;\n `,\n);\n\nexport const ProgressBar = styled.div<IProgressBarProps>(\n ({ theme, $percentageCompleted, $backgroundColor, $barBackgroundColor }) => {\n const {\n colors,\n layout: { gutter },\n } = theme;\n\n return `\n position:absolute;\n height:${gutter * 0.25}px;\n width:100%;\n top:50%;\n transform: translateY(-50%);\n background-image: linear-gradient(to right, ${colors[$backgroundColor]} ${\n $percentageCompleted === 0 ? 2 : $percentageCompleted\n }%, ${colors[$barBackgroundColor ?? 'WHITE_5']} ${\n $percentageCompleted === 0 ? 2 : $percentageCompleted\n }%);\n `;\n },\n);\n\nexport const TextWrapper = styled.div<ITextWrapperProps>(({ theme, $percentageCompleted }) => {\n const { colors, layout } = theme;\n const { gutter } = layout;\n\n return `\n position: absolute;\n top: ${gutter * 0.875}px;\n display:flex;\n align-items:center;\n width:fit-content;\n height: ${gutter * 1.75}px;\n ${\n $percentageCompleted < 50\n ? `left:${$percentageCompleted === 0 ? 0 : $percentageCompleted}%`\n : `right:${$percentageCompleted === 100 ? 0 : 100 - $percentageCompleted}%`\n };\n padding: 0 ${gutter * 0.75}px;\n background:${colors.BLACK_T_87};\n `;\n});\n"],"names":["Wrapper","styled","FlexView","ProgressBar","theme","$percentageCompleted","$backgroundColor","$barBackgroundColor","colors","gutter","TextWrapper","layout"],"mappings":";;AAMa,MAAAA,IAAUC,EAAOC,CAAQ;AAAA,EACpC,MAAM;AAAA;AAAA;AAAA;AAIR,GAEaC,IAAcF,EAAO;AAAA,EAChC,CAAC,EAAE,OAAAG,GAAO,sBAAAC,GAAsB,kBAAAC,GAAkB,qBAAAC,QAA0B;AACpE,UAAA;AAAA,MACJ,QAAAC;AAAA,MACA,QAAQ,EAAE,QAAAC,EAAO;AAAA,~~IAAA~~,~~IACfL~~;AAEG,WAAA;AAAA;AAAA,eAEIK,IAAS,IAAI;AAAA;AAAA;AAAA;AAAA,oDAIwBD,EAAOF,CAAgB,CAAC,IACpED,MAAyB,IAAI,IAAIA,CACnC,MAAMG,EAAOD,KAAuB,SAAS,CAAC,IAC5CF,MAAyB,IAAI,IAAIA,CACnC;AAAA;AAAA,~~EAAA~~;~~AAGN~~,GAEaK,IAAcT,EAAO,IAAuB,CAAC,EAAE,OAAAG,GAAO,sBAAAC,QAA2B;AACtF,QAAA,EAAE,QAAAG,GAAQ,QAAAG,~~EAAA~~,~~IAAWP~~,GACrB,EAAE,QAAAK,~~MAAWE~~;AAEZ,SAAA;AAAA;AAAA,aAEIF,IAAS,KAAK;AAAA;AAAA;AAAA;AAAA,gBAIXA,IAAS,IAAI;AAAA,QAErBJ,IAAuB,KACnB,QAAQA,MAAyB,IAAI,IAAIA,CAAoB,MAC7D,SAASA,MAAyB,MAAM,IAAI,MAAMA,CAAoB,GAC5E;AAAA,mBACaI,IAAS,IAAI;AAAA,mBACbD,EAAO,UAAU;AAAA;AAEpC,CAAC;"}
1	+ {"version":3,"file":"time-left-timeline-styled.js","sources":["../../../../src/features/ui/time-left-timeline/time-left-timeline-styled.ts"],"sourcesContent":["import type { IProgressBarProps, ITextWrapperProps } from './time-left-timeline-types';\n\nimport styled from 'styled-components';\n\nimport FlexView from '../layout/flex-view';\n\nexport const Wrapper = styled(FlexView)(\n () => `\n position: relative;\n z-index: 1;\n `,\n);\n\nexport const ProgressBar = styled.div<IProgressBarProps>(\n ({ theme, $percentageCompleted, $backgroundColor, $barBackgroundColor }) => {\n const {\n colors,\n layout: { gutter },\n } = theme;\n\n return `\n position:absolute;\n height:${gutter * 0.25}px;\n width:100%;\n top:50%;\n transform: translateY(-50%);\n background-image: linear-gradient(to right, ${colors[$backgroundColor]} ${\n $percentageCompleted === 0 ? 2 : $percentageCompleted\n }%, ${colors[$barBackgroundColor ?? 'WHITE_5']} ${\n $percentageCompleted === 0 ? 2 : $percentageCompleted\n }%);\n `;\n },\n);\n\nexport const TextWrapper = styled.div<ITextWrapperProps>(({ theme, $percentageCompleted }) => {\n const { colors, layout } = theme;\n const { gutter } = layout;\n\n return `\n position: absolute;\n top: ${gutter * 0.875}px;\n display:flex;\n align-items:center;\n width:fit-content;\n height: ${gutter * 1.75}px;\n ${\n $percentageCompleted < 50\n ? `left:${$percentageCompleted === 0 ? 0 : $percentageCompleted}%`\n : `right:${$percentageCompleted === 100 ? 0 : 100 - $percentageCompleted}%`\n };\n padding: 0 ${gutter * 0.75}px;\n background:${colors.BLACK_T_87};\n `;\n});\n"],"names":["Wrapper","styled","FlexView","ProgressBar","theme","$percentageCompleted","$backgroundColor","$barBackgroundColor","colors","gutter","TextWrapper","layout"],"mappings":";;AAMa,MAAAA,IAAUC,EAAOC,CAAQ;AAAA,EACpC,MAAM;AAAA;AAAA;AAAA;AAIR,GAEaC,IAAcF,EAAO;AAAA,EAChC,CAAC,EAAE,OAAAG,GAAO,sBAAAC,GAAsB,kBAAAC,GAAkB,qBAAAC,QAA0B;AACpE,UAAA;AAAA,MACJ,QAAAC;AAAA,MACA,QAAQ,EAAE,QAAAC,EAAO;AAAA,IACf,IAAAL;AAEG,WAAA;AAAA;AAAA,eAEIK,IAAS,IAAI;AAAA;AAAA;AAAA;AAAA,oDAIwBD,EAAOF,CAAgB,CAAC,IACpED,MAAyB,IAAI,IAAIA,CACnC,MAAMG,EAAOD,KAAuB,SAAS,CAAC,IAC5CF,MAAyB,IAAI,IAAIA,CACnC;AAAA;AAAA,EAEJ;AACF,GAEaK,IAAcT,EAAO,IAAuB,CAAC,EAAE,OAAAG,GAAO,sBAAAC,QAA2B;AACtF,QAAA,EAAE,QAAAG,GAAQ,QAAAG,EAAW,IAAAP,GACrB,EAAE,QAAAK,EAAW,IAAAE;AAEZ,SAAA;AAAA;AAAA,aAEIF,IAAS,KAAK;AAAA;AAAA;AAAA;AAAA,gBAIXA,IAAS,IAAI;AAAA,QAErBJ,IAAuB,KACnB,QAAQA,MAAyB,IAAI,IAAIA,CAAoB,MAC7D,SAASA,MAAyB,MAAM,IAAI,MAAMA,CAAoB,GAC5E;AAAA,mBACaI,IAAS,IAAI;AAAA,mBACbD,EAAO,UAAU;AAAA;AAEpC,CAAC;"}

package/dist/features/ui/time-left-timeline/time-left-timeline.js CHANGED Viewed

@@ -1,39 +1,39 @@
-import { jsxs as p, jsx as a } from "react/jsx-runtime";
-import { h as s } from "../../../node_modules/humanize-plus/dist/humanize.js";
-import n from "react";
-import h from "../text/text.js";
-import { Wrapper as $, ProgressBar as f, TextWrapper as g } from "./time-left-timeline-styled.js";
-const E = n.memo(
+import { jsxs as i, jsx as p } from "react/jsx-runtime";
+import { h as n } from "../../../node_modules/humanize-plus/dist/humanize.js";
+import s from "react";
+import $ from "../text/text.js";
+import { Wrapper as h, ProgressBar as T, TextWrapper as f } from "./time-left-timeline-styled.js";
+const g = s.memo(
   ({
     unitsLeft: e,
     totalUnits: r,
     width: o,
     widthX: t,
-    unit: d,
-    backgroundColor: i = "YELLOW_4",
+    unit: a,
+    backgroundColor: d = "YELLOW_4",
     showRemainingTime: l,
     barBackgroundColor: c
   }) => {
     const m = (r - e) / r * 100;
-    return /* @__PURE__ */ p($, { $width: t === void 0 && o === void 0 ? "100%" : o, $widthX: t, $heightX: 2, children: [
-      /* @__PURE__ */ a(
-        f,
+    return /* @__PURE__ */ i(h, { $width: t === void 0 && o === void 0 ? "100%" : o, $widthX: t, $heightX: 2, children: [
+      /* @__PURE__ */ p(
+        T,
         {
-          $backgroundColor: i,
+          $backgroundColor: d,
           $percentageCompleted: m,
           $barBackgroundColor: c
         }
       ),
-      l && /* @__PURE__ */ a(g, { $percentageCompleted: m, children: /* @__PURE__ */ p(h, { $renderAs: "ub3", $color: "WHITE", children: [
+      l && /* @__PURE__ */ p(f, { $percentageCompleted: m, children: /* @__PURE__ */ i($, { $renderAs: "ub3", $color: "WHITE", children: [
         e,
         " ",
-        s.pluralize(e, d),
+        n.pluralize(e, a),
         " left"
       ] }) })
     ] });
   }
-);
+), P = g;
 export {
-  E as default
+  P as default
 };
 //# sourceMappingURL=time-left-timeline.js.map

package/dist/features/ui/time-left-timeline/time-left-timeline.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"time-left-timeline.js","sources":["../../../../src/features/ui/time-left-timeline/time-left-timeline.tsx"],"sourcesContent":["import type { ITimeLeftTimelineProps } from './time-left-timeline-types';\n\nimport { pluralize } from 'humanize-plus';\nimport React from 'react';\n\nimport Text from '../text/text';\nimport { ProgressBar, TextWrapper, Wrapper } from './time-left-timeline-styled';\n\n/*\n A component which shows a static progress bar with a text label indicating the progress.\n * If none of width and widthX is provided, it takes 100% width of the parent.\n * @prop {number} unitsLeft - Number of (days/months/classes) left\n * @prop {number} totalUnits - Total Number of (days/months/classes)\n * @prop {number} width - Width to be used for the progress bar\n * @prop {number} widthX - WidthX * gutter defines the width.\n * @prop {string} unit - Unit to be used for the progress bar\n \n /\n\nconst TimeLeftTimeline: React.FC<ITimeLeftTimelineProps> = React.memo(\n ({\n unitsLeft,\n totalUnits,\n width,\n widthX,\n unit,\n backgroundColor = 'YELLOW_4',\n showRemainingTime,\n barBackgroundColor,\n }) => {\n const percentageCompleted = ((totalUnits - unitsLeft) / totalUnits) * 100;\n\n const widthToPass = widthX === undefined && width === undefined ? '100%' : width;\n\n return (\n <Wrapper $width={widthToPass} $widthX={widthX} $heightX={2}>\n <ProgressBar\n $backgroundColor={backgroundColor}\n $percentageCompleted={percentageCompleted}\n $barBackgroundColor={barBackgroundColor}\n />\n\n {showRemainingTime && (\n <TextWrapper $percentageCompleted={percentageCompleted}>\n <Text $renderAs=\"ub3\" $color=\"WHITE\">\n {unitsLeft} {pluralize(unitsLeft, unit)} left\n </Text>\n </TextWrapper>\n )}\n </Wrapper>\n );\n },\n);\n\nexport default TimeLeftTimeline;\n"],"names":["TimeLeftTimeline","React","unitsLeft","totalUnits","width","widthX","unit","backgroundColor","showRemainingTime","barBackgroundColor","percentageCompleted","Wrapper","jsx","ProgressBar","TextWrapper","Text","pluralize"],"mappings":";;;;;AAmBA,MAAMA,IAAqDC,EAAM;AAAA,EAC/D,CAAC;AAAA,IACC,WAAAC;AAAA,IACA,YAAAC;AAAA,IACA,OAAAC;AAAA,IACA,QAAAC;AAAA,IACA,MAAAC;AAAA,IACA,iBAAAC,IAAkB;AAAA,IAClB,mBAAAC;AAAA,IACA,oBAAAC;AAAA,EAAA,MACI;AACE,UAAAC,KAAwBP,IAAaD,KAAaC,IAAc;AAItE,6BACGQ,GAAQ,EAAA,QAHSN,MAAW,UAAaD,MAAU,SAAY,SAASA,GAG3C,SAASC,GAAQ,UAAU,GACvD,UAAA;AAAA,MAAA,gBAAAO;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,kBAAkBN;AAAA,UAClB,sBAAsBG;AAAA,UACtB,qBAAqBD;AAAA,QAAA;AAAA,MACvB;AAAA,MAECD,KACE,gBAAAI,EAAAE,GAAA,EAAY,sBAAsBJ,GACjC,4BAACK,GAAK,EAAA,WAAU,OAAM,QAAO,SAC1B,UAAA;AAAA,QAAAb;AAAA,QAAU;AAAA,QAAEc,EAAA,UAAUd,GAAWI,CAAI;AAAA,QAAE;AAAA,MAAA,EAAA,CAC1C,EACF,CAAA;AAAA,~~IAAA~~,~~GAEJ~~;AAAA,~~EAAA~~;~~AAGN~~;"}
1	+ {"version":3,"file":"time-left-timeline.js","sources":["../../../../src/features/ui/time-left-timeline/time-left-timeline.tsx"],"sourcesContent":["import type { ITimeLeftTimelineProps } from './time-left-timeline-types';\n\nimport { pluralize } from 'humanize-plus';\nimport React from 'react';\n\nimport Text from '../text/text';\nimport { ProgressBar, TextWrapper, Wrapper } from './time-left-timeline-styled';\n\n/*\n A component which shows a static progress bar with a text label indicating the progress.\n * If none of width and widthX is provided, it takes 100% width of the parent.\n * @prop {number} unitsLeft - Number of (days/months/classes) left\n * @prop {number} totalUnits - Total Number of (days/months/classes)\n * @prop {number} width - Width to be used for the progress bar\n * @prop {number} widthX - WidthX * gutter defines the width.\n * @prop {string} unit - Unit to be used for the progress bar\n \n /\n\nconst TimeLeftTimeline: React.FC<ITimeLeftTimelineProps> = React.memo(\n ({\n unitsLeft,\n totalUnits,\n width,\n widthX,\n unit,\n backgroundColor = 'YELLOW_4',\n showRemainingTime,\n barBackgroundColor,\n }) => {\n const percentageCompleted = ((totalUnits - unitsLeft) / totalUnits) * 100;\n\n const widthToPass = widthX === undefined && width === undefined ? '100%' : width;\n\n return (\n <Wrapper $width={widthToPass} $widthX={widthX} $heightX={2}>\n <ProgressBar\n $backgroundColor={backgroundColor}\n $percentageCompleted={percentageCompleted}\n $barBackgroundColor={barBackgroundColor}\n />\n\n {showRemainingTime && (\n <TextWrapper $percentageCompleted={percentageCompleted}>\n <Text $renderAs=\"ub3\" $color=\"WHITE\">\n {unitsLeft} {pluralize(unitsLeft, unit)} left\n </Text>\n </TextWrapper>\n )}\n </Wrapper>\n );\n },\n);\n\nexport default TimeLeftTimeline;\n"],"names":["TimeLeftTimeline","React","unitsLeft","totalUnits","width","widthX","unit","backgroundColor","showRemainingTime","barBackgroundColor","percentageCompleted","Wrapper","jsx","ProgressBar","TextWrapper","Text","pluralize","TimeLeftTimeline$1"],"mappings":";;;;;AAmBA,MAAMA,IAAqDC,EAAM;AAAA,EAC/D,CAAC;AAAA,IACC,WAAAC;AAAA,IACA,YAAAC;AAAA,IACA,OAAAC;AAAA,IACA,QAAAC;AAAA,IACA,MAAAC;AAAA,IACA,iBAAAC,IAAkB;AAAA,IAClB,mBAAAC;AAAA,IACA,oBAAAC;AAAA,EAAA,MACI;AACE,UAAAC,KAAwBP,IAAaD,KAAaC,IAAc;AAItE,6BACGQ,GAAQ,EAAA,QAHSN,MAAW,UAAaD,MAAU,SAAY,SAASA,GAG3C,SAASC,GAAQ,UAAU,GACvD,UAAA;AAAA,MAAA,gBAAAO;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,kBAAkBN;AAAA,UAClB,sBAAsBG;AAAA,UACtB,qBAAqBD;AAAA,QAAA;AAAA,MACvB;AAAA,MAECD,KACE,gBAAAI,EAAAE,GAAA,EAAY,sBAAsBJ,GACjC,4BAACK,GAAK,EAAA,WAAU,OAAM,QAAO,SAC1B,UAAA;AAAA,QAAAb;AAAA,QAAU;AAAA,QAAEc,EAAA,UAAUd,GAAWI,CAAI;AAAA,QAAE;AAAA,MAAA,EAAA,CAC1C,EACF,CAAA;AAAA,IAEJ,EAAA,CAAA;AAAA,EAEJ;AACF,GAEAW,IAAejB;"}

package/dist/features/ui/timers/countdown-timer/countdown-timer.js CHANGED Viewed

@@ -2,10 +2,10 @@ import { jsxs as c, jsx as r } from "react/jsx-runtime";
 import { useState as g, useEffect as f } from "react";
 import l from "styled-components";
 import { ILLUSTRATIONS as R } from "../../../../assets/illustrations/illustrations.js";
-import { formatTimeInHHMMSS as h } from "../../../utils/utils.js";
+import { formatTimeInHHMMSS as $ } from "../../../utils/utils.js";
 import d from "../../layout/flex-view.js";
-import I from "../../loader/reverse-circular-bar/reverse-circular-bar.js";
-import $ from "../../text/text.js";
+import h from "../../loader/reverse-circular-bar/reverse-circular-bar.js";
+import I from "../../text/text.js";
 const w = l.div`
   position: absolute;
   left: 50%;
@@ -13,14 +13,14 @@ const w = l.div`
   transform: translate(-50%, -50%);
 `, S = l(d)`
   position: relative;
-`, _ = ({
-  hideDigits: i,
+`, x = ({
+  hideDigits: o,
   onTimerComplete: t,
-  timeRemaining: o,
+  timeRemaining: i,
   duration: p,
   theme: n
 }) => {
-  const [e, u] = g(o);
+  const [e, u] = g(i);
   f(() => {
     const m = setInterval(() => {
       u((s) => s <= 1 ? (clearInterval(m), 0) : s - 1);
@@ -29,12 +29,12 @@ const w = l.div`
   }, []), f(() => {
     !e && t && t();
   }, [t, e]);
-  const a = h(e);
+  const a = $(e);
   return /* @__PURE__ */ c(
     d,
     {
       $gap: 4,
-      $gutter: i ? 4 : 8,
+      $gutter: o ? 4 : 8,
       $background: n,
       $flexDirection: "row",
       $alignItems: "center",
@@ -45,9 +45,9 @@ const w = l.div`
         /* @__PURE__ */ c(S, { children: [
           /* @__PURE__ */ r("img", { src: R.CROSSHAIR_CIRCLE, width: 28, height: 28 }),
           /* @__PURE__ */ r(w, { children: /* @__PURE__ */ r(
-            I,
+            h,
             {
-              timeRemaining: o,
+              timeRemaining: i,
               duration: p,
               color: n === "GREEN_1" ? "GREEN_5" : "ORANGE_5",
               width: 14,
@@ -55,8 +55,8 @@ const w = l.div`
             }
           ) })
         ] }),
-        !i && /* @__PURE__ */ r(
-          $,
+        !o && /* @__PURE__ */ r(
+          I,
           {
             $width: a.length > 5 ? 66 : 46,
             $alignSelf: "center",
@@ -67,8 +67,8 @@ const w = l.div`
       ]
     }
   );
-};
+}, T = x;
 export {
-  _ as default
+  T as default
 };
 //# sourceMappingURL=countdown-timer.js.map

package/dist/features/ui/timers/countdown-timer/countdown-timer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"countdown-timer.js","sources":["../../../../../src/features/ui/timers/countdown-timer/countdown-timer.tsx"],"sourcesContent":["import { useEffect, useState, type FC } from 'react';\nimport styled from 'styled-components';\n\nimport { ILLUSTRATIONS } from '../../../../assets/illustrations/illustrations';\nimport { formatTimeInHHMMSS } from '../../../utils/utils';\nimport FlexView from '../../layout/flex-view';\nimport CircularProgressiveBar from '../../loader/reverse-circular-bar/reverse-circular-bar';\nimport Text from '../../text/text';\n\ninterface ICountdownTimer {\n hideDigits: boolean;\n onTimerComplete?: () => void;\n timeRemaining: number;\n duration: number;\n theme: 'GREEN_1' \| 'ORANGE_1';\n}\n\nconst LoaderWrapper = styled.div`\n position: absolute;\n left: 50%;\n top: 54%;\n transform: translate(-50%, -50%);\n`;\n\nconst ImageWrapper = styled(FlexView)`\n position: relative;\n`;\n\nconst CountdownTimer: FC<ICountdownTimer> = ({\n hideDigits,\n onTimerComplete,\n timeRemaining: initialTimeRemaining,\n duration,\n theme,\n}) => {\n const [timeRemaining, setTimeRemaining] = useState<number>(initialTimeRemaining);\n\n useEffect(() => {\n const timerId = setInterval(() => {\n setTimeRemaining(prevTime => {\n if (prevTime <= 1) {\n clearInterval(timerId);\n\n return 0;\n }\n\n return prevTime - 1;\n });\n }, 1000);\n\n return () => clearInterval(timerId);\n }, []);\n\n useEffect(() => {\n if (!timeRemaining && onTimerComplete) {\n onTimerComplete();\n }\n }, [onTimerComplete, timeRemaining]);\n\n const formattedTime = formatTimeInHHMMSS(timeRemaining);\n\n return (\n <FlexView\n $gap={4}\n $gutter={hideDigits ? 4 : 8}\n $background={theme}\n $flexDirection=\"row\"\n $alignItems=\"center\"\n $borderRadius={18}\n $width=\"fit-content\"\n $flexGap={4}\n >\n <ImageWrapper>\n <img src={ILLUSTRATIONS.CROSSHAIR_CIRCLE} width={28} height={28} />\n <LoaderWrapper>\n <CircularProgressiveBar\n timeRemaining={initialTimeRemaining}\n duration={duration}\n color={theme === 'GREEN_1' ? 'GREEN_5' : 'ORANGE_5'}\n width={14}\n height={14}\n />\n </LoaderWrapper>\n </ImageWrapper>\n\n {!hideDigits && (\n <Text\n $width={formattedTime.length > 5 ? 66 : 46} // while hour is missing\n $alignSelf=\"center\"\n $renderAs=\"eyebrow1\"\n >\n {formattedTime}\n </Text>\n )}\n </FlexView>\n );\n};\n\nexport default CountdownTimer;\n"],"names":["LoaderWrapper","styled","ImageWrapper","FlexView","CountdownTimer","hideDigits","onTimerComplete","initialTimeRemaining","duration","theme","timeRemaining","setTimeRemaining","useState","useEffect","timerId","prevTime","formattedTime","formatTimeInHHMMSS","jsxs","jsx","ILLUSTRATIONS","CircularProgressiveBar","Text"],"mappings":";;;;;;;;AAiBA,MAAMA,IAAgBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,GAOvBC,IAAeD,EAAOE,CAAQ;AAAA;AAAA,GAI9BC,IAAsC,CAAC;AAAA,EAC3C,YAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,eAAeC;AAAA,EACf,UAAAC;AAAA,EACA,OAAAC;AACF,MAAM;AACJ,QAAM,CAACC,GAAeC,CAAgB,IAAIC,EAAiBL,CAAoB;AAE/E,EAAAM,EAAU,MAAM;AACR,UAAAC,IAAU,YAAY,MAAM;AAChC,MAAAH,EAAiB,CAAYI,MACvBA,KAAY,KACd,cAAcD,CAAO,GAEd,KAGFC,IAAW,CACnB;AAAA,OACA,GAAI;AAEA,WAAA,MAAM,cAAcD,CAAO;AAAA,EACpC,GAAG,~~EAAE~~,GAELD,EAAU,MAAM;AACV,IAAA,CAACH,KAAiBJ,KACJA~~,EAAA~~;~~AAAA,~~EAClB,GACC,CAACA,GAAiBI,CAAa,CAAC;AAE7B,QAAAM,IAAgBC,EAAmBP,CAAa;AAGpD,SAAA,gBAAAQ;AAAA,IAACf;AAAA,IAAA;AAAA,MACC,MAAM;AAAA,MACN,SAASE,IAAa,IAAI;AAAA,MAC1B,aAAaI;AAAA,MACb,gBAAe;AAAA,MACf,aAAY;AAAA,MACZ,eAAe;AAAA,MACf,QAAO;AAAA,MACP,UAAU;AAAA,MAEV,UAAA;AAAA,QAAA,gBAAAS,EAAChB,GACC,EAAA,UAAA;AAAA,UAAA,gBAAAiB,EAAC,SAAI,KAAKC,EAAc,kBAAkB,OAAO,IAAI,QAAQ,IAAI;AAAA,4BAChEpB,GACC,EAAA,UAAA,gBAAAmB;AAAA,YAACE;AAAAA,YAAA;AAAA,cACC,eAAed;AAAA,cACf,UAAAC;AAAA,cACA,OAAOC,MAAU,YAAY,YAAY;AAAA,cACzC,OAAO;AAAA,cACP,QAAQ;AAAA,YAAA;AAAA,UAAA,~~EAEZ,CAAA~~;AAAA,QAAA,GACF;AAAA,QAEC,CAACJ,KACA,gBAAAc;AAAA,UAACG;AAAA,UAAA;AAAA,YACC,QAAQN,EAAc,SAAS,IAAI,KAAK;AAAA,YACxC,YAAW;AAAA,YACX,WAAU;AAAA,YAET,UAAAA;AAAA,UAAA;AAAA,~~QAAA~~;AAAA,~~MACH~~;AAAA,IAAA;AAAA,~~EAEJ~~;~~AAEJ~~;"}
1	+ {"version":3,"file":"countdown-timer.js","sources":["../../../../../src/features/ui/timers/countdown-timer/countdown-timer.tsx"],"sourcesContent":["import { useEffect, useState, type FC } from 'react';\nimport styled from 'styled-components';\n\nimport { ILLUSTRATIONS } from '../../../../assets/illustrations/illustrations';\nimport { formatTimeInHHMMSS } from '../../../utils/utils';\nimport FlexView from '../../layout/flex-view';\nimport CircularProgressiveBar from '../../loader/reverse-circular-bar/reverse-circular-bar';\nimport Text from '../../text/text';\n\ninterface ICountdownTimer {\n hideDigits: boolean;\n onTimerComplete?: () => void;\n timeRemaining: number;\n duration: number;\n theme: 'GREEN_1' \| 'ORANGE_1';\n}\n\nconst LoaderWrapper = styled.div`\n position: absolute;\n left: 50%;\n top: 54%;\n transform: translate(-50%, -50%);\n`;\n\nconst ImageWrapper = styled(FlexView)`\n position: relative;\n`;\n\nconst CountdownTimer: FC<ICountdownTimer> = ({\n hideDigits,\n onTimerComplete,\n timeRemaining: initialTimeRemaining,\n duration,\n theme,\n}) => {\n const [timeRemaining, setTimeRemaining] = useState<number>(initialTimeRemaining);\n\n useEffect(() => {\n const timerId = setInterval(() => {\n setTimeRemaining(prevTime => {\n if (prevTime <= 1) {\n clearInterval(timerId);\n\n return 0;\n }\n\n return prevTime - 1;\n });\n }, 1000);\n\n return () => clearInterval(timerId);\n }, []);\n\n useEffect(() => {\n if (!timeRemaining && onTimerComplete) {\n onTimerComplete();\n }\n }, [onTimerComplete, timeRemaining]);\n\n const formattedTime = formatTimeInHHMMSS(timeRemaining);\n\n return (\n <FlexView\n $gap={4}\n $gutter={hideDigits ? 4 : 8}\n $background={theme}\n $flexDirection=\"row\"\n $alignItems=\"center\"\n $borderRadius={18}\n $width=\"fit-content\"\n $flexGap={4}\n >\n <ImageWrapper>\n <img src={ILLUSTRATIONS.CROSSHAIR_CIRCLE} width={28} height={28} />\n <LoaderWrapper>\n <CircularProgressiveBar\n timeRemaining={initialTimeRemaining}\n duration={duration}\n color={theme === 'GREEN_1' ? 'GREEN_5' : 'ORANGE_5'}\n width={14}\n height={14}\n />\n </LoaderWrapper>\n </ImageWrapper>\n\n {!hideDigits && (\n <Text\n $width={formattedTime.length > 5 ? 66 : 46} // while hour is missing\n $alignSelf=\"center\"\n $renderAs=\"eyebrow1\"\n >\n {formattedTime}\n </Text>\n )}\n </FlexView>\n );\n};\n\nexport default CountdownTimer;\n"],"names":["LoaderWrapper","styled","ImageWrapper","FlexView","CountdownTimer","hideDigits","onTimerComplete","initialTimeRemaining","duration","theme","timeRemaining","setTimeRemaining","useState","useEffect","timerId","prevTime","formattedTime","formatTimeInHHMMSS","jsxs","jsx","ILLUSTRATIONS","CircularProgressiveBar","Text","CountdownTimer$1"],"mappings":";;;;;;;;AAiBA,MAAMA,IAAgBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,GAOvBC,IAAeD,EAAOE,CAAQ;AAAA;AAAA,GAI9BC,IAAsC,CAAC;AAAA,EAC3C,YAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,eAAeC;AAAA,EACf,UAAAC;AAAA,EACA,OAAAC;AACF,MAAM;AACJ,QAAM,CAACC,GAAeC,CAAgB,IAAIC,EAAiBL,CAAoB;AAE/E,EAAAM,EAAU,MAAM;AACR,UAAAC,IAAU,YAAY,MAAM;AAChC,MAAAH,EAAiB,CAAYI,MACvBA,KAAY,KACd,cAAcD,CAAO,GAEd,KAGFC,IAAW,CACnB;AAAA,OACA,GAAI;AAEA,WAAA,MAAM,cAAcD,CAAO;AAAA,EACpC,GAAG,CAAE,CAAA,GAELD,EAAU,MAAM;AACV,IAAA,CAACH,KAAiBJ,KACJA;EAClB,GACC,CAACA,GAAiBI,CAAa,CAAC;AAE7B,QAAAM,IAAgBC,EAAmBP,CAAa;AAGpD,SAAA,gBAAAQ;AAAA,IAACf;AAAA,IAAA;AAAA,MACC,MAAM;AAAA,MACN,SAASE,IAAa,IAAI;AAAA,MAC1B,aAAaI;AAAA,MACb,gBAAe;AAAA,MACf,aAAY;AAAA,MACZ,eAAe;AAAA,MACf,QAAO;AAAA,MACP,UAAU;AAAA,MAEV,UAAA;AAAA,QAAA,gBAAAS,EAAChB,GACC,EAAA,UAAA;AAAA,UAAA,gBAAAiB,EAAC,SAAI,KAAKC,EAAc,kBAAkB,OAAO,IAAI,QAAQ,IAAI;AAAA,4BAChEpB,GACC,EAAA,UAAA,gBAAAmB;AAAA,YAACE;AAAAA,YAAA;AAAA,cACC,eAAed;AAAA,cACf,UAAAC;AAAA,cACA,OAAOC,MAAU,YAAY,YAAY;AAAA,cACzC,OAAO;AAAA,cACP,QAAQ;AAAA,YAAA;AAAA,UAAA,GAEZ;AAAA,QAAA,GACF;AAAA,QAEC,CAACJ,KACA,gBAAAc;AAAA,UAACG;AAAA,UAAA;AAAA,YACC,QAAQN,EAAc,SAAS,IAAI,KAAK;AAAA,YACxC,YAAW;AAAA,YACX,WAAU;AAAA,YAET,UAAAA;AAAA,UAAA;AAAA,QACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR,GAEAO,IAAenB;"}

package/dist/features/ui/video/index.js CHANGED Viewed

@@ -2,7 +2,7 @@ import { jsxs as m, jsx as t, Fragment as g } from "react/jsx-runtime";
 import { useRef as V, useMemo as I, useState as P } from "react";
 import { useUIContext as T } from "../context/context.js";
 import { MediaWrapper as C, Thumbnail as D, ThumbnailImage as k, ThumbnailPlayIcon as v } from "./styled.js";
-const B = /https:\/\/www\.youtube\.com\/embed\/[^\s]+/g, $ = (p) => {
+const B = /https:\/\/www\.youtube\.com\/embed\/[^\s]+/g, _ = (p) => {
   const { onEvent: i } = T(), l = V(null), { thumbnailImg: n, analyticsData: e, ...c } = p, { src: r, width: a, height: s } = c, f = I(() => {
     const o = r.match(B);
     return !!(o != null && o.length);
@@ -53,8 +53,8 @@ const B = /https:\/\/www\.youtube\.com\/embed\/[^\s]+/g, $ = (p) => {
       }
     ) })
   ] });
-};
+}, j = _;
 export {
-  $ as default
+  j as default
 };
 //# sourceMappingURL=index.js.map

package/dist/features/ui/video/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../src/features/ui/video/index.tsx"],"sourcesContent":["import React, { useMemo, useRef, useState } from 'react';\n\nimport { useUIContext } from '../context/context';\nimport * as Styled from './styled';\n\nconst YOUTUBE_EMBED_PATTERN = /https:\\/\\/www\\.youtube\\.com\\/embed\\/[^\\s]+/g;\n\ninterface ICustomVideoProps\n extends React.DetailedHTMLProps<React.VideoHTMLAttributes<HTMLVideoElement>, HTMLVideoElement> {\n isYoutube?: boolean;\n analyticsData?: Record<string, unknown>;\n thumbnailImg?: string;\n src: string;\n}\n\nconst Video: React.FC<ICustomVideoProps> = props => {\n const { onEvent: trackEvent } = useUIContext();\n const vidRef = useRef<HTMLVideoElement \| null>(null);\n const { thumbnailImg, analyticsData, ...restProps } = props;\n\n const { src, width, height } = restProps;\n\n const isYoutube = useMemo(() => {\n const matches = src.match(YOUTUBE_EMBED_PATTERN);\n\n return Boolean(matches?.length);\n }, [src]);\n\n const [hideVid, setHideVid] = useState(Boolean(thumbnailImg));\n\n const trackVideoClick = () => {\n if (analyticsData) trackEvent('VIDEO_CLICK', analyticsData);\n };\n\n const onThumbnailClick = () => {\n setHideVid(false);\n vidRef.current?.play();\n trackVideoClick();\n };\n\n const handleVideoPlay = () => {\n if (analyticsData) trackEvent('VIDEO_PLAY', analyticsData);\n };\n\n const handleVideoEnded = () => {\n if (analyticsData) trackEvent('VIDEO_ENDED', analyticsData);\n };\n\n const shouldAutoplay = Boolean(thumbnailImg && !hideVid);\n\n return (\n <Styled.MediaWrapper id=\"test\" $width={width} $height={width}>\n {hideVid && (\n <Styled.Thumbnail onClick={onThumbnailClick}>\n <Styled.ThumbnailImage\n src={thumbnailImg}\n withLoader={false}\n width=\"100%\"\n height={height}\n />\n <Styled.ThumbnailPlayIcon />\n </Styled.Thumbnail>\n )}\n <>\n {isYoutube ? (\n <iframe\n id=\"frame\"\n width={width}\n height={height}\n src={`${src}&enablejsapi=1${shouldAutoplay ? `&autoplay=1` : ''}`}\n title=\"YouTube video player\"\n allow=\"accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture; autoplay;\"\n referrerPolicy=\"strict-origin-when-cross-origin\"\n allowFullScreen\n />\n ) : (\n <video\n onClick={trackVideoClick}\n onPlay={handleVideoPlay}\n onEnded={handleVideoEnded}\n ref={vidRef}\n autoPlay={shouldAutoplay}\n {...restProps}\n />\n )}\n </>\n </Styled.MediaWrapper>\n );\n};\n\nexport default Video;\n"],"names":["YOUTUBE_EMBED_PATTERN","Video","props","trackEvent","useUIContext","vidRef","useRef","thumbnailImg","analyticsData","restProps","src","width","height","isYoutube","useMemo","matches","hideVid","setHideVid","useState","trackVideoClick","onThumbnailClick","_a","handleVideoPlay","handleVideoEnded","shouldAutoplay","jsxs","Styled.MediaWrapper","Styled.Thumbnail","jsx","Styled.ThumbnailImage","Styled.ThumbnailPlayIcon"],"mappings":";;;;AAKA,MAAMA,IAAwB,+CAUxBC,IAAqC,CAASC,MAAA;AAClD,QAAM,EAAE,SAASC,EAAW,IAAIC,EAAa,GACvCC,IAASC,EAAgC,IAAI,GAC7C,EAAE,cAAAC,GAAc,eAAAC,GAAe,GAAGC,~~EAAc~~,~~IAAAP,~~GAEhD,EAAE,KAAAQ,GAAK,OAAAC,GAAO,QAAAC,~~EAAW~~,~~IAAAH~~,GAEzBI,IAAYC,EAAQ,MAAM;AACxB,UAAAC,IAAUL,EAAI,MAAMV,CAAqB;AAExC,WAAA,GAAQe,KAAA,QAAAA,EAAS;AAAA,EAAM,GAC7B,CAACL,CAAG,CAAC,GAEF,CAACM,GAASC,CAAU,IAAIC,EAAS,EAAQX,CAAa,GAEtDY,IAAkB,MAAM;AACxB,IAAAX,KAA0BL,EAAA,eAAeK,CAAa;AAAA,~~EAC5D~~,~~GAEMY~~,IAAmB,MAAM;;AAC7B,IAAAH,EAAW,EAAK,IAChBI,IAAAhB,EAAO,YAAP,QAAAgB,EAAgB,QACAF,EAAA~~;AAAA~~,~~EAClB~~,~~GAEMG,~~IAAkB,MAAM;AACxB,IAAAd,KAA0BL,EAAA,cAAcK,CAAa;AAAA,~~EAC3D~~,~~GAEMe~~,IAAmB,MAAM;AACzB,IAAAf,KAA0BL,EAAA,eAAeK,CAAa;AAAA,~~EAC5D~~,~~GAEMgB~~,IAAiB,GAAQjB,KAAgB,CAACS;AAG9C,SAAA,gBAAAS,EAACC,GAAA,EAAoB,IAAG,QAAO,QAAQf,GAAO,SAASA,GACpD,UAAA;AAAA,IAAAK,KACE,gBAAAS,EAAAE,GAAA,EAAiB,SAASP,GACzB,UAAA;AAAA,MAAA,gBAAAQ;AAAA,QAACC;AAAAA,QAAA;AAAA,UACC,KAAKtB;AAAA,UACL,YAAY;AAAA,UACZ,OAAM;AAAA,UACN,QAAAK;AAAA,QAAA;AAAA,MACF;AAAA,MACA,gBAAAgB,EAACE,GAAA,~~CAAyB,CAAA~~;AAAA,IAAA,GAC5B;AAAA,2BAGC,UACCjB,IAAA,gBAAAe;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,IAAG;AAAA,QACH,OAAAjB;AAAA,QACA,QAAAC;AAAA,QACA,KAAK,GAAGF,CAAG,iBAAiBc,IAAiB,gBAAgB,EAAE;AAAA,QAC/D,OAAM;AAAA,QACN,OAAM;AAAA,QACN,gBAAe;AAAA,QACf,iBAAe;AAAA,MAAA;AAAA,IAAA,IAGjB,gBAAAI;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,SAAST;AAAA,QACT,QAAQG;AAAA,QACR,SAASC;AAAA,QACT,KAAKlB;AAAA,QACL,UAAUmB;AAAA,QACT,GAAGf;AAAA,MAAA;AAAA,IAAA,~~EAGV,CAAA~~;AAAA,EAAA,~~GACF~~;AAEJ;"}
1	+ {"version":3,"file":"index.js","sources":["../../../../src/features/ui/video/index.tsx"],"sourcesContent":["import React, { useMemo, useRef, useState } from 'react';\n\nimport { useUIContext } from '../context/context';\nimport * as Styled from './styled';\n\nconst YOUTUBE_EMBED_PATTERN = /https:\\/\\/www\\.youtube\\.com\\/embed\\/[^\\s]+/g;\n\ninterface ICustomVideoProps\n extends React.DetailedHTMLProps<React.VideoHTMLAttributes<HTMLVideoElement>, HTMLVideoElement> {\n isYoutube?: boolean;\n analyticsData?: Record<string, unknown>;\n thumbnailImg?: string;\n src: string;\n}\n\nconst Video: React.FC<ICustomVideoProps> = props => {\n const { onEvent: trackEvent } = useUIContext();\n const vidRef = useRef<HTMLVideoElement \| null>(null);\n const { thumbnailImg, analyticsData, ...restProps } = props;\n\n const { src, width, height } = restProps;\n\n const isYoutube = useMemo(() => {\n const matches = src.match(YOUTUBE_EMBED_PATTERN);\n\n return Boolean(matches?.length);\n }, [src]);\n\n const [hideVid, setHideVid] = useState(Boolean(thumbnailImg));\n\n const trackVideoClick = () => {\n if (analyticsData) trackEvent('VIDEO_CLICK', analyticsData);\n };\n\n const onThumbnailClick = () => {\n setHideVid(false);\n vidRef.current?.play();\n trackVideoClick();\n };\n\n const handleVideoPlay = () => {\n if (analyticsData) trackEvent('VIDEO_PLAY', analyticsData);\n };\n\n const handleVideoEnded = () => {\n if (analyticsData) trackEvent('VIDEO_ENDED', analyticsData);\n };\n\n const shouldAutoplay = Boolean(thumbnailImg && !hideVid);\n\n return (\n <Styled.MediaWrapper id=\"test\" $width={width} $height={width}>\n {hideVid && (\n <Styled.Thumbnail onClick={onThumbnailClick}>\n <Styled.ThumbnailImage\n src={thumbnailImg}\n withLoader={false}\n width=\"100%\"\n height={height}\n />\n <Styled.ThumbnailPlayIcon />\n </Styled.Thumbnail>\n )}\n <>\n {isYoutube ? (\n <iframe\n id=\"frame\"\n width={width}\n height={height}\n src={`${src}&enablejsapi=1${shouldAutoplay ? `&autoplay=1` : ''}`}\n title=\"YouTube video player\"\n allow=\"accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture; autoplay;\"\n referrerPolicy=\"strict-origin-when-cross-origin\"\n allowFullScreen\n />\n ) : (\n <video\n onClick={trackVideoClick}\n onPlay={handleVideoPlay}\n onEnded={handleVideoEnded}\n ref={vidRef}\n autoPlay={shouldAutoplay}\n {...restProps}\n />\n )}\n </>\n </Styled.MediaWrapper>\n );\n};\n\nexport default Video;\n"],"names":["YOUTUBE_EMBED_PATTERN","Video","props","trackEvent","useUIContext","vidRef","useRef","thumbnailImg","analyticsData","restProps","src","width","height","isYoutube","useMemo","matches","hideVid","setHideVid","useState","trackVideoClick","onThumbnailClick","_a","handleVideoPlay","handleVideoEnded","shouldAutoplay","jsxs","Styled.MediaWrapper","Styled.Thumbnail","jsx","Styled.ThumbnailImage","Styled.ThumbnailPlayIcon","Video$1"],"mappings":";;;;AAKA,MAAMA,IAAwB,+CAUxBC,IAAqC,CAASC,MAAA;AAClD,QAAM,EAAE,SAASC,EAAW,IAAIC,EAAa,GACvCC,IAASC,EAAgC,IAAI,GAC7C,EAAE,cAAAC,GAAc,eAAAC,GAAe,GAAGC,MAAcP,GAEhD,EAAE,KAAAQ,GAAK,OAAAC,GAAO,QAAAC,EAAA,IAAWH,GAEzBI,IAAYC,EAAQ,MAAM;AACxB,UAAAC,IAAUL,EAAI,MAAMV,CAAqB;AAExC,WAAA,GAAQe,KAAA,QAAAA,EAAS;AAAA,EAAM,GAC7B,CAACL,CAAG,CAAC,GAEF,CAACM,GAASC,CAAU,IAAIC,EAAS,EAAQX,CAAa,GAEtDY,IAAkB,MAAM;AACxB,IAAAX,KAA0BL,EAAA,eAAeK,CAAa;AAAA,EAAA,GAGtDY,IAAmB,MAAM;;AAC7B,IAAAH,EAAW,EAAK,IAChBI,IAAAhB,EAAO,YAAP,QAAAgB,EAAgB,QACAF;EAAA,GAGZG,IAAkB,MAAM;AACxB,IAAAd,KAA0BL,EAAA,cAAcK,CAAa;AAAA,EAAA,GAGrDe,IAAmB,MAAM;AACzB,IAAAf,KAA0BL,EAAA,eAAeK,CAAa;AAAA,EAAA,GAGtDgB,IAAiB,GAAQjB,KAAgB,CAACS;AAG9C,SAAA,gBAAAS,EAACC,GAAA,EAAoB,IAAG,QAAO,QAAQf,GAAO,SAASA,GACpD,UAAA;AAAA,IAAAK,KACE,gBAAAS,EAAAE,GAAA,EAAiB,SAASP,GACzB,UAAA;AAAA,MAAA,gBAAAQ;AAAA,QAACC;AAAAA,QAAA;AAAA,UACC,KAAKtB;AAAA,UACL,YAAY;AAAA,UACZ,OAAM;AAAA,UACN,QAAAK;AAAA,QAAA;AAAA,MACF;AAAA,MACA,gBAAAgB,EAACE,GAAA,EAAyB;AAAA,IAAA,GAC5B;AAAA,2BAGC,UACCjB,IAAA,gBAAAe;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,IAAG;AAAA,QACH,OAAAjB;AAAA,QACA,QAAAC;AAAA,QACA,KAAK,GAAGF,CAAG,iBAAiBc,IAAiB,gBAAgB,EAAE;AAAA,QAC/D,OAAM;AAAA,QACN,OAAM;AAAA,QACN,gBAAe;AAAA,QACf,iBAAe;AAAA,MAAA;AAAA,IAAA,IAGjB,gBAAAI;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,SAAST;AAAA,QACT,QAAQG;AAAA,QACR,SAASC;AAAA,QACT,KAAKlB;AAAA,QACL,UAAUmB;AAAA,QACT,GAAGf;AAAA,MAAA;AAAA,IAAA,GAGV;AAAA,EACF,EAAA,CAAA;AAEJ,GAEAsB,IAAe9B;"}

package/dist/features/ui/video/styled.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"styled.js","sources":["../../../../src/features/ui/video/styled.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport PlayIcon from '../../../assets/line-icons/icons/play';\nimport Image from '../image/image';\nimport FlexView from '../layout/flex-view';\n\nconst MediaWrapper = styled(FlexView)(\n () => `\n position: relative;\n &:hover {\n cursor: pointer;\n }\n `,\n);\n\nconst ThumbnailPlayIcon = styled(PlayIcon)(\n ({\n theme: {\n layout: { gutter },\n },\n }) => `\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translate(-50%,-50%);\n width: ${gutter * 6.25}px;\n height: ${gutter * 6.25}px;\n `,\n);\n\nconst Thumbnail = styled.div`\n z-index: 2;\n position: absolute;\n left: 0;\n right: 0;\n bottom: 0;\n top: 0;\n`;\n\nconst ThumbnailImage = styled(Image)`\n filter: brightness(0.75);\n &:hover {\n cursor: pointer;\n }\n`;\n\nexport { MediaWrapper, Thumbnail, ThumbnailPlayIcon, ThumbnailImage };\n"],"names":["MediaWrapper","styled","FlexView","ThumbnailPlayIcon","PlayIcon","gutter","Thumbnail","ThumbnailImage","Image"],"mappings":";;;;AAMM,MAAAA,IAAeC,EAAOC,CAAQ;AAAA,EAClC,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAMR,GAEMC,IAAoBF,EAAOG,CAAQ;AAAA,EACvC,CAAC;AAAA,IACC,OAAO;AAAA,MACL,QAAQ,EAAE,QAAAC,EAAO;AAAA,~~IAAA~~;AAAA,~~EACnB~~,MACI;AAAA;AAAA;AAAA;AAAA;AAAA,aAKKA,IAAS,IAAI;AAAA,cACZA,IAAS,IAAI;AAAA;AAE3B,GAEMC,IAAYL,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GASnBM,IAAiBN,EAAOO,CAAK;AAAA;AAAA;AAAA;AAAA;AAAA;"}
1	+ {"version":3,"file":"styled.js","sources":["../../../../src/features/ui/video/styled.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport PlayIcon from '../../../assets/line-icons/icons/play';\nimport Image from '../image/image';\nimport FlexView from '../layout/flex-view';\n\nconst MediaWrapper = styled(FlexView)(\n () => `\n position: relative;\n &:hover {\n cursor: pointer;\n }\n `,\n);\n\nconst ThumbnailPlayIcon = styled(PlayIcon)(\n ({\n theme: {\n layout: { gutter },\n },\n }) => `\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translate(-50%,-50%);\n width: ${gutter * 6.25}px;\n height: ${gutter * 6.25}px;\n `,\n);\n\nconst Thumbnail = styled.div`\n z-index: 2;\n position: absolute;\n left: 0;\n right: 0;\n bottom: 0;\n top: 0;\n`;\n\nconst ThumbnailImage = styled(Image)`\n filter: brightness(0.75);\n &:hover {\n cursor: pointer;\n }\n`;\n\nexport { MediaWrapper, Thumbnail, ThumbnailPlayIcon, ThumbnailImage };\n"],"names":["MediaWrapper","styled","FlexView","ThumbnailPlayIcon","PlayIcon","gutter","Thumbnail","ThumbnailImage","Image"],"mappings":";;;;AAMM,MAAAA,IAAeC,EAAOC,CAAQ;AAAA,EAClC,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAMR,GAEMC,IAAoBF,EAAOG,CAAQ;AAAA,EACvC,CAAC;AAAA,IACC,OAAO;AAAA,MACL,QAAQ,EAAE,QAAAC,EAAO;AAAA,IACnB;AAAA,EAAA,MACI;AAAA;AAAA;AAAA;AAAA;AAAA,aAKKA,IAAS,IAAI;AAAA,cACZA,IAAS,IAAI;AAAA;AAE3B,GAEMC,IAAYL,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GASnBM,IAAiBN,EAAOO,CAAK;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/dist/features/utils/load-script.js CHANGED Viewed

@@ -1,15 +1,15 @@
-const n = {}, l = (s, e) => {
-  let r = n[e];
+const c = {}, l = (s, e) => {
+  let r = c[e];
   return r || (r = new Promise((d, a) => {
-    const c = document.querySelector(`#${e}`), t = document.querySelector("head"), o = document.createElement("script");
+    const n = document.querySelector(`#${e}`), t = document.querySelector("head"), o = document.createElement("script");
     o.type = "text/javascript", o.id = e, o.src = s, o.onload = () => {
-      n[e] = void 0, d();
+      c[e] = void 0, d();
     }, o.onerror = () => {
-      n[e] = void 0, a(new Error(`Failed to load script: ${s}`));
-    }, c == null || c.remove(), t ? t == null || t.appendChild(o) : a(new Error("Failed to find head element"));
-  }), n[e] = r, r);
-};
+      c[e] = void 0, a(new Error(`Failed to load script: ${s}`));
+    }, n == null || n.remove(), t ? t == null || t.appendChild(o) : a(new Error("Failed to find head element"));
+  }), c[e] = r, r);
+}, p = l;
 export {
-  l as default
+  p as default
 };
 //# sourceMappingURL=load-script.js.map

package/dist/features/utils/load-script.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"load-script.js","sources":["../../../src/features/utils/load-script.ts"],"sourcesContent":["interface ILoadScript {\n (url: string, id: string): Promise<void>;\n}\n\nconst promises: Record<string, Promise<void> \| undefined> = {};\n\nconst loadScript: ILoadScript = (url, id) => {\n let promise: Promise<void> \| undefined = promises[id];\n\n if (promise) return promise;\n\n promise = new Promise<void>((resolve, reject) => {\n const existingElement = document.querySelector(`#${id}`);\n\n const head = document.querySelector('head');\n const script = document.createElement('script');\n\n script.type = 'text/javascript';\n script.id = id;\n script.src = url;\n script.onload = () => {\n promises[id] = undefined;\n resolve();\n };\n script.onerror = () => {\n promises[id] = undefined;\n reject(new Error(`Failed to load script: ${url}`));\n };\n\n existingElement?.remove();\n\n if (!head) {\n reject(new Error('Failed to find head element'));\n } else {\n head?.appendChild(script);\n }\n });\n\n promises[id] = promise;\n\n return promise;\n};\n\nexport default loadScript;\n"],"names":["promises","loadScript","url","id","promise","resolve","reject","existingElement","head","script"],"mappings":"AAIA,MAAMA,IAAsD,~~CAAC~~,~~GAEvDC~~,IAA0B,CAACC,GAAKC,MAAO;AACvC,MAAAC,IAAqCJ,EAASG,CAAE;AAEpD,SAAIC,MAEJA,IAAU,IAAI,QAAc,CAACC,GAASC,MAAW;AAC/C,UAAMC,IAAkB,SAAS,cAAc,IAAIJ,CAAE,EAAE,GAEjDK,IAAO,SAAS,cAAc,MAAM,GACpCC,IAAS,SAAS,cAAc,QAAQ;AAE9C,IAAAA,EAAO,OAAO,mBACdA,EAAO,KAAKN,GACZM,EAAO,MAAMP,GACbO,EAAO,SAAS,MAAM;AACpB,MAAAT,EAASG,CAAE,IAAI,QACPE~~,EAAA~~;~~AAAA~~,~~IACV~~,~~GACAI,~~EAAO,UAAU,MAAM;AACrB,MAAAT,EAASG,CAAE,IAAI,QACfG,EAAO,IAAI,MAAM,0BAA0BJ,CAAG,EAAE,CAAC;AAAA,~~IACnD~~,~~GAEAK~~,KAAA,QAAAA,EAAiB,UAEZC,IAGHA,KAAA,QAAAA,EAAM,YAAYC,KAFXH,EAAA,IAAI,MAAM,6BAA6B,CAAC;AAAA,EAGjD,CACD,GAEDN,EAASG,CAAE,IAAIC,GAERA;AACT;"}
1	+ {"version":3,"file":"load-script.js","sources":["../../../src/features/utils/load-script.ts"],"sourcesContent":["interface ILoadScript {\n (url: string, id: string): Promise<void>;\n}\n\nconst promises: Record<string, Promise<void> \| undefined> = {};\n\nconst loadScript: ILoadScript = (url, id) => {\n let promise: Promise<void> \| undefined = promises[id];\n\n if (promise) return promise;\n\n promise = new Promise<void>((resolve, reject) => {\n const existingElement = document.querySelector(`#${id}`);\n\n const head = document.querySelector('head');\n const script = document.createElement('script');\n\n script.type = 'text/javascript';\n script.id = id;\n script.src = url;\n script.onload = () => {\n promises[id] = undefined;\n resolve();\n };\n script.onerror = () => {\n promises[id] = undefined;\n reject(new Error(`Failed to load script: ${url}`));\n };\n\n existingElement?.remove();\n\n if (!head) {\n reject(new Error('Failed to find head element'));\n } else {\n head?.appendChild(script);\n }\n });\n\n promises[id] = promise;\n\n return promise;\n};\n\nexport default loadScript;\n"],"names":["promises","loadScript","url","id","promise","resolve","reject","existingElement","head","script","loadScript$1"],"mappings":"AAIA,MAAMA,IAAsD,CAAA,GAEtDC,IAA0B,CAACC,GAAKC,MAAO;AACvC,MAAAC,IAAqCJ,EAASG,CAAE;AAEpD,SAAIC,MAEJA,IAAU,IAAI,QAAc,CAACC,GAASC,MAAW;AAC/C,UAAMC,IAAkB,SAAS,cAAc,IAAIJ,CAAE,EAAE,GAEjDK,IAAO,SAAS,cAAc,MAAM,GACpCC,IAAS,SAAS,cAAc,QAAQ;AAE9C,IAAAA,EAAO,OAAO,mBACdA,EAAO,KAAKN,GACZM,EAAO,MAAMP,GACbO,EAAO,SAAS,MAAM;AACpB,MAAAT,EAASG,CAAE,IAAI,QACPE;IAAA,GAEVI,EAAO,UAAU,MAAM;AACrB,MAAAT,EAASG,CAAE,IAAI,QACfG,EAAO,IAAI,MAAM,0BAA0BJ,CAAG,EAAE,CAAC;AAAA,IAAA,GAGnDK,KAAA,QAAAA,EAAiB,UAEZC,IAGHA,KAAA,QAAAA,EAAM,YAAYC,KAFXH,EAAA,IAAI,MAAM,6BAA6B,CAAC;AAAA,EAGjD,CACD,GAEDN,EAASG,CAAE,IAAIC,GAERA;AACT,GAEAM,IAAeT;"}

package/dist/features/utils/utils.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"utils.js","sources":["../../../src/features/utils/utils.ts"],"sourcesContent":["import { addYears } from 'date-fns';\n\nconst isNonEmptyArray = (array: unknown) => {\n return Array.isArray(array) && array.length > 0;\n};\n\n// format the time in HH:MM:SS\nconst formatTimeInHHMMSS = (seconds: number) => {\n const pad = (num: number) => num.toString().padStart(2, '0');\n\n const h = Math.floor(seconds / 3600);\n const m = Math.floor((seconds % 3600) / 60);\n const s = seconds % 60;\n\n return h > 0 ? `${pad(h)}:${pad(m)}:${pad(s)}` : `${pad(m)}:${pad(s)}`;\n};\n\nconst delay = async (delayInMs: number) => {\n return await new Promise(res => {\n const timerId = setTimeout(() => {\n clearTimeout(timerId);\n res('resolved');\n }, delayInMs);\n });\n};\n\nconst epochTimestampAfterOneYear = () => {\n const today = new Date();\n const oneYearLater = addYears(today, 1);\n\n return Math.floor(oneYearLater.getTime() / 1000);\n};\n\nexport { isNonEmptyArray, formatTimeInHHMMSS, delay, epochTimestampAfterOneYear };\n"],"names":["isNonEmptyArray","array","formatTimeInHHMMSS","seconds","pad","num","h","m","s","delay","delayInMs","res","timerId","epochTimestampAfterOneYear","oneYearLater","addYears"],"mappings":";AAEM,MAAAA,IAAkB,CAACC,MAChB,MAAM,QAAQA,CAAK,KAAKA,EAAM,SAAS,GAI1CC,IAAqB,CAACC,MAAoB;AACxC,QAAAC,IAAM,CAACC,MAAgBA,EAAI,WAAW,SAAS,GAAG,GAAG,GAErDC,IAAI,KAAK,MAAMH,IAAU,IAAI,GAC7BI,IAAI,KAAK,MAAOJ,IAAU,OAAQ,EAAE,GACpCK,IAAIL,IAAU;AAEb,SAAAG,IAAI,IAAI,GAAGF,EAAIE,CAAC,CAAC,IAAIF,EAAIG,CAAC,CAAC,IAAIH,EAAII,CAAC,CAAC,KAAK,GAAGJ,EAAIG,CAAC,CAAC,IAAIH,EAAII,CAAC,CAAC;AACtE,GAEMC,IAAQ,OAAOC,MACZ,MAAM,IAAI,QAAQ,CAAOC,MAAA;AACxB,QAAAC,IAAU,WAAW,MAAM;AAC/B,iBAAaA,CAAO,GACpBD,EAAI,UAAU;AAAA,KACbD,CAAS;AAAA,CACb,GAGGG,IAA6B,MAAM;AAEjC,QAAAC,IAAeC,sBADH,~~KAAK~~,~~GACc,~~CAAC;AAEtC,SAAO,KAAK,MAAMD,EAAa,~~QAAA~~,~~IAAY,~~GAAI;AACjD;"}
1	+ {"version":3,"file":"utils.js","sources":["../../../src/features/utils/utils.ts"],"sourcesContent":["import { addYears } from 'date-fns';\n\nconst isNonEmptyArray = (array: unknown) => {\n return Array.isArray(array) && array.length > 0;\n};\n\n// format the time in HH:MM:SS\nconst formatTimeInHHMMSS = (seconds: number) => {\n const pad = (num: number) => num.toString().padStart(2, '0');\n\n const h = Math.floor(seconds / 3600);\n const m = Math.floor((seconds % 3600) / 60);\n const s = seconds % 60;\n\n return h > 0 ? `${pad(h)}:${pad(m)}:${pad(s)}` : `${pad(m)}:${pad(s)}`;\n};\n\nconst delay = async (delayInMs: number) => {\n return await new Promise(res => {\n const timerId = setTimeout(() => {\n clearTimeout(timerId);\n res('resolved');\n }, delayInMs);\n });\n};\n\nconst epochTimestampAfterOneYear = () => {\n const today = new Date();\n const oneYearLater = addYears(today, 1);\n\n return Math.floor(oneYearLater.getTime() / 1000);\n};\n\nexport { isNonEmptyArray, formatTimeInHHMMSS, delay, epochTimestampAfterOneYear };\n"],"names":["isNonEmptyArray","array","formatTimeInHHMMSS","seconds","pad","num","h","m","s","delay","delayInMs","res","timerId","epochTimestampAfterOneYear","oneYearLater","addYears"],"mappings":";AAEM,MAAAA,IAAkB,CAACC,MAChB,MAAM,QAAQA,CAAK,KAAKA,EAAM,SAAS,GAI1CC,IAAqB,CAACC,MAAoB;AACxC,QAAAC,IAAM,CAACC,MAAgBA,EAAI,WAAW,SAAS,GAAG,GAAG,GAErDC,IAAI,KAAK,MAAMH,IAAU,IAAI,GAC7BI,IAAI,KAAK,MAAOJ,IAAU,OAAQ,EAAE,GACpCK,IAAIL,IAAU;AAEb,SAAAG,IAAI,IAAI,GAAGF,EAAIE,CAAC,CAAC,IAAIF,EAAIG,CAAC,CAAC,IAAIH,EAAII,CAAC,CAAC,KAAK,GAAGJ,EAAIG,CAAC,CAAC,IAAIH,EAAII,CAAC,CAAC;AACtE,GAEMC,IAAQ,OAAOC,MACZ,MAAM,IAAI,QAAQ,CAAOC,MAAA;AACxB,QAAAC,IAAU,WAAW,MAAM;AAC/B,iBAAaA,CAAO,GACpBD,EAAI,UAAU;AAAA,KACbD,CAAS;AAAA,CACb,GAGGG,IAA6B,MAAM;AAEjC,QAAAC,IAAeC,sBADH,QACmB,CAAC;AAEtC,SAAO,KAAK,MAAMD,EAAa,YAAY,GAAI;AACjD;"}