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/TypographyStyle.js CHANGED Viewed

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("styled-components"),e=require("../constants/Theme.js"),i=t=>t===void 0||t==null?"":t+"px",r=o.div`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("styled-components"),e=require("../constants/Theme.js"),a=t=>t&&typeof t=="object"&&"default"in t?t:{default:t},o=a(r),i=t=>t===void 0||t==null?"":t+"px",f=o.default.div`
 	font-family: Inter;
 	color: ${t=>t.color||e.COLORS.text.primary};
 	font-weight: ${e.FONTS.titleXLarge.fontWeight};
@@ -8,7 +8,7 @@
 	overflow: hidden;
 	display: -webkit-box;
 	-webkit-line-clamp: ${t=>t.numberOfLines};
-`,a=o.div`
+`,d=o.default.div`
 	font-family: Inter;
 	color: ${t=>t.color||e.COLORS.text.primary};
 	font-weight: ${e.FONTS.titleLarge.fontWeight};
@@ -18,7 +18,7 @@
 	overflow: hidden;
 	display: -webkit-box;
 	-webkit-line-clamp: ${t=>t.numberOfLines};
-`,f=o.div`
+`,b=o.default.div`
 	font-family: Inter;
 	color: ${t=>t.color||e.COLORS.text.primary};
 	font-weight: ${e.FONTS.titleMedium.fontWeight};
@@ -28,7 +28,7 @@
 	overflow: hidden;
 	display: -webkit-box;
 	-webkit-line-clamp: ${t=>t.numberOfLines};
-`,d=o.div`
+`,c=o.default.div`
 	font-family: Inter;
 	color: ${t=>t.color||e.COLORS.text.primary};
 	font-weight: ${e.FONTS.title4.fontWeight};
@@ -38,7 +38,7 @@
 	overflow: hidden;
 	display: -webkit-box;
 	-webkit-line-clamp: ${t=>t.numberOfLines};
-`,b=o.div`
+`,g=o.default.div`
 	font-family: Inter;
 	color: ${t=>t.color||e.COLORS.text.primary};
 	font-weight: ${e.FONTS.titleRegular.fontWeight};
@@ -48,7 +48,7 @@
 	overflow: hidden;
 	display: -webkit-box;
 	-webkit-line-clamp: ${t=>t.numberOfLines};
-`,c=o.div`
+`,h=o.default.div`
 	font-family: Inter;
 	color: ${t=>t.color||e.COLORS.text.primary};
 	font-weight: ${e.FONTS.titleSmall.fontWeight};
@@ -58,7 +58,7 @@
 	overflow: hidden;
 	display: -webkit-box;
 	-webkit-line-clamp: ${t=>t.numberOfLines};
-`,g=o.div`
+`,O=o.default.div`
 	font-family: Inter;
 	color: ${t=>t.color||e.COLORS.text.primary};
 	font-weight: ${e.FONTS.display.fontWeight};
@@ -68,7 +68,7 @@
 	overflow: hidden;
 	display: -webkit-box;
 	-webkit-line-clamp: ${t=>t.numberOfLines};
-`,h=o.div`
+`,S=o.default.div`
 	font-family: Inter;
 	color: ${t=>t.color||e.COLORS.text.primary};
 	font-weight: ${e.FONTS.bodyPrimary.fontWeight};
@@ -78,7 +78,7 @@
 	overflow: hidden;
 	display: -webkit-box;
 	-webkit-line-clamp: ${t=>t.numberOfLines};
-`,n=o.div`
+`,n=o.default.div`
 	font-family: Inter;
 	color: ${t=>t.color||e.COLORS.text.primary};
 	font-weight: ${e.FONTS.bodyPrimary.fontWeight};
@@ -88,7 +88,7 @@
 	overflow: hidden;
 	display: -webkit-box;
 	-webkit-line-clamp: ${t=>t.numberOfLines};
-`,l=o.div`
+`,l=o.default.div`
 	font-family: Inter;
 	width: ${t=>i(t.customStyles?.width)};
 	color: ${t=>t.color||e.COLORS.text.primary};
@@ -99,7 +99,7 @@
 	overflow: hidden;
 	display: -webkit-box;
 	-webkit-line-clamp: ${t=>t.numberOfLines};
-`,O=o.div`
+`,y=o.default.div`
 	font-family: Inter;
 	color: ${t=>t.color||e.COLORS.text.primary};
 	font-weight: ${e.FONTS.bodySecondary.fontWeight};
@@ -115,17 +115,17 @@
 	-webkit-text-fill-color: transparent;
 	background-clip: text;
 	text-fill-color: transparent;
-`,S=o(n)`
+`,w=o.default(n)`
 	text-decoration: underline;
 	color: ${e.COLORS.content.brand};
 	text-decoration-color: ${e.COLORS.content.brand};
 	cursor: pointer;
-`,y=o(l)`
+`,s=o.default(l)`
 	text-decoration: underline;
 	color: ${e.COLORS.content.brand};
 	text-decoration-color: ${e.COLORS.content.brand};
 	cursor: pointer;
-`,w=o.div`
+`,$=o.default.div`
 	font-family: Inter;
 	color: ${t=>t.color||e.COLORS.text.primary};
 	font-weight: ${e.FONTS.caption.fontWeight};
@@ -137,7 +137,7 @@
 	-webkit-line-clamp: ${t=>t.numberOfLines};
 	word-break: break-word;
 	overflow-wrap: break-word;
-`,s=o.div`
+`,m=o.default.div`
 	font-family: Inter;
 	color: ${t=>t.color||e.COLORS.text.primary};
 	font-weight: ${e.FONTS.caption.fontWeight};
@@ -153,7 +153,7 @@
 	-webkit-text-fill-color: transparent;
 	background-clip: text;
 	text-fill-color: transparent;
-`,$=o.div`
+`,u=o.default.div`
 	color: ${t=>t.color||e.COLORS.text.primary};
 	font-weight: ${e.FONTS.tiny.fontWeight};
 	font-size: ${i(e.FONTS.tiny.fontSize)};
@@ -162,7 +162,7 @@
 	overflow: hidden;
 	display: -webkit-box;
 	-webkit-line-clamp: ${t=>t.numberOfLines};
-`,m=o.div`
+`,p=o.default.div`
 	color: ${t=>t.color||e.COLORS.text.primary};
 	font-weight: ${e.FONTS.tiny.fontWeight};
 	font-size: ${i(e.FONTS.tiny.fontSize)};
@@ -177,7 +177,7 @@
 	-webkit-text-fill-color: transparent;
 	background-clip: text;
 	text-fill-color: transparent;
-`,p=o.div`
+`,x=o.default.div`
 	font-family: Inter;
 	color: ${t=>t.color||e.COLORS.text.primary};
 	font-weight: ${e.FONTS.buttonLarge.fontWeight};
@@ -187,7 +187,7 @@
 	overflow: hidden;
 	display: -webkit-box;
 	-webkit-line-clamp: ${t=>t.numberOfLines};
-`,x=o.div`
+`,k=o.default.div`
 	font-family: Inter;
 	color: ${t=>t.color||e.COLORS.text.primary};
 	font-weight: ${e.FONTS.buttonLarge.fontWeight};
@@ -203,7 +203,7 @@
 	-webkit-text-fill-color: transparent;
 	background-clip: text;
 	text-fill-color: transparent;
-`,k=o.div`
+`,T=o.default.div`
 	font-family: Inter;
 	color: ${t=>t.color||e.COLORS.text.primary};
 	font-weight: ${e.FONTS.buttonRegular.fontWeight};
@@ -213,7 +213,7 @@
 	overflow: hidden;
 	display: -webkit-box;
 	-webkit-line-clamp: ${t=>t.numberOfLines};
-`,T=o.div`
+`,L=o.default.div`
 	font-family: Inter;
 	color: ${t=>t.color||e.COLORS.text.primary};
 	font-weight: ${e.FONTS.subHeading.fontWeight};
@@ -223,7 +223,7 @@
 	overflow: hidden;
 	display: -webkit-box;
 	-webkit-line-clamp: ${t=>t.numberOfLines};
-`,u=o.div`
+`,F=o.default.div`
 	font-family: Inter;
 	color: ${t=>t.color||e.COLORS.text.primary};
 	font-weight: ${e.FONTS.bodyRegular.fontWeight};
@@ -233,7 +233,7 @@
 	overflow: hidden;
 	display: -webkit-box;
 	-webkit-line-clamp: ${t=>t.numberOfLines};
-`,L=o.div`
+`,v=o.default.div`
 	font-family: Inter;
 	color: ${e.COLORS.text.primary};
 	font-weight: ${e.FONTS.caption.fontWeight};
@@ -243,7 +243,7 @@
 	overflow: hidden;
 	display: -webkit-box;
 	-webkit-line-clamp: ${t=>t.numberOfLines};
-`,F=o.div`
+`,N=o.default.div`
 	font-family: Inter;
 	color: ${e.COLORS.text.primary};
 	font-weight: ${e.FONTS.textPlaceholder.fontWeight};
@@ -253,7 +253,7 @@
 	overflow: hidden;
 	display: -webkit-box;
 	-webkit-line-clamp: ${t=>t.numberOfLines};
-`,v=o.div`
+`,z=o.default.div`
 	font-family: Inter;
 	color: ${e.COLORS.text.primary};
 	font-weight: ${e.FONTS.title4.fontWeight};
@@ -263,7 +263,7 @@
 	overflow: hidden;
 	display: -webkit-box;
 	-webkit-line-clamp: ${t=>t.numberOfLines};
-`,N=o.div`
+`,R=o.default.div`
 	font-family: Inter;
 	color: ${e.COLORS.text.primary};
 	font-weight: ${e.FONTS.bodySmall.fontWeight};
@@ -273,7 +273,7 @@
 	overflow: hidden;
 	display: -webkit-box;
 	-webkit-line-clamp: ${t=>t.numberOfLines};
-`,z=o.div`
+`,C=o.default.div`
 	font-family: Inter;
 	color: ${e.COLORS.text.primary};
 	font-weight: ${e.FONTS.captionBold.fontWeight};
@@ -283,7 +283,7 @@
 	overflow: hidden;
 	display: -webkit-box;
 	-webkit-line-clamp: ${t=>t.numberOfLines};
-`,R=o.div`
+`,B=o.default.div`
 	font-family: Inter;
 	color: ${e.COLORS.text.primary};
 	font-weight: ${e.FONTS.tiny.fontWeight};
@@ -293,5 +293,5 @@
 	overflow: hidden;
 	display: -webkit-box;
 	-webkit-line-clamp: ${t=>t.numberOfLines};
