@bikdotai/bik-component-library 0.0.821-2 → 0.0.821-beta.0

package/dist/esm/components/TypographyStyle.js

@@ -50,7 +50,7 @@ const i = (e) => e === void 0 || e == null ? "" : e + "px", b = n.div`
 	overflow: hidden;
 	display: -webkit-box;
 	-webkit-line-clamp: ${(e) => e.numberOfLines};
-`, y = n.div`
+`, w = n.div`
 	font-family: Inter;
 	color: ${(e) => e.color || o.text.primary};
 	font-weight: ${t.titleSmall.fontWeight};
@@ -60,19 +60,7 @@ const i = (e) => e === void 0 || e == null ? "" : e + "px", b = n.div`
 	overflow: hidden;
 	display: -webkit-box;
 	-webkit-line-clamp: ${(e) => e.numberOfLines};
-`, w = n.div`
-	font-family: Inter;
-	color: ${(e) => e.color || o.text.primary};
-	font-weight: ${t.titleTiny.fontWeight};
-	font-size: ${i(t.titleTiny.fontSize)};
-	line-height: ${i(t.titleTiny.lineHeight)};
-	font-variant-numeric: lining-nums tabular-nums;
-	font-feature-settings: 'case' on;
-	-webkit-box-orient: vertical;
-	overflow: hidden;
-	display: -webkit-box;
-	-webkit-line-clamp: ${(e) => e.numberOfLines};
-`, s = n.div`
+`, y = n.div`
 	font-family: Inter;
 	color: ${(e) => e.color || o.text.primary};
 	font-weight: ${t.display.fontWeight};
@@ -113,7 +101,7 @@ const i = (e) => e === void 0 || e == null ? "" : e + "px", b = n.div`
 	overflow: hidden;
 	display: -webkit-box;
 	-webkit-line-clamp: ${(e) => e.numberOfLines};
-`, m = n.div`
+`, s = n.div`
 	font-family: Inter;
 	color: ${(e) => e.color || o.text.primary};
 	font-weight: ${t.bodySecondary.fontWeight};
@@ -129,17 +117,17 @@ const i = (e) => e === void 0 || e == null ? "" : e + "px", b = n.div`
 	-webkit-text-fill-color: transparent;
 	background-clip: text;
 	text-fill-color: transparent;
-`, p = n(l)`
+`, m = n(l)`
 	text-decoration: underline;
 	color: ${o.content.brand};
 	text-decoration-color: ${o.content.brand};
 	cursor: pointer;
-`, x = n(r)`
+`, p = n(r)`
 	text-decoration: underline;
 	color: ${o.content.brand};
 	text-decoration-color: ${o.content.brand};
 	cursor: pointer;
-`, k = n.div`
+`, x = n.div`
 	font-family: Inter;
 	color: ${(e) => e.color || o.text.primary};
 	font-weight: ${t.caption.fontWeight};
@@ -151,7 +139,7 @@ const i = (e) => e === void 0 || e == null ? "" : e + "px", b = n.div`
 	-webkit-line-clamp: ${(e) => e.numberOfLines};
 	word-break: break-word;
 	overflow-wrap: break-word;
-`, u = n.div`
+`, k = n.div`
 	font-family: Inter;
 	color: ${(e) => e.color || o.text.primary};
 	font-weight: ${t.caption.fontWeight};
@@ -167,7 +155,7 @@ const i = (e) => e === void 0 || e == null ? "" : e + "px", b = n.div`
 	-webkit-text-fill-color: transparent;
 	background-clip: text;
 	text-fill-color: transparent;
-`, v = n.div`
+`, u = n.div`
 	color: ${(e) => e.color || o.text.primary};
 	font-weight: ${t.tiny.fontWeight};
 	font-size: ${i(t.tiny.fontSize)};
@@ -176,16 +164,7 @@ const i = (e) => e === void 0 || e == null ? "" : e + "px", b = n.div`
 	overflow: hidden;
 	display: -webkit-box;
 	-webkit-line-clamp: ${(e) => e.numberOfLines};
-`, z = n.div`
-	color: ${(e) => e.color || o.text.primary};
-	font-weight: ${t.bodyTinySemiBold.fontWeight};
-	font-size: ${i(t.bodyTinySemiBold.fontSize)};
-	line-height: ${i(t.bodyTinySemiBold.lineHeight)};
-	-webkit-box-orient: vertical;
-	overflow: hidden;
-	display: -webkit-box;
-	-webkit-line-clamp: ${(e) => e.numberOfLines};
-`, S = n.div`
+`, v = n.div`
 	color: ${(e) => e.color || o.text.primary};
 	font-weight: ${t.tiny.fontWeight};
 	font-size: ${i(t.tiny.fontSize)};
@@ -200,7 +179,7 @@ const i = (e) => e === void 0 || e == null ? "" : e + "px", b = n.div`
 	-webkit-text-fill-color: transparent;
 	background-clip: text;
 	text-fill-color: transparent;
-`, L = n.div`
+`, z = n.div`
 	font-family: Inter;
 	color: ${(e) => e.color || o.text.primary};
 	font-weight: ${t.buttonLarge.fontWeight};
@@ -210,7 +189,7 @@ const i = (e) => e === void 0 || e == null ? "" : e + "px", b = n.div`
 	overflow: hidden;
 	display: -webkit-box;
 	-webkit-line-clamp: ${(e) => e.numberOfLines};
-`, H = n.div`
+`, S = n.div`
 	font-family: Inter;
 	color: ${(e) => e.color || o.text.primary};
 	font-weight: ${t.buttonLarge.fontWeight};
@@ -226,7 +205,7 @@ const i = (e) => e === void 0 || e == null ? "" : e + "px", b = n.div`
 	-webkit-text-fill-color: transparent;
 	background-clip: text;
 	text-fill-color: transparent;
-`, O = n.div`
+`, L = n.div`
 	font-family: Inter;
 	color: ${(e) => e.color || o.text.primary};
 	font-weight: ${t.buttonRegular.fontWeight};
@@ -236,7 +215,7 @@ const i = (e) => e === void 0 || e == null ? "" : e + "px", b = n.div`
 	overflow: hidden;
 	display: -webkit-box;
 	-webkit-line-clamp: ${(e) => e.numberOfLines};
-`, W = n.div`
+`, H = n.div`
 	font-family: Inter;
 	color: ${(e) => e.color || o.text.primary};
 	font-weight: ${t.subHeading.fontWeight};
@@ -246,7 +225,7 @@ const i = (e) => e === void 0 || e == null ? "" : e + "px", b = n.div`
 	overflow: hidden;
 	display: -webkit-box;
 	-webkit-line-clamp: ${(e) => e.numberOfLines};
-`, I = n.div`
+`, O = n.div`
 	font-family: Inter;
 	color: ${(e) => e.color || o.text.primary};
 	font-weight: ${t.bodyRegular.fontWeight};
@@ -256,7 +235,7 @@ const i = (e) => e === void 0 || e == null ? "" : e + "px", b = n.div`
 	overflow: hidden;
 	display: -webkit-box;
 	-webkit-line-clamp: ${(e) => e.numberOfLines};
-`, B = n.div`
+`, W = n.div`
 	font-family: Inter;
 	color: ${o.text.primary};
 	font-weight: ${t.caption.fontWeight};
@@ -266,7 +245,7 @@ const i = (e) => e === void 0 || e == null ? "" : e + "px", b = n.div`
 	overflow: hidden;
 	display: -webkit-box;
 	-webkit-line-clamp: ${(e) => e.numberOfLines};
-`, T = n.div`
+`, I = n.div`
 	font-family: Inter;
 	color: ${o.text.primary};
 	font-weight: ${t.textPlaceholder.fontWeight};
@@ -276,7 +255,7 @@ const i = (e) => e === void 0 || e == null ? "" : e + "px", b = n.div`
 	overflow: hidden;
 	display: -webkit-box;
 	-webkit-line-clamp: ${(e) => e.numberOfLines};
-`, R = n.div`
+`, B = n.div`
 	font-family: Inter;
 	color: ${o.text.primary};
 	font-weight: ${t.title4.fontWeight};
@@ -286,7 +265,7 @@ const i = (e) => e === void 0 || e == null ? "" : e + "px", b = n.div`
 	overflow: hidden;
 	display: -webkit-box;
 	-webkit-line-clamp: ${(e) => e.numberOfLines};
-`, P = n.div`
+`, R = n.div`
 	font-family: Inter;
 	color: ${o.text.primary};
 	font-weight: ${t.bodySmall.fontWeight};
@@ -296,7 +275,7 @@ const i = (e) => e === void 0 || e == null ? "" : e + "px", b = n.div`
 	overflow: hidden;
 	display: -webkit-box;
 	-webkit-line-clamp: ${(e) => e.numberOfLines};
-`, C = n.div`
+`, P = n.div`
 	font-family: Inter;
 	color: ${o.text.primary};
 	font-weight: ${t.captionBold.fontWeight};
@@ -306,7 +285,7 @@ const i = (e) => e === void 0 || e == null ? "" : e + "px", b = n.div`
 	overflow: hidden;
 	display: -webkit-box;
 	-webkit-line-clamp: ${(e) => e.numberOfLines};
-`, A = n.div`
+`, T = n.div`
 	font-family: Inter;
 	color: ${o.text.primary};
 	font-weight: ${t.tiny.fontWeight};
@@ -318,35 +297,33 @@ const i = (e) => e === void 0 || e == null ? "" : e + "px", b = n.div`
 	-webkit-line-clamp: ${(e) => e.numberOfLines};
 `;
 export {
-  u as AiBodyCaption,
-  S as AiBodyTiny,
-  k as BodyCaption,
+  k as AiBodyCaption,
+  v as AiBodyTiny,
+  x as BodyCaption,
   $ as BodyLarge,
   l as BodyPrimary,
-  p as BodyPrimaryLink,
-  I as BodyRegular,
+  m as BodyPrimaryLink,
+  O as BodyRegular,
   r as BodySecondary,
-  x as BodySecondaryLink,
-  P as BodySmall,
-  v as BodyTiny,
-  z as BodyTinySemiBold,
-  L as ButtonLarge,
-  H as ButtonLargeAI,
-  O as ButtonRegular,
-  m as ButtonRegularAI,
-  B as Caption,
-  C as CaptionBold,
-  s as Display,
+  p as BodySecondaryLink,
+  R as BodySmall,
+  u as BodyTiny,
+  z as ButtonLarge,
+  S as ButtonLargeAI,
+  L as ButtonRegular,
+  s as ButtonRegularAI,
+  W as Caption,
+  P as CaptionBold,
+  y as Display,
   h as SmallRegular,
-  W as SubHeading,
-  T as TextPlaceholder,
-  A as Tiny,
-  R as TitleFour,
+  H as SubHeading,
+  I as TextPlaceholder,
+  T as Tiny,
+  B as TitleFour,
   d as TitleLarge,
   c as TitleMedium,
   g as TitleRegular,
-  y as TitleSmall,
-  w as TitleTiny,
+  w as TitleSmall,
   b as TitleXlarge
 };
 //# sourceMappingURL=TypographyStyle.js.map

package/dist/esm/components/TypographyStyle.js.map

@@ -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 TitleTiny = 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.titleTiny.fontWeight};\n\tfont-size: ${addPixels(FONTS.titleTiny.fontSize)};\n\tline-height: ${addPixels(FONTS.titleTiny.lineHeight)};\n\tfont-variant-numeric: lining-nums tabular-nums;\n\tfont-feature-settings: 'case' on;\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 BodyTinySemiBold = styled.div<{\n\tnumberOfLines?: number;\n\tcolor?: string;\n}>`\n\tcolor: ${(props) => props.color || COLORS.text.primary};\n\tfont-weight: ${FONTS.bodyTinySemiBold.fontWeight};\n\tfont-size: ${addPixels(FONTS.bodyTinySemiBold.fontSize)};\n\tline-height: ${addPixels(FONTS.bodyTinySemiBold.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","TitleTiny","Display","BodyLarge","BodyPrimary","BodySecondary","ButtonRegularAI","BodyPrimaryLink","BodySecondaryLink","BodyCaption","AiBodyCaption","BodyTiny","BodyTinySemiBold","AiBodyTiny","ButtonLarge","ButtonLargeAI","ButtonRegular","SubHeading","BodyRegular","Caption","TextPlaceholder","TitleFour","BodySmall","CaptionBold","Tiny"],"mappings":"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"}
+{"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/esm/components/agent-builder/AgentBuilder.d.ts

@@ -0,0 +1,18 @@
+import { default as React } from 'react';
+import { AgentBuilderProps } from './AgentBuilder.model';
+/**
+ * 4-step creation/edit wizard body for an AI agent. Presentational and
+ * controlled — the consumer owns the `value`, persistence and routing.
+ *
+ * @example
+ * <AgentBuilder
+ *   value={agent}
+ *   onChange={(patch) => setAgent({ ...agent, ...patch })}
+ *   availableTools={tools}
+ *   availableSubAgents={subAgents}
+ *   onDiscard={() => router.back()}
+ *   onSaveDraft={saveDraft}
+ *   onPublish={publish}
+ * />
+ */
+export declare const AgentBuilder: React.FC<AgentBuilderProps>;

package/dist/esm/components/agent-builder/AgentBuilder.js

@@ -0,0 +1,190 @@
+import { jsx as n, jsxs as y } from "react/jsx-runtime";
+import { useState as l, useCallback as t } from "react";
+import { COLORS as Y } from "../../constants/Theme.js";
+import { BuilderRoot as Z, Main as _, Rail as ee, Content as ne, ContentCard as oe } from "./AgentBuilder.styled.js";
+import { AgentBuilderFooter as te } from "./components/AgentBuilderFooter.js";
+import { AgentBuilderTopBar as ae } from "./components/AgentBuilderTopBar.js";
+import { DiscardModal as ie } from "./components/DiscardModal.js";
+import { GoLiveModal as se } from "./components/GoLiveModal.js";
+import { StepRail as re } from "./components/StepRail.js";
+import { AgentBuilderProvider as le, useAgentBuilderContext as de } from "./context/AgentBuilderContext.js";
+import { Step1About as ce } from "./steps/Step1About.js";
+import { Step2WhenItStepsIn as ue } from "./steps/Step2WhenItStepsIn.js";
+import { Step3HowItResponds as fe } from "./steps/Step3HowItResponds.js";
+import { Step4HandoverRules as he } from "./steps/Step4HandoverRules.js";
+import { Spinner as ge } from "../spinner/Spinner.js";
+const me = () => {
+  const { activeStep: d } = de();
+  switch (d) {
+    case "about":
+      return /* @__PURE__ */ n(ce, {});
+    case "trigger":
+      return /* @__PURE__ */ n(ue, {});
+    case "response":
+      return /* @__PURE__ */ n(fe, {});
+    case "handover":
+      return /* @__PURE__ */ n(he, {});
+    default:
+      return null;
+  }
+}, ve = (d) => {
+  const {
+    config: B,
+    onChange: m,
+    onStepChange: c,
+    onDiscard: i,
+    onSaveDraft: s,
+    onPublish: v,
+    onBack: u,
+    onTestAgent: f,
+    onGoToDashboard: h,
+    ...T
+  } = d, {
+    value: g,
+    activeStep: G,
+    availableTools: P,
+    availableSubAgents: M,
+    availableIntents: k = [],
+    availableModels: w = [],
+    validation: R,
+    applicationType: x,
+    isSaving: p,
+    isPublishing: S,
+    isLoading: I,
+    footerHint: j = "Changes don’t affect customers until you go live",
+    disableStepNavigation: H,
+    debugLog: b
+  } = B, [N, a] = l(null), [C, A] = l(!1), [O, r] = l(!1), [z, D] = l(!1), e = t(
+    (o, ...X) => {
+      b && console.log(`[AgentBuilder] ${o}`, ...X);
+    },
+    [b]
+  ), F = t(
+    (o) => {
+      e("onChange", o), m(o);
+    },
+    [e, m]
+  ), W = t(
+    (o) => {
+      e("onStepChange", o), c?.(o);
+    },
+    [e, c]
+  ), $ = t(() => {
+    e("onDiscard"), i();
+  }, [e, i]), L = t(() => (e("onSaveDraft"), s()), [e, s]), q = t(() => (e("onPublish"), v()), [e, v]), E = t(() => {
+    e("onBack"), r(!0);
+  }, [e]), J = t(() => {
+    e("onDiscardAndLeave"), r(!1), i();
+  }, [e, i]), K = t(async () => {
+    e("onSaveDraftAndLeave");
+    const o = s();
+    if (o && typeof o.then == "function") {
+      D(!0);
+      try {
+        await o;
+      } finally {
+        D(!1);
+      }
+    }
+    r(!1), u?.();
+  }, [e, s, u]), Q = t(() => {
+    e("onTestAgent"), f?.();
+  }, [e, f]), U = t(() => {
+    e("onGoToDashboard"), h?.();
+  }, [e, h]), V = async () => {
+    e("onGoLiveConfirm");
+    const o = q();
+    if (o && typeof o.then == "function") {
+      A(!0);
+      try {
+        await o, a("success");
+      } finally {
+        A(!1);
+      }
+    } else
+      a("success");
+  };
+  return /* @__PURE__ */ n(
+    le,
+    {
+      value: g,
+      onChange: F,
+      activeStep: G,
+      onStepChange: c ? W : void 0,
+      availableTools: P,
+      availableSubAgents: M,
+      availableIntents: k,
+      availableModels: w,
+      validation: R,
+      applicationType: x,
+      disableStepNavigation: H,
+      children: /* @__PURE__ */ y(Z, { "data-test": T["data-test"] ?? "agent-builder", children: [
+        /* @__PURE__ */ n(
+          ae,
+          {
+            name: g.name,
+            status: g.status,
+            onBack: u ? E : void 0,
+            onDiscard: $,
+            onSaveDraft: L,
+            isSaving: p
+          }
+        ),
+        /* @__PURE__ */ y(_, { children: [
+          /* @__PURE__ */ n(ee, { children: /* @__PURE__ */ n(re, {}) }),
+          /* @__PURE__ */ n(ne, { children: I ? /* @__PURE__ */ n(
+            "div",
+            {
+              style: {
+                display: "flex",
+                alignItems: "center",
+                justifyContent: "center",
+                height: "100%"
+              },
+              children: /* @__PURE__ */ n(ge, { size: "large", color: Y.stroke.brand })
+            }
+          ) : /* @__PURE__ */ n(oe, { children: /* @__PURE__ */ n(me, {}) }) })
+        ] }),
+        /* @__PURE__ */ n(
+          te,
+          {
+            footerHint: j,
+            onTestAgent: f ? Q : void 0,
+            onGoLive: () => {
+              e("onGoLive"), a("confirm");
+            },
+            isPublishing: S || C
+          }
+        ),
+        /* @__PURE__ */ n(
+          se,
+          {
+            mode: N,
+            onClose: () => a(null),
+            onConfirm: V,
+            onSaveDraft: () => {
+              a(null), L();
+            },
+            onGoToDashboard: h ? U : void 0,
+            isPublishing: S || C
+          }
+        ),
+        /* @__PURE__ */ n(
+          ie,
+          {
+            open: O,
+            onClose: () => r(!1),
+            onDiscard: J,
+            onSaveDraft: K,
+            isSaving: p || z
+          }
+        )
+      ] })
+    }
+  );
+};
+ve.displayName = "AgentBuilder";
+export {
+  ve as AgentBuilder
+};
+//# sourceMappingURL=AgentBuilder.js.map

package/dist/esm/components/agent-builder/AgentBuilder.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AgentBuilder.js","sources":["../../../../src/components/agent-builder/AgentBuilder.tsx"],"sourcesContent":["import React, { useCallback, useState } from 'react';\nimport { Spinner } from '@src/components/spinner';\nimport { COLORS } from '@src/constants/Theme';\nimport { AgentBuilderProps, AgentValue } from './AgentBuilder.model';\nimport {\n\tBuilderRoot,\n\tContent,\n\tContentCard,\n\tMain,\n\tRail,\n} from './AgentBuilder.styled';\nimport { AgentBuilderFooter } from './components/AgentBuilderFooter';\nimport { AgentBuilderTopBar } from './components/AgentBuilderTopBar';\nimport { DiscardModal } from './components/DiscardModal';\nimport { GoLiveModal, GoLiveModalMode } from './components/GoLiveModal';\nimport { StepRail } from './components/StepRail';\nimport {\n\tAgentBuilderProvider,\n\tuseAgentBuilderContext,\n} from './context/AgentBuilderContext';\nimport { Step1About } from './steps/Step1About';\nimport { Step2WhenItStepsIn } from './steps/Step2WhenItStepsIn';\nimport { Step3HowItResponds } from './steps/Step3HowItResponds';\nimport { Step4HandoverRules } from './steps/Step4HandoverRules';\n\nconst StepContent: React.FC = () => {\n\tconst { activeStep } = useAgentBuilderContext();\n\tswitch (activeStep) {\n\t\tcase 'about':\n\t\t\treturn <Step1About />;\n\t\tcase 'trigger':\n\t\t\treturn <Step2WhenItStepsIn />;\n\t\tcase 'response':\n\t\t\treturn <Step3HowItResponds />;\n\t\tcase 'handover':\n\t\t\treturn <Step4HandoverRules />;\n\t\tdefault:\n\t\t\treturn null;\n\t}\n};\n\n/**\n * 4-step creation/edit wizard body for an AI agent. Presentational and\n * controlled — the consumer owns the `value`, persistence and routing.\n *\n * @example\n * <AgentBuilder\n *   value={agent}\n *   onChange={(patch) => setAgent({ ...agent, ...patch })}\n *   availableTools={tools}\n *   availableSubAgents={subAgents}\n *   onDiscard={() => router.back()}\n *   onSaveDraft={saveDraft}\n *   onPublish={publish}\n * />\n */\nexport const AgentBuilder: React.FC<AgentBuilderProps> = (props) => {\n\tconst {\n\t\tconfig,\n\t\tonChange,\n\t\tonStepChange,\n\t\tonDiscard,\n\t\tonSaveDraft,\n\t\tonPublish,\n\t\tonBack,\n\t\tonTestAgent,\n\t\tonGoToDashboard,\n\t\t...rest\n\t} = props;\n\tconst {\n\t\tvalue,\n\t\tactiveStep,\n\t\tavailableTools,\n\t\tavailableSubAgents,\n\t\tavailableIntents = [],\n\t\tavailableModels = [],\n\t\tvalidation,\n\t\tapplicationType,\n\t\tisSaving,\n\t\tisPublishing,\n\t\tisLoading,\n\t\tfooterHint = 'Changes don’t affect customers until you go live',\n\t\tdisableStepNavigation,\n\t\tdebugLog,\n\t} = config;\n\n\tconst [modalMode, setModalMode] = useState<GoLiveModalMode>(null);\n\tconst [publishingLocal, setPublishingLocal] = useState(false);\n\t// Back was pressed → confirm leaving (save draft / discard) before navigating.\n\tconst [showLeaveConfirm, setShowLeaveConfirm] = useState(false);\n\tconst [savingAndLeaving, setSavingAndLeaving] = useState(false);\n\n\t// Gated debug logging: each handler logs at its start only when `debugLog`.\n\tconst logAction = useCallback(\n\t\t(action: string, ...args: unknown[]) => {\n\t\t\tif (debugLog) {\n\t\t\t\t// eslint-disable-next-line no-console\n\t\t\t\tconsole.log(`[AgentBuilder] ${action}`, ...args);\n\t\t\t}\n\t\t},\n\t\t[debugLog],\n\t);\n\n\tconst handleChange = useCallback(\n\t\t(patch: Partial<AgentValue>) => {\n\t\t\tlogAction('onChange', patch);\n\t\t\tonChange(patch);\n\t\t},\n\t\t[logAction, onChange],\n\t);\n\tconst handleStepChange = useCallback(\n\t\t(step: Parameters<NonNullable<typeof onStepChange>>[0]) => {\n\t\t\tlogAction('onStepChange', step);\n\t\t\tonStepChange?.(step);\n\t\t},\n\t\t[logAction, onStepChange],\n\t);\n\tconst handleDiscard = useCallback(() => {\n\t\tlogAction('onDiscard');\n\t\tonDiscard();\n\t}, [logAction, onDiscard]);\n\tconst handleSaveDraft = useCallback(() => {\n\t\tlogAction('onSaveDraft');\n\t\treturn onSaveDraft();\n\t}, [logAction, onSaveDraft]);\n\tconst handlePublish = useCallback(() => {\n\t\tlogAction('onPublish');\n\t\treturn onPublish();\n\t}, [logAction, onPublish]);\n\t// Back opens the \"Save as draft?\" confirmation rather than leaving directly.\n\tconst handleBack = useCallback(() => {\n\t\tlogAction('onBack');\n\t\tsetShowLeaveConfirm(true);\n\t}, [logAction]);\n\n\t// Modal \"Discard\" defers to the parent's discard handler (same as the top bar).\n\tconst handleDiscardAndLeave = useCallback(() => {\n\t\tlogAction('onDiscardAndLeave');\n\t\tsetShowLeaveConfirm(false);\n\t\tonDiscard();\n\t}, [logAction, onDiscard]);\n\n\tconst handleSaveDraftAndLeave = useCallback(async () => {\n\t\tlogAction('onSaveDraftAndLeave');\n\t\tconst result = onSaveDraft();\n\t\tif (result && typeof (result as Promise<void>).then === 'function') {\n\t\t\tsetSavingAndLeaving(true);\n\t\t\ttry {\n\t\t\t\tawait result;\n\t\t\t} finally {\n\t\t\t\tsetSavingAndLeaving(false);\n\t\t\t}\n\t\t}\n\t\tsetShowLeaveConfirm(false);\n\t\tonBack?.();\n\t}, [logAction, onSaveDraft, onBack]);\n\tconst handleTestAgent = useCallback(() => {\n\t\tlogAction('onTestAgent');\n\t\tonTestAgent?.();\n\t}, [logAction, onTestAgent]);\n\tconst handleGoToDashboard = useCallback(() => {\n\t\tlogAction('onGoToDashboard');\n\t\tonGoToDashboard?.();\n\t}, [logAction, onGoToDashboard]);\n\n\tconst handleConfirmGoLive = async () => {\n\t\tlogAction('onGoLiveConfirm');\n\t\tconst result = handlePublish();\n\t\tif (result && typeof (result as Promise<void>).then === 'function') {\n\t\t\tsetPublishingLocal(true);\n\t\t\ttry {\n\t\t\t\tawait result;\n\t\t\t\tsetModalMode('success');\n\t\t\t} finally {\n\t\t\t\tsetPublishingLocal(false);\n\t\t\t}\n\t\t} else {\n\t\t\tsetModalMode('success');\n\t\t}\n\t};\n\n\treturn (\n\t\t<AgentBuilderProvider\n\t\t\tvalue={value}\n\t\t\tonChange={handleChange}\n\t\t\tactiveStep={activeStep}\n\t\t\tonStepChange={onStepChange ? handleStepChange : undefined}\n\t\t\tavailableTools={availableTools}\n\t\t\tavailableSubAgents={availableSubAgents}\n\t\t\tavailableIntents={availableIntents}\n\t\t\tavailableModels={availableModels}\n\t\t\tvalidation={validation}\n\t\t\tapplicationType={applicationType}\n\t\t\tdisableStepNavigation={disableStepNavigation}\n\t\t>\n\t\t\t<BuilderRoot data-test={rest['data-test'] ?? 'agent-builder'}>\n\t\t\t\t<AgentBuilderTopBar\n\t\t\t\t\tname={value.name}\n\t\t\t\t\tstatus={value.status}\n\t\t\t\t\tonBack={onBack ? handleBack : undefined}\n\t\t\t\t\tonDiscard={handleDiscard}\n\t\t\t\t\tonSaveDraft={handleSaveDraft}\n\t\t\t\t\tisSaving={isSaving}\n\t\t\t\t/>\n\n\t\t\t\t<Main>\n\t\t\t\t\t<Rail>\n\t\t\t\t\t\t<StepRail />\n\t\t\t\t\t</Rail>\n\t\t\t\t\t<Content>\n\t\t\t\t\t\t{isLoading ? (\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: 'center',\n\t\t\t\t\t\t\t\t\theight: '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<Spinner size=\"large\" color={COLORS.stroke.brand} />\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<ContentCard>\n\t\t\t\t\t\t\t\t<StepContent />\n\t\t\t\t\t\t\t</ContentCard>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</Content>\n\t\t\t\t</Main>\n\n\t\t\t\t<AgentBuilderFooter\n\t\t\t\t\tfooterHint={footerHint}\n\t\t\t\t\tonTestAgent={onTestAgent ? handleTestAgent : undefined}\n\t\t\t\t\tonGoLive={() => {\n\t\t\t\t\t\tlogAction('onGoLive');\n\t\t\t\t\t\tsetModalMode('confirm');\n\t\t\t\t\t}}\n\t\t\t\t\tisPublishing={isPublishing || publishingLocal}\n\t\t\t\t/>\n\n\t\t\t\t<GoLiveModal\n\t\t\t\t\tmode={modalMode}\n\t\t\t\t\tonClose={() => setModalMode(null)}\n\t\t\t\t\tonConfirm={handleConfirmGoLive}\n\t\t\t\t\tonSaveDraft={() => {\n\t\t\t\t\t\tsetModalMode(null);\n\t\t\t\t\t\thandleSaveDraft();\n\t\t\t\t\t}}\n\t\t\t\t\tonGoToDashboard={onGoToDashboard ? handleGoToDashboard : undefined}\n\t\t\t\t\tisPublishing={isPublishing || publishingLocal}\n\t\t\t\t/>\n\n\t\t\t\t<DiscardModal\n\t\t\t\t\topen={showLeaveConfirm}\n\t\t\t\t\tonClose={() => setShowLeaveConfirm(false)}\n\t\t\t\t\tonDiscard={handleDiscardAndLeave}\n\t\t\t\t\tonSaveDraft={handleSaveDraftAndLeave}\n\t\t\t\t\tisSaving={isSaving || savingAndLeaving}\n\t\t\t\t/>\n\t\t\t</BuilderRoot>\n\t\t</AgentBuilderProvider>\n\t);\n};\n\nAgentBuilder.displayName = 'AgentBuilder';\n"],"names":["StepContent","activeStep","useAgentBuilderContext","Step1About","Step2WhenItStepsIn","Step3HowItResponds","Step4HandoverRules","AgentBuilder","props","config","onChange","onStepChange","onDiscard","onSaveDraft","onPublish","onBack","onTestAgent","onGoToDashboard","rest","value","availableTools","availableSubAgents","availableIntents","availableModels","validation","applicationType","isSaving","isPublishing","isLoading","footerHint","disableStepNavigation","debugLog","modalMode","setModalMode","useState","publishingLocal","setPublishingLocal","showLeaveConfirm","setShowLeaveConfirm","savingAndLeaving","setSavingAndLeaving","logAction","useCallback","action","args","handleChange","patch","handleStepChange","step","handleDiscard","handleSaveDraft","handlePublish","handleBack","handleDiscardAndLeave","handleSaveDraftAndLeave","result","handleTestAgent","handleGoToDashboard","handleConfirmGoLive","jsx","AgentBuilderProvider","BuilderRoot","AgentBuilderTopBar","Main","Rail","StepRail","Content","Spinner","COLORS","ContentCard","AgentBuilderFooter","GoLiveModal","DiscardModal"],"mappings":"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"}

package/dist/esm/components/agent-builder/AgentBuilder.model.d.ts

@@ -0,0 +1,73 @@
+import { AgentConfig, AgentHandoverConfig, AgentToolDoc, IntentOption, ModelOption, StepKey, StepValidation, SubAgentRef, Trigger } from '@bikdotai/bik-models/ai-agents';
+import { ApplicationType } from '@bikdotai/bik-models/growth';
+/**
+ * Agent DATA models live in `@bikdotai/bik-models/ai-agents`. The library uses a
+ * few friendlier aliases for its UI:
+ *  - `AgentValue` — the builder's working copy: an `AgentConfig` with `trigger`
+ *    and `handover` always present.
+ *  - `AgentTool` — `AgentToolDoc` (the picker reads its fields).
+ *  - `AgentTriggerValue` — `Trigger`.
+ */
+export type AgentValue = AgentConfig & {
+    trigger: Trigger;
+    handover: AgentHandoverConfig;
+};
+export type AgentTool = AgentToolDoc;
+export type AgentTriggerValue = Trigger;
+export type { AgentConfig, AgentToolDoc, AgentStatus, StepKey, StepValidation, TriggerMode, Trigger, HandoverMethod, AgentHandoverConfig, SubAgentRef, IntentOption, ModelOption, } from '@bikdotai/bik-models/ai-agents';
+/**
+ * All non-function (data / reference / flag) props, grouped into one object.
+ * Callbacks stay OUT of here and are passed as flat props so the consumer can
+ * keep stable function references without rebuilding this object.
+ */
+export interface AgentBuilderConfig {
+    /** Controlled agent value (single source of truth lives in the consumer). */
+    value: AgentValue;
+    /** Controlled active step. Omit to let the builder manage it internally. */
+    activeStep?: StepKey;
+    availableTools: AgentTool[];
+    availableSubAgents: SubAgentRef[];
+    availableIntents?: IntentOption[];
+    availableModels?: ModelOption[];
+    /** Host application context the merchant runs in (e.g. ApplicationType.MANIFEST). */
+    applicationType?: ApplicationType;
+    /** Optional consumer-supplied validity; merged over the builder's derived validity. */
+    validation?: Partial<StepValidation>;
+    isSaving?: boolean;
+    isPublishing?: boolean;
+    /** Whole-builder loading (e.g. edit-mode initial fetch). */
+    isLoading?: boolean;
+    /** Footer hint override. */
+    footerHint?: string;
+    /**
+     * Controls step-rail click navigation. The rail is read-only by **default**
+     * (the user moves with Back / Next). Set `false` to allow jumping steps by
+     * clicking the rail.
+     */
+    disableStepNavigation?: boolean;
+    /**
+     * When true, every action handler logs `[AgentBuilder] <handler>` (plus its
+     * args) to the console as it fires. Off by default — nothing is logged.
+     */
+    debugLog?: boolean;
+}
+export interface AgentBuilderProps {
+    /** Grouped data / reference / flags. */
+    config: AgentBuilderConfig;
+    /** Called with a partial patch on every field change. */
+    onChange: (patch: Partial<AgentValue>) => void;
+    onStepChange?: (step: StepKey) => void;
+    onDiscard: () => void;
+    onSaveDraft: () => void | Promise<void>;
+    /**
+     * Called when the user confirms go-live. If it returns a promise, the
+     * confirm button shows a loader and the success modal appears only on resolve.
+     */
+    onPublish: () => void | Promise<void>;
+    /** Back arrow in the top bar (e.g. return to listing). */
+    onBack?: () => void;
+    onTestAgent?: () => void;
+    /** After a successful go-live, navigate to the dashboard. Drives the success modal CTA. */
+    onGoToDashboard?: () => void;
+    'data-test'?: string;
+}