npm - @bikdotai/bik-component-library - Versions diffs - 0.0.814 → 0.0.815 - Mend

@bikdotai/bik-component-library 0.0.814 → 0.0.815

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 (733) hide show

package/dist/cjs/components/carousel-preview/CarouselPreview.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CarouselPreview.js","sources":["../../../../src/components/carousel-preview/CarouselPreview.tsx"],"sourcesContent":["/* eslint-disable react/display-name */\nimport AiContentIcon from '@src/assets/icons/aiContentIcon.svg';\nimport React from 'react';\nimport Slider from 'react-slick';\nimport 'slick-carousel/slick/slick-theme.css';\nimport 'slick-carousel/slick/slick.css';\nimport {\n\tCarouselSlickContainer,\n\tContainer,\n} from '@src/components/carousel-preview/CarouselPreview.style';\nimport CarouselPreviewCard from '@src/components/carousel-preview/CarouselPreviewCard';\nimport { CHANNEL_TYPE } from '@src/components/template-preview/models/Channels';\nimport {\n\tWhatsAppCarouselTemplate,\n\tWhatsAppCarouselTemplateCards,\n} from '@src/components/template-preview/models/WhatsappCarouselTemplate';\nimport { AiContentBadge } from '@src/components/template-preview/TemplatePreview.styled';\nimport { useTemplateModalContext } from '../template-context-mapper/context/templateModalContext';\nimport {\n\tdetermineCardIndex,\n\tisRCSChannel,\n} from '../template-preview/helpers/templateMiscHelper';\nimport { AllTemplateTypes } from '../template-preview/models/types';\nimport { RCSCarousalContainer } from '../template-preview/RCS/RCSPreview.styled';\nimport {\n\tCustomCarouselLeftArrow,\n\tCustomCarouselRightArrow,\n} from './CustomCarouselArrows';\n\nexport const CarouselPreview = React.forwardRef<\n\tHTMLDivElement,\n\t{\n\t\tchannel: CHANNEL_TYPE;\n\t\ttemplate: AllTemplateTypes;\n\t\tshowSampleValues?: boolean;\n\t\tisPreview?: boolean;\n\t\tremoveBottomBorder?: boolean;\n\t\tborderRadius?: string;\n\t\tshowArrows?: boolean;\n\t\thideBorder?: boolean;\n\t}\n>(\n\t({\n\t\tchannel,\n\t\ttemplate,\n\t\tisPreview,\n\t\tremoveBottomBorder,\n\t\tborderRadius,\n\t\tshowArrows,\n\t\thideBorder,\n\t\tshowSampleValues,\n\t}) => {\n\t\tconst {\n\t\t\tsliderRef,\n\t\t\tselectedCarouselIndex,\n\t\t\tcardCount,\n\t\t\tsetIsCarouselHovered,\n\t\t\tcardIndex: cardsIndex,\n\t\t\tshowVariablePicker,\n\t\t} = useTemplateModalContext();\n\n\t\tconst cardIndex =\n\t\t\tcardsIndex == -1 ? determineCardIndex(channel) : cardsIndex;\n\t\tconst cards = (template as WhatsAppCarouselTemplate)?.components?.[\n\t\t\tcardIndex\n\t\t]?.cards;\n\n\t\tconst carouselSlider = cards?.length ? (\n\t\t\t<CarouselSlider\n\t\t\t\tcards={cards}\n\t\t\t\tcardCount={cardCount ?? 0}\n\t\t\t\tselectedCarouselIndex={selectedCarouselIndex ?? -1}\n\t\t\t\tsliderRef={sliderRef}\n\t\t\t\tisPreview={isPreview}\n\t\t\t\tshowArrows={showArrows}\n\t\t\t\tchannel={channel}\n\t\t\t\ttemplate={template as WhatsAppCarouselTemplate}\n\t\t\t\tsetIsCarouselHovered={setIsCarouselHovered}\n\t\t\t\tshowSampleValues={!!showSampleValues}\n\t\t\t\tshowVariablePicker={showVariablePicker}\n\t\t\t/>\n\t\t) : null;\n\n\t\tif (isRCSChannel(channel)) {\n\t\t\treturn (\n\t\t\t\t<RCSCarousalContainer borderRadius={borderRadius}>\n\t\t\t\t\t{carouselSlider}\n\t\t\t\t</RCSCarousalContainer>\n\t\t\t);\n\t\t}\n\n\t\treturn (\n\t\t\t<Container\n\t\t\t\tremoveBottomBorder={removeBottomBorder}\n\t\t\t\tborderRadius={borderRadius}\n\t\t\t\thideBorder={hideBorder}\n\t\t\t>\n\t\t\t\t{(!!template?.['aiContentConfigId'] \|\|\n\t\t\t\t\t!!template?.['isAiGenerated']) && (\n\t\t\t\t\t<AiContentBadge>\n\t\t\t\t\t\t<AiContentIcon width={48} height={48} />\n\t\t\t\t\t</AiContentBadge>\n\t\t\t\t)}\n\t\t\t\t<CarouselPreviewCard\n\t\t\t\t\tchannel={channel}\n\t\t\t\t\tcurrentTemplate={template}\n\t\t\t\t\tcarouselCardIndex={-1}\n\t\t\t\t\tisPreview={isPreview}\n\t\t\t\t\twidth=\"77%\"\n\t\t\t\t/>\n\t\t\t\t{carouselSlider}\n\t\t\t</Container>\n\t\t);\n\t},\n);\n\nconst CarouselSlider = ({\n\tcards,\n\tcardCount,\n\tselectedCarouselIndex,\n\tsliderRef,\n\tisPreview,\n\tshowArrows,\n\tchannel,\n\ttemplate,\n\tsetIsCarouselHovered,\n\tshowSampleValues,\n\tshowVariablePicker,\n}: {\n\tcards: WhatsAppCarouselTemplateCards[];\n\tcardCount: number;\n\tselectedCarouselIndex: number;\n\tsliderRef: any;\n\tisPreview?: boolean;\n\tshowArrows?: boolean;\n\tchannel: CHANNEL_TYPE;\n\ttemplate: WhatsAppCarouselTemplate;\n\tsetIsCarouselHovered?: (value: boolean) => void;\n\tshowSampleValues?: boolean;\n\tshowVariablePicker?: boolean;\n}) => (\n\t<CarouselSlickContainer\n\t\tcardCount={cardCount}\n\t\tselectedCarouselIndex={selectedCarouselIndex}\n\t\tonMouseEnter={() => !showVariablePicker && setIsCarouselHovered?.(true)}\n\t\tonMouseLeave={() => !showVariablePicker && setIsCarouselHovered?.(false)}\n\t>\n\t\t<Slider\n\t\t\tref={sliderRef}\n\t\t\tswipeToSlide\n\t\t\tdraggable\n\t\t\tswipe\n\t\t\tinfinite={false}\n\t\t\tfocusOnSelect={!isPreview}\n\t\t\tcenterMode\n\t\t\tarrows={showArrows}\n\t\t\tadaptiveHeight\n\t\t\tnextArrow={<CustomCarouselRightArrow isPreview={isPreview ?? false} />}\n\t\t\tprevArrow={<CustomCarouselLeftArrow isPreview={isPreview ?? false} />}\n\t\t>\n\t\t\t{cards?.map((carousel, index) => {\n\t\t\t\tconst currentCarousel = {\n\t\t\t\t\tcomponents: carousel.components,\n\t\t\t\t\tmapping: template?.mapping?.cards?.[index],\n\t\t\t\t\tcontent: template?.['content'],\n\t\t\t\t\ttemplateType: template?.['templateType'],\n\t\t\t\t};\n\t\t\t\treturn (\n\t\t\t\t\t<CarouselPreviewCard\n\t\t\t\t\t\tkey={index}\n\t\t\t\t\t\tchannel={channel}\n\t\t\t\t\t\tcurrentTemplate={currentCarousel}\n\t\t\t\t\t\tcarouselCardIndex={index}\n\t\t\t\t\t\tisPreview={isPreview}\n\t\t\t\t\t\twidth=\"100%\"\n\t\t\t\t\t\tshowSampleValues={showSampleValues}\n\t\t\t\t\t/>\n\t\t\t\t);\n\t\t\t})}\n\t\t</Slider>\n\t</CarouselSlickContainer>\n);\n"],"names":["CarouselPreview","React","channel","template","isPreview","removeBottomBorder","borderRadius","showArrows","hideBorder","showSampleValues","sliderRef","selectedCarouselIndex","cardCount","setIsCarouselHovered","cardsIndex","showVariablePicker","useTemplateModalContext","cardIndex","determineCardIndex","cards","carouselSlider","jsx","CarouselSlider","isRCSChannel","RCSCarousalContainer","jsxs","Container","AiContentBadge","AiContentIcon","CarouselPreviewCard","CarouselSlickContainer","Slider","CustomCarouselRightArrow","CustomCarouselLeftArrow","carousel","index","currentCarousel"],"mappings":"~~uqBA6BaA~~,EAAkBC,~~EAAM~~,WAapC,CAAC,CACA,QAAAC,EACA,SAAAC,EACA,UAAAC,EACA,mBAAAC,EACA,aAAAC,EACA,WAAAC,EACA,WAAAC,EACA,iBAAAC,CAAA,IACK,CACL,KAAM,CACL,UAAAC,EACA,sBAAAC,EACA,UAAAC,EACA,qBAAAC,EACA,UAAWC,EACX,mBAAAC,CAAA,EACGC,0BAAA,EAEEC,EACLH,GAAc,GAAKI,EAAAA,mBAAmBhB,CAAO,EAAIY,EAC5CK,EAAShB,GAAuC,aACrDc,CACD,GAAG,MAEGG,EAAiBD,GAAO,OAC7BE,EAAAA,IAACC,EAAA,CACA,MAAAH,EACA,UAAWP,GAAa,EACxB,sBAAuBD,GAAyB,GAChD,UAAAD,EACA,UAAAN,EACA,WAAAG,EACA,QAAAL,EACA,SAAAC,EACA,qBAAAU,EACA,iBAAkB,CAAC,CAACJ,EACpB,mBAAAM,CAAA,CAAA,EAEE,KAEJ,OAAIQ,EAAAA,aAAarB,CAAO,EAEtBmB,EAAAA,IAACG,EAAAA,qBAAA,CAAqB,aAAAlB,EACpB,SAAAc,CAAA,CACF,EAKDK,EAAAA,KAACC,EAAAA,UAAA,CACA,mBAAArB,EACA,aAAAC,EACA,WAAAE,EAEE,SAAA,EAAA,CAAC,CAACL,GAAW,mBACd,CAAC,CAACA,GAAW,gBACbkB,MAACM,EAAAA,gBACA,SAAAN,EAAAA,IAACO,EAAAA,QAAA,CAAc,MAAO,GAAI,OAAQ,GAAI,EACvC,EAEDP,EAAAA,IAACQ,EAAAA,QAAA,CACA,QAAA3B,EACA,gBAAiBC,EACjB,kBAAmB,GACnB,UAAAC,EACA,MAAM,KAAA,CAAA,EAENgB,CAAA,CAAA,CAAA,CAGJ,CACD,EAEME,EAAiB,CAAC,CACvB,MAAAH,EACA,UAAAP,EACA,sBAAAD,EACA,UAAAD,EACA,UAAAN,EACA,WAAAG,EACA,QAAAL,EACA,SAAAC,EACA,qBAAAU,EACA,iBAAAJ,EACA,mBAAAM,CACD,IAaCM,EAAAA,IAACS,EAAAA,uBAAA,CACA,UAAAlB,EACA,sBAAAD,EACA,aAAc,IAAM,CAACI,GAAsBF,IAAuB,EAAI,EACtE,aAAc,IAAM,CAACE,GAAsBF,IAAuB,EAAK,EAEvE,SAAAQ,EAAAA,IAACU,~~EAAA~~,CACA,IAAKrB,EACL,aAAY,GACZ,UAAS,GACT,MAAK,GACL,SAAU,GACV,cAAe,CAACN,EAChB,WAAU,GACV,OAAQG,EACR,eAAc,GACd,UAAWc,EAAAA,IAACW,EAAAA,yBAAA,CAAyB,UAAW5B,GAAa,GAAO,EACpE,UAAWiB,EAAAA,IAACY,EAAAA,wBAAA,CAAwB,UAAW7B,GAAa,GAAO,EAElE,SAAAe,GAAO,IAAI,CAACe,EAAUC,IAAU,CAChC,MAAMC,EAAkB,CACvB,WAAYF,EAAS,WACrB,QAAS/B,GAAU,SAAS,QAAQgC,CAAK,EACzC,QAAShC,GAAW,QACpB,aAAcA,GAAW,YAAc,EAExC,OACCkB,EAAAA,IAACQ,EAAAA,QAAA,CAEA,QAAA3B,EACA,gBAAiBkC,EACjB,kBAAmBD,EACnB,UAAA/B,EACA,MAAM,OACN,iBAAAK,CAAA,EANK0B,CAAA,CASR,CAAC,CAAA,CAAA,CACF,CACD"}
1	+ {"version":3,"file":"CarouselPreview.js","sources":["../../../../src/components/carousel-preview/CarouselPreview.tsx"],"sourcesContent":["/* eslint-disable react/display-name */\nimport AiContentIcon from '@src/assets/icons/aiContentIcon.svg';\nimport React from 'react';\nimport Slider from 'react-slick';\nimport 'slick-carousel/slick/slick-theme.css';\nimport 'slick-carousel/slick/slick.css';\nimport {\n\tCarouselSlickContainer,\n\tContainer,\n} from '@src/components/carousel-preview/CarouselPreview.style';\nimport CarouselPreviewCard from '@src/components/carousel-preview/CarouselPreviewCard';\nimport { CHANNEL_TYPE } from '@src/components/template-preview/models/Channels';\nimport {\n\tWhatsAppCarouselTemplate,\n\tWhatsAppCarouselTemplateCards,\n} from '@src/components/template-preview/models/WhatsappCarouselTemplate';\nimport { AiContentBadge } from '@src/components/template-preview/TemplatePreview.styled';\nimport { useTemplateModalContext } from '../template-context-mapper/context/templateModalContext';\nimport {\n\tdetermineCardIndex,\n\tisRCSChannel,\n} from '../template-preview/helpers/templateMiscHelper';\nimport { AllTemplateTypes } from '../template-preview/models/types';\nimport { RCSCarousalContainer } from '../template-preview/RCS/RCSPreview.styled';\nimport {\n\tCustomCarouselLeftArrow,\n\tCustomCarouselRightArrow,\n} from './CustomCarouselArrows';\n\nexport const CarouselPreview = React.forwardRef<\n\tHTMLDivElement,\n\t{\n\t\tchannel: CHANNEL_TYPE;\n\t\ttemplate: AllTemplateTypes;\n\t\tshowSampleValues?: boolean;\n\t\tisPreview?: boolean;\n\t\tremoveBottomBorder?: boolean;\n\t\tborderRadius?: string;\n\t\tshowArrows?: boolean;\n\t\thideBorder?: boolean;\n\t}\n>(\n\t({\n\t\tchannel,\n\t\ttemplate,\n\t\tisPreview,\n\t\tremoveBottomBorder,\n\t\tborderRadius,\n\t\tshowArrows,\n\t\thideBorder,\n\t\tshowSampleValues,\n\t}) => {\n\t\tconst {\n\t\t\tsliderRef,\n\t\t\tselectedCarouselIndex,\n\t\t\tcardCount,\n\t\t\tsetIsCarouselHovered,\n\t\t\tcardIndex: cardsIndex,\n\t\t\tshowVariablePicker,\n\t\t} = useTemplateModalContext();\n\n\t\tconst cardIndex =\n\t\t\tcardsIndex == -1 ? determineCardIndex(channel) : cardsIndex;\n\t\tconst cards = (template as WhatsAppCarouselTemplate)?.components?.[\n\t\t\tcardIndex\n\t\t]?.cards;\n\n\t\tconst carouselSlider = cards?.length ? (\n\t\t\t<CarouselSlider\n\t\t\t\tcards={cards}\n\t\t\t\tcardCount={cardCount ?? 0}\n\t\t\t\tselectedCarouselIndex={selectedCarouselIndex ?? -1}\n\t\t\t\tsliderRef={sliderRef}\n\t\t\t\tisPreview={isPreview}\n\t\t\t\tshowArrows={showArrows}\n\t\t\t\tchannel={channel}\n\t\t\t\ttemplate={template as WhatsAppCarouselTemplate}\n\t\t\t\tsetIsCarouselHovered={setIsCarouselHovered}\n\t\t\t\tshowSampleValues={!!showSampleValues}\n\t\t\t\tshowVariablePicker={showVariablePicker}\n\t\t\t/>\n\t\t) : null;\n\n\t\tif (isRCSChannel(channel)) {\n\t\t\treturn (\n\t\t\t\t<RCSCarousalContainer borderRadius={borderRadius}>\n\t\t\t\t\t{carouselSlider}\n\t\t\t\t</RCSCarousalContainer>\n\t\t\t);\n\t\t}\n\n\t\treturn (\n\t\t\t<Container\n\t\t\t\tremoveBottomBorder={removeBottomBorder}\n\t\t\t\tborderRadius={borderRadius}\n\t\t\t\thideBorder={hideBorder}\n\t\t\t>\n\t\t\t\t{(!!template?.['aiContentConfigId'] \|\|\n\t\t\t\t\t!!template?.['isAiGenerated']) && (\n\t\t\t\t\t<AiContentBadge>\n\t\t\t\t\t\t<AiContentIcon width={48} height={48} />\n\t\t\t\t\t</AiContentBadge>\n\t\t\t\t)}\n\t\t\t\t<CarouselPreviewCard\n\t\t\t\t\tchannel={channel}\n\t\t\t\t\tcurrentTemplate={template}\n\t\t\t\t\tcarouselCardIndex={-1}\n\t\t\t\t\tisPreview={isPreview}\n\t\t\t\t\twidth=\"77%\"\n\t\t\t\t/>\n\t\t\t\t{carouselSlider}\n\t\t\t</Container>\n\t\t);\n\t},\n);\n\nconst CarouselSlider = ({\n\tcards,\n\tcardCount,\n\tselectedCarouselIndex,\n\tsliderRef,\n\tisPreview,\n\tshowArrows,\n\tchannel,\n\ttemplate,\n\tsetIsCarouselHovered,\n\tshowSampleValues,\n\tshowVariablePicker,\n}: {\n\tcards: WhatsAppCarouselTemplateCards[];\n\tcardCount: number;\n\tselectedCarouselIndex: number;\n\tsliderRef: any;\n\tisPreview?: boolean;\n\tshowArrows?: boolean;\n\tchannel: CHANNEL_TYPE;\n\ttemplate: WhatsAppCarouselTemplate;\n\tsetIsCarouselHovered?: (value: boolean) => void;\n\tshowSampleValues?: boolean;\n\tshowVariablePicker?: boolean;\n}) => (\n\t<CarouselSlickContainer\n\t\tcardCount={cardCount}\n\t\tselectedCarouselIndex={selectedCarouselIndex}\n\t\tonMouseEnter={() => !showVariablePicker && setIsCarouselHovered?.(true)}\n\t\tonMouseLeave={() => !showVariablePicker && setIsCarouselHovered?.(false)}\n\t>\n\t\t<Slider\n\t\t\tref={sliderRef}\n\t\t\tswipeToSlide\n\t\t\tdraggable\n\t\t\tswipe\n\t\t\tinfinite={false}\n\t\t\tfocusOnSelect={!isPreview}\n\t\t\tcenterMode\n\t\t\tarrows={showArrows}\n\t\t\tadaptiveHeight\n\t\t\tnextArrow={<CustomCarouselRightArrow isPreview={isPreview ?? false} />}\n\t\t\tprevArrow={<CustomCarouselLeftArrow isPreview={isPreview ?? false} />}\n\t\t>\n\t\t\t{cards?.map((carousel, index) => {\n\t\t\t\tconst currentCarousel = {\n\t\t\t\t\tcomponents: carousel.components,\n\t\t\t\t\tmapping: template?.mapping?.cards?.[index],\n\t\t\t\t\tcontent: template?.['content'],\n\t\t\t\t\ttemplateType: template?.['templateType'],\n\t\t\t\t};\n\t\t\t\treturn (\n\t\t\t\t\t<CarouselPreviewCard\n\t\t\t\t\t\tkey={index}\n\t\t\t\t\t\tchannel={channel}\n\t\t\t\t\t\tcurrentTemplate={currentCarousel}\n\t\t\t\t\t\tcarouselCardIndex={index}\n\t\t\t\t\t\tisPreview={isPreview}\n\t\t\t\t\t\twidth=\"100%\"\n\t\t\t\t\t\tshowSampleValues={showSampleValues}\n\t\t\t\t\t/>\n\t\t\t\t);\n\t\t\t})}\n\t\t</Slider>\n\t</CarouselSlickContainer>\n);\n"],"names":["CarouselPreview","React","channel","template","isPreview","removeBottomBorder","borderRadius","showArrows","hideBorder","showSampleValues","sliderRef","selectedCarouselIndex","cardCount","setIsCarouselHovered","cardsIndex","showVariablePicker","useTemplateModalContext","cardIndex","determineCardIndex","cards","carouselSlider","jsx","CarouselSlider","isRCSChannel","RCSCarousalContainer","jsxs","Container","AiContentBadge","AiContentIcon","CarouselPreviewCard","CarouselSlickContainer","Slider","CustomCarouselRightArrow","CustomCarouselLeftArrow","carousel","index","currentCarousel"],"mappings":"6uBA6BaA,EAAkBC,EAAAA,QAAM,WAapC,CAAC,CACA,QAAAC,EACA,SAAAC,EACA,UAAAC,EACA,mBAAAC,EACA,aAAAC,EACA,WAAAC,EACA,WAAAC,EACA,iBAAAC,CAAA,IACK,CACL,KAAM,CACL,UAAAC,EACA,sBAAAC,EACA,UAAAC,EACA,qBAAAC,EACA,UAAWC,EACX,mBAAAC,CAAA,EACGC,0BAAA,EAEEC,EACLH,GAAc,GAAKI,EAAAA,mBAAmBhB,CAAO,EAAIY,EAC5CK,EAAShB,GAAuC,aACrDc,CACD,GAAG,MAEGG,EAAiBD,GAAO,OAC7BE,EAAAA,IAACC,EAAA,CACA,MAAAH,EACA,UAAWP,GAAa,EACxB,sBAAuBD,GAAyB,GAChD,UAAAD,EACA,UAAAN,EACA,WAAAG,EACA,QAAAL,EACA,SAAAC,EACA,qBAAAU,EACA,iBAAkB,CAAC,CAACJ,EACpB,mBAAAM,CAAA,CAAA,EAEE,KAEJ,OAAIQ,EAAAA,aAAarB,CAAO,EAEtBmB,EAAAA,IAACG,EAAAA,qBAAA,CAAqB,aAAAlB,EACpB,SAAAc,CAAA,CACF,EAKDK,EAAAA,KAACC,EAAAA,UAAA,CACA,mBAAArB,EACA,aAAAC,EACA,WAAAE,EAEE,SAAA,EAAA,CAAC,CAACL,GAAW,mBACd,CAAC,CAACA,GAAW,gBACbkB,MAACM,EAAAA,gBACA,SAAAN,EAAAA,IAACO,EAAAA,QAAA,CAAc,MAAO,GAAI,OAAQ,GAAI,EACvC,EAEDP,EAAAA,IAACQ,EAAAA,QAAA,CACA,QAAA3B,EACA,gBAAiBC,EACjB,kBAAmB,GACnB,UAAAC,EACA,MAAM,KAAA,CAAA,EAENgB,CAAA,CAAA,CAAA,CAGJ,CACD,EAEME,EAAiB,CAAC,CACvB,MAAAH,EACA,UAAAP,EACA,sBAAAD,EACA,UAAAD,EACA,UAAAN,EACA,WAAAG,EACA,QAAAL,EACA,SAAAC,EACA,qBAAAU,EACA,iBAAAJ,EACA,mBAAAM,CACD,IAaCM,EAAAA,IAACS,EAAAA,uBAAA,CACA,UAAAlB,EACA,sBAAAD,EACA,aAAc,IAAM,CAACI,GAAsBF,IAAuB,EAAI,EACtE,aAAc,IAAM,CAACE,GAAsBF,IAAuB,EAAK,EAEvE,SAAAQ,EAAAA,IAACU,EAAAA,QAAA,CACA,IAAKrB,EACL,aAAY,GACZ,UAAS,GACT,MAAK,GACL,SAAU,GACV,cAAe,CAACN,EAChB,WAAU,GACV,OAAQG,EACR,eAAc,GACd,UAAWc,EAAAA,IAACW,EAAAA,yBAAA,CAAyB,UAAW5B,GAAa,GAAO,EACpE,UAAWiB,EAAAA,IAACY,EAAAA,wBAAA,CAAwB,UAAW7B,GAAa,GAAO,EAElE,SAAAe,GAAO,IAAI,CAACe,EAAUC,IAAU,CAChC,MAAMC,EAAkB,CACvB,WAAYF,EAAS,WACrB,QAAS/B,GAAU,SAAS,QAAQgC,CAAK,EACzC,QAAShC,GAAW,QACpB,aAAcA,GAAW,YAAc,EAExC,OACCkB,EAAAA,IAACQ,EAAAA,QAAA,CAEA,QAAA3B,EACA,gBAAiBkC,EACjB,kBAAmBD,EACnB,UAAA/B,EACA,MAAM,OACN,iBAAAK,CAAA,EANK0B,CAAA,CASR,CAAC,CAAA,CAAA,CACF,CACD"}

package/dist/cjs/components/carousel-preview/CarouselPreview.style.js CHANGED Viewed

@@ -1,6 +1,6 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("styled-components"),o=require("../../constants/Theme.js"),t=r.div`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("styled-components"),r=require("../../constants/Theme.js"),i=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},t=i(o),d=t.default.div`
 	background-image: url('https://firebasestorage.googleapis.com/v0/b/bikayi-chat.appspot.com/o/images-uid%2F341dba50-e84e-4457-b5b5-d9d8a0b95a73?alt=media&token=6fd32f23-8bb2-4980-bbee-bef39b38fd9f');
-	border-color: ${o.COLORS.stroke.primary};
+	border-color: ${r.COLORS.stroke.primary};
 	border-top-style: solid;
 	border-bottom-style: ${e=>e.removeBottomBorder?"unset":"solid"};
 	border-top-width: 1px;
@@ -12,7 +12,7 @@
 	height: 100%;
 	overflow-y: auto;
 	border-radius: ${e=>e.borderRadius??"0px"};
-`,i=r.div`
+`,a=t.default.div`
 	width: 100%;
 	// Hides the pre-built right arrow
@@ -83,5 +83,5 @@
 		flex-direction: column;
 		margin-left: -49px;
 	}
-`;exports.CarouselSlickContainer=i;exports.Container=t;
+`;exports.CarouselSlickContainer=a;exports.Container=d;
 //# sourceMappingURL=CarouselPreview.style.js.map

package/dist/cjs/components/carousel-preview/CarouselPreview.style.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CarouselPreview.style.js","sources":["../../../../src/components/carousel-preview/CarouselPreview.style.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { COLORS } from '@src/constants/Theme';\n\nexport const Container = styled.div<{\n\tshowHeader?: boolean;\n\tremoveBottomBorder?: boolean;\n\tborderRadius?: string;\n\thideBorder?: boolean;\n}>`\n\tbackground-image: url('https://firebasestorage.googleapis.com/v0/b/bikayi-chat.appspot.com/o/images-uid%2F341dba50-e84e-4457-b5b5-d9d8a0b95a73?alt=media&token=6fd32f23-8bb2-4980-bbee-bef39b38fd9f');\n\tborder-color: ${COLORS.stroke.primary};\n\tborder-top-style: solid;\n\tborder-bottom-style: ${(props) =>\n\t\tprops.removeBottomBorder ? 'unset' : 'solid'};\n\tborder-top-width: 1px;\n\tborder-bottom-width: ${(props) => (props.hideBorder ? '0px' : '1px')};\n\tbackground-repeat: no-repeat;\n\tbackground-position: center;\n\tbackground-size: cover;\n\tposition: relative;\n\theight: 100%;\n\toverflow-y: auto;\n\tborder-radius: ${(props) => props.borderRadius ?? '0px'};\n`;\n\nexport const CarouselSlickContainer = styled.div<{\n\tcardCount: number;\n\tselectedCarouselIndex: number;\n}>`\n\twidth: 100%;\n\n\t// Hides the pre-built right arrow\n\t.slick-next:before {\n\t\tcontent: none;\n\t}\n\n\t// Hides the pre-built left arrow\n\t.slick-prev:before {\n\t\tcontent: none;\n\t}\n\n\t// Right arrow styles\n\t.slick-next {\n\t\tz-index: 10;\n\t\tborder-radius: 50%;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tright: 10px;\n\t\tborder-radius: 50%;\n\t\twidth: 24px;\n\t\theight: 24px;\n\t\tdisplay: flex;\n\t\tbackground-color: white;\n\t\tbox-shadow: 0px 1.5px 6px 0px #0000001f;\n\t\t/* height: 100%; */\n\n\t\t:hover {\n\t\t\tbackground: white;\n\t\t}\n\t}\n\n\t// Left arrow styles\n\t.slick-prev {\n\t\tleft: 5px;\n\t\tz-index: 10;\n\t\tborder-radius: 50%;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tborder-radius: 50%;\n\t\twidth: 24px;\n\t\theight: 24px;\n\t\tdisplay: flex;\n\t\tbackground-color: white;\n\t\tbox-shadow: 0px 1.5px 6px 0px #0000001f;\n\n\t\t:hover {\n\t\t\tbackground: white;\n\t\t}\n\t}\n\n\t.slick-slide {\n\t\tdisplay: flex;\n\t}\n\n\t.slick-slide > div {\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tpadding-bottom: 16px;\n\t}\n\n\t.slick-track {\n\t\tflex: 1;\n\t}\n\n\t.slick-list {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tmargin-left: -49px;\n\t}\n`;\n"],"names":["Container","styled","COLORS","props","CarouselSlickContainer"],"mappings":"~~2JAGaA~~,EAAYC,~~EAAO~~;AAAA;AAAA,iBAOfC,EAAAA,OAAO,OAAO,OAAO;AAAA;AAAA,wBAEbC,GACvBA,EAAM,mBAAqB,QAAU,OAAO;AAAA;AAAA,wBAErBA,GAAWA,EAAM,WAAa,MAAQ,KAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAOlDA,GAAUA,EAAM,cAAgB,KAAK;AAAA,EAG3CC,EAAyBH,~~EAAO~~;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"}
1	+ {"version":3,"file":"CarouselPreview.style.js","sources":["../../../../src/components/carousel-preview/CarouselPreview.style.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { COLORS } from '@src/constants/Theme';\n\nexport const Container = styled.div<{\n\tshowHeader?: boolean;\n\tremoveBottomBorder?: boolean;\n\tborderRadius?: string;\n\thideBorder?: boolean;\n}>`\n\tbackground-image: url('https://firebasestorage.googleapis.com/v0/b/bikayi-chat.appspot.com/o/images-uid%2F341dba50-e84e-4457-b5b5-d9d8a0b95a73?alt=media&token=6fd32f23-8bb2-4980-bbee-bef39b38fd9f');\n\tborder-color: ${COLORS.stroke.primary};\n\tborder-top-style: solid;\n\tborder-bottom-style: ${(props) =>\n\t\tprops.removeBottomBorder ? 'unset' : 'solid'};\n\tborder-top-width: 1px;\n\tborder-bottom-width: ${(props) => (props.hideBorder ? '0px' : '1px')};\n\tbackground-repeat: no-repeat;\n\tbackground-position: center;\n\tbackground-size: cover;\n\tposition: relative;\n\theight: 100%;\n\toverflow-y: auto;\n\tborder-radius: ${(props) => props.borderRadius ?? '0px'};\n`;\n\nexport const CarouselSlickContainer = styled.div<{\n\tcardCount: number;\n\tselectedCarouselIndex: number;\n}>`\n\twidth: 100%;\n\n\t// Hides the pre-built right arrow\n\t.slick-next:before {\n\t\tcontent: none;\n\t}\n\n\t// Hides the pre-built left arrow\n\t.slick-prev:before {\n\t\tcontent: none;\n\t}\n\n\t// Right arrow styles\n\t.slick-next {\n\t\tz-index: 10;\n\t\tborder-radius: 50%;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tright: 10px;\n\t\tborder-radius: 50%;\n\t\twidth: 24px;\n\t\theight: 24px;\n\t\tdisplay: flex;\n\t\tbackground-color: white;\n\t\tbox-shadow: 0px 1.5px 6px 0px #0000001f;\n\t\t/* height: 100%; */\n\n\t\t:hover {\n\t\t\tbackground: white;\n\t\t}\n\t}\n\n\t// Left arrow styles\n\t.slick-prev {\n\t\tleft: 5px;\n\t\tz-index: 10;\n\t\tborder-radius: 50%;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tborder-radius: 50%;\n\t\twidth: 24px;\n\t\theight: 24px;\n\t\tdisplay: flex;\n\t\tbackground-color: white;\n\t\tbox-shadow: 0px 1.5px 6px 0px #0000001f;\n\n\t\t:hover {\n\t\t\tbackground: white;\n\t\t}\n\t}\n\n\t.slick-slide {\n\t\tdisplay: flex;\n\t}\n\n\t.slick-slide > div {\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tpadding-bottom: 16px;\n\t}\n\n\t.slick-track {\n\t\tflex: 1;\n\t}\n\n\t.slick-list {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tmargin-left: -49px;\n\t}\n`;\n"],"names":["Container","styled","COLORS","props","CarouselSlickContainer"],"mappings":"0NAGaA,EAAYC,EAAAA,QAAO;AAAA;AAAA,iBAOfC,EAAAA,OAAO,OAAO,OAAO;AAAA;AAAA,wBAEbC,GACvBA,EAAM,mBAAqB,QAAU,OAAO;AAAA;AAAA,wBAErBA,GAAWA,EAAM,WAAa,MAAQ,KAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAOlDA,GAAUA,EAAM,cAAgB,KAAK;AAAA,EAG3CC,EAAyBH,EAAAA,QAAO;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"}

package/dist/cjs/components/carousel-preview/CarouselPreviewCard.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react/jsx-runtime"),p=require("react"),m=require("../template-context-mapper/context/templateModalContext.js"),h=require("../template-preview/helpers/templateMiscHelper.js"),g=require("../template-preview/TemplatePreview.js"),v=p.forwardRef(({channel:t,currentTemplate:s,showSampleValues:n,carouselCardIndex:e,isPreview:o,width:r})=>{const{cardWidth:l,template:d,cardIndex:a}=m.useTemplateModalContext(),c=a==-1?h.determineCardIndex(t):a,u=(d?.components?.[c].cards?.length??0)-1===e?12:0;return i.jsx("div",{style:{width:r||l,height:(e??-1)>-1?"100%":"auto"},children:i.jsx(g.TemplatePreview,{showSampleValues:n,template:s,channel:t,size:"small",hideHeader:!0,carouselCardIndex:e,isWhatsappCarousel:!0,isPreview:o,whatsAppSpecificMeta:{templateContainerStyles:{marginRight:u,height:"100%"}}})})});exports.default=v;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react/jsx-runtime"),p=require("react"),m=require("../template-context-mapper/context/templateModalContext.js"),f=require("../template-preview/helpers/templateMiscHelper.js"),h=require("../template-preview/TemplatePreview.js"),g=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},v=g(p),x=v.default.forwardRef(({channel:e,currentTemplate:o,showSampleValues:s,carouselCardIndex:t,isPreview:l,width:a})=>{const{cardWidth:n,template:d,cardIndex:r}=m.useTemplateModalContext(),c=r==-1?f.determineCardIndex(e):r,u=(d?.components?.[c].cards?.length??0)-1===t?12:0;return i.jsx("div",{style:{width:a||n,height:(t??-1)>-1?"100%":"auto"},children:i.jsx(h.TemplatePreview,{showSampleValues:s,template:o,channel:e,size:"small",hideHeader:!0,carouselCardIndex:t,isWhatsappCarousel:!0,isPreview:l,whatsAppSpecificMeta:{templateContainerStyles:{marginRight:u,height:"100%"}}})})});exports.default=x;
 //# sourceMappingURL=CarouselPreviewCard.js.map

package/dist/cjs/components/carousel-preview/CarouselPreviewCard.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CarouselPreviewCard.js","sources":["../../../../src/components/carousel-preview/CarouselPreviewCard.tsx"],"sourcesContent":["/* eslint-disable react/display-name */\nimport React from 'react';\nimport { useTemplateModalContext } from '@src/components/template-context-mapper/context/templateModalContext';\nimport { TemplatePreview } from '@src/components/template-preview';\nimport { CHANNEL_TYPE } from '@src/components/template-preview/models/Channels';\nimport { WhatsAppCarouselTemplate } from '@src/components/template-preview/models/WhatsappCarouselTemplate';\nimport { determineCardIndex } from '../template-preview/helpers/templateMiscHelper';\n\nconst CarouselPreviewCard = React.forwardRef<\n\tHTMLDivElement,\n\t{\n\t\tchannel: CHANNEL_TYPE;\n\t\tcurrentTemplate: any;\n\t\tshowSampleValues?: boolean;\n\t\tcarouselCardIndex?: number;\n\t\tisPreview?: boolean;\n\t\twidth?: string;\n\t}\n>(\n\t({\n\t\tchannel,\n\t\tcurrentTemplate,\n\t\tshowSampleValues,\n\t\tcarouselCardIndex,\n\t\tisPreview,\n\t\twidth,\n\t}) => {\n\t\tconst {\n\t\t\tcardWidth,\n\t\t\ttemplate,\n\t\t\tcardIndex: cardInd,\n\t\t} = useTemplateModalContext();\n\t\tconst cardIndex =\n\t\t\tcardInd == -1 ? determineCardIndex(channel) : cardInd;\n\t\tconst marginRight =\n\t\t\t((template as WhatsAppCarouselTemplate)?.components?.[cardIndex].cards\n\t\t\t\t?.length ?? 0) -\n\t\t\t\t1 ===\n\t\t\tcarouselCardIndex\n\t\t\t\t? 12\n\t\t\t\t: 0;\n\t\treturn (\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\twidth: width ? width : cardWidth,\n\t\t\t\t\theight: (carouselCardIndex ?? -1) > -1 ? '100%' : 'auto',\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<TemplatePreview\n\t\t\t\t\tshowSampleValues={showSampleValues}\n\t\t\t\t\ttemplate={currentTemplate}\n\t\t\t\t\tchannel={channel}\n\t\t\t\t\tsize={'small'}\n\t\t\t\t\thideHeader\n\t\t\t\t\tcarouselCardIndex={carouselCardIndex}\n\t\t\t\t\tisWhatsappCarousel={true}\n\t\t\t\t\tisPreview={isPreview}\n\t\t\t\t\twhatsAppSpecificMeta={{\n\t\t\t\t\t\ttemplateContainerStyles: {\n\t\t\t\t\t\t\tmarginRight: marginRight,\n\t\t\t\t\t\t\theight: '100%',\n\t\t\t\t\t\t},\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t);\n\t},\n);\n\nexport default CarouselPreviewCard;\n"],"names":["CarouselPreviewCard","React","channel","currentTemplate","showSampleValues","carouselCardIndex","isPreview","width","cardWidth","template","cardInd","useTemplateModalContext","cardIndex","determineCardIndex","marginRight","jsx","TemplatePreview"],"mappings":"~~+VAQMA~~,EAAsBC,~~EAAM~~,WAWjC,CAAC,CACA,QAAAC,EACA,gBAAAC,EACA,iBAAAC,EACA,kBAAAC,EACA,UAAAC,EACA,MAAAC,CAAA,IACK,CACL,KAAM,CACL,UAAAC,EACA,SAAAC,EACA,UAAWC,CAAA,EACRC,0BAAA,EACEC,EACLF,GAAW,GAAKG,EAAAA,mBAAmBX,CAAO,EAAIQ,EACzCI,GACHL,GAAuC,aAAaG,CAAS,EAAE,OAC9D,QAAU,GACZ,IACDP,EACG,GACA,EACJ,OACCU,EAAAA,IAAC,MAAA,CACA,MAAO,CACN,MAAOR,GAAgBC,EACvB,QAASH,GAAqB,IAAM,GAAK,OAAS,MAAA,EAGnD,SAAAU,EAAAA,IAACC,EAAAA,gBAAA,CACA,iBAAAZ,EACA,SAAUD,EACV,QAAAD,EACA,KAAM,QACN,WAAU,GACV,kBAAAG,EACA,mBAAoB,GACpB,UAAAC,EACA,qBAAsB,CACrB,wBAAyB,CACxB,YAAAQ,EACA,OAAQ,MAAA,CACT,CACD,CAAA,CACD,CAAA,CAGH,CACD"}
1	+ {"version":3,"file":"CarouselPreviewCard.js","sources":["../../../../src/components/carousel-preview/CarouselPreviewCard.tsx"],"sourcesContent":["/* eslint-disable react/display-name */\nimport React from 'react';\nimport { useTemplateModalContext } from '@src/components/template-context-mapper/context/templateModalContext';\nimport { TemplatePreview } from '@src/components/template-preview';\nimport { CHANNEL_TYPE } from '@src/components/template-preview/models/Channels';\nimport { WhatsAppCarouselTemplate } from '@src/components/template-preview/models/WhatsappCarouselTemplate';\nimport { determineCardIndex } from '../template-preview/helpers/templateMiscHelper';\n\nconst CarouselPreviewCard = React.forwardRef<\n\tHTMLDivElement,\n\t{\n\t\tchannel: CHANNEL_TYPE;\n\t\tcurrentTemplate: any;\n\t\tshowSampleValues?: boolean;\n\t\tcarouselCardIndex?: number;\n\t\tisPreview?: boolean;\n\t\twidth?: string;\n\t}\n>(\n\t({\n\t\tchannel,\n\t\tcurrentTemplate,\n\t\tshowSampleValues,\n\t\tcarouselCardIndex,\n\t\tisPreview,\n\t\twidth,\n\t}) => {\n\t\tconst {\n\t\t\tcardWidth,\n\t\t\ttemplate,\n\t\t\tcardIndex: cardInd,\n\t\t} = useTemplateModalContext();\n\t\tconst cardIndex =\n\t\t\tcardInd == -1 ? determineCardIndex(channel) : cardInd;\n\t\tconst marginRight =\n\t\t\t((template as WhatsAppCarouselTemplate)?.components?.[cardIndex].cards\n\t\t\t\t?.length ?? 0) -\n\t\t\t\t1 ===\n\t\t\tcarouselCardIndex\n\t\t\t\t? 12\n\t\t\t\t: 0;\n\t\treturn (\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\twidth: width ? width : cardWidth,\n\t\t\t\t\theight: (carouselCardIndex ?? -1) > -1 ? '100%' : 'auto',\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<TemplatePreview\n\t\t\t\t\tshowSampleValues={showSampleValues}\n\t\t\t\t\ttemplate={currentTemplate}\n\t\t\t\t\tchannel={channel}\n\t\t\t\t\tsize={'small'}\n\t\t\t\t\thideHeader\n\t\t\t\t\tcarouselCardIndex={carouselCardIndex}\n\t\t\t\t\tisWhatsappCarousel={true}\n\t\t\t\t\tisPreview={isPreview}\n\t\t\t\t\twhatsAppSpecificMeta={{\n\t\t\t\t\t\ttemplateContainerStyles: {\n\t\t\t\t\t\t\tmarginRight: marginRight,\n\t\t\t\t\t\t\theight: '100%',\n\t\t\t\t\t\t},\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t);\n\t},\n);\n\nexport default CarouselPreviewCard;\n"],"names":["CarouselPreviewCard","React","channel","currentTemplate","showSampleValues","carouselCardIndex","isPreview","width","cardWidth","template","cardInd","useTemplateModalContext","cardIndex","determineCardIndex","marginRight","jsx","TemplatePreview"],"mappings":"8ZAQMA,EAAsBC,EAAAA,QAAM,WAWjC,CAAC,CACA,QAAAC,EACA,gBAAAC,EACA,iBAAAC,EACA,kBAAAC,EACA,UAAAC,EACA,MAAAC,CAAA,IACK,CACL,KAAM,CACL,UAAAC,EACA,SAAAC,EACA,UAAWC,CAAA,EACRC,0BAAA,EACEC,EACLF,GAAW,GAAKG,EAAAA,mBAAmBX,CAAO,EAAIQ,EACzCI,GACHL,GAAuC,aAAaG,CAAS,EAAE,OAC9D,QAAU,GACZ,IACDP,EACG,GACA,EACJ,OACCU,EAAAA,IAAC,MAAA,CACA,MAAO,CACN,MAAOR,GAAgBC,EACvB,QAASH,GAAqB,IAAM,GAAK,OAAS,MAAA,EAGnD,SAAAU,EAAAA,IAACC,EAAAA,gBAAA,CACA,iBAAAZ,EACA,SAAUD,EACV,QAAAD,EACA,KAAM,QACN,WAAU,GACV,kBAAAG,EACA,mBAAoB,GACpB,UAAAC,EACA,qBAAsB,CACrB,wBAAyB,CACxB,YAAAQ,EACA,OAAQ,MAAA,CACT,CACD,CAAA,CACD,CAAA,CAGH,CACD"}

package/dist/cjs/components/carousel-secondary/CarouselSecondary.style.js CHANGED Viewed

@@ -1,9 +1,9 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("styled-components"),o=require("../../constants/Theme.js"),i=require("./model.js"),t=r.div`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("styled-components"),t=require("../../constants/Theme.js"),o=require("./model.js"),n=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},i=n(r),a=i.default.div`
 	width: 100%;
-	height: ${e=>e.version===i.CarouselVersion.V2?"100%":"372px"};
+	height: ${e=>e.version===o.CarouselVersion.V2?"100%":"372px"};
 	overflow: hidden;
 	border-radius: 8px;
-`,n=r.div`
+`,s=i.default.div`
 	width: 100%;
 	height: calc(100% - 42px);
 	display: flex;
@@ -11,7 +11,7 @@
 	scroll-snap-type: x mandatory;
 	white-space: break-spaces;
 	text-align: ${e=>e.textAlign||"left"};
-`,s=r.div`
+`,d=i.default.div`
 	display: inline-block;
 	flex-shrink: 0;
 	width: 100%;
@@ -19,25 +19,25 @@
 	scroll-snap-align: start;
 	padding: 24px;
 	overflow: hidden;
-`,a=r.div`
+`,l=i.default.div`
 	display: flex;
 	justify-content: space-between;
 	align-items: center;
 	height: 42px;
 	width: 100%;
 	padding: 10px;
-	background-color: ${e=>e.version===i.CarouselVersion.V2?o.COLORS.surface.standard:o.COLORS.surface.hovered};
-`,d=r.div`
+	background-color: ${e=>e.version===o.CarouselVersion.V2?t.COLORS.surface.standard:t.COLORS.surface.hovered};
+`,c=i.default.div`
 	display: flex;
 	flex-direction: row;
 	gap: 8px;
 	align-items: center;
 	justify-content: center;
-`,l=r.div`
-	width: ${e=>e.isActive&&e.version===i.CarouselVersion.V2?"8px":"6px"};
-	height: ${e=>e.isActive&&e.version===i.CarouselVersion.V2?"8px":"6px"};
+`,u=i.default.div`
+	width: ${e=>e.isActive&&e.version===o.CarouselVersion.V2?"8px":"6px"};
+	height: ${e=>e.isActive&&e.version===o.CarouselVersion.V2?"8px":"6px"};
 	border-radius: 50%;
-	background-color: ${e=>e.isActive?e.version===i.CarouselVersion.V2?o.COLORS.content.brand:o.COLORS.content.secondary:e.version===i.CarouselVersion.V2?o.COLORS.stroke.brandLightAlt:o.COLORS.content.inactive};
+	background-color: ${e=>e.isActive?e.version===o.CarouselVersion.V2?t.COLORS.content.brand:t.COLORS.content.secondary:e.version===o.CarouselVersion.V2?t.COLORS.stroke.brandLightAlt:t.COLORS.content.inactive};
 	cursor: pointer;
-`;exports.CarouselBody=n;exports.CarouselContainer=t;exports.CarouselFooter=a;exports.CarouselPage=s;exports.Indicator=l;exports.PageIndicator=d;
+`;exports.CarouselBody=s;exports.CarouselContainer=a;exports.CarouselFooter=l;exports.CarouselPage=d;exports.Indicator=u;exports.PageIndicator=c;
 //# sourceMappingURL=CarouselSecondary.style.js.map

package/dist/cjs/components/carousel-secondary/CarouselSecondary.style.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CarouselSecondary.style.js","sources":["../../../../src/components/carousel-secondary/CarouselSecondary.style.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { COLORS } from '@src/constants/Theme';\nimport { CarouselVersion } from './model';\n\nexport const CarouselContainer = styled.div<{\n\tversion?: CarouselVersion;\n}>`\n\twidth: 100%;\n\theight: ${(props) =>\n\t\tprops.version === CarouselVersion.V2 ? '100%' : '372px'};\n\toverflow: hidden;\n\tborder-radius: 8px;\n`;\n\nexport const CarouselBody = styled.div<{ textAlign: string \| undefined }>`\n\twidth: 100%;\n\theight: calc(100% - 42px);\n\tdisplay: flex;\n\toverflow: hidden;\n\tscroll-snap-type: x mandatory;\n\twhite-space: break-spaces;\n\ttext-align: ${(props) => props.textAlign \|\| 'left'};\n`;\n\nexport const CarouselPage = styled.div<{ isActive: boolean }>`\n\tdisplay: inline-block;\n\tflex-shrink: 0;\n\twidth: 100%;\n\theight: 100%;\n\tscroll-snap-align: start;\n\tpadding: 24px;\n\toverflow: hidden;\n`;\n\nexport const CarouselFooter = styled.div<{ version?: CarouselVersion }>`\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\theight: 42px;\n\twidth: 100%;\n\tpadding: 10px;\n\tbackground-color: ${(props) =>\n\t\tprops.version === CarouselVersion.V2\n\t\t\t? COLORS.surface.standard\n\t\t\t: COLORS.surface.hovered};\n`;\n\nexport const PageIndicator = styled.div`\n\tdisplay: flex;\n\tflex-direction: row;\n\tgap: 8px;\n\talign-items: center;\n\tjustify-content: center;\n`;\n\nexport const Indicator = styled.div<{\n\tisActive: boolean;\n\tversion?: CarouselVersion;\n}>`\n\twidth: ${(props) =>\n\t\tprops.isActive && props.version === CarouselVersion.V2 ? '8px' : '6px'};\n\theight: ${(props) =>\n\t\tprops.isActive && props.version === CarouselVersion.V2 ? '8px' : '6px'};\n\tborder-radius: 50%;\n\tbackground-color: ${(props) =>\n\t\tprops.isActive\n\t\t\t? props.version === CarouselVersion.V2\n\t\t\t\t? COLORS.content.brand\n\t\t\t\t: COLORS.content.secondary\n\t\t\t: props.version === CarouselVersion.V2\n\t\t\t? COLORS.stroke.brandLightAlt\n\t\t\t: COLORS.content.inactive};\n\tcursor: pointer;\n`;\n"],"names":["CarouselContainer","styled","props","CarouselVersion","CarouselBody","CarouselPage","CarouselFooter","COLORS","PageIndicator","Indicator"],"mappings":"~~mLAIaA~~,EAAoBC,~~EAAO~~;AAAA;AAAA,WAI5BC,GACVA,EAAM,UAAYC,EAAAA,gBAAgB,GAAK,OAAS,OAAO;AAAA;AAAA;AAAA,EAK5CC,EAAeH,~~EAAO~~;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAOnBC,GAAUA,EAAM,WAAa,MAAM;AAAA,EAGtCG,EAAeJ,~~EAAO~~;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAUtBK,EAAiBL,~~EAAO~~;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAOfC,GACpBA,EAAM,UAAYC,EAAAA,gBAAgB,GAC/BI,EAAAA,OAAO,QAAQ,SACfA,SAAO,QAAQ,OAAO;AAAA,EAGdC,EAAgBP,~~EAAO~~;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQvBQ,EAAYR,~~EAAO~~;AAAA,UAIrBC,GACTA,EAAM,UAAYA,EAAM,UAAYC,kBAAgB,GAAK,MAAQ,KAAK;AAAA,WAC5DD,GACVA,EAAM,UAAYA,EAAM,UAAYC,kBAAgB,GAAK,MAAQ,KAAK;AAAA;AAAA,qBAElDD,GACpBA,EAAM,SACHA,EAAM,UAAYC,EAAAA,gBAAgB,GACjCI,SAAO,QAAQ,MACfA,EAAAA,OAAO,QAAQ,UAChBL,EAAM,UAAYC,EAAAA,gBAAgB,GAClCI,SAAO,OAAO,cACdA,SAAO,QAAQ,QAAQ;AAAA;AAAA"}
1	+ {"version":3,"file":"CarouselSecondary.style.js","sources":["../../../../src/components/carousel-secondary/CarouselSecondary.style.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { COLORS } from '@src/constants/Theme';\nimport { CarouselVersion } from './model';\n\nexport const CarouselContainer = styled.div<{\n\tversion?: CarouselVersion;\n}>`\n\twidth: 100%;\n\theight: ${(props) =>\n\t\tprops.version === CarouselVersion.V2 ? '100%' : '372px'};\n\toverflow: hidden;\n\tborder-radius: 8px;\n`;\n\nexport const CarouselBody = styled.div<{ textAlign: string \| undefined }>`\n\twidth: 100%;\n\theight: calc(100% - 42px);\n\tdisplay: flex;\n\toverflow: hidden;\n\tscroll-snap-type: x mandatory;\n\twhite-space: break-spaces;\n\ttext-align: ${(props) => props.textAlign \|\| 'left'};\n`;\n\nexport const CarouselPage = styled.div<{ isActive: boolean }>`\n\tdisplay: inline-block;\n\tflex-shrink: 0;\n\twidth: 100%;\n\theight: 100%;\n\tscroll-snap-align: start;\n\tpadding: 24px;\n\toverflow: hidden;\n`;\n\nexport const CarouselFooter = styled.div<{ version?: CarouselVersion }>`\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\theight: 42px;\n\twidth: 100%;\n\tpadding: 10px;\n\tbackground-color: ${(props) =>\n\t\tprops.version === CarouselVersion.V2\n\t\t\t? COLORS.surface.standard\n\t\t\t: COLORS.surface.hovered};\n`;\n\nexport const PageIndicator = styled.div`\n\tdisplay: flex;\n\tflex-direction: row;\n\tgap: 8px;\n\talign-items: center;\n\tjustify-content: center;\n`;\n\nexport const Indicator = styled.div<{\n\tisActive: boolean;\n\tversion?: CarouselVersion;\n}>`\n\twidth: ${(props) =>\n\t\tprops.isActive && props.version === CarouselVersion.V2 ? '8px' : '6px'};\n\theight: ${(props) =>\n\t\tprops.isActive && props.version === CarouselVersion.V2 ? '8px' : '6px'};\n\tborder-radius: 50%;\n\tbackground-color: ${(props) =>\n\t\tprops.isActive\n\t\t\t? props.version === CarouselVersion.V2\n\t\t\t\t? COLORS.content.brand\n\t\t\t\t: COLORS.content.secondary\n\t\t\t: props.version === CarouselVersion.V2\n\t\t\t? COLORS.stroke.brandLightAlt\n\t\t\t: COLORS.content.inactive};\n\tcursor: pointer;\n`;\n"],"names":["CarouselContainer","styled","props","CarouselVersion","CarouselBody","CarouselPage","CarouselFooter","COLORS","PageIndicator","Indicator"],"mappings":"kPAIaA,EAAoBC,EAAAA,QAAO;AAAA;AAAA,WAI5BC,GACVA,EAAM,UAAYC,EAAAA,gBAAgB,GAAK,OAAS,OAAO;AAAA;AAAA;AAAA,EAK5CC,EAAeH,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAOnBC,GAAUA,EAAM,WAAa,MAAM;AAAA,EAGtCG,EAAeJ,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAUtBK,EAAiBL,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAOfC,GACpBA,EAAM,UAAYC,EAAAA,gBAAgB,GAC/BI,EAAAA,OAAO,QAAQ,SACfA,SAAO,QAAQ,OAAO;AAAA,EAGdC,EAAgBP,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQvBQ,EAAYR,EAAAA,QAAO;AAAA,UAIrBC,GACTA,EAAM,UAAYA,EAAM,UAAYC,kBAAgB,GAAK,MAAQ,KAAK;AAAA,WAC5DD,GACVA,EAAM,UAAYA,EAAM,UAAYC,kBAAgB,GAAK,MAAQ,KAAK;AAAA;AAAA,qBAElDD,GACpBA,EAAM,SACHA,EAAM,UAAYC,EAAAA,gBAAgB,GACjCI,SAAO,QAAQ,MACfA,EAAAA,OAAO,QAAQ,UAChBL,EAAM,UAAYC,EAAAA,gBAAgB,GAClCI,SAAO,OAAO,cACdA,SAAO,QAAQ,QAAQ;AAAA;AAAA"}

package/dist/cjs/components/checkBox/CheckBox.styled.js CHANGED Viewed

@@ -1,14 +1,14 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("styled-components"),s=require("../../constants/Theme.js"),o=i.div`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("styled-components"),i=require("../../constants/Theme.js"),s=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},o=s(t),c=o.default.div`
 	display: inline-flex;
 	gap: 8px;
 	align-items: center;
 	cursor: ${e=>e.isDisabled?"default":"pointer"};
-	${e=>e.enableHover&&i.css`
+	${e=>e.enableHover&&t.css`
 			:hover {
-				background: ${s.COLORS.surface.subdued};
+				background: ${i.COLORS.surface.subdued};
 			}
 		`}
-`,t=i.div`
+`,d=o.default.div`
 	width: ${e=>e.size==="SMALL"?12:14}px;
 	height: ${e=>e.size==="SMALL"?12:14}px;
 	border-radius: 4px;
@@ -17,25 +17,25 @@
 	justify-content: center;
 	align-items: center;
 	box-sizing: content-box;
-	${e=>e.isDisabled?i.css`
+	${e=>e.isDisabled?t.css`
 					border: ${e.size==="SMALL"?1.5:2}px solid
-						${s.COLORS.content.inactive};
-			  `:i.css`
+						${i.COLORS.content.inactive};
+			  `:t.css`
 					border: ${e.size==="SMALL"?1.5:2}px solid
 						${e.borderColor??"black"};
 			  `}
-	${e=>e.checked&&i.css`
+	${e=>e.checked&&t.css`
 			border: 0px;
 			width: 18px;
 			height: 18px;
 		`}
-	${e=>e.hovered&&i.css`
-			outline: 3px solid ${s.COLORS.surface.hovered};
+	${e=>e.hovered&&t.css`
+			outline: 3px solid ${i.COLORS.surface.hovered};
 		`}
-	${e=>e.clicked&&!e.isDisabled&&i.css`
+	${e=>e.clicked&&!e.isDisabled&&t.css`
 			outline: 3px solid
-				${e.checked?s.COLORS.stroke.positive.lightAlt:s.COLORS.surface.hovered};
+				${e.checked?i.COLORS.stroke.positive.lightAlt:i.COLORS.surface.hovered};
 			outline-offset: 2px;
 		`}
-`;exports.CheckboxContainer=o;exports.CheckboxIcon=t;
+`;exports.CheckboxContainer=c;exports.CheckboxIcon=d;
 //# sourceMappingURL=CheckBox.styled.js.map

package/dist/cjs/components/checkBox/CheckBox.styled.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CheckBox.styled.js","sources":["../../../../src/components/checkBox/CheckBox.styled.tsx"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { COLORS } from '@src/constants/Theme';\n\nexport const CheckboxContainer = styled.div<{\n\tisDisabled?: boolean;\n\tenableHover?: boolean;\n}>`\n\tdisplay: inline-flex;\n\tgap: 8px;\n\talign-items: center;\n\tcursor: ${(props) => (props.isDisabled ? 'default' : 'pointer')};\n\t${(props) =>\n\t\tprops.enableHover &&\n\t\tcss`\n\t\t\t:hover {\n\t\t\t\tbackground: ${COLORS.surface.subdued};\n\t\t\t}\n\t\t`}\n`;\n\nexport const CheckboxIcon = styled.div<{\n\tchecked: boolean;\n\thovered: boolean;\n\tclicked: boolean;\n\tisDisabled: boolean;\n\tsize?: 'SMALL' \| 'DEFAULT';\n\tborderColor?: string;\n}>`\n\twidth: ${(props) => (props.size === 'SMALL' ? 12 : 14)}px;\n\theight: ${(props) => (props.size === 'SMALL' ? 12 : 14)}px;\n\tborder-radius: 4px;\n\tborder: 2px solid black;\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: content-box;\n\t${(props) =>\n\t\tprops.isDisabled\n\t\t\t? css`\n\t\t\t\t\tborder: ${props.size === 'SMALL' ? 1.5 : 2}px solid\n\t\t\t\t\t\t${COLORS.content.inactive};\n\t\t\t `\n\t\t\t: css`\n\t\t\t\t\tborder: ${props.size === 'SMALL' ? 1.5 : 2}px solid\n\t\t\t\t\t\t${props.borderColor ?? 'black'};\n\t\t\t `}\n\t${(props) =>\n\t\tprops.checked &&\n\t\tcss`\n\t\t\tborder: 0px;\n\t\t\twidth: 18px;\n\t\t\theight: 18px;\n\t\t`}\n\t${(props) =>\n\t\tprops.hovered &&\n\t\tcss`\n\t\t\toutline: 3px solid ${COLORS.surface.hovered};\n\t\t`}\n\t${(props) =>\n\t\tprops.clicked &&\n\t\t!props.isDisabled &&\n\t\tcss`\n\t\t\toutline: 3px solid\n\t\t\t\t${props.checked\n\t\t\t\t\t? COLORS.stroke.positive.lightAlt\n\t\t\t\t\t: COLORS.surface.hovered};\n\t\t\toutline-offset: 2px;\n\t\t`}\n`;\n"],"names":["CheckboxContainer","styled","props","css","COLORS","CheckboxIcon"],"mappings":"~~2JAGaA~~,EAAoBC,~~EAAO~~;AAAA;AAAA;AAAA;AAAA,WAO5BC,GAAWA,EAAM,WAAa,UAAY,SAAU;AAAA,GAC5DA,GACFA,EAAM,aACNC,EAAAA;AAAAA;AAAAA,kBAEgBC,EAAAA,OAAO,QAAQ,OAAO;AAAA;AAAA,GAErC;AAAA,EAGUC,EAAeJ,~~EAAO~~;AAAA,UAQxBC,GAAWA,EAAM,OAAS,QAAU,GAAK,EAAG;AAAA,WAC3CA,GAAWA,EAAM,OAAS,QAAU,GAAK,EAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAOpDA,GACFA,EAAM,WACHC,EAAAA;AAAAA,eACUD,EAAM,OAAS,QAAU,IAAM,CAAC;AAAA,QACvCE,EAAAA,OAAO,QAAQ,QAAQ;AAAA,OAE1BD,EAAAA;AAAAA,eACUD,EAAM,OAAS,QAAU,IAAM,CAAC;AAAA,QACvCA,EAAM,aAAe,OAAO;AAAA,MAC9B;AAAA,GACFA,GACFA,EAAM,SACNC,EAAAA;AAAAA;AAAAA;AAAAA;AAAAA,GAIC;AAAA,GACCD,GACFA,EAAM,SACNC,EAAAA;AAAAA,wBACsBC,EAAAA,OAAO,QAAQ,OAAO;AAAA,GAC3C;AAAA,GACCF,GACFA,EAAM,SACN,CAACA,EAAM,YACPC,EAAAA;AAAAA;AAAAA,MAEID,EAAM,QACLE,EAAAA,OAAO,OAAO,SAAS,SACvBA,EAAAA,OAAO,QAAQ,OAAO;AAAA;AAAA,GAE1B;AAAA"}
1	+ {"version":3,"file":"CheckBox.styled.js","sources":["../../../../src/components/checkBox/CheckBox.styled.tsx"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { COLORS } from '@src/constants/Theme';\n\nexport const CheckboxContainer = styled.div<{\n\tisDisabled?: boolean;\n\tenableHover?: boolean;\n}>`\n\tdisplay: inline-flex;\n\tgap: 8px;\n\talign-items: center;\n\tcursor: ${(props) => (props.isDisabled ? 'default' : 'pointer')};\n\t${(props) =>\n\t\tprops.enableHover &&\n\t\tcss`\n\t\t\t:hover {\n\t\t\t\tbackground: ${COLORS.surface.subdued};\n\t\t\t}\n\t\t`}\n`;\n\nexport const CheckboxIcon = styled.div<{\n\tchecked: boolean;\n\thovered: boolean;\n\tclicked: boolean;\n\tisDisabled: boolean;\n\tsize?: 'SMALL' \| 'DEFAULT';\n\tborderColor?: string;\n}>`\n\twidth: ${(props) => (props.size === 'SMALL' ? 12 : 14)}px;\n\theight: ${(props) => (props.size === 'SMALL' ? 12 : 14)}px;\n\tborder-radius: 4px;\n\tborder: 2px solid black;\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: content-box;\n\t${(props) =>\n\t\tprops.isDisabled\n\t\t\t? css`\n\t\t\t\t\tborder: ${props.size === 'SMALL' ? 1.5 : 2}px solid\n\t\t\t\t\t\t${COLORS.content.inactive};\n\t\t\t `\n\t\t\t: css`\n\t\t\t\t\tborder: ${props.size === 'SMALL' ? 1.5 : 2}px solid\n\t\t\t\t\t\t${props.borderColor ?? 'black'};\n\t\t\t `}\n\t${(props) =>\n\t\tprops.checked &&\n\t\tcss`\n\t\t\tborder: 0px;\n\t\t\twidth: 18px;\n\t\t\theight: 18px;\n\t\t`}\n\t${(props) =>\n\t\tprops.hovered &&\n\t\tcss`\n\t\t\toutline: 3px solid ${COLORS.surface.hovered};\n\t\t`}\n\t${(props) =>\n\t\tprops.clicked &&\n\t\t!props.isDisabled &&\n\t\tcss`\n\t\t\toutline: 3px solid\n\t\t\t\t${props.checked\n\t\t\t\t\t? COLORS.stroke.positive.lightAlt\n\t\t\t\t\t: COLORS.surface.hovered};\n\t\t\toutline-offset: 2px;\n\t\t`}\n`;\n"],"names":["CheckboxContainer","styled","props","css","COLORS","CheckboxIcon"],"mappings":"0NAGaA,EAAoBC,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA,WAO5BC,GAAWA,EAAM,WAAa,UAAY,SAAU;AAAA,GAC5DA,GACFA,EAAM,aACNC,EAAAA;AAAAA;AAAAA,kBAEgBC,EAAAA,OAAO,QAAQ,OAAO;AAAA;AAAA,GAErC;AAAA,EAGUC,EAAeJ,EAAAA,QAAO;AAAA,UAQxBC,GAAWA,EAAM,OAAS,QAAU,GAAK,EAAG;AAAA,WAC3CA,GAAWA,EAAM,OAAS,QAAU,GAAK,EAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAOpDA,GACFA,EAAM,WACHC,EAAAA;AAAAA,eACUD,EAAM,OAAS,QAAU,IAAM,CAAC;AAAA,QACvCE,EAAAA,OAAO,QAAQ,QAAQ;AAAA,OAE1BD,EAAAA;AAAAA,eACUD,EAAM,OAAS,QAAU,IAAM,CAAC;AAAA,QACvCA,EAAM,aAAe,OAAO;AAAA,MAC9B;AAAA,GACFA,GACFA,EAAM,SACNC,EAAAA;AAAAA;AAAAA;AAAAA;AAAAA,GAIC;AAAA,GACCD,GACFA,EAAM,SACNC,EAAAA;AAAAA,wBACsBC,EAAAA,OAAO,QAAQ,OAAO;AAAA,GAC3C;AAAA,GACCF,GACFA,EAAM,SACN,CAACA,EAAM,YACPC,EAAAA;AAAAA;AAAAA,MAEID,EAAM,QACLE,EAAAA,OAAO,OAAO,SAAS,SACvBA,EAAAA,OAAO,QAAQ,OAAO;AAAA;AAAA,GAE1B;AAAA"}

package/dist/cjs/components/checkList/CheckList.styled.js CHANGED Viewed

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("styled-components"),e=t.div`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("styled-components"),l=t=>t&&typeof t=="object"&&"default"in t?t:{default:t},o=l(e),i=o.default.div`
 	.title__container {
 		margin-bottom: 12px;
 	}
@@ -7,5 +7,5 @@
 		flex-direction: column;
 		gap: 10px;
 	}
-`;exports.CheckListStyled=e;
+`;exports.CheckListStyled=i;
 //# sourceMappingURL=CheckList.styled.js.map

package/dist/cjs/components/checkList/CheckList.styled.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CheckList.styled.js","sources":["../../../../src/components/checkList/CheckList.styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nexport const CheckListStyled = styled.div`\n\t.title__container {\n\t\tmargin-bottom: 12px;\n\t}\n\t.list__container {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tgap: 10px;\n\t}\n`;\n"],"names":["CheckListStyled","styled"],"mappings":"~~qHAEaA~~,EAAkBC,~~EAAO~~;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA"}
1	+ {"version":3,"file":"CheckList.styled.js","sources":["../../../../src/components/checkList/CheckList.styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nexport const CheckListStyled = styled.div`\n\t.title__container {\n\t\tmargin-bottom: 12px;\n\t}\n\t.list__container {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tgap: 10px;\n\t}\n`;\n"],"names":["CheckListStyled","styled"],"mappings":"oLAEaA,EAAkBC,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA"}

package/dist/cjs/components/code-block/CodeBlock.styled.js CHANGED Viewed

@@ -1,56 +1,56 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("styled-components"),r=e.div`
-	background-color: ${({themeMode:o})=>o==="dark"?"#0d1117":"#ffffff"};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("styled-components"),t=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},o=t(r),d=o.default.div`
+	background-color: ${({themeMode:e})=>e==="dark"?"#0d1117":"#ffffff"};
 	border: 1px solid
-		${({themeMode:o})=>o==="dark"?"#30363d":"#d0d7de"};
+		${({themeMode:e})=>e==="dark"?"#30363d":"#d0d7de"};
 	border-radius: 6px;
 	overflow: hidden;
 	font-family: ui-monospace, SFMono-Regular, 'SF Mono', Consolas,
 		'Liberation Mono', Menlo, monospace;
 	margin-bottom: 1rem;
-	${({maxWidth:o})=>o&&`max-width: ${o};`}
-`,n=e.div`
-	background-color: ${({themeMode:o})=>o==="dark"?"#161b22":"#f6f8fa"};
+	${({maxWidth:e})=>e&&`max-width: ${e};`}
+`,n=o.default.div`
+	background-color: ${({themeMode:e})=>e==="dark"?"#161b22":"#f6f8fa"};
 	border-bottom: 1px solid
-		${({themeMode:o})=>o==="dark"?"#30363d":"#d0d7de"};
+		${({themeMode:e})=>e==="dark"?"#30363d":"#d0d7de"};
 	padding: 8px 16px;
 	display: flex;
 	justify-content: space-between;
 	align-items: center;
-`;e.div`
+`;o.default.div`
 	display: flex;
 	gap: 6px;
 	align-items: center;
-`;e.div`
+`;o.default.div`
 	width: 12px;
 	height: 12px;
 	border-radius: 50%;
-	background-color: ${({color:o})=>o};
-`;const i=e.div`
+	background-color: ${({color:e})=>e};
+`;const a=o.default.div`
 	display: flex;
 	align-items: center;
 	gap: 8px;
 	flex: 1;
 	margin-left: 12px;
-`,d=e.span`
-	color: ${({themeMode:o})=>o==="dark"?"#f0f6fc":"#24292f"};
+`,i=o.default.span`
+	color: ${({themeMode:e})=>e==="dark"?"#f0f6fc":"#24292f"};
 	font-size: 14px;
 	font-weight: 500;
-`,t=e.div`
-	background-color: ${({bg:o})=>o};
-	color: ${({color:o})=>o||"#ffffff"};
+`,l=o.default.div`
+	background-color: ${({bg:e})=>e};
+	color: ${({color:e})=>e||"#ffffff"};
 	padding: 2px 6px;
 	border-radius: 4px;
 	font-size: 12px;
 	font-weight: 400;
 	text-transform: Capitalize;
 	font-family: Inter;
-`,a=e.button`
+`,f=o.default.button`
 	background-color: transparent;
 	border: 1px solid
-		${({themeMode:o})=>o==="dark"?"#30363d":"#616161"};
+		${({themeMode:e})=>e==="dark"?"#30363d":"#616161"};
 	border-radius: 4px;
 	padding: 4px 12px;
-	color: ${({themeMode:o})=>o==="dark"?"#f0f6fc":"#24292f"};
+	color: ${({themeMode:e})=>e==="dark"?"#f0f6fc":"#24292f"};
 	font-size: 12px;
 	cursor: pointer;
 	display: flex;
@@ -59,31 +59,31 @@
 	transition: background-color 0.2s ease;
 	font-family: Inter;
 	&:hover {
-		background-color: ${({themeMode:o})=>o==="dark"?"#21262d":"#f3f4f6"};
+		background-color: ${({themeMode:e})=>e==="dark"?"#21262d":"#f3f4f6"};
 	}
-`,l=e.div`
-	max-height: ${({maxHeight:o})=>o};
+`,s=o.default.div`
+	max-height: ${({maxHeight:e})=>e};
 	overflow: auto;
 	display: flex;
 	/* Ensure this is the only scroll container */
 	min-width: 0;
-`,f=e.div`
-	background-color: ${({themeMode:o})=>o==="dark"?"#0d1117":"#f6f8fa"};
-	color: ${({themeMode:o})=>o==="dark"?"#6e7681":"#656d76"};
+`,c=o.default.div`
+	background-color: ${({themeMode:e})=>e==="dark"?"#0d1117":"#f6f8fa"};
+	color: ${({themeMode:e})=>e==="dark"?"#6e7681":"#656d76"};
 	padding: 16px 12px;
 	font-size: 12px;
 	line-height: 20px;
 	text-align: right;
 	user-select: none;
 	border-right: 1px solid
-		${({themeMode:o})=>o==="dark"?"#21262d":"#d0d7de"};
+		${({themeMode:e})=>e==="dark"?"#21262d":"#d0d7de"};
 	min-width: 40px;
-`,s=e.pre`
+`,p=o.default.pre`
 	flex: 1;
 	padding: 16px;
 	font-size: 12px;
 	line-height: 20px;
-	color: ${({themeMode:o})=>o==="dark"?"#f0f6fc":"#24292f"};
+	color: ${({themeMode:e})=>e==="dark"?"#f0f6fc":"#24292f"};
 	background-color: transparent;
 	margin: 0;
 	white-space: pre;
@@ -92,21 +92,21 @@
 	min-width: 0; /* Ensures proper shrinking in flex container */
 	.keyword {
-		color: ${({themeMode:o})=>o==="dark"?"#79c0ff":"#0969da"};
+		color: ${({themeMode:e})=>e==="dark"?"#79c0ff":"#0969da"};
 		font-weight: 600;
 	}
 	.string {
-		color: ${({themeMode:o})=>o==="dark"?"#a5d6ff":"#0a3069"};
+		color: ${({themeMode:e})=>e==="dark"?"#a5d6ff":"#0a3069"};
 	}
 	.comment {
-		color: ${({themeMode:o})=>o==="dark"?"#8b949e":"#656d76"};
+		color: ${({themeMode:e})=>e==="dark"?"#8b949e":"#656d76"};
 		font-style: italic;
 	}
 	.number {
-		color: ${({themeMode:o})=>o==="dark"?"#79c0ff":"#0969da"};
+		color: ${({themeMode:e})=>e==="dark"?"#79c0ff":"#0969da"};
 	}
-`;exports.Code=s;exports.CodeContainer=l;exports.Container=r;exports.CopyButton=a;exports.Header=n;exports.LanguageBadge=t;exports.LineNumbers=f;exports.Title=d;exports.TitleSection=i;
+`;exports.Code=p;exports.CodeContainer=s;exports.Container=d;exports.CopyButton=f;exports.Header=n;exports.LanguageBadge=l;exports.LineNumbers=c;exports.Title=i;exports.TitleSection=a;
 //# sourceMappingURL=CodeBlock.styled.js.map

package/dist/cjs/components/code-block/CodeBlock.styled.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CodeBlock.styled.js","sources":["../../../../src/components/code-block/CodeBlock.styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nexport const Container = styled.div<{\n\tthemeMode: 'dark' \| 'light';\n\tmaxWidth?: string;\n}>`\n\tbackground-color: ${({ themeMode }) =>\n\t\tthemeMode === 'dark' ? '#0d1117' : '#ffffff'};\n\tborder: 1px solid\n\t\t${({ themeMode }) => (themeMode === 'dark' ? '#30363d' : '#d0d7de')};\n\tborder-radius: 6px;\n\toverflow: hidden;\n\tfont-family: ui-monospace, SFMono-Regular, 'SF Mono', Consolas,\n\t\t'Liberation Mono', Menlo, monospace;\n\tmargin-bottom: 1rem;\n\t${({ maxWidth }) => maxWidth && `max-width: ${maxWidth};`}\n`;\n\nexport const Header = styled.div<{ themeMode: 'dark' \| 'light' }>`\n\tbackground-color: ${({ themeMode }) =>\n\t\tthemeMode === 'dark' ? '#161b22' : '#f6f8fa'};\n\tborder-bottom: 1px solid\n\t\t${({ themeMode }) => (themeMode === 'dark' ? '#30363d' : '#d0d7de')};\n\tpadding: 8px 16px;\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n`;\n\nexport const WindowControls = styled.div`\n\tdisplay: flex;\n\tgap: 6px;\n\talign-items: center;\n`;\n\nexport const Dot = styled.div<{ color: string }>`\n\twidth: 12px;\n\theight: 12px;\n\tborder-radius: 50%;\n\tbackground-color: ${({ color }) => color};\n`;\n\nexport const TitleSection = styled.div`\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 8px;\n\tflex: 1;\n\tmargin-left: 12px;\n`;\n\nexport const Title = styled.span<{ themeMode: 'dark' \| 'light' }>`\n\tcolor: ${({ themeMode }) => (themeMode === 'dark' ? '#f0f6fc' : '#24292f')};\n\tfont-size: 14px;\n\tfont-weight: 500;\n`;\n\nexport const LanguageBadge = styled.div<{ bg: string; color?: string }>`\n\tbackground-color: ${({ bg }) => bg};\n\tcolor: ${({ color }) => color \|\| '#ffffff'};\n\tpadding: 2px 6px;\n\tborder-radius: 4px;\n\tfont-size: 12px;\n\tfont-weight: 400;\n\ttext-transform: Capitalize;\n\tfont-family: Inter;\n`;\n\nexport const CopyButton = styled.button<{ themeMode: 'dark' \| 'light' }>`\n\tbackground-color: transparent;\n\tborder: 1px solid\n\t\t${({ themeMode }) => (themeMode === 'dark' ? '#30363d' : '#616161')};\n\tborder-radius: 4px;\n\tpadding: 4px 12px;\n\tcolor: ${({ themeMode }) => (themeMode === 'dark' ? '#f0f6fc' : '#24292f')};\n\tfont-size: 12px;\n\tcursor: pointer;\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 4px;\n\ttransition: background-color 0.2s ease;\n\tfont-family: Inter;\n\t&:hover {\n\t\tbackground-color: ${({ themeMode }) =>\n\t\t\tthemeMode === 'dark' ? '#21262d' : '#f3f4f6'};\n\t}\n`;\n\nexport const CodeContainer = styled.div<{ maxHeight: string }>`\n\tmax-height: ${({ maxHeight }) => maxHeight};\n\toverflow: auto;\n\tdisplay: flex;\n\t/* Ensure this is the only scroll container /\n\tmin-width: 0;\n`;\n\nexport const LineNumbers = styled.div<{ themeMode: 'dark' \| 'light' }>`\n\tbackground-color: ${({ themeMode }) =>\n\t\tthemeMode === 'dark' ? '#0d1117' : '#f6f8fa'};\n\tcolor: ${({ themeMode }) => (themeMode === 'dark' ? '#6e7681' : '#656d76')};\n\tpadding: 16px 12px;\n\tfont-size: 12px;\n\tline-height: 20px;\n\ttext-align: right;\n\tuser-select: none;\n\tborder-right: 1px solid\n\t\t${({ themeMode }) => (themeMode === 'dark' ? '#21262d' : '#d0d7de')};\n\tmin-width: 40px;\n`;\n\nexport const Code = styled.pre<{ themeMode: 'dark' \| 'light' }>`\n\tflex: 1;\n\tpadding: 16px;\n\tfont-size: 12px;\n\tline-height: 20px;\n\tcolor: ${({ themeMode }) => (themeMode === 'dark' ? '#f0f6fc' : '#24292f')};\n\tbackground-color: transparent;\n\tmargin: 0;\n\twhite-space: pre;\n\t/ Remove overflow-x from here since parent handles all scrolling /\n\toverflow: visible;\n\tmin-width: 0; / Ensures proper shrinking in flex container */\n\n\t.keyword {\n\t\tcolor: ${({ themeMode }) => (themeMode === 'dark' ? '#79c0ff' : '#0969da')};\n\t\tfont-weight: 600;\n\t}\n\n\t.string {\n\t\tcolor: ${({ themeMode }) => (themeMode === 'dark' ? '#a5d6ff' : '#0a3069')};\n\t}\n\n\t.comment {\n\t\tcolor: ${({ themeMode }) => (themeMode === 'dark' ? '#8b949e' : '#656d76')};\n\t\tfont-style: italic;\n\t}\n\n\t.number {\n\t\tcolor: ${({ themeMode }) => (themeMode === 'dark' ? '#79c0ff' : '#0969da')};\n\t}\n`;\n"],"names":["Container","styled","themeMode","maxWidth","Header","color","TitleSection","Title","LanguageBadge","bg","CopyButton","CodeContainer","maxHeight","LineNumbers","Code"],"mappings":"~~qHAEaA~~,EAAYC,~~EAAO~~;AAAA,qBAIX,CAAC,CAAE,UAAAC,CAAA,IACtBA,IAAc,OAAS,UAAY,SAAS;AAAA;AAAA,IAE1C,CAAC,CAAE,UAAAA,CAAA,IAAiBA,IAAc,OAAS,UAAY,SAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAMlE,CAAC,CAAE,SAAAC,KAAeA,GAAY,cAAcA,CAAQ,GAAG;AAAA,EAG7CC,EAASH,~~EAAO~~;AAAA,qBACR,CAAC,CAAE,UAAAC,CAAA,IACtBA,IAAc,OAAS,UAAY,SAAS;AAAA;AAAA,IAE1C,CAAC,CAAE,UAAAA,CAAA,IAAiBA,IAAc,OAAS,UAAY,SAAU;AAAA;AAAA;AAAA;AAAA;AAAA,EAOvCD,~~EAAO~~;AAAA;AAAA;AAAA;AAAA,EAMlBA,~~EAAO~~;AAAA;AAAA;AAAA;AAAA,qBAIL,CAAC,CAAE,MAAAI,CAAA,IAAYA,CAAK;AAAA,EAGlC,MAAMC,EAAeL,~~EAAO~~;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQtBM,EAAQN,~~EAAO~~;AAAA,UAClB,CAAC,CAAE,UAAAC,CAAA,IAAiBA,IAAc,OAAS,UAAY,SAAU;AAAA;AAAA;AAAA,EAK9DM,EAAgBP,~~EAAO~~;AAAA,qBACf,CAAC,CAAE,GAAAQ,CAAA,IAASA,CAAE;AAAA,UACzB,CAAC,CAAE,MAAAJ,KAAYA,GAAS,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAS9BK,EAAaT,~~EAAO~~;AAAA;AAAA;AAAA,IAG7B,CAAC,CAAE,UAAAC,CAAA,IAAiBA,IAAc,OAAS,UAAY,SAAU;AAAA;AAAA;AAAA,UAG3D,CAAC,CAAE,UAAAA,CAAA,IAAiBA,IAAc,OAAS,UAAY,SAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBASrD,CAAC,CAAE,UAAAA,CAAA,IACtBA,IAAc,OAAS,UAAY,SAAS;AAAA;AAAA,EAIlCS,EAAgBV,~~EAAO~~;AAAA,eACrB,CAAC,CAAE,UAAAW,CAAA,IAAgBA,CAAS;AAAA;AAAA;AAAA;AAAA;AAAA,EAO9BC,EAAcZ,~~EAAO~~;AAAA,qBACb,CAAC,CAAE,UAAAC,CAAA,IACtBA,IAAc,OAAS,UAAY,SAAS;AAAA,UACpC,CAAC,CAAE,UAAAA,CAAA,IAAiBA,IAAc,OAAS,UAAY,SAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOvE,CAAC,CAAE,UAAAA,CAAA,IAAiBA,IAAc,OAAS,UAAY,SAAU;AAAA;AAAA,EAIxDY,EAAOb,~~EAAO~~;AAAA;AAAA;AAAA;AAAA;AAAA,UAKjB,CAAC,CAAE,UAAAC,CAAA,IAAiBA,IAAc,OAAS,UAAY,SAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAShE,CAAC,CAAE,UAAAA,CAAA,IAAiBA,IAAc,OAAS,UAAY,SAAU;AAAA;AAAA;AAAA;AAAA;AAAA,WAKjE,CAAC,CAAE,UAAAA,CAAA,IAAiBA,IAAc,OAAS,UAAY,SAAU;AAAA;AAAA;AAAA;AAAA,WAIjE,CAAC,CAAE,UAAAA,CAAA,IAAiBA,IAAc,OAAS,UAAY,SAAU;AAAA;AAAA;AAAA;AAAA;AAAA,WAKjE,CAAC,CAAE,UAAAA,CAAA,IAAiBA,IAAc,OAAS,UAAY,SAAU;AAAA;AAAA"}
1	+ {"version":3,"file":"CodeBlock.styled.js","sources":["../../../../src/components/code-block/CodeBlock.styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nexport const Container = styled.div<{\n\tthemeMode: 'dark' \| 'light';\n\tmaxWidth?: string;\n}>`\n\tbackground-color: ${({ themeMode }) =>\n\t\tthemeMode === 'dark' ? '#0d1117' : '#ffffff'};\n\tborder: 1px solid\n\t\t${({ themeMode }) => (themeMode === 'dark' ? '#30363d' : '#d0d7de')};\n\tborder-radius: 6px;\n\toverflow: hidden;\n\tfont-family: ui-monospace, SFMono-Regular, 'SF Mono', Consolas,\n\t\t'Liberation Mono', Menlo, monospace;\n\tmargin-bottom: 1rem;\n\t${({ maxWidth }) => maxWidth && `max-width: ${maxWidth};`}\n`;\n\nexport const Header = styled.div<{ themeMode: 'dark' \| 'light' }>`\n\tbackground-color: ${({ themeMode }) =>\n\t\tthemeMode === 'dark' ? '#161b22' : '#f6f8fa'};\n\tborder-bottom: 1px solid\n\t\t${({ themeMode }) => (themeMode === 'dark' ? '#30363d' : '#d0d7de')};\n\tpadding: 8px 16px;\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n`;\n\nexport const WindowControls = styled.div`\n\tdisplay: flex;\n\tgap: 6px;\n\talign-items: center;\n`;\n\nexport const Dot = styled.div<{ color: string }>`\n\twidth: 12px;\n\theight: 12px;\n\tborder-radius: 50%;\n\tbackground-color: ${({ color }) => color};\n`;\n\nexport const TitleSection = styled.div`\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 8px;\n\tflex: 1;\n\tmargin-left: 12px;\n`;\n\nexport const Title = styled.span<{ themeMode: 'dark' \| 'light' }>`\n\tcolor: ${({ themeMode }) => (themeMode === 'dark' ? '#f0f6fc' : '#24292f')};\n\tfont-size: 14px;\n\tfont-weight: 500;\n`;\n\nexport const LanguageBadge = styled.div<{ bg: string; color?: string }>`\n\tbackground-color: ${({ bg }) => bg};\n\tcolor: ${({ color }) => color \|\| '#ffffff'};\n\tpadding: 2px 6px;\n\tborder-radius: 4px;\n\tfont-size: 12px;\n\tfont-weight: 400;\n\ttext-transform: Capitalize;\n\tfont-family: Inter;\n`;\n\nexport const CopyButton = styled.button<{ themeMode: 'dark' \| 'light' }>`\n\tbackground-color: transparent;\n\tborder: 1px solid\n\t\t${({ themeMode }) => (themeMode === 'dark' ? '#30363d' : '#616161')};\n\tborder-radius: 4px;\n\tpadding: 4px 12px;\n\tcolor: ${({ themeMode }) => (themeMode === 'dark' ? '#f0f6fc' : '#24292f')};\n\tfont-size: 12px;\n\tcursor: pointer;\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 4px;\n\ttransition: background-color 0.2s ease;\n\tfont-family: Inter;\n\t&:hover {\n\t\tbackground-color: ${({ themeMode }) =>\n\t\t\tthemeMode === 'dark' ? '#21262d' : '#f3f4f6'};\n\t}\n`;\n\nexport const CodeContainer = styled.div<{ maxHeight: string }>`\n\tmax-height: ${({ maxHeight }) => maxHeight};\n\toverflow: auto;\n\tdisplay: flex;\n\t/* Ensure this is the only scroll container /\n\tmin-width: 0;\n`;\n\nexport const LineNumbers = styled.div<{ themeMode: 'dark' \| 'light' }>`\n\tbackground-color: ${({ themeMode }) =>\n\t\tthemeMode === 'dark' ? '#0d1117' : '#f6f8fa'};\n\tcolor: ${({ themeMode }) => (themeMode === 'dark' ? '#6e7681' : '#656d76')};\n\tpadding: 16px 12px;\n\tfont-size: 12px;\n\tline-height: 20px;\n\ttext-align: right;\n\tuser-select: none;\n\tborder-right: 1px solid\n\t\t${({ themeMode }) => (themeMode === 'dark' ? '#21262d' : '#d0d7de')};\n\tmin-width: 40px;\n`;\n\nexport const Code = styled.pre<{ themeMode: 'dark' \| 'light' }>`\n\tflex: 1;\n\tpadding: 16px;\n\tfont-size: 12px;\n\tline-height: 20px;\n\tcolor: ${({ themeMode }) => (themeMode === 'dark' ? '#f0f6fc' : '#24292f')};\n\tbackground-color: transparent;\n\tmargin: 0;\n\twhite-space: pre;\n\t/ Remove overflow-x from here since parent handles all scrolling /\n\toverflow: visible;\n\tmin-width: 0; / Ensures proper shrinking in flex container */\n\n\t.keyword {\n\t\tcolor: ${({ themeMode }) => (themeMode === 'dark' ? '#79c0ff' : '#0969da')};\n\t\tfont-weight: 600;\n\t}\n\n\t.string {\n\t\tcolor: ${({ themeMode }) => (themeMode === 'dark' ? '#a5d6ff' : '#0a3069')};\n\t}\n\n\t.comment {\n\t\tcolor: ${({ themeMode }) => (themeMode === 'dark' ? '#8b949e' : '#656d76')};\n\t\tfont-style: italic;\n\t}\n\n\t.number {\n\t\tcolor: ${({ themeMode }) => (themeMode === 'dark' ? '#79c0ff' : '#0969da')};\n\t}\n`;\n"],"names":["Container","styled","themeMode","maxWidth","Header","color","TitleSection","Title","LanguageBadge","bg","CopyButton","CodeContainer","maxHeight","LineNumbers","Code"],"mappings":"oLAEaA,EAAYC,EAAAA,QAAO;AAAA,qBAIX,CAAC,CAAE,UAAAC,CAAA,IACtBA,IAAc,OAAS,UAAY,SAAS;AAAA;AAAA,IAE1C,CAAC,CAAE,UAAAA,CAAA,IAAiBA,IAAc,OAAS,UAAY,SAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAMlE,CAAC,CAAE,SAAAC,KAAeA,GAAY,cAAcA,CAAQ,GAAG;AAAA,EAG7CC,EAASH,EAAAA,QAAO;AAAA,qBACR,CAAC,CAAE,UAAAC,CAAA,IACtBA,IAAc,OAAS,UAAY,SAAS;AAAA;AAAA,IAE1C,CAAC,CAAE,UAAAA,CAAA,IAAiBA,IAAc,OAAS,UAAY,SAAU;AAAA;AAAA;AAAA;AAAA;AAAA,EAOvCD,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA,EAMlBA,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA,qBAIL,CAAC,CAAE,MAAAI,CAAA,IAAYA,CAAK;AAAA,EAGlC,MAAMC,EAAeL,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQtBM,EAAQN,EAAAA,QAAO;AAAA,UAClB,CAAC,CAAE,UAAAC,CAAA,IAAiBA,IAAc,OAAS,UAAY,SAAU;AAAA;AAAA;AAAA,EAK9DM,EAAgBP,EAAAA,QAAO;AAAA,qBACf,CAAC,CAAE,GAAAQ,CAAA,IAASA,CAAE;AAAA,UACzB,CAAC,CAAE,MAAAJ,KAAYA,GAAS,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAS9BK,EAAaT,EAAAA,QAAO;AAAA;AAAA;AAAA,IAG7B,CAAC,CAAE,UAAAC,CAAA,IAAiBA,IAAc,OAAS,UAAY,SAAU;AAAA;AAAA;AAAA,UAG3D,CAAC,CAAE,UAAAA,CAAA,IAAiBA,IAAc,OAAS,UAAY,SAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBASrD,CAAC,CAAE,UAAAA,CAAA,IACtBA,IAAc,OAAS,UAAY,SAAS;AAAA;AAAA,EAIlCS,EAAgBV,EAAAA,QAAO;AAAA,eACrB,CAAC,CAAE,UAAAW,CAAA,IAAgBA,CAAS;AAAA;AAAA;AAAA;AAAA;AAAA,EAO9BC,EAAcZ,EAAAA,QAAO;AAAA,qBACb,CAAC,CAAE,UAAAC,CAAA,IACtBA,IAAc,OAAS,UAAY,SAAS;AAAA,UACpC,CAAC,CAAE,UAAAA,CAAA,IAAiBA,IAAc,OAAS,UAAY,SAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOvE,CAAC,CAAE,UAAAA,CAAA,IAAiBA,IAAc,OAAS,UAAY,SAAU;AAAA;AAAA,EAIxDY,EAAOb,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA,UAKjB,CAAC,CAAE,UAAAC,CAAA,IAAiBA,IAAc,OAAS,UAAY,SAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAShE,CAAC,CAAE,UAAAA,CAAA,IAAiBA,IAAc,OAAS,UAAY,SAAU;AAAA;AAAA;AAAA;AAAA;AAAA,WAKjE,CAAC,CAAE,UAAAA,CAAA,IAAiBA,IAAc,OAAS,UAAY,SAAU;AAAA;AAAA;AAAA;AAAA,WAIjE,CAAC,CAAE,UAAAA,CAAA,IAAiBA,IAAc,OAAS,UAAY,SAAU;AAAA;AAAA;AAAA;AAAA;AAAA,WAKjE,CAAC,CAAE,UAAAA,CAAA,IAAiBA,IAAc,OAAS,UAAY,SAAU;AAAA;AAAA"}

package/dist/cjs/components/colourInput/ColourInput.styled.js CHANGED Viewed

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("styled-components"),e=require("../../constants/Theme.js"),o=r.div`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("styled-components"),t=require("../../constants/Theme.js"),n=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},o=n(r),d=o.default.div`
 	margin-top: 8px;
 	display: flex;
 	min-height: unset;
@@ -9,11 +9,11 @@
 	gap: 16px;
 	width: 100%;
 	height: 48px;
-	background: ${e.DEFAULT_THEME.colorsV2.surface.standard};
-	border: 1px solid ${e.DEFAULT_THEME.colorsV2.stroke.primary};
+	background: ${t.DEFAULT_THEME.colorsV2.surface.standard};
+	border: 1px solid ${t.DEFAULT_THEME.colorsV2.stroke.primary};
 	border-radius: 4px;
 	justify-content: space-between;
-`,t=r.input`
+`,i=o.default.input`
 	padding: 0;
 	border: #e0e0e0 1px solid;
 	width: 32px;
@@ -26,5 +26,5 @@
 	::-webkit-color-swatch {
 		border-color: transparent;
 	}
-`;exports.ColorInputContainer=o;exports.StyledColorInput=t;
+`;exports.ColorInputContainer=d;exports.StyledColorInput=i;
 //# sourceMappingURL=ColourInput.styled.js.map

package/dist/cjs/components/colourInput/ColourInput.styled.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ColourInput.styled.js","sources":["../../../../src/components/colourInput/ColourInput.styled.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { DEFAULT_THEME } from '@src/constants/Theme';\n\nexport const ColorInputContainer = styled.div`\n\tmargin-top: 8px;\n\tdisplay: flex;\n\tmin-height: unset;\n\tflex-direction: row;\n\talign-items: center;\n\tpadding: 20px 8px;\n\tflex: 1;\n\tgap: 16px;\n\twidth: 100%;\n\theight: 48px;\n\tbackground: ${DEFAULT_THEME.colorsV2.surface.standard};\n\tborder: 1px solid ${DEFAULT_THEME.colorsV2.stroke.primary};\n\tborder-radius: 4px;\n\tjustify-content: space-between;\n`;\n\nexport const StyledColorInput = styled.input`\n\tpadding: 0;\n\tborder: #e0e0e0 1px solid;\n\twidth: 32px;\n\theight: 32px;\n\tborder-radius: 50%;\n\toverflow: hidden;\n\t&:hover {\n\t\tcursor: pointer;\n\t}\n\t::-webkit-color-swatch {\n\t\tborder-color: transparent;\n\t}\n`;\n"],"names":["ColorInputContainer","styled","DEFAULT_THEME","StyledColorInput"],"mappings":"~~2JAGaA~~,EAAsBC,~~EAAO~~;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAW3BC,gBAAc,SAAS,QAAQ,QAAQ;AAAA,qBACjCA,gBAAc,SAAS,OAAO,OAAO;AAAA;AAAA;AAAA,EAK7CC,EAAmBF,~~EAAO~~;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA"}
1	+ {"version":3,"file":"ColourInput.styled.js","sources":["../../../../src/components/colourInput/ColourInput.styled.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { DEFAULT_THEME } from '@src/constants/Theme';\n\nexport const ColorInputContainer = styled.div`\n\tmargin-top: 8px;\n\tdisplay: flex;\n\tmin-height: unset;\n\tflex-direction: row;\n\talign-items: center;\n\tpadding: 20px 8px;\n\tflex: 1;\n\tgap: 16px;\n\twidth: 100%;\n\theight: 48px;\n\tbackground: ${DEFAULT_THEME.colorsV2.surface.standard};\n\tborder: 1px solid ${DEFAULT_THEME.colorsV2.stroke.primary};\n\tborder-radius: 4px;\n\tjustify-content: space-between;\n`;\n\nexport const StyledColorInput = styled.input`\n\tpadding: 0;\n\tborder: #e0e0e0 1px solid;\n\twidth: 32px;\n\theight: 32px;\n\tborder-radius: 50%;\n\toverflow: hidden;\n\t&:hover {\n\t\tcursor: pointer;\n\t}\n\t::-webkit-color-swatch {\n\t\tborder-color: transparent;\n\t}\n`;\n"],"names":["ColorInputContainer","styled","DEFAULT_THEME","StyledColorInput"],"mappings":"0NAGaA,EAAsBC,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAW3BC,gBAAc,SAAS,QAAQ,QAAQ;AAAA,qBACjCA,gBAAc,SAAS,OAAO,OAAO;AAAA;AAAA;AAAA,EAK7CC,EAAmBF,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA"}

package/dist/cjs/components/country-code-picker/CountryCodePicker.styled.js CHANGED Viewed

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("styled-components"),i=require("../../constants/Theme.js"),r=e.div`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("styled-components"),r=require("../../constants/Theme.js"),o=t=>t&&typeof t=="object"&&"default"in t?t:{default:t},e=o(i),p=e.default.div`
 	display: flex;
 	align-items: center;
 	flex-direction: row;
@@ -9,13 +9,13 @@
 		width: 24px;
 		height: auto;
 	}
-`,o=e.div`
+`,n=e.default.div`
 	display: flex;
 	justify-content: space-between;
 	align-items: center;
 	gap: 8px;
 	border-radius: 4px;
-	border: 1px solid ${i.COLORS.stroke.primary};
+	border: 1px solid ${r.COLORS.stroke.primary};
 	padding: 6px 8px;
 	height: ${t=>t.height};
@@ -28,5 +28,5 @@
 		width: 24px;
 		height: auto;
 	}
-`;exports.StyledCountryPickerOption=r;exports.StyledCountryPickerWrapper=o;
+`;exports.StyledCountryPickerOption=p;exports.StyledCountryPickerWrapper=n;
 //# sourceMappingURL=CountryCodePicker.styled.js.map

package/dist/cjs/components/country-code-picker/CountryCodePicker.styled.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CountryCodePicker.styled.js","sources":["../../../../src/components/country-code-picker/CountryCodePicker.styled.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { COLORS } from '@src/constants/Theme';\n\nexport const StyledCountryPickerOption = styled.div`\n\tdisplay: flex;\n\talign-items: center;\n\tflex-direction: row;\n\tgap: 12px;\n\twidth: 100%;\n\n\t.country-flag__option {\n\t\twidth: 24px;\n\t\theight: auto;\n\t}\n`;\n\nexport const StyledCountryPickerWrapper = styled.div<{ height?: string }>`\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\tgap: 8px;\n\tborder-radius: 4px;\n\tborder: 1px solid ${COLORS.stroke.primary};\n\tpadding: 6px 8px;\n\theight: ${(props) => props.height};\n\n\t.content__wrapper {\n\t\tdisplay: flex;\n\t\tgap: 8px;\n\t}\n\n\t.country-flag__selected-option {\n\t\twidth: 24px;\n\t\theight: auto;\n\t}\n`;\n"],"names":["StyledCountryPickerOption","styled","StyledCountryPickerWrapper","COLORS","props"],"mappings":"~~2JAGaA~~,EAA4BC,~~EAAO~~;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAanCC,EAA6BD,~~EAAO~~;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAM5BE,EAAAA,OAAO,OAAO,OAAO;AAAA;AAAA,WAE9BC,GAAUA,EAAM,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA"}
1	+ {"version":3,"file":"CountryCodePicker.styled.js","sources":["../../../../src/components/country-code-picker/CountryCodePicker.styled.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { COLORS } from '@src/constants/Theme';\n\nexport const StyledCountryPickerOption = styled.div`\n\tdisplay: flex;\n\talign-items: center;\n\tflex-direction: row;\n\tgap: 12px;\n\twidth: 100%;\n\n\t.country-flag__option {\n\t\twidth: 24px;\n\t\theight: auto;\n\t}\n`;\n\nexport const StyledCountryPickerWrapper = styled.div<{ height?: string }>`\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\tgap: 8px;\n\tborder-radius: 4px;\n\tborder: 1px solid ${COLORS.stroke.primary};\n\tpadding: 6px 8px;\n\theight: ${(props) => props.height};\n\n\t.content__wrapper {\n\t\tdisplay: flex;\n\t\tgap: 8px;\n\t}\n\n\t.country-flag__selected-option {\n\t\twidth: 24px;\n\t\theight: auto;\n\t}\n`;\n"],"names":["StyledCountryPickerOption","styled","StyledCountryPickerWrapper","COLORS","props"],"mappings":"0NAGaA,EAA4BC,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAanCC,EAA6BD,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAM5BE,EAAAA,OAAO,OAAO,OAAO;AAAA;AAAA,WAE9BC,GAAUA,EAAM,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA"}

package/dist/cjs/components/country-code-picker/CountryPicker.styled.js CHANGED Viewed

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("styled-components"),t=require("../../constants/Theme.js"),r=i.div`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("styled-components"),t=require("../../constants/Theme.js"),o=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},i=o(r),n=i.default.div`
 	display: flex;
 	align-items: center;
 	flex-direction: row;
@@ -18,7 +18,7 @@
 		gap: 2px;
 		flex: 1;
 	}
-`,o=i.div`
+`,d=i.default.div`
 	display: flex;
 	justify-content: space-between;
 	align-items: center;
@@ -50,5 +50,5 @@
 		border-radius: 2px;
 		flex-shrink: 0;
 	}
-`;exports.StyledCountryOption=r;exports.StyledCountryPickerContainer=o;
+`;exports.StyledCountryOption=n;exports.StyledCountryPickerContainer=d;
 //# sourceMappingURL=CountryPicker.styled.js.map

package/dist/cjs/components/country-code-picker/CountryPicker.styled.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CountryPicker.styled.js","sources":["../../../../src/components/country-code-picker/CountryPicker.styled.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { COLORS } from '@src/constants/Theme';\n\nexport const StyledCountryOption = styled.div`\n\tdisplay: flex;\n\talign-items: center;\n\tflex-direction: row;\n\tgap: 12px;\n\twidth: 100%;\n\n\t.country-flag {\n\t\twidth: 24px;\n\t\theight: 18px;\n\t\tobject-fit: cover;\n\t\tborder-radius: 2px;\n\t}\n\n\t.country-info {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tgap: 2px;\n\t\tflex: 1;\n\t}\n`;\n\nexport const StyledCountryPickerContainer = styled.div<{\n\theight?: string;\n\tdisabled?: boolean;\n}>`\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\tgap: 8px;\n\tborder-radius: 4px;\n\tborder: 1px solid ${COLORS.stroke.primary};\n\tpadding: 8px 12px;\n\theight: ${(props) => props.height};\n\tcursor: ${(props) => (props.disabled ? 'not-allowed' : 'pointer')};\n\topacity: ${(props) => (props.disabled ? 0.6 : 1)};\n\ttransition: all 0.2s ease;\n\n\t&:hover {\n\t\tborder-color: ${(props) =>\n\t\t\tprops.disabled ? COLORS.stroke.primary : COLORS.content.inactive};\n\t}\n\n\t.content__wrapper {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tgap: 12px;\n\t\tflex: 1;\n\t\tmin-width: 0;\n\t}\n\n\t.country-flag {\n\t\twidth: 24px;\n\t\theight: 18px;\n\t\tobject-fit: cover;\n\t\tborder-radius: 2px;\n\t\tflex-shrink: 0;\n\t}\n`;\n"],"names":["StyledCountryOption","styled","StyledCountryPickerContainer","COLORS","props"],"mappings":"~~2JAGaA~~,EAAsBC,~~EAAO~~;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAsB7BC,EAA+BD,~~EAAO~~;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAS9BE,EAAAA,OAAO,OAAO,OAAO;AAAA;AAAA,WAE9BC,GAAUA,EAAM,MAAM;AAAA,WACtBA,GAAWA,EAAM,SAAW,cAAgB,SAAU;AAAA,YACrDA,GAAWA,EAAM,SAAW,GAAM,CAAE;AAAA;AAAA;AAAA;AAAA,kBAI9BA,GAChBA,EAAM,SAAWD,EAAAA,OAAO,OAAO,QAAUA,EAAAA,OAAO,QAAQ,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA"}
1	+ {"version":3,"file":"CountryPicker.styled.js","sources":["../../../../src/components/country-code-picker/CountryPicker.styled.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { COLORS } from '@src/constants/Theme';\n\nexport const StyledCountryOption = styled.div`\n\tdisplay: flex;\n\talign-items: center;\n\tflex-direction: row;\n\tgap: 12px;\n\twidth: 100%;\n\n\t.country-flag {\n\t\twidth: 24px;\n\t\theight: 18px;\n\t\tobject-fit: cover;\n\t\tborder-radius: 2px;\n\t}\n\n\t.country-info {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tgap: 2px;\n\t\tflex: 1;\n\t}\n`;\n\nexport const StyledCountryPickerContainer = styled.div<{\n\theight?: string;\n\tdisabled?: boolean;\n}>`\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\tgap: 8px;\n\tborder-radius: 4px;\n\tborder: 1px solid ${COLORS.stroke.primary};\n\tpadding: 8px 12px;\n\theight: ${(props) => props.height};\n\tcursor: ${(props) => (props.disabled ? 'not-allowed' : 'pointer')};\n\topacity: ${(props) => (props.disabled ? 0.6 : 1)};\n\ttransition: all 0.2s ease;\n\n\t&:hover {\n\t\tborder-color: ${(props) =>\n\t\t\tprops.disabled ? COLORS.stroke.primary : COLORS.content.inactive};\n\t}\n\n\t.content__wrapper {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tgap: 12px;\n\t\tflex: 1;\n\t\tmin-width: 0;\n\t}\n\n\t.country-flag {\n\t\twidth: 24px;\n\t\theight: 18px;\n\t\tobject-fit: cover;\n\t\tborder-radius: 2px;\n\t\tflex-shrink: 0;\n\t}\n`;\n"],"names":["StyledCountryOption","styled","StyledCountryPickerContainer","COLORS","props"],"mappings":"0NAGaA,EAAsBC,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAsB7BC,EAA+BD,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAS9BE,EAAAA,OAAO,OAAO,OAAO;AAAA;AAAA,WAE9BC,GAAUA,EAAM,MAAM;AAAA,WACtBA,GAAWA,EAAM,SAAW,cAAgB,SAAU;AAAA,YACrDA,GAAWA,EAAM,SAAW,GAAM,CAAE;AAAA;AAAA;AAAA;AAAA,kBAI9BA,GAChBA,EAAM,SAAWD,EAAAA,OAAO,OAAO,QAAUA,EAAAA,OAAO,QAAQ,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA"}

package/dist/cjs/components/curtain/Curtain.styled.js CHANGED Viewed

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("styled-components"),e=require("./CurtainHelper.js"),r=require("../../constants/Theme.js"),i=o.div`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("styled-components"),e=require("./CurtainHelper.js"),n=require("../../constants/Theme.js"),i=t=>t&&typeof t=="object"&&"default"in t?t:{default:t},o=i(r),a=o.default.div`
 	display: flex;
 	justify-content: center;
 	align-items: center;
@@ -14,17 +14,17 @@
 	.tertiary-button {
 		background: transparent;
 		.text {
-			color: ${t=>t.mode===e.CURTAIN_MODE.DARK?e.CURTAIN_COLOR_CONFIG_MAP[t.mode][t.type].textColor:r.COLORS.content.brand};
+			color: ${t=>t.mode===e.CURTAIN_MODE.DARK?e.CURTAIN_COLOR_CONFIG_MAP[t.mode][t.type].textColor:n.COLORS.content.brand};
 		}
 	}
-`,n=o.div`
+`,d=o.default.div`
 	height: 28px;
 	width: 1px;
 	background-color: ${t=>e.CURTAIN_COLOR_CONFIG_MAP[e.CURTAIN_MODE.LIGHT][t.type].strokeColor};
-`,a=o.div`
+`,l=o.default.div`
 	display: flex;
 	align-items: center;
 	gap: 8px;
 	justify-content: flex-end;
-`;exports.CurtainStyle=i;exports.RightWrapper=a;exports.Separator=n;
+`;exports.CurtainStyle=a;exports.RightWrapper=l;exports.Separator=d;
 //# sourceMappingURL=Curtain.styled.js.map