-`;exports.AiBodyCaption=s;exports.AiBodyTiny=m;exports.BodyCaption=w;exports.BodyLarge=h;exports.BodyPrimary=n;exports.BodyPrimaryLink=S;exports.BodyRegular=u;exports.BodySecondary=l;exports.BodySecondaryLink=y;exports.BodySmall=N;exports.BodyTiny=$;exports.ButtonLarge=p;exports.ButtonLargeAI=x;exports.ButtonRegular=k;exports.ButtonRegularAI=O;exports.Caption=L;exports.CaptionBold=z;exports.Display=g;exports.SmallRegular=d;exports.SubHeading=T;exports.TextPlaceholder=F;exports.Tiny=R;exports.TitleFour=v;exports.TitleLarge=a;exports.TitleMedium=f;exports.TitleRegular=b;exports.TitleSmall=c;exports.TitleXlarge=r;
+`;exports.AiBodyCaption=m;exports.AiBodyTiny=p;exports.BodyCaption=$;exports.BodyLarge=S;exports.BodyPrimary=n;exports.BodyPrimaryLink=w;exports.BodyRegular=F;exports.BodySecondary=l;exports.BodySecondaryLink=s;exports.BodySmall=R;exports.BodyTiny=u;exports.ButtonLarge=x;exports.ButtonLargeAI=k;exports.ButtonRegular=T;exports.ButtonRegularAI=y;exports.Caption=v;exports.CaptionBold=C;exports.Display=O;exports.SmallRegular=c;exports.SubHeading=L;exports.TextPlaceholder=N;exports.Tiny=B;exports.TitleFour=z;exports.TitleLarge=d;exports.TitleMedium=b;exports.TitleRegular=g;exports.TitleSmall=h;exports.TitleXlarge=f;
 //# sourceMappingURL=TypographyStyle.js.map

package/dist/cjs/components/TypographyStyle.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TypographyStyle.js","sources":["../../../src/components/TypographyStyle.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { COLORS, FONTS } from '@src/constants/Theme';\n\nconst addPixels = (value?: number) => {\n\tif (value === undefined \|\| value == null) return '';\n\treturn value + 'px';\n};\nexport interface customStyles {\n\tfontWeight?: number;\n\tfontSize?: number;\n\twidth?: number;\n}\n\nexport const TitleXlarge = styled.div<{\n\tnumberOfLines?: number;\n\tcolor?: string;\n}>`\n\tfont-family: Inter;\n\tcolor: ${(props) => props.color \|\| COLORS.text.primary};\n\tfont-weight: ${FONTS.titleXLarge.fontWeight};\n\tfont-size: ${addPixels(FONTS.titleXLarge.fontSize)};\n\tline-height: ${addPixels(FONTS.titleXLarge.lineHeight)};\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: ${(props) => props.numberOfLines};\n`;\n\nexport const TitleLarge = styled.div<{\n\tnumberOfLines?: number;\n\tcolor?: string;\n}>`\n\tfont-family: Inter;\n\tcolor: ${(props) => props.color \|\| COLORS.text.primary};\n\tfont-weight: ${FONTS.titleLarge.fontWeight};\n\tfont-size: ${addPixels(FONTS.titleLarge.fontSize)};\n\tline-height: ${addPixels(FONTS.titleLarge.lineHeight)};\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: ${(props) => props.numberOfLines};\n`;\n\nexport const TitleMedium = styled.div<{\n\tnumberOfLines?: number;\n\tcolor?: string;\n}>`\n\tfont-family: Inter;\n\tcolor: ${(props) => props.color \|\| COLORS.text.primary};\n\tfont-weight: ${FONTS.titleMedium.fontWeight};\n\tfont-size: ${addPixels(FONTS.titleMedium.fontSize)};\n\tline-height: ${addPixels(FONTS.titleMedium.lineHeight)};\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: ${(props) => props.numberOfLines};\n`;\n\nexport const SmallRegular = styled.div<{\n\tnumberOfLines?: number;\n\tcolor?: string;\n}>`\n\tfont-family: Inter;\n\tcolor: ${(props) => props.color \|\| COLORS.text.primary};\n\tfont-weight: ${FONTS.title4.fontWeight};\n\tfont-size: ${addPixels(FONTS.title4.fontSize)};\n\tline-height: ${addPixels(FONTS.title4.lineHeight)};\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: ${(props) => props.numberOfLines};\n`;\n\nexport const TitleRegular = styled.div<{\n\tnumberOfLines?: number;\n\tcolor?: string;\n}>`\n\tfont-family: Inter;\n\tcolor: ${(props) => props.color \|\| COLORS.text.primary};\n\tfont-weight: ${FONTS.titleRegular.fontWeight};\n\tfont-size: ${addPixels(FONTS.titleRegular.fontSize)};\n\tline-height: ${addPixels(FONTS.titleRegular.lineHeight)};\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: ${(props) => props.numberOfLines};\n`;\nexport const TitleSmall = styled.div<{\n\tnumberOfLines?: number;\n\tcolor?: string;\n}>`\n\tfont-family: Inter;\n\tcolor: ${(props) => props.color \|\| COLORS.text.primary};\n\tfont-weight: ${FONTS.titleSmall.fontWeight};\n\tfont-size: ${addPixels(FONTS.titleSmall.fontSize)};\n\tline-height: ${addPixels(FONTS.titleSmall.lineHeight)};\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: ${(props) => props.numberOfLines};\n`;\n\nexport const Display = styled.div<{\n\tnumberOfLines?: number;\n\tcolor?: string;\n}>`\n\tfont-family: Inter;\n\tcolor: ${(props) => props.color \|\| COLORS.text.primary};\n\tfont-weight: ${FONTS.display.fontWeight};\n\tfont-size: ${addPixels(FONTS.display.fontSize)};\n\tline-height: ${addPixels(FONTS.display.lineHeight)};\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: ${(props) => props.numberOfLines};\n`;\n\nexport const BodyLarge = styled.div<{\n\tnumberOfLines?: number;\n\tcolor?: string;\n}>`\n\tfont-family: Inter;\n\tcolor: ${(props) => props.color \|\| COLORS.text.primary};\n\tfont-weight: ${FONTS.bodyPrimary.fontWeight};\n\tfont-size: ${addPixels(FONTS.bodyLarge.fontSize)};\n\tline-height: ${addPixels(FONTS.bodyLarge.lineHeight)};\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: ${(props) => props.numberOfLines};\n`;\nexport const BodyPrimary = styled.div<{\n\tnumberOfLines?: number;\n\tcolor?: string;\n}>`\n\tfont-family: Inter;\n\tcolor: ${(props) => props.color \|\| COLORS.text.primary};\n\tfont-weight: ${FONTS.bodyPrimary.fontWeight};\n\tfont-size: ${addPixels(FONTS.bodyPrimary.fontSize)};\n\tline-height: ${addPixels(FONTS.bodyPrimary.lineHeight)};\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: ${(props) => props.numberOfLines};\n`;\nexport const BodySecondary = styled.div<{\n\tnumberOfLines?: number;\n\tcolor?: string;\n\tcustomStyles?: customStyles;\n}>`\n\tfont-family: Inter;\n\twidth: ${(props) => addPixels(props.customStyles?.width)};\n\tcolor: ${(props) => props.color \|\| COLORS.text.primary};\n\tfont-weight: ${(props) =>\n\t\tprops.customStyles?.fontWeight \|\| FONTS.bodySecondary.fontWeight};\n\tfont-size: ${(props) =>\n\t\taddPixels(props.customStyles?.fontSize) \|\|\n\t\taddPixels(FONTS.bodySecondary.fontSize)};\n\tline-height: ${addPixels(FONTS.bodySecondary.lineHeight)};\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: ${(props) => props.numberOfLines};\n`;\n\nexport const ButtonRegularAI = styled.div<{\n\tnumberOfLines?: number;\n\tcolor?: string;\n\tdisabled?: boolean;\n}>`\n\tfont-family: Inter;\n\tcolor: ${(props) => props.color \|\| COLORS.text.primary};\n\tfont-weight: ${FONTS.bodySecondary.fontWeight};\n\tfont-size: ${addPixels(FONTS.bodySecondary.fontSize)};\n\tline-height: ${addPixels(FONTS.bodySecondary.lineHeight)};\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: ${(props) => props.numberOfLines};\n\tz-index: 1;\n\tbackground: linear-gradient(93deg, #ff166a 0.37%, #fb5f08 100%);\n\t-webkit-background-clip: text;\n\t-webkit-text-fill-color: transparent;\n\tbackground-clip: text;\n\ttext-fill-color: transparent;\n`;\n\nexport const BodyPrimaryLink = styled(BodyPrimary)`\n\ttext-decoration: underline;\n\tcolor: ${COLORS.content.brand};\n\ttext-decoration-color: ${COLORS.content.brand};\n\tcursor: pointer;\n`;\n\nexport const BodySecondaryLink = styled(BodySecondary)`\n\ttext-decoration: underline;\n\tcolor: ${COLORS.content.brand};\n\ttext-decoration-color: ${COLORS.content.brand};\n\tcursor: pointer;\n`;\n\nexport const BodyCaption = styled.div<{\n\tnumberOfLines?: number;\n\tcolor?: string;\n}>`\n\tfont-family: Inter;\n\tcolor: ${(props) => props.color \|\| COLORS.text.primary};\n\tfont-weight: ${FONTS.caption.fontWeight};\n\tfont-size: ${addPixels(FONTS.caption.fontSize)};\n\tline-height: ${addPixels(FONTS.caption.lineHeight)};\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: ${(props) => props.numberOfLines};\n\tword-break: break-word;\n\toverflow-wrap: break-word;\n`;\n\nexport const AiBodyCaption = styled.div<{\n\tnumberOfLines?: number;\n\tcolor?: string;\n}>`\n\tfont-family: Inter;\n\tcolor: ${(props) => props.color \|\| COLORS.text.primary};\n\tfont-weight: ${FONTS.caption.fontWeight};\n\tfont-size: ${addPixels(FONTS.caption.fontSize)};\n\tline-height: ${addPixels(FONTS.caption.lineHeight)};\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: ${(props) => props.numberOfLines};\n\tz-index: 1;\n\tbackground: linear-gradient(93deg, #ff166a 0.37%, #fb5f08 100%);\n\t-webkit-background-clip: text;\n\t-webkit-text-fill-color: transparent;\n\tbackground-clip: text;\n\ttext-fill-color: transparent;\n`;\n\nexport const BodyTiny = styled.div<{\n\tnumberOfLines?: number;\n\tcolor?: string;\n}>`\n\tcolor: ${(props) => props.color \|\| COLORS.text.primary};\n\tfont-weight: ${FONTS.tiny.fontWeight};\n\tfont-size: ${addPixels(FONTS.tiny.fontSize)};\n\tline-height: ${addPixels(FONTS.tiny.lineHeight)};\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: ${(props) => props.numberOfLines};\n`;\n\nexport const AiBodyTiny = styled.div<{\n\tnumberOfLines?: number;\n\tcolor?: string;\n}>`\n\tcolor: ${(props) => props.color \|\| COLORS.text.primary};\n\tfont-weight: ${FONTS.tiny.fontWeight};\n\tfont-size: ${addPixels(FONTS.tiny.fontSize)};\n\tline-height: ${addPixels(FONTS.tiny.lineHeight)};\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: ${(props) => props.numberOfLines};\n\tz-index: 1;\n\tbackground: linear-gradient(93deg, #ff166a 0.37%, #fb5f08 100%);\n\t-webkit-background-clip: text;\n\t-webkit-text-fill-color: transparent;\n\tbackground-clip: text;\n\ttext-fill-color: transparent;\n`;\n\nexport const ButtonLarge = styled.div<{\n\tnumberOfLines?: number;\n\tcolor?: string;\n}>`\n\tfont-family: Inter;\n\tcolor: ${(props) => props.color \|\| COLORS.text.primary};\n\tfont-weight: ${FONTS.buttonLarge.fontWeight};\n\tfont-size: ${addPixels(FONTS.buttonLarge.fontSize)};\n\tline-height: ${addPixels(FONTS.buttonLarge.lineHeight)};\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: ${(props) => props.numberOfLines};\n`;\n\nexport const ButtonLargeAI = styled.div<{\n\tnumberOfLines?: number;\n\tcolor?: string;\n}>`\n\tfont-family: Inter;\n\tcolor: ${(props) => props.color \|\| COLORS.text.primary};\n\tfont-weight: ${FONTS.buttonLarge.fontWeight};\n\tfont-size: ${addPixels(FONTS.buttonLarge.fontSize)};\n\tline-height: ${addPixels(FONTS.buttonLarge.lineHeight)};\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: ${(props) => props.numberOfLines};\n\tbackground: linear-gradient(93deg, #ff166a 0.37%, #fb5f08 100%);\n\tz-index: 1;\n\t-webkit-background-clip: text;\n\t-webkit-text-fill-color: transparent;\n\tbackground-clip: text;\n\ttext-fill-color: transparent;\n`;\n\nexport const ButtonRegular = styled.div<{\n\tnumberOfLines?: number;\n\tcolor?: string;\n}>`\n\tfont-family: Inter;\n\tcolor: ${(props) => props.color \|\| COLORS.text.primary};\n\tfont-weight: ${FONTS.buttonRegular.fontWeight};\n\tfont-size: ${addPixels(FONTS.buttonRegular.fontSize)};\n\tline-height: ${addPixels(FONTS.buttonRegular.lineHeight)};\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: ${(props) => props.numberOfLines};\n`;\n\nexport const SubHeading = styled.div<{\n\tnumberOfLines?: number;\n\tcolor?: string;\n}>`\n\tfont-family: Inter;\n\tcolor: ${(props) => props.color \|\| COLORS.text.primary};\n\tfont-weight: ${FONTS.subHeading.fontWeight};\n\tfont-size: ${addPixels(FONTS.subHeading.fontSize)};\n\tline-height: ${addPixels(FONTS.subHeading.lineHeight)};\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: ${(props) => props.numberOfLines};\n`;\n\nexport const BodyRegular = styled.div<{\n\tnumberOfLines?: number;\n\tcolor?: string;\n}>`\n\tfont-family: Inter;\n\tcolor: ${(props) => props.color \|\| COLORS.text.primary};\n\tfont-weight: ${FONTS.bodyRegular.fontWeight};\n\tfont-size: ${addPixels(FONTS.bodyRegular.fontSize)};\n\tline-height: ${addPixels(FONTS.bodyRegular.lineHeight)};\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: ${(props) => props.numberOfLines};\n`;\n\nexport const Caption = styled.div<{\n\tnumberOfLines?: number;\n\tcolor?: string;\n}>`\n\tfont-family: Inter;\n\tcolor: ${COLORS.text.primary};\n\tfont-weight: ${FONTS.caption.fontWeight};\n\tfont-size: ${addPixels(FONTS.caption.fontSize)};\n\tline-height: ${addPixels(FONTS.caption.lineHeight)};\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: ${(props) => props.numberOfLines};\n`;\n\nexport const TextPlaceholder = styled.div<{\n\tnumberOfLines?: number;\n\tcolor?: string;\n}>`\n\tfont-family: Inter;\n\tcolor: ${COLORS.text.primary};\n\tfont-weight: ${FONTS.textPlaceholder.fontWeight};\n\tfont-size: ${addPixels(FONTS.textPlaceholder.fontSize)};\n\tline-height: ${addPixels(FONTS.textPlaceholder.lineHeight)};\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: ${(props) => props.numberOfLines};\n`;\n\nexport const TitleFour = styled.div<{\n\tnumberOfLines?: number;\n\tcolor?: string;\n}>`\n\tfont-family: Inter;\n\tcolor: ${COLORS.text.primary};\n\tfont-weight: ${FONTS.title4.fontWeight};\n\tfont-size: ${addPixels(FONTS.title4.fontSize)};\n\tline-height: ${addPixels(FONTS.title4.lineHeight)};\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: ${(props) => props.numberOfLines};\n`;\n\nexport const BodySmall = styled.div<{\n\tnumberOfLines?: number;\n\tcolor?: string;\n}>`\n\tfont-family: Inter;\n\tcolor: ${COLORS.text.primary};\n\tfont-weight: ${FONTS.bodySmall.fontWeight};\n\tfont-size: ${addPixels(FONTS.bodySmall.fontSize)};\n\tline-height: ${addPixels(FONTS.bodySmall.lineHeight)};\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: ${(props) => props.numberOfLines};\n`;\n\nexport const CaptionBold = styled.div<{\n\tnumberOfLines?: number;\n\tcolor?: string;\n}>`\n\tfont-family: Inter;\n\tcolor: ${COLORS.text.primary};\n\tfont-weight: ${FONTS.captionBold.fontWeight};\n\tfont-size: ${addPixels(FONTS.captionBold.fontSize)};\n\tline-height: ${addPixels(FONTS.captionBold.lineHeight)};\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: ${(props) => props.numberOfLines};\n`;\n\nexport const Tiny = styled.div<{\n\tnumberOfLines?: number;\n\tcolor?: string;\n}>`\n\tfont-family: Inter;\n\tcolor: ${COLORS.text.primary};\n\tfont-weight: ${FONTS.tiny.fontWeight};\n\tfont-size: ${addPixels(FONTS.tiny.fontSize)};\n\tline-height: ${addPixels(FONTS.tiny.lineHeight)};\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: ${(props) => props.numberOfLines};\n`;\n"],"names":["addPixels","value","TitleXlarge","styled","props","COLORS","FONTS","TitleLarge","TitleMedium","SmallRegular","TitleRegular","TitleSmall","Display","BodyLarge","BodyPrimary","BodySecondary","ButtonRegularAI","BodyPrimaryLink","BodySecondaryLink","BodyCaption","AiBodyCaption","BodyTiny","AiBodyTiny","ButtonLarge","ButtonLargeAI","ButtonRegular","SubHeading","BodyRegular","Caption","TextPlaceholder","TitleFour","BodySmall","CaptionBold","Tiny"],"mappings":"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"}
1	+ {"version":3,"file":"TypographyStyle.js","sources":["../../../src/components/TypographyStyle.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { COLORS, FONTS } from '@src/constants/Theme';\n\nconst addPixels = (value?: number) => {\n\tif (value === undefined \|\| value == null) return '';\n\treturn value + 'px';\n};\nexport interface customStyles {\n\tfontWeight?: number;\n\tfontSize?: number;\n\twidth?: number;\n}\n\nexport const TitleXlarge = styled.div<{\n\tnumberOfLines?: number;\n\tcolor?: string;\n}>`\n\tfont-family: Inter;\n\tcolor: ${(props) => props.color \|\| COLORS.text.primary};\n\tfont-weight: ${FONTS.titleXLarge.fontWeight};\n\tfont-size: ${addPixels(FONTS.titleXLarge.fontSize)};\n\tline-height: ${addPixels(FONTS.titleXLarge.lineHeight)};\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: ${(props) => props.numberOfLines};\n`;\n\nexport const TitleLarge = styled.div<{\n\tnumberOfLines?: number;\n\tcolor?: string;\n}>`\n\tfont-family: Inter;\n\tcolor: ${(props) => props.color \|\| COLORS.text.primary};\n\tfont-weight: ${FONTS.titleLarge.fontWeight};\n\tfont-size: ${addPixels(FONTS.titleLarge.fontSize)};\n\tline-height: ${addPixels(FONTS.titleLarge.lineHeight)};\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: ${(props) => props.numberOfLines};\n`;\n\nexport const TitleMedium = styled.div<{\n\tnumberOfLines?: number;\n\tcolor?: string;\n}>`\n\tfont-family: Inter;\n\tcolor: ${(props) => props.color \|\| COLORS.text.primary};\n\tfont-weight: ${FONTS.titleMedium.fontWeight};\n\tfont-size: ${addPixels(FONTS.titleMedium.fontSize)};\n\tline-height: ${addPixels(FONTS.titleMedium.lineHeight)};\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: ${(props) => props.numberOfLines};\n`;\n\nexport const SmallRegular = styled.div<{\n\tnumberOfLines?: number;\n\tcolor?: string;\n}>`\n\tfont-family: Inter;\n\tcolor: ${(props) => props.color \|\| COLORS.text.primary};\n\tfont-weight: ${FONTS.title4.fontWeight};\n\tfont-size: ${addPixels(FONTS.title4.fontSize)};\n\tline-height: ${addPixels(FONTS.title4.lineHeight)};\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: ${(props) => props.numberOfLines};\n`;\n\nexport const TitleRegular = styled.div<{\n\tnumberOfLines?: number;\n\tcolor?: string;\n}>`\n\tfont-family: Inter;\n\tcolor: ${(props) => props.color \|\| COLORS.text.primary};\n\tfont-weight: ${FONTS.titleRegular.fontWeight};\n\tfont-size: ${addPixels(FONTS.titleRegular.fontSize)};\n\tline-height: ${addPixels(FONTS.titleRegular.lineHeight)};\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: ${(props) => props.numberOfLines};\n`;\nexport const TitleSmall = styled.div<{\n\tnumberOfLines?: number;\n\tcolor?: string;\n}>`\n\tfont-family: Inter;\n\tcolor: ${(props) => props.color \|\| COLORS.text.primary};\n\tfont-weight: ${FONTS.titleSmall.fontWeight};\n\tfont-size: ${addPixels(FONTS.titleSmall.fontSize)};\n\tline-height: ${addPixels(FONTS.titleSmall.lineHeight)};\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: ${(props) => props.numberOfLines};\n`;\n\nexport const Display = styled.div<{\n\tnumberOfLines?: number;\n\tcolor?: string;\n}>`\n\tfont-family: Inter;\n\tcolor: ${(props) => props.color \|\| COLORS.text.primary};\n\tfont-weight: ${FONTS.display.fontWeight};\n\tfont-size: ${addPixels(FONTS.display.fontSize)};\n\tline-height: ${addPixels(FONTS.display.lineHeight)};\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: ${(props) => props.numberOfLines};\n`;\n\nexport const BodyLarge = styled.div<{\n\tnumberOfLines?: number;\n\tcolor?: string;\n}>`\n\tfont-family: Inter;\n\tcolor: ${(props) => props.color \|\| COLORS.text.primary};\n\tfont-weight: ${FONTS.bodyPrimary.fontWeight};\n\tfont-size: ${addPixels(FONTS.bodyLarge.fontSize)};\n\tline-height: ${addPixels(FONTS.bodyLarge.lineHeight)};\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: ${(props) => props.numberOfLines};\n`;\nexport const BodyPrimary = styled.div<{\n\tnumberOfLines?: number;\n\tcolor?: string;\n}>`\n\tfont-family: Inter;\n\tcolor: ${(props) => props.color \|\| COLORS.text.primary};\n\tfont-weight: ${FONTS.bodyPrimary.fontWeight};\n\tfont-size: ${addPixels(FONTS.bodyPrimary.fontSize)};\n\tline-height: ${addPixels(FONTS.bodyPrimary.lineHeight)};\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: ${(props) => props.numberOfLines};\n`;\nexport const BodySecondary = styled.div<{\n\tnumberOfLines?: number;\n\tcolor?: string;\n\tcustomStyles?: customStyles;\n}>`\n\tfont-family: Inter;\n\twidth: ${(props) => addPixels(props.customStyles?.width)};\n\tcolor: ${(props) => props.color \|\| COLORS.text.primary};\n\tfont-weight: ${(props) =>\n\t\tprops.customStyles?.fontWeight \|\| FONTS.bodySecondary.fontWeight};\n\tfont-size: ${(props) =>\n\t\taddPixels(props.customStyles?.fontSize) \|\|\n\t\taddPixels(FONTS.bodySecondary.fontSize)};\n\tline-height: ${addPixels(FONTS.bodySecondary.lineHeight)};\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: ${(props) => props.numberOfLines};\n`;\n\nexport const ButtonRegularAI = styled.div<{\n\tnumberOfLines?: number;\n\tcolor?: string;\n\tdisabled?: boolean;\n}>`\n\tfont-family: Inter;\n\tcolor: ${(props) => props.color \|\| COLORS.text.primary};\n\tfont-weight: ${FONTS.bodySecondary.fontWeight};\n\tfont-size: ${addPixels(FONTS.bodySecondary.fontSize)};\n\tline-height: ${addPixels(FONTS.bodySecondary.lineHeight)};\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: ${(props) => props.numberOfLines};\n\tz-index: 1;\n\tbackground: linear-gradient(93deg, #ff166a 0.37%, #fb5f08 100%);\n\t-webkit-background-clip: text;\n\t-webkit-text-fill-color: transparent;\n\tbackground-clip: text;\n\ttext-fill-color: transparent;\n`;\n\nexport const BodyPrimaryLink = styled(BodyPrimary)`\n\ttext-decoration: underline;\n\tcolor: ${COLORS.content.brand};\n\ttext-decoration-color: ${COLORS.content.brand};\n\tcursor: pointer;\n`;\n\nexport const BodySecondaryLink = styled(BodySecondary)`\n\ttext-decoration: underline;\n\tcolor: ${COLORS.content.brand};\n\ttext-decoration-color: ${COLORS.content.brand};\n\tcursor: pointer;\n`;\n\nexport const BodyCaption = styled.div<{\n\tnumberOfLines?: number;\n\tcolor?: string;\n}>`\n\tfont-family: Inter;\n\tcolor: ${(props) => props.color \|\| COLORS.text.primary};\n\tfont-weight: ${FONTS.caption.fontWeight};\n\tfont-size: ${addPixels(FONTS.caption.fontSize)};\n\tline-height: ${addPixels(FONTS.caption.lineHeight)};\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: ${(props) => props.numberOfLines};\n\tword-break: break-word;\n\toverflow-wrap: break-word;\n`;\n\nexport const AiBodyCaption = styled.div<{\n\tnumberOfLines?: number;\n\tcolor?: string;\n}>`\n\tfont-family: Inter;\n\tcolor: ${(props) => props.color \|\| COLORS.text.primary};\n\tfont-weight: ${FONTS.caption.fontWeight};\n\tfont-size: ${addPixels(FONTS.caption.fontSize)};\n\tline-height: ${addPixels(FONTS.caption.lineHeight)};\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: ${(props) => props.numberOfLines};\n\tz-index: 1;\n\tbackground: linear-gradient(93deg, #ff166a 0.37%, #fb5f08 100%);\n\t-webkit-background-clip: text;\n\t-webkit-text-fill-color: transparent;\n\tbackground-clip: text;\n\ttext-fill-color: transparent;\n`;\n\nexport const BodyTiny = styled.div<{\n\tnumberOfLines?: number;\n\tcolor?: string;\n}>`\n\tcolor: ${(props) => props.color \|\| COLORS.text.primary};\n\tfont-weight: ${FONTS.tiny.fontWeight};\n\tfont-size: ${addPixels(FONTS.tiny.fontSize)};\n\tline-height: ${addPixels(FONTS.tiny.lineHeight)};\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: ${(props) => props.numberOfLines};\n`;\n\nexport const AiBodyTiny = styled.div<{\n\tnumberOfLines?: number;\n\tcolor?: string;\n}>`\n\tcolor: ${(props) => props.color \|\| COLORS.text.primary};\n\tfont-weight: ${FONTS.tiny.fontWeight};\n\tfont-size: ${addPixels(FONTS.tiny.fontSize)};\n\tline-height: ${addPixels(FONTS.tiny.lineHeight)};\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: ${(props) => props.numberOfLines};\n\tz-index: 1;\n\tbackground: linear-gradient(93deg, #ff166a 0.37%, #fb5f08 100%);\n\t-webkit-background-clip: text;\n\t-webkit-text-fill-color: transparent;\n\tbackground-clip: text;\n\ttext-fill-color: transparent;\n`;\n\nexport const ButtonLarge = styled.div<{\n\tnumberOfLines?: number;\n\tcolor?: string;\n}>`\n\tfont-family: Inter;\n\tcolor: ${(props) => props.color \|\| COLORS.text.primary};\n\tfont-weight: ${FONTS.buttonLarge.fontWeight};\n\tfont-size: ${addPixels(FONTS.buttonLarge.fontSize)};\n\tline-height: ${addPixels(FONTS.buttonLarge.lineHeight)};\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: ${(props) => props.numberOfLines};\n`;\n\nexport const ButtonLargeAI = styled.div<{\n\tnumberOfLines?: number;\n\tcolor?: string;\n}>`\n\tfont-family: Inter;\n\tcolor: ${(props) => props.color \|\| COLORS.text.primary};\n\tfont-weight: ${FONTS.buttonLarge.fontWeight};\n\tfont-size: ${addPixels(FONTS.buttonLarge.fontSize)};\n\tline-height: ${addPixels(FONTS.buttonLarge.lineHeight)};\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: ${(props) => props.numberOfLines};\n\tbackground: linear-gradient(93deg, #ff166a 0.37%, #fb5f08 100%);\n\tz-index: 1;\n\t-webkit-background-clip: text;\n\t-webkit-text-fill-color: transparent;\n\tbackground-clip: text;\n\ttext-fill-color: transparent;\n`;\n\nexport const ButtonRegular = styled.div<{\n\tnumberOfLines?: number;\n\tcolor?: string;\n}>`\n\tfont-family: Inter;\n\tcolor: ${(props) => props.color \|\| COLORS.text.primary};\n\tfont-weight: ${FONTS.buttonRegular.fontWeight};\n\tfont-size: ${addPixels(FONTS.buttonRegular.fontSize)};\n\tline-height: ${addPixels(FONTS.buttonRegular.lineHeight)};\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: ${(props) => props.numberOfLines};\n`;\n\nexport const SubHeading = styled.div<{\n\tnumberOfLines?: number;\n\tcolor?: string;\n}>`\n\tfont-family: Inter;\n\tcolor: ${(props) => props.color \|\| COLORS.text.primary};\n\tfont-weight: ${FONTS.subHeading.fontWeight};\n\tfont-size: ${addPixels(FONTS.subHeading.fontSize)};\n\tline-height: ${addPixels(FONTS.subHeading.lineHeight)};\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: ${(props) => props.numberOfLines};\n`;\n\nexport const BodyRegular = styled.div<{\n\tnumberOfLines?: number;\n\tcolor?: string;\n}>`\n\tfont-family: Inter;\n\tcolor: ${(props) => props.color \|\| COLORS.text.primary};\n\tfont-weight: ${FONTS.bodyRegular.fontWeight};\n\tfont-size: ${addPixels(FONTS.bodyRegular.fontSize)};\n\tline-height: ${addPixels(FONTS.bodyRegular.lineHeight)};\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: ${(props) => props.numberOfLines};\n`;\n\nexport const Caption = styled.div<{\n\tnumberOfLines?: number;\n\tcolor?: string;\n}>`\n\tfont-family: Inter;\n\tcolor: ${COLORS.text.primary};\n\tfont-weight: ${FONTS.caption.fontWeight};\n\tfont-size: ${addPixels(FONTS.caption.fontSize)};\n\tline-height: ${addPixels(FONTS.caption.lineHeight)};\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: ${(props) => props.numberOfLines};\n`;\n\nexport const TextPlaceholder = styled.div<{\n\tnumberOfLines?: number;\n\tcolor?: string;\n}>`\n\tfont-family: Inter;\n\tcolor: ${COLORS.text.primary};\n\tfont-weight: ${FONTS.textPlaceholder.fontWeight};\n\tfont-size: ${addPixels(FONTS.textPlaceholder.fontSize)};\n\tline-height: ${addPixels(FONTS.textPlaceholder.lineHeight)};\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: ${(props) => props.numberOfLines};\n`;\n\nexport const TitleFour = styled.div<{\n\tnumberOfLines?: number;\n\tcolor?: string;\n}>`\n\tfont-family: Inter;\n\tcolor: ${COLORS.text.primary};\n\tfont-weight: ${FONTS.title4.fontWeight};\n\tfont-size: ${addPixels(FONTS.title4.fontSize)};\n\tline-height: ${addPixels(FONTS.title4.lineHeight)};\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: ${(props) => props.numberOfLines};\n`;\n\nexport const BodySmall = styled.div<{\n\tnumberOfLines?: number;\n\tcolor?: string;\n}>`\n\tfont-family: Inter;\n\tcolor: ${COLORS.text.primary};\n\tfont-weight: ${FONTS.bodySmall.fontWeight};\n\tfont-size: ${addPixels(FONTS.bodySmall.fontSize)};\n\tline-height: ${addPixels(FONTS.bodySmall.lineHeight)};\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: ${(props) => props.numberOfLines};\n`;\n\nexport const CaptionBold = styled.div<{\n\tnumberOfLines?: number;\n\tcolor?: string;\n}>`\n\tfont-family: Inter;\n\tcolor: ${COLORS.text.primary};\n\tfont-weight: ${FONTS.captionBold.fontWeight};\n\tfont-size: ${addPixels(FONTS.captionBold.fontSize)};\n\tline-height: ${addPixels(FONTS.captionBold.lineHeight)};\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: ${(props) => props.numberOfLines};\n`;\n\nexport const Tiny = styled.div<{\n\tnumberOfLines?: number;\n\tcolor?: string;\n}>`\n\tfont-family: Inter;\n\tcolor: ${COLORS.text.primary};\n\tfont-weight: ${FONTS.tiny.fontWeight};\n\tfont-size: ${addPixels(FONTS.tiny.fontSize)};\n\tline-height: ${addPixels(FONTS.tiny.lineHeight)};\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: ${(props) => props.numberOfLines};\n`;\n"],"names":["addPixels","value","TitleXlarge","styled","props","COLORS","FONTS","TitleLarge","TitleMedium","SmallRegular","TitleRegular","TitleSmall","Display","BodyLarge","BodyPrimary","BodySecondary","ButtonRegularAI","BodyPrimaryLink","BodySecondaryLink","BodyCaption","AiBodyCaption","BodyTiny","AiBodyTiny","ButtonLarge","ButtonLargeAI","ButtonRegular","SubHeading","BodyRegular","Caption","TextPlaceholder","TitleFour","BodySmall","CaptionBold","Tiny"],"mappings":"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"}

package/dist/cjs/components/WhatsAppTextEditor/AIRephrase.styled.js CHANGED Viewed

@@ -1,10 +1,10 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("styled-components"),i=e=>typeof e=="number"?`${e}px`:e,n=o.div`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("styled-components"),i=t=>t&&typeof t=="object"&&"default"in t?t:{default:t},n=i(o),e=t=>typeof t=="number"?`${t}px`:t,r=n.default.div`
 	position: relative;
 	display: inline-flex;
 	width: fit-content;
-	border-radius: ${e=>i(e.borderRadius)};
+	border-radius: ${t=>e(t.borderRadius)};
 	/* Always reserve gutter for the ring so highlight on/off does not shift layout (CLS). */
-	padding: ${e=>i(e.borderSize)};
+	padding: ${t=>e(t.borderSize)};
 	background: transparent;
 	overflow: hidden;
@@ -15,8 +15,8 @@
 		inset: 0;
 		border-radius: inherit;
 		z-index: 0;
-		background: ${e=>`conic-gradient(from ${e.rotation}deg, #ff2f72, #fb5f08, #ff2f72)`};
-		opacity: ${e=>e.show?1:0};
+		background: ${t=>`conic-gradient(from ${t.rotation}deg, #ff2f72, #fb5f08, #ff2f72)`};
+		opacity: ${t=>t.show?1:0};
 		transition: opacity 0.15s ease;
 		pointer-events: none;
 	}
@@ -25,5 +25,5 @@
 		position: relative;
 		z-index: 1;
 	}
-`;exports.BorderAnimationContainer=n;
+`;exports.BorderAnimationContainer=r;
 //# sourceMappingURL=AIRephrase.styled.js.map

package/dist/cjs/components/WhatsAppTextEditor/AIRephrase.styled.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AIRephrase.styled.js","sources":["../../../../src/components/WhatsAppTextEditor/AIRephrase.styled.ts"],"sourcesContent":["import styled from 'styled-components';\n\nconst toCssSize = (value: string \| number) =>\n\ttypeof value === 'number' ? `${value}px` : value;\n\nexport const BorderAnimationContainer = styled.div<{\n\trotation: number;\n\tshow: boolean;\n\tborderRadius: string \| number;\n\tborderSize: string \| number;\n}>`\n\tposition: relative;\n\tdisplay: inline-flex;\n\twidth: fit-content;\n\tborder-radius: ${(props) => toCssSize(props.borderRadius)};\n\t/* Always reserve gutter for the ring so highlight on/off does not shift layout (CLS). /\n\tpadding: ${(props) => toCssSize(props.borderSize)};\n\tbackground: transparent;\n\toverflow: hidden;\n\n\t/ Ring on its own layer: fade in/out instead of animating padding (which caused CLS). /\n\t&::before {\n\t\tcontent: '';\n\t\tposition: absolute;\n\t\tinset: 0;\n\t\tborder-radius: inherit;\n\t\tz-index: 0;\n\t\tbackground: ${(props) =>\n\t\t\t`conic-gradient(from ${props.rotation}deg, #ff2f72, #fb5f08, #ff2f72)`};\n\t\topacity: ${(props) => (props.show ? 1 : 0)};\n\t\ttransition: opacity 0.15s ease;\n\t\tpointer-events: none;\n\t}\n\n\t& > {\n\t\tposition: relative;\n\t\tz-index: 1;\n\t}\n`;\n"],"names":["toCssSize","value","BorderAnimationContainer","styled","props"],"mappings":"~~qHAEMA~~,EAAaC,GAClB,OAAOA,GAAU,SAAW,GAAGA,CAAK,KAAOA,EAE/BC,EAA2BC,~~EAAO~~;AAAA;AAAA;AAAA;AAAA,kBAS5BC,GAAUJ,EAAUI,EAAM,YAAY,CAAC;AAAA;AAAA,YAE7CA,GAAUJ,EAAUI,EAAM,UAAU,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAWjCA,GACd,uBAAuBA,EAAM,QAAQ,iCAAiC;AAAA,aAC3DA,GAAWA,EAAM,KAAO,EAAI,CAAE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA"}
1	+ {"version":3,"file":"AIRephrase.styled.js","sources":["../../../../src/components/WhatsAppTextEditor/AIRephrase.styled.ts"],"sourcesContent":["import styled from 'styled-components';\n\nconst toCssSize = (value: string \| number) =>\n\ttypeof value === 'number' ? `${value}px` : value;\n\nexport const BorderAnimationContainer = styled.div<{\n\trotation: number;\n\tshow: boolean;\n\tborderRadius: string \| number;\n\tborderSize: string \| number;\n}>`\n\tposition: relative;\n\tdisplay: inline-flex;\n\twidth: fit-content;\n\tborder-radius: ${(props) => toCssSize(props.borderRadius)};\n\t/* Always reserve gutter for the ring so highlight on/off does not shift layout (CLS). /\n\tpadding: ${(props) => toCssSize(props.borderSize)};\n\tbackground: transparent;\n\toverflow: hidden;\n\n\t/ Ring on its own layer: fade in/out instead of animating padding (which caused CLS). /\n\t&::before {\n\t\tcontent: '';\n\t\tposition: absolute;\n\t\tinset: 0;\n\t\tborder-radius: inherit;\n\t\tz-index: 0;\n\t\tbackground: ${(props) =>\n\t\t\t`conic-gradient(from ${props.rotation}deg, #ff2f72, #fb5f08, #ff2f72)`};\n\t\topacity: ${(props) => (props.show ? 1 : 0)};\n\t\ttransition: opacity 0.15s ease;\n\t\tpointer-events: none;\n\t}\n\n\t& > {\n\t\tposition: relative;\n\t\tz-index: 1;\n\t}\n`;\n"],"names":["toCssSize","value","BorderAnimationContainer","styled","props"],"mappings":"oLAEMA,EAAaC,GAClB,OAAOA,GAAU,SAAW,GAAGA,CAAK,KAAOA,EAE/BC,EAA2BC,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA,kBAS5BC,GAAUJ,EAAUI,EAAM,YAAY,CAAC;AAAA;AAAA,YAE7CA,GAAUJ,EAAUI,EAAM,UAAU,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAWjCA,GACd,uBAAuBA,EAAM,QAAQ,iCAAiC;AAAA,aAC3DA,GAAWA,EAAM,KAAO,EAAI,CAAE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA"}

package/dist/cjs/components/WhatsAppTextEditor/AIRephraseButton.js CHANGED Viewed

@@ -1,11 +1,11 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),c=require("react"),s=require("styled-components"),S=require("../../hooks/useOutside.js"),o=require("../../constants/Theme.js"),k=require("../../assets/icons/chevronDown.svg.js"),I=require("../../assets/icons/chevronRight.svg.js"),$=require("../../assets/icons/edit.svg.js"),q=require("../../assets/icons/emoji.svg.js"),b=require("../../assets/icons/magic-line.svg.js"),v=require("./BorderAnimation.js"),A=s.div`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),c=require("react"),S=require("styled-components"),k=require("../../hooks/useOutside.js"),o=require("../../constants/Theme.js"),I=require("../../assets/icons/chevronDown.svg.js"),$=require("../../assets/icons/chevronRight.svg.js"),q=require("../../assets/icons/edit.svg.js"),v=require("../../assets/icons/emoji.svg.js"),h=require("../../assets/icons/magic-line.svg.js"),A=require("./BorderAnimation.js"),D=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},s=D(S),L=s.default.div`
 	display: flex;
 	align-items: center;
 	border: 1px solid transparent;
 	border-radius: 16px;
 	background: #ffe8ef;
 	opacity: ${e=>e.disabled?.5:1};
-`,D=s.button`
+`,M=s.default.button`
 	border: 0;
 	background: #ffe8ef;
 	color: #f53f77;
@@ -21,7 +21,7 @@
 	:hover {
 		filter: brightness(0.98);
 	}
-`,L=s.button`
+`,T=s.default.button`
 	border: 0;
 	border-left: 1px solid #f6c8d7;
 	background: #ffe8ef;
@@ -32,9 +32,9 @@
 	cursor: ${e=>e.disabled?"not-allowed":"pointer"};
 	display: flex;
 	align-items: center;
-`,M=s.div`
+`,B=s.default.div`
 	position: relative;
-`,T=s.div`
+`,z=s.default.div`
 	position: absolute;
 	top: calc(100% + 6px);
 	left: 0;
@@ -45,7 +45,7 @@
 	z-index: 10;
 	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
 	padding: 4px;
-`,p=s.button`
+`,p=s.default.button`
 	width: 100%;
 	text-align: left;
 	border: 0;
@@ -67,7 +67,7 @@
 			background: ${e.toneSubmenuOpen?"#d9e8db":"#f7f7f8"};
 		}
 	`:""}
-`,B=s.div`
+`,E=s.default.div`
 	position: absolute;
 	top: 0;
 	left: calc(100% + 4px);
@@ -78,5 +78,5 @@
 	z-index: 11;
 	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
 	padding: 4px;
-`,z=({label:e,disabled:l,loading:i,highlighted:g,tones:f,selectedToneId:w,instructionActive:u,onClick:m,onToneChange:O,onInstructionsClick:y,showSecondaryRephraseOption:j,onSecondaryRephraseClick:C})=>{const x=c.useRef(null),[R,d]=c.useState(!1),[h,n]=c.useState(!1),a=!!u||!!l||!!i;return S.useOutside(x,()=>{d(!1),n(!1)}),c.useEffect(()=>{u&&(d(!1),n(!1))},[u]),t.jsxs(M,{ref:x,children:[t.jsx(v.default,{showAnimation:!!g,disabled:!!l||!!i,borderRadius:16,borderSize:2,children:t.jsxs(A,{disabled:l||i,children:[t.jsxs(D,{type:"button",disabled:l||i,onClick:m,children:[t.jsx(b.default,{width:12,height:12,color:"#f53f77"}),i?"...":e]}),t.jsx(L,{type:"button",disabled:a,onClick:()=>{a||(d(r=>!r),n(!1))},children:t.jsx(k.default,{width:14,height:14})})]})}),R?t.jsxs(T,{children:[f?.length?t.jsx(p,{type:"button",toneSubmenuOpen:h,isChangeToneRow:!0,onMouseEnter:()=>{a||n(!0)},onClick:()=>n(r=>!r),children:t.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",width:"100%"},children:[t.jsxs("span",{style:{display:"inline-flex",alignItems:"center",gap:8},children:[t.jsx(q.default,{width:18,height:18,color:"currentColor"}),"Change tone"]}),t.jsx(I.default,{width:14,height:14,color:"currentColor"})]})}):null,t.jsxs(p,{type:"button",isInstructions:!0,selected:!!u,onMouseEnter:()=>n(!1),onClick:()=>{a||(y?.(),d(!1),n(!1))},children:[t.jsx($.default,{width:16,height:16,color:o.COLORS.content.primary}),"Add instructions"]}),j?t.jsxs(p,{type:"button",onMouseEnter:()=>n(!1),onClick:()=>{l||i||(C?.(),d(!1),n(!1))},children:[t.jsx(b.default,{width:16,height:16,color:o.COLORS.content.primary}),"Rephrase"]}):null,h&&f?.length?t.jsx(B,{children:f.map(r=>t.jsx(p,{type:"button",selected:r.id===w,onClick:()=>{a||(O?.(r.id),d(!1),n(!1))},children:r.label},r.id))}):null]}):null]})};exports.AIRephraseButton=z;
+`,_=({label:e,disabled:l,loading:i,highlighted:g,tones:f,selectedToneId:w,instructionActive:u,onClick:m,onToneChange:y,onInstructionsClick:O,showSecondaryRephraseOption:j,onSecondaryRephraseClick:C})=>{const x=c.useRef(null),[R,d]=c.useState(!1),[b,n]=c.useState(!1),a=!!u||!!l||!!i;return k.useOutside(x,()=>{d(!1),n(!1)}),c.useEffect(()=>{u&&(d(!1),n(!1))},[u]),t.jsxs(B,{ref:x,children:[t.jsx(A.default,{showAnimation:!!g,disabled:!!l||!!i,borderRadius:16,borderSize:2,children:t.jsxs(L,{disabled:l||i,children:[t.jsxs(M,{type:"button",disabled:l||i,onClick:m,children:[t.jsx(h.default,{width:12,height:12,color:"#f53f77"}),i?"...":e]}),t.jsx(T,{type:"button",disabled:a,onClick:()=>{a||(d(r=>!r),n(!1))},children:t.jsx(I.default,{width:14,height:14})})]})}),R?t.jsxs(z,{children:[f?.length?t.jsx(p,{type:"button",toneSubmenuOpen:b,isChangeToneRow:!0,onMouseEnter:()=>{a||n(!0)},onClick:()=>n(r=>!r),children:t.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",width:"100%"},children:[t.jsxs("span",{style:{display:"inline-flex",alignItems:"center",gap:8},children:[t.jsx(v.default,{width:18,height:18,color:"currentColor"}),"Change tone"]}),t.jsx($.default,{width:14,height:14,color:"currentColor"})]})}):null,t.jsxs(p,{type:"button",isInstructions:!0,selected:!!u,onMouseEnter:()=>n(!1),onClick:()=>{a||(O?.(),d(!1),n(!1))},children:[t.jsx(q.default,{width:16,height:16,color:o.COLORS.content.primary}),"Add instructions"]}),j?t.jsxs(p,{type:"button",onMouseEnter:()=>n(!1),onClick:()=>{l||i||(C?.(),d(!1),n(!1))},children:[t.jsx(h.default,{width:16,height:16,color:o.COLORS.content.primary}),"Rephrase"]}):null,b&&f?.length?t.jsx(E,{children:f.map(r=>t.jsx(p,{type:"button",selected:r.id===w,onClick:()=>{a||(y?.(r.id),d(!1),n(!1))},children:r.label},r.id))}):null]}):null]})};exports.AIRephraseButton=_;
 //# sourceMappingURL=AIRephraseButton.js.map

package/dist/cjs/components/WhatsAppTextEditor/AIRephraseButton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AIRephraseButton.js","sources":["../../../../src/components/WhatsAppTextEditor/AIRephraseButton.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\nimport styled from 'styled-components';\nimport { useOutside } from '@src/hooks/useOutside';\nimport { COLORS } from '@src/constants/Theme';\nimport ChevronDownIcon from '../../assets/icons/chevronDown.svg';\nimport ChevronRightIcon from '../../assets/icons/chevronRight.svg';\nimport EditIcon from '../../assets/icons/edit.svg';\nimport EmojiIcon from '../../assets/icons/emoji.svg';\nimport SparkleIcon from '../../assets/icons/magic-line.svg';\nimport BorderAnimation from './BorderAnimation';\n\nconst AIButtonGroup = styled.div<{ disabled?: boolean }>`\n\tdisplay: flex;\n\talign-items: center;\n\tborder: 1px solid transparent;\n\tborder-radius: 16px;\n\tbackground: #ffe8ef;\n\topacity: ${(props) => (props.disabled ? 0.5 : 1)};\n`;\n\nconst AIButton = styled.button<{ disabled?: boolean }>`\n\tborder: 0;\n\tbackground: #ffe8ef;\n\tcolor: #f53f77;\n\tborder-radius: 16px 0 0 16px;\n\tpadding: 6px 10px;\n\tfont-size: 12px;\n\tfont-weight: 400;\n\tline-height: 16px;\n\tcursor: ${(props) => (props.disabled ? 'not-allowed' : 'pointer')};\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 4px;\n\t:hover {\n\t\tfilter: brightness(0.98);\n\t}\n`;\n\nconst AIArrowButton = styled.button<{ disabled?: boolean }>`\n\tborder: 0;\n\tborder-left: 1px solid #f6c8d7;\n\tbackground: #ffe8ef;\n\tcolor: #f53f77;\n\tborder-radius: 0 16px 16px 0;\n\t//padding: 4px 6px;\n\tline-height: 1;\n\tcursor: ${(props) => (props.disabled ? 'not-allowed' : 'pointer')};\n\tdisplay: flex;\n\talign-items: center;\n`;\n\nconst AIDropdownContainer = styled.div`\n\tposition: relative;\n`;\n\nconst AIDropdownMenu = styled.div`\n\tposition: absolute;\n\ttop: calc(100% + 6px);\n\tleft: 0;\n\tbackground: ${COLORS.surface.standard};\n\tborder: 1px solid ${COLORS.stroke.primary};\n\tborder-radius: 8px;\n\twidth: 209px;\n\tz-index: 10;\n\tbox-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);\n\tpadding: 4px;\n`;\n\nconst AIDropdownItem = styled.button<{\n\tselected?: boolean;\n\tisInstructions?: boolean;\n\t/** Change tone row: green highlight when tone submenu is open /\n\ttoneSubmenuOpen?: boolean;\n\t/* Change tone row: green text/icon on hover or when submenu open */\n\tisChangeToneRow?: boolean;\n}>`\n\twidth: 100%;\n\ttext-align: left;\n\tborder: 0;\n\tbackground: ${(props) =>\n\t\tprops.selected \|\| props.toneSubmenuOpen ? '#d9e8db' : 'transparent'};\n\tcolor: ${(props) =>\n\t\tprops.selected \|\| props.toneSubmenuOpen\n\t\t\t? '#1e6b34'\n\t\t\t: COLORS.content.primary};\n\tpadding: 10px 10px;\n\tborder-radius: 6px;\n\tcursor: pointer;\n\tfont-size: 14px;\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 8px;\n\t:hover {\n\t\tbackground: ${(props) =>\n\t\t\tprops.selected \|\| props.toneSubmenuOpen ? '#d9e8db' : '#f7f7f8'};\n\t}\n\t${(props) =>\n\t\tprops.isChangeToneRow\n\t\t\t? `\n\t\t&:hover {\n\t\t\tcolor: #1e6b34;\n\t\t\tbackground: ${props.toneSubmenuOpen ? '#d9e8db' : '#f7f7f8'};\n\t\t}\n\t`\n\t\t\t: ''}\n`;\n\nconst ToneSubMenu = styled.div`\n\tposition: absolute;\n\ttop: 0;\n\tleft: calc(100% + 4px);\n\tbackground: ${COLORS.surface.standard};\n\tborder: 1px solid ${COLORS.stroke.primary};\n\tborder-radius: 8px;\n\tmin-width: 140px;\n\tz-index: 11;\n\tbox-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);\n\tpadding: 4px;\n`;\n\ntype AIRephraseButtonProps = {\n\tlabel: string;\n\tdisabled?: boolean;\n\tloading?: boolean;\n\thighlighted?: boolean;\n\ttones?: AIActionToneOption[];\n\tselectedToneId?: string;\n\tinstructionActive?: boolean;\n\tonClick?: () => void;\n\tonToneChange?: (toneId: string) => void;\n\tonInstructionsClick?: () => void;\n\tshowSecondaryRephraseOption?: boolean;\n\tonSecondaryRephraseClick?: () => void;\n};\n\nexport const AIRephraseButton = ({\n\tlabel,\n\tdisabled,\n\tloading,\n\thighlighted,\n\ttones,\n\tselectedToneId,\n\tinstructionActive,\n\tonClick,\n\tonToneChange,\n\tonInstructionsClick,\n\tshowSecondaryRephraseOption,\n\tonSecondaryRephraseClick,\n}: AIRephraseButtonProps) => {\n\tconst dropdownRef = useRef<HTMLDivElement>(null);\n\tconst [isDropdownOpen, setIsDropdownOpen] = useState(false);\n\tconst [isToneMenuOpen, setIsToneMenuOpen] = useState(false);\n\tconst isDropdownDisabled = !!instructionActive \|\| !!disabled \|\| !!loading;\n\n\tuseOutside(dropdownRef, () => {\n\t\tsetIsDropdownOpen(false);\n\t\tsetIsToneMenuOpen(false);\n\t});\n\n\tuseEffect(() => {\n\t\tif (!instructionActive) return;\n\t\tsetIsDropdownOpen(false);\n\t\tsetIsToneMenuOpen(false);\n\t}, [instructionActive]);\n\n\treturn (\n\t\t<AIDropdownContainer ref={dropdownRef}>\n\t\t\t<BorderAnimation\n\t\t\t\tshowAnimation={!!highlighted}\n\t\t\t\tdisabled={!!disabled \|\| !!loading}\n\t\t\t\tborderRadius={16}\n\t\t\t\tborderSize={2}\n\t\t\t>\n\t\t\t\t<AIButtonGroup disabled={disabled \|\| loading}>\n\t\t\t\t\t<AIButton\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\tdisabled={disabled \|\| loading}\n\t\t\t\t\t\tonClick={onClick}\n\t\t\t\t\t>\n\t\t\t\t\t\t<SparkleIcon width={12} height={12} color=\"#f53f77\" />\n\t\t\t\t\t\t{loading ? '...' : label}\n\t\t\t\t\t</AIButton>\n\t\t\t\t\t<AIArrowButton\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\tdisabled={isDropdownDisabled}\n\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\tif (isDropdownDisabled) return;\n\t\t\t\t\t\t\tsetIsDropdownOpen((prev) => !prev);\n\t\t\t\t\t\t\tsetIsToneMenuOpen(false);\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t<ChevronDownIcon width={14} height={14} />\n\t\t\t\t\t</AIArrowButton>\n\t\t\t\t</AIButtonGroup>\n\t\t\t</BorderAnimation>\n\t\t\t{isDropdownOpen ? (\n\t\t\t\t<AIDropdownMenu>\n\t\t\t\t\t{tones?.length ? (\n\t\t\t\t\t\t<AIDropdownItem\n\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\ttoneSubmenuOpen={isToneMenuOpen}\n\t\t\t\t\t\t\tisChangeToneRow\n\t\t\t\t\t\t\tonMouseEnter={() => {\n\t\t\t\t\t\t\t\tif (isDropdownDisabled) return;\n\t\t\t\t\t\t\t\tsetIsToneMenuOpen(true);\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tonClick={() => setIsToneMenuOpen((prev) => !prev)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t\t\t\tjustifyContent: 'space-between',\n\t\t\t\t\t\t\t\t\twidth: '100%',\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\tdisplay: 'inline-flex',\n\t\t\t\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t\t\t\t\tgap: 8,\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<EmojiIcon width={18} height={18} color=\"currentColor\" />\n\t\t\t\t\t\t\t\t\tChange tone\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t<ChevronRightIcon width={14} height={14} color=\"currentColor\" />\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</AIDropdownItem>\n\t\t\t\t\t) : null}\n\t\t\t\t\t<AIDropdownItem\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\tisInstructions\n\t\t\t\t\t\tselected={!!instructionActive}\n\t\t\t\t\t\tonMouseEnter={() => setIsToneMenuOpen(false)}\n\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\tif (isDropdownDisabled) return;\n\t\t\t\t\t\t\tonInstructionsClick?.();\n\t\t\t\t\t\t\tsetIsDropdownOpen(false);\n\t\t\t\t\t\t\tsetIsToneMenuOpen(false);\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t<EditIcon width={16} height={16} color={COLORS.content.primary} />\n\t\t\t\t\t\tAdd instructions\n\t\t\t\t\t</AIDropdownItem>\n\t\t\t\t\t{showSecondaryRephraseOption ? (\n\t\t\t\t\t\t<AIDropdownItem\n\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\tonMouseEnter={() => setIsToneMenuOpen(false)}\n\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\tif (disabled \|\| loading) return;\n\t\t\t\t\t\t\t\tonSecondaryRephraseClick?.();\n\t\t\t\t\t\t\t\tsetIsDropdownOpen(false);\n\t\t\t\t\t\t\t\tsetIsToneMenuOpen(false);\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<SparkleIcon\n\t\t\t\t\t\t\t\twidth={16}\n\t\t\t\t\t\t\t\theight={16}\n\t\t\t\t\t\t\t\tcolor={COLORS.content.primary}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\tRephrase\n\t\t\t\t\t\t</AIDropdownItem>\n\t\t\t\t\t) : null}\n\t\t\t\t\t{isToneMenuOpen && tones?.length ? (\n\t\t\t\t\t\t<ToneSubMenu>\n\t\t\t\t\t\t\t{tones.map((tone) => (\n\t\t\t\t\t\t\t\t<AIDropdownItem\n\t\t\t\t\t\t\t\t\tkey={tone.id}\n\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\tselected={tone.id === selectedToneId}\n\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\tif (isDropdownDisabled) return;\n\t\t\t\t\t\t\t\t\t\tonToneChange?.(tone.id);\n\t\t\t\t\t\t\t\t\t\tsetIsDropdownOpen(false);\n\t\t\t\t\t\t\t\t\t\tsetIsToneMenuOpen(false);\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{tone.label}\n\t\t\t\t\t\t\t\t</AIDropdownItem>\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t</ToneSubMenu>\n\t\t\t\t\t) : null}\n\t\t\t\t</AIDropdownMenu>\n\t\t\t) : null}\n\t\t</AIDropdownContainer>\n\t);\n};\nexport type AIActionToneOption = {\n\tid: string;\n\tlabel: string;\n};\n"],"names":["AIButtonGroup","styled","props","AIButton","AIArrowButton","AIDropdownContainer","AIDropdownMenu","COLORS","AIDropdownItem","ToneSubMenu","AIRephraseButton","label","disabled","loading","highlighted","tones","selectedToneId","instructionActive","onClick","onToneChange","onInstructionsClick","showSecondaryRephraseOption","onSecondaryRephraseClick","dropdownRef","useRef","isDropdownOpen","setIsDropdownOpen","useState","isToneMenuOpen","setIsToneMenuOpen","isDropdownDisabled","useOutside","useEffect","jsxs","jsx","BorderAnimation","SparkleIcon","prev","ChevronDownIcon","EmojiIcon","ChevronRightIcon","EditIcon","tone"],"mappings":"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"}
1	+ {"version":3,"file":"AIRephraseButton.js","sources":["../../../../src/components/WhatsAppTextEditor/AIRephraseButton.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\nimport styled from 'styled-components';\nimport { useOutside } from '@src/hooks/useOutside';\nimport { COLORS } from '@src/constants/Theme';\nimport ChevronDownIcon from '../../assets/icons/chevronDown.svg';\nimport ChevronRightIcon from '../../assets/icons/chevronRight.svg';\nimport EditIcon from '../../assets/icons/edit.svg';\nimport EmojiIcon from '../../assets/icons/emoji.svg';\nimport SparkleIcon from '../../assets/icons/magic-line.svg';\nimport BorderAnimation from './BorderAnimation';\n\nconst AIButtonGroup = styled.div<{ disabled?: boolean }>`\n\tdisplay: flex;\n\talign-items: center;\n\tborder: 1px solid transparent;\n\tborder-radius: 16px;\n\tbackground: #ffe8ef;\n\topacity: ${(props) => (props.disabled ? 0.5 : 1)};\n`;\n\nconst AIButton = styled.button<{ disabled?: boolean }>`\n\tborder: 0;\n\tbackground: #ffe8ef;\n\tcolor: #f53f77;\n\tborder-radius: 16px 0 0 16px;\n\tpadding: 6px 10px;\n\tfont-size: 12px;\n\tfont-weight: 400;\n\tline-height: 16px;\n\tcursor: ${(props) => (props.disabled ? 'not-allowed' : 'pointer')};\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 4px;\n\t:hover {\n\t\tfilter: brightness(0.98);\n\t}\n`;\n\nconst AIArrowButton = styled.button<{ disabled?: boolean }>`\n\tborder: 0;\n\tborder-left: 1px solid #f6c8d7;\n\tbackground: #ffe8ef;\n\tcolor: #f53f77;\n\tborder-radius: 0 16px 16px 0;\n\t//padding: 4px 6px;\n\tline-height: 1;\n\tcursor: ${(props) => (props.disabled ? 'not-allowed' : 'pointer')};\n\tdisplay: flex;\n\talign-items: center;\n`;\n\nconst AIDropdownContainer = styled.div`\n\tposition: relative;\n`;\n\nconst AIDropdownMenu = styled.div`\n\tposition: absolute;\n\ttop: calc(100% + 6px);\n\tleft: 0;\n\tbackground: ${COLORS.surface.standard};\n\tborder: 1px solid ${COLORS.stroke.primary};\n\tborder-radius: 8px;\n\twidth: 209px;\n\tz-index: 10;\n\tbox-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);\n\tpadding: 4px;\n`;\n\nconst AIDropdownItem = styled.button<{\n\tselected?: boolean;\n\tisInstructions?: boolean;\n\t/** Change tone row: green highlight when tone submenu is open /\n\ttoneSubmenuOpen?: boolean;\n\t/* Change tone row: green text/icon on hover or when submenu open */\n\tisChangeToneRow?: boolean;\n}>`\n\twidth: 100%;\n\ttext-align: left;\n\tborder: 0;\n\tbackground: ${(props) =>\n\t\tprops.selected \|\| props.toneSubmenuOpen ? '#d9e8db' : 'transparent'};\n\tcolor: ${(props) =>\n\t\tprops.selected \|\| props.toneSubmenuOpen\n\t\t\t? '#1e6b34'\n\t\t\t: COLORS.content.primary};\n\tpadding: 10px 10px;\n\tborder-radius: 6px;\n\tcursor: pointer;\n\tfont-size: 14px;\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 8px;\n\t:hover {\n\t\tbackground: ${(props) =>\n\t\t\tprops.selected \|\| props.toneSubmenuOpen ? '#d9e8db' : '#f7f7f8'};\n\t}\n\t${(props) =>\n\t\tprops.isChangeToneRow\n\t\t\t? `\n\t\t&:hover {\n\t\t\tcolor: #1e6b34;\n\t\t\tbackground: ${props.toneSubmenuOpen ? '#d9e8db' : '#f7f7f8'};\n\t\t}\n\t`\n\t\t\t: ''}\n`;\n\nconst ToneSubMenu = styled.div`\n\tposition: absolute;\n\ttop: 0;\n\tleft: calc(100% + 4px);\n\tbackground: ${COLORS.surface.standard};\n\tborder: 1px solid ${COLORS.stroke.primary};\n\tborder-radius: 8px;\n\tmin-width: 140px;\n\tz-index: 11;\n\tbox-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);\n\tpadding: 4px;\n`;\n\ntype AIRephraseButtonProps = {\n\tlabel: string;\n\tdisabled?: boolean;\n\tloading?: boolean;\n\thighlighted?: boolean;\n\ttones?: AIActionToneOption[];\n\tselectedToneId?: string;\n\tinstructionActive?: boolean;\n\tonClick?: () => void;\n\tonToneChange?: (toneId: string) => void;\n\tonInstructionsClick?: () => void;\n\tshowSecondaryRephraseOption?: boolean;\n\tonSecondaryRephraseClick?: () => void;\n};\n\nexport const AIRephraseButton = ({\n\tlabel,\n\tdisabled,\n\tloading,\n\thighlighted,\n\ttones,\n\tselectedToneId,\n\tinstructionActive,\n\tonClick,\n\tonToneChange,\n\tonInstructionsClick,\n\tshowSecondaryRephraseOption,\n\tonSecondaryRephraseClick,\n}: AIRephraseButtonProps) => {\n\tconst dropdownRef = useRef<HTMLDivElement>(null);\n\tconst [isDropdownOpen, setIsDropdownOpen] = useState(false);\n\tconst [isToneMenuOpen, setIsToneMenuOpen] = useState(false);\n\tconst isDropdownDisabled = !!instructionActive \|\| !!disabled \|\| !!loading;\n\n\tuseOutside(dropdownRef, () => {\n\t\tsetIsDropdownOpen(false);\n\t\tsetIsToneMenuOpen(false);\n\t});\n\n\tuseEffect(() => {\n\t\tif (!instructionActive) return;\n\t\tsetIsDropdownOpen(false);\n\t\tsetIsToneMenuOpen(false);\n\t}, [instructionActive]);\n\n\treturn (\n\t\t<AIDropdownContainer ref={dropdownRef}>\n\t\t\t<BorderAnimation\n\t\t\t\tshowAnimation={!!highlighted}\n\t\t\t\tdisabled={!!disabled \|\| !!loading}\n\t\t\t\tborderRadius={16}\n\t\t\t\tborderSize={2}\n\t\t\t>\n\t\t\t\t<AIButtonGroup disabled={disabled \|\| loading}>\n\t\t\t\t\t<AIButton\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\tdisabled={disabled \|\| loading}\n\t\t\t\t\t\tonClick={onClick}\n\t\t\t\t\t>\n\t\t\t\t\t\t<SparkleIcon width={12} height={12} color=\"#f53f77\" />\n\t\t\t\t\t\t{loading ? '...' : label}\n\t\t\t\t\t</AIButton>\n\t\t\t\t\t<AIArrowButton\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\tdisabled={isDropdownDisabled}\n\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\tif (isDropdownDisabled) return;\n\t\t\t\t\t\t\tsetIsDropdownOpen((prev) => !prev);\n\t\t\t\t\t\t\tsetIsToneMenuOpen(false);\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t<ChevronDownIcon width={14} height={14} />\n\t\t\t\t\t</AIArrowButton>\n\t\t\t\t</AIButtonGroup>\n\t\t\t</BorderAnimation>\n\t\t\t{isDropdownOpen ? (\n\t\t\t\t<AIDropdownMenu>\n\t\t\t\t\t{tones?.length ? (\n\t\t\t\t\t\t<AIDropdownItem\n\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\ttoneSubmenuOpen={isToneMenuOpen}\n\t\t\t\t\t\t\tisChangeToneRow\n\t\t\t\t\t\t\tonMouseEnter={() => {\n\t\t\t\t\t\t\t\tif (isDropdownDisabled) return;\n\t\t\t\t\t\t\t\tsetIsToneMenuOpen(true);\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tonClick={() => setIsToneMenuOpen((prev) => !prev)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t\t\t\tjustifyContent: 'space-between',\n\t\t\t\t\t\t\t\t\twidth: '100%',\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\tdisplay: 'inline-flex',\n\t\t\t\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t\t\t\t\tgap: 8,\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<EmojiIcon width={18} height={18} color=\"currentColor\" />\n\t\t\t\t\t\t\t\t\tChange tone\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t<ChevronRightIcon width={14} height={14} color=\"currentColor\" />\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</AIDropdownItem>\n\t\t\t\t\t) : null}\n\t\t\t\t\t<AIDropdownItem\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\tisInstructions\n\t\t\t\t\t\tselected={!!instructionActive}\n\t\t\t\t\t\tonMouseEnter={() => setIsToneMenuOpen(false)}\n\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\tif (isDropdownDisabled) return;\n\t\t\t\t\t\t\tonInstructionsClick?.();\n\t\t\t\t\t\t\tsetIsDropdownOpen(false);\n\t\t\t\t\t\t\tsetIsToneMenuOpen(false);\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t<EditIcon width={16} height={16} color={COLORS.content.primary} />\n\t\t\t\t\t\tAdd instructions\n\t\t\t\t\t</AIDropdownItem>\n\t\t\t\t\t{showSecondaryRephraseOption ? (\n\t\t\t\t\t\t<AIDropdownItem\n\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\tonMouseEnter={() => setIsToneMenuOpen(false)}\n\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\tif (disabled \|\| loading) return;\n\t\t\t\t\t\t\t\tonSecondaryRephraseClick?.();\n\t\t\t\t\t\t\t\tsetIsDropdownOpen(false);\n\t\t\t\t\t\t\t\tsetIsToneMenuOpen(false);\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<SparkleIcon\n\t\t\t\t\t\t\t\twidth={16}\n\t\t\t\t\t\t\t\theight={16}\n\t\t\t\t\t\t\t\tcolor={COLORS.content.primary}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\tRephrase\n\t\t\t\t\t\t</AIDropdownItem>\n\t\t\t\t\t) : null}\n\t\t\t\t\t{isToneMenuOpen && tones?.length ? (\n\t\t\t\t\t\t<ToneSubMenu>\n\t\t\t\t\t\t\t{tones.map((tone) => (\n\t\t\t\t\t\t\t\t<AIDropdownItem\n\t\t\t\t\t\t\t\t\tkey={tone.id}\n\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\tselected={tone.id === selectedToneId}\n\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\tif (isDropdownDisabled) return;\n\t\t\t\t\t\t\t\t\t\tonToneChange?.(tone.id);\n\t\t\t\t\t\t\t\t\t\tsetIsDropdownOpen(false);\n\t\t\t\t\t\t\t\t\t\tsetIsToneMenuOpen(false);\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{tone.label}\n\t\t\t\t\t\t\t\t</AIDropdownItem>\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t</ToneSubMenu>\n\t\t\t\t\t) : null}\n\t\t\t\t</AIDropdownMenu>\n\t\t\t) : null}\n\t\t</AIDropdownContainer>\n\t);\n};\nexport type AIActionToneOption = {\n\tid: string;\n\tlabel: string;\n};\n"],"names":["AIButtonGroup","styled","props","AIButton","AIArrowButton","AIDropdownContainer","AIDropdownMenu","COLORS","AIDropdownItem","ToneSubMenu","AIRephraseButton","label","disabled","loading","highlighted","tones","selectedToneId","instructionActive","onClick","onToneChange","onInstructionsClick","showSecondaryRephraseOption","onSecondaryRephraseClick","dropdownRef","useRef","isDropdownOpen","setIsDropdownOpen","useState","isToneMenuOpen","setIsToneMenuOpen","isDropdownDisabled","useOutside","useEffect","jsxs","jsx","BorderAnimation","SparkleIcon","prev","ChevronDownIcon","EmojiIcon","ChevronRightIcon","EditIcon","tone"],"mappings":"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"}

package/dist/cjs/components/WhatsAppTextEditor/CustomEditor.styled.js CHANGED Viewed

@@ -1,40 +1,40 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("styled-components"),t=require("../../constants/Theme.js"),o=e.div`
-	background: ${t.COLORS.surface.standard};
-	border: ${r=>r.isError?2:1}px solid
-		${r=>r.isError?t.COLORS.stroke.negative.vibrant:t.COLORS.stroke.primary};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("styled-components"),o=require("../../constants/Theme.js"),i=t=>t&&typeof t=="object"&&"default"in t?t:{default:t},e=i(r),n=e.default.div`
+	background: ${o.COLORS.surface.standard};
+	border: ${t=>t.isError?2:1}px solid
+		${t=>t.isError?o.COLORS.stroke.negative.vibrant:o.COLORS.stroke.primary};
 	border-radius: 4px;
-`,i=e.textarea`
+`,d=e.default.textarea`
 	width: 100%;
 	border: 0;
 	padding: 12px 16px;
 	resize: none;
-	color: ${t.COLORS.content.primary};
+	color: ${o.COLORS.content.primary};
 	&:focus-within {
 		border: 0;
 		outline: 0;
 	}
-`,n=e.div`
+`,a=e.default.div`
 	display: flex;
 	flex-direction: column;
 	gap: 8px;
-`,d=e.div`
+`,l=e.default.div`
 	display: flex;
 	flex-direction: row;
 	align-items: center;
 	justify-content: space-between;
 	gap: 12px;
 	width: 100%;
-`,a=e.div`
+`,s=e.default.div`
 	flex: 1;
 	min-width: 0;
-`,s=e.div`
+`,c=e.default.div`
 	display: flex;
 	align-items: center;
 	justify-content: flex-end;
 	gap: 8px;
 	flex-shrink: 0;
 	margin-left: auto;
-`;exports.Container=o;exports.EditorFooterRight=s;exports.EditorFooterRow=d;exports.EditorFooterTitle=a;exports.OuterContainer=n;exports.TextSpace=i;
+`;exports.Container=n;exports.EditorFooterRight=c;exports.EditorFooterRow=l;exports.EditorFooterTitle=s;exports.OuterContainer=a;exports.TextSpace=d;
 //# sourceMappingURL=CustomEditor.styled.js.map

package/dist/cjs/components/WhatsAppTextEditor/CustomEditor.styled.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CustomEditor.styled.js","sources":["../../../../src/components/WhatsAppTextEditor/CustomEditor.styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { COLORS } from '@src/constants/Theme';\n\nexport const Container = styled.div<{ isError: boolean }>`\n\tbackground: ${COLORS.surface.standard};\n\tborder: ${(props) => (props.isError ? 2 : 1)}px solid\n\t\t${(props) =>\n\t\t\tprops.isError ? COLORS.stroke.negative.vibrant : COLORS.stroke.primary};\n\tborder-radius: 4px;\n`;\n\nexport const TextSpace = styled.textarea`\n\twidth: 100%;\n\n\tborder: 0;\n\tpadding: 12px 16px;\n\tresize: none;\n\tcolor: ${COLORS.content.primary};\n\n\t&:focus-within {\n\t\tborder: 0;\n\t\toutline: 0;\n\t}\n`;\n\nexport const OuterContainer = styled.div`\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 8px;\n`;\n\n/** Above the editor: optional title (left) + error / char limit (right). */\nexport const EditorFooterRow = styled.div`\n\tdisplay: flex;\n\tflex-direction: row;\n\talign-items: center;\n\tjustify-content: space-between;\n\tgap: 12px;\n\twidth: 100%;\n`;\n\nexport const EditorFooterTitle = styled.div`\n\tflex: 1;\n\tmin-width: 0;\n`;\n\nexport const EditorFooterRight = styled.div`\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: flex-end;\n\tgap: 8px;\n\tflex-shrink: 0;\n\tmargin-left: auto;\n`;\n"],"names":["Container","styled","COLORS","props","TextSpace","OuterContainer","EditorFooterRow","EditorFooterTitle","EditorFooterRight"],"mappings":"~~2JAGaA~~,EAAYC,~~EAAO~~;AAAA,eACjBC,EAAAA,OAAO,QAAQ,QAAQ;AAAA,WAC1BC,GAAWA,EAAM,QAAU,EAAI,CAAE;AAAA,IACxCA,GACFA,EAAM,QAAUD,EAAAA,OAAO,OAAO,SAAS,QAAUA,SAAO,OAAO,OAAO;AAAA;AAAA,EAI5DE,EAAYH,~~EAAO~~;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UAMtBC,EAAAA,OAAO,QAAQ,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQnBG,EAAiBJ,~~EAAO~~;AAAA;AAAA;AAAA;AAAA,EAOxBK,EAAkBL,~~EAAO~~;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EASzBM,EAAoBN,~~EAAO~~;AAAA;AAAA;AAAA,EAK3BO,EAAoBP,~~EAAO~~;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA"}
1	+ {"version":3,"file":"CustomEditor.styled.js","sources":["../../../../src/components/WhatsAppTextEditor/CustomEditor.styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { COLORS } from '@src/constants/Theme';\n\nexport const Container = styled.div<{ isError: boolean }>`\n\tbackground: ${COLORS.surface.standard};\n\tborder: ${(props) => (props.isError ? 2 : 1)}px solid\n\t\t${(props) =>\n\t\t\tprops.isError ? COLORS.stroke.negative.vibrant : COLORS.stroke.primary};\n\tborder-radius: 4px;\n`;\n\nexport const TextSpace = styled.textarea`\n\twidth: 100%;\n\n\tborder: 0;\n\tpadding: 12px 16px;\n\tresize: none;\n\tcolor: ${COLORS.content.primary};\n\n\t&:focus-within {\n\t\tborder: 0;\n\t\toutline: 0;\n\t}\n`;\n\nexport const OuterContainer = styled.div`\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 8px;\n`;\n\n/** Above the editor: optional title (left) + error / char limit (right). */\nexport const EditorFooterRow = styled.div`\n\tdisplay: flex;\n\tflex-direction: row;\n\talign-items: center;\n\tjustify-content: space-between;\n\tgap: 12px;\n\twidth: 100%;\n`;\n\nexport const EditorFooterTitle = styled.div`\n\tflex: 1;\n\tmin-width: 0;\n`;\n\nexport const EditorFooterRight = styled.div`\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: flex-end;\n\tgap: 8px;\n\tflex-shrink: 0;\n\tmargin-left: auto;\n`;\n"],"names":["Container","styled","COLORS","props","TextSpace","OuterContainer","EditorFooterRow","EditorFooterTitle","EditorFooterRight"],"mappings":"0NAGaA,EAAYC,EAAAA,QAAO;AAAA,eACjBC,EAAAA,OAAO,QAAQ,QAAQ;AAAA,WAC1BC,GAAWA,EAAM,QAAU,EAAI,CAAE;AAAA,IACxCA,GACFA,EAAM,QAAUD,EAAAA,OAAO,OAAO,SAAS,QAAUA,SAAO,OAAO,OAAO;AAAA;AAAA,EAI5DE,EAAYH,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UAMtBC,EAAAA,OAAO,QAAQ,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQnBG,EAAiBJ,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA,EAOxBK,EAAkBL,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EASzBM,EAAoBN,EAAAA,QAAO;AAAA;AAAA;AAAA,EAK3BO,EAAoBP,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA"}