@plaidev/karte-action-sdk 1.1.268-29147222.21424830 → 1.1.268-29149508.178211fa

package/dist/components-flex/props.d.ts

@@ -74,6 +74,7 @@ export type BackgroundColorProps = {
 };
 export type BackgroundImageProps = {
 	backgroundImageUrl?: string
+	backgroundSize?: Properties["backgroundSize"]
 	backgroundPositionX?: Properties["backgroundPositionX"]
 	backgroundPositionY?: Properties["backgroundPositionY"]
 	backgroundBlendMode?: Properties["backgroundBlendMode"]

package/dist/components-flex/text/types.d.ts

@@ -31,7 +31,9 @@ export type LayerTextProps = CommonProps & BorderProps & RadiusProps & Backgroun
 	fontStyle?: Properties["fontStyle"]
 	fontSize?: Properties["fontSize"]
 	fontWeight?: Properties["fontWeight"]
+	letterSpacing?: Properties["letterSpacing"]
 	lineHeight?: number
+	lineClamp?: number
 	color?: Properties["color"]
 	width?: Properties["width"]
 };

package/dist/hydrate/components-flex/props.d.ts

@@ -74,6 +74,7 @@ export type BackgroundColorProps = {
 };
 export type BackgroundImageProps = {
 	backgroundImageUrl?: string
+	backgroundSize?: Properties["backgroundSize"]
 	backgroundPositionX?: Properties["backgroundPositionX"]
 	backgroundPositionY?: Properties["backgroundPositionY"]
 	backgroundBlendMode?: Properties["backgroundBlendMode"]

package/dist/hydrate/components-flex/text/types.d.ts

@@ -31,7 +31,9 @@ export type LayerTextProps = CommonProps & BorderProps & RadiusProps & Backgroun
 	fontStyle?: Properties["fontStyle"]
 	fontSize?: Properties["fontSize"]
 	fontWeight?: Properties["fontWeight"]
+	letterSpacing?: Properties["letterSpacing"]
 	lineHeight?: number
+	lineClamp?: number
 	color?: Properties["color"]
 	width?: Properties["width"]
 };

package/dist/hydrate/index.es.js

@@ -502,14 +502,19 @@ const Fonts = [
 	"Noto Serif JP",
 	"Shippori Mincho",
 	"BIZ UDPMincho",
+	"Barlow",
 	"Roboto",
 	"Lato",
 	"Poppins",
-	"Lora",
+	"Fraunces",
 	"Raleway",
 	"Montserrat",
-	"Nunito",
+	"Lora",
 	"Playfair Display",
+	"Anton",
+	"Outfit",
+	"Inter",
+	"Nunito",
 	"Merriweather",
 	"Libre Baskerville",
 	"EB Garamond",
@@ -12837,11 +12842,19 @@ const FONT_FAMILY_VARIANT = {
 	shippori_micho: createFontVariant("Shippori Mincho", "ja", "min"),
 	biz_udp_micho: createFontVariant("BIZ UDPMincho", "ja", "min"),
 	serif: createFontVariant("serif", "ja", "min"),
-	roboto: createFontVariant("Roboto", "en", "kaku"),
+	anton: createFontVariant("Anton", "en", "kaku"),
+	barlow: createFontVariant("Barlow", "en", "kaku"),
+	fraunces: createFontVariant("Fraunces", "en", "kaku"),
+	inter: createFontVariant("Inter", "en", "kaku"),
 	lato: createFontVariant("Lato", "en", "kaku"),
-	poppins: createFontVariant("Poppins", "en", "kaku"),
 	lora: createFontVariant("Lora", "en", "kaku"),
 	monospace: createFontVariant("monospace", "en", "kaku"),
+	montserrat: createFontVariant("Montserrat", "en", "kaku"),
+	outfit: createFontVariant("Outfit", "en", "kaku"),
+	playfair_display: createFontVariant("Playfair Display", "en", "kaku"),
+	poppins: createFontVariant("Poppins", "en", "kaku"),
+	raleway: createFontVariant("Raleway", "en", "kaku"),
+	roboto: createFontVariant("Roboto", "en", "kaku"),
 	system_ui: createFontVariant("system-ui", "en", "kaku")
 };
 const FONT_FAMILY_VARIANTS = toVariantArray(FONT_FAMILY_VARIANT);
@@ -12971,7 +12984,7 @@ const toCssBackground = (p, brandKit) => {
 	return {
 		backgroundColor: p?.backgroundBlendColor ?? p?.backgroundColor ?? variant?.getProps(brandKit)?.backgroundColor,
 		...url ? {
-			backgroundSize: url ? "cover" : void 0,
+			backgroundSize: url ? p.backgroundSize ?? "cover" : void 0,
 			backgroundImage: url ? `url(${url})` : void 0,
 			backgroundPositionX: p?.backgroundPositionX ?? "center",
 			backgroundPositionY: p?.backgroundPositionY ?? "center",
@@ -18850,39 +18863,55 @@ function instance$17($$self, $$props, $$invalidate) {
 		return void 0;
 	};
 	const getCssSize = () => {
-		const getFontSize = () => {
+		const fontSize = (() => {
 			if (props.fontSize) return props.fontSize;
 			if (props.size) return TEXT_VARIANTS.size[props.size].fontSize;
-			return void 0;
-		};
-		const getLineHeight = () => {
+			return "14px";
+		})();
+		const lineHeight = (() => {
 			if (props.lineHeight) return props.lineHeight;
 			if (props.size) return TEXT_VARIANTS.size[props.size].lineHeight;
 			return void 0;
-		};
-		const getFontWeight = () => {
+		})();
+		const fontWeight = (() => {
 			if (props.fontWeight) return props.fontWeight;
 			if (props.size) return TEXT_VARIANTS.size[props.size].fontWeight;
 			return void 0;
-		};
+		})();
+		const letterSpacing = (() => {
+			if (props.letterSpacing) if (props.letterSpacing.endsWith("%")) return `${parseInt(fontSize) * (parseInt(props.letterSpacing) / 100)}px`;
+			else return props.letterSpacing;
+			return void 0;
+		})();
 		return {
-			fontSize: getFontSize(),
-			lineHeight: getLineHeight(),
-			fontWeight: getFontWeight()
+			fontSize,
+			lineHeight,
+			fontWeight,
+			letterSpacing
 		};
 	};
+	const lineClampStyles = (() => {
+		if (typeof props.lineClamp !== "number") return {};
+		return {
+			display: "-webkit-box",
+			WebkitBoxOrient: "vertical",
+			WebkitLineClamp: props.lineClamp,
+			overflow: "hidden"
+		};
+	})();
 	$$self.$$set = ($$props$1) => {
 		if ("props" in $$props$1) $$invalidate(3, props = $$props$1.props);
 		if ("layerId" in $$props$1) $$invalidate(0, layerId = $$props$1.layerId);
 	};
 	$$self.$$.update = () => {
-		if ($$self.$$.dirty & 8) $: $$invalidate(2, escapedHTML = props.content.replace(/&/g, "&lt;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#x27;").replace(/\n/g, "<br />"));
+		if ($$self.$$.dirty & 8) $: $$invalidate(2, escapedHTML = props.content.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#x27;").replace(/\n/g, "<br />"));
 		if ($$self.$$.dirty & 8) $: $$invalidate(1, style = objToStyle({
 			position: props?.position ?? "static",
 			textAlign: props.align,
 			width: props.width,
 			fontFamily,
 			color: getColor(),
+			...lineClampStyles,
 			...getCssSize(),
 			...toCssRadius(props),
 			...toCssBackground(props),
@@ -19879,9 +19908,10 @@ function instance$13($$self, $$props, $$invalidate) {
 	let { layerId = "" } = $$props;
 	const { brandKit } = useBrandKit();
 	const isExistBackgroundOverlayValue = placement && placement.backgroundOverlay !== void 0;
-	let backgroundOverlay = placement.position === "center";
-	let backgroundOverlayPC = placement.position === "center";
-	let backgroundOverlaySP = placement.position === "center";
+	const position = placement?.position ?? "center";
+	let backgroundOverlay = position === "center";
+	let backgroundOverlayPC = position === "center";
+	let backgroundOverlaySP = position === "center";
 	let backgroundClickFunction = DefaultModalPlacement.backgroundClick;
 	let backgroundClickFunctionPC = DefaultModalPlacement.backgroundClick;
 	let backgroundClickFunctionSP = DefaultModalPlacement.backgroundClick;
@@ -19953,9 +19983,9 @@ function instance$13($$self, $$props, $$invalidate) {
 			execOnClickOperation(backgroundClickFunctionSP);
 		});
 		if ($$self.$$.dirty & 49161) $: {
-			let position = DefaultModalPlacement.position;
-			if (!isCanvasPreview() && placement && placement.position !== null) position = placement.position;
-			let positionStyle = getPositionStyle(position);
+			let position$1 = DefaultModalPlacement.position;
+			if (!isCanvasPreview() && placement && placement.position !== null) position$1 = placement.position;
+			let positionStyle = getPositionStyle(position$1);
 			if (!useBreakPoint) modalStyles.add(positionStyle);
 			if (brandKit) modalStyles.add(`font-family: ${brandKit.font_family}`);
 			$$invalidate(3, transforms = []);
@@ -19977,7 +20007,7 @@ function instance$13($$self, $$props, $$invalidate) {
 			});
 			transforms.push({
 				query: null,
-				...getTransform(position)
+				...getTransform(position$1)
 			});
 		}
 		if ($$self.$$.dirty & 180225) $: {

package/dist/index.es.js

@@ -502,14 +502,19 @@ const Fonts = [
 	"Noto Serif JP",
 	"Shippori Mincho",
 	"BIZ UDPMincho",
+	"Barlow",
 	"Roboto",
 	"Lato",
 	"Poppins",
-	"Lora",
+	"Fraunces",
 	"Raleway",
 	"Montserrat",
-	"Nunito",
+	"Lora",
 	"Playfair Display",
+	"Anton",
+	"Outfit",
+	"Inter",
+	"Nunito",
 	"Merriweather",
 	"Libre Baskerville",
 	"EB Garamond",
@@ -11693,11 +11698,19 @@ const FONT_FAMILY_VARIANT = {
 	shippori_micho: createFontVariant("Shippori Mincho", "ja", "min"),
 	biz_udp_micho: createFontVariant("BIZ UDPMincho", "ja", "min"),
 	serif: createFontVariant("serif", "ja", "min"),
-	roboto: createFontVariant("Roboto", "en", "kaku"),
+	anton: createFontVariant("Anton", "en", "kaku"),
+	barlow: createFontVariant("Barlow", "en", "kaku"),
+	fraunces: createFontVariant("Fraunces", "en", "kaku"),
+	inter: createFontVariant("Inter", "en", "kaku"),
 	lato: createFontVariant("Lato", "en", "kaku"),
-	poppins: createFontVariant("Poppins", "en", "kaku"),
 	lora: createFontVariant("Lora", "en", "kaku"),
 	monospace: createFontVariant("monospace", "en", "kaku"),
+	montserrat: createFontVariant("Montserrat", "en", "kaku"),
+	outfit: createFontVariant("Outfit", "en", "kaku"),
+	playfair_display: createFontVariant("Playfair Display", "en", "kaku"),
+	poppins: createFontVariant("Poppins", "en", "kaku"),
+	raleway: createFontVariant("Raleway", "en", "kaku"),
+	roboto: createFontVariant("Roboto", "en", "kaku"),
 	system_ui: createFontVariant("system-ui", "en", "kaku")
 };
 const FONT_FAMILY_VARIANTS = toVariantArray(FONT_FAMILY_VARIANT);
@@ -11827,7 +11840,7 @@ const toCssBackground = (p, brandKit) => {
 	return {
 		backgroundColor: p?.backgroundBlendColor ?? p?.backgroundColor ?? variant?.getProps(brandKit)?.backgroundColor,
 		...url ? {
-			backgroundSize: url ? "cover" : void 0,
+			backgroundSize: url ? p.backgroundSize ?? "cover" : void 0,
 			backgroundImage: url ? `url(${url})` : void 0,
 			backgroundPositionX: p?.backgroundPositionX ?? "center",
 			backgroundPositionY: p?.backgroundPositionY ?? "center",
@@ -16838,39 +16851,55 @@ function instance$17($$self, $$props, $$invalidate) {
 		return void 0;
 	};
 	const getCssSize = () => {
-		const getFontSize = () => {
+		const fontSize = (() => {
 			if (props.fontSize) return props.fontSize;
 			if (props.size) return TEXT_VARIANTS.size[props.size].fontSize;
-			return void 0;
-		};
-		const getLineHeight = () => {
+			return "14px";
+		})();
+		const lineHeight = (() => {
 			if (props.lineHeight) return props.lineHeight;
 			if (props.size) return TEXT_VARIANTS.size[props.size].lineHeight;
 			return void 0;
-		};
-		const getFontWeight = () => {
+		})();
+		const fontWeight = (() => {
 			if (props.fontWeight) return props.fontWeight;
 			if (props.size) return TEXT_VARIANTS.size[props.size].fontWeight;
 			return void 0;
-		};
+		})();
+		const letterSpacing = (() => {
+			if (props.letterSpacing) if (props.letterSpacing.endsWith("%")) return `${parseInt(fontSize) * (parseInt(props.letterSpacing) / 100)}px`;
+			else return props.letterSpacing;
+			return void 0;
+		})();
 		return {
-			fontSize: getFontSize(),
-			lineHeight: getLineHeight(),
-			fontWeight: getFontWeight()
+			fontSize,
+			lineHeight,
+			fontWeight,
+			letterSpacing
 		};
 	};
+	const lineClampStyles = (() => {
+		if (typeof props.lineClamp !== "number") return {};
+		return {
+			display: "-webkit-box",
+			WebkitBoxOrient: "vertical",
+			WebkitLineClamp: props.lineClamp,
+			overflow: "hidden"
+		};
+	})();
 	$$self.$$set = ($$props$1) => {
 		if ("props" in $$props$1) $$invalidate(3, props = $$props$1.props);
 		if ("layerId" in $$props$1) $$invalidate(0, layerId = $$props$1.layerId);
 	};
 	$$self.$$.update = () => {
-		if ($$self.$$.dirty & 8) $: $$invalidate(2, escapedHTML = props.content.replace(/&/g, "&lt;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#x27;").replace(/\n/g, "<br />"));
+		if ($$self.$$.dirty & 8) $: $$invalidate(2, escapedHTML = props.content.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#x27;").replace(/\n/g, "<br />"));
 		if ($$self.$$.dirty & 8) $: $$invalidate(1, style = objToStyle({
 			position: props?.position ?? "static",
 			textAlign: props.align,
 			width: props.width,
 			fontFamily,
 			color: getColor(),
+			...lineClampStyles,
 			...getCssSize(),
 			...toCssRadius(props),
 			...toCssBackground(props),
@@ -17786,9 +17815,10 @@ function instance$13($$self, $$props, $$invalidate) {
 	let { layerId = "" } = $$props;
 	const { brandKit } = useBrandKit();
 	const isExistBackgroundOverlayValue = placement && placement.backgroundOverlay !== void 0;
-	let backgroundOverlay = placement.position === "center";
-	let backgroundOverlayPC = placement.position === "center";
-	let backgroundOverlaySP = placement.position === "center";
+	const position = placement?.position ?? "center";
+	let backgroundOverlay = position === "center";
+	let backgroundOverlayPC = position === "center";
+	let backgroundOverlaySP = position === "center";
 	let backgroundClickFunction = DefaultModalPlacement.backgroundClick;
 	let backgroundClickFunctionPC = DefaultModalPlacement.backgroundClick;
 	let backgroundClickFunctionSP = DefaultModalPlacement.backgroundClick;
@@ -17860,9 +17890,9 @@ function instance$13($$self, $$props, $$invalidate) {
 			execOnClickOperation(backgroundClickFunctionSP);
 		});
 		if ($$self.$$.dirty & 49161) $: {
-			let position = DefaultModalPlacement.position;
-			if (!isCanvasPreview() && placement && placement.position !== null) position = placement.position;
-			let positionStyle = getPositionStyle(position);
+			let position$1 = DefaultModalPlacement.position;
+			if (!isCanvasPreview() && placement && placement.position !== null) position$1 = placement.position;
+			let positionStyle = getPositionStyle(position$1);
 			if (!useBreakPoint) modalStyles.add(positionStyle);
 			if (brandKit) modalStyles.add(`font-family: ${brandKit.font_family}`);
 			$$invalidate(3, transforms = []);
@@ -17884,7 +17914,7 @@ function instance$13($$self, $$props, $$invalidate) {
 			});
 			transforms.push({
 				query: null,
-				...getTransform(position)
+				...getTransform(position$1)
 			});
 		}
 		if ($$self.$$.dirty & 180225) $: {

package/dist/svelte5/components-flex/props.d.ts

@@ -74,6 +74,7 @@ export type BackgroundColorProps = {
 };
 export type BackgroundImageProps = {
 	backgroundImageUrl?: string
+	backgroundSize?: Properties["backgroundSize"]
 	backgroundPositionX?: Properties["backgroundPositionX"]
 	backgroundPositionY?: Properties["backgroundPositionY"]
 	backgroundBlendMode?: Properties["backgroundBlendMode"]

package/dist/svelte5/components-flex/text/types.d.ts

@@ -31,7 +31,9 @@ export type LayerTextProps = CommonProps & BorderProps & RadiusProps & Backgroun
 	fontStyle?: Properties["fontStyle"]
 	fontSize?: Properties["fontSize"]
 	fontWeight?: Properties["fontWeight"]
+	letterSpacing?: Properties["letterSpacing"]
 	lineHeight?: number
+	lineClamp?: number
 	color?: Properties["color"]
 	width?: Properties["width"]
 };

package/dist/svelte5/hydrate/components-flex/props.d.ts

@@ -74,6 +74,7 @@ export type BackgroundColorProps = {
 };
 export type BackgroundImageProps = {
 	backgroundImageUrl?: string
+	backgroundSize?: Properties["backgroundSize"]
 	backgroundPositionX?: Properties["backgroundPositionX"]
 	backgroundPositionY?: Properties["backgroundPositionY"]
 	backgroundBlendMode?: Properties["backgroundBlendMode"]

package/dist/svelte5/hydrate/components-flex/text/types.d.ts

@@ -31,7 +31,9 @@ export type LayerTextProps = CommonProps & BorderProps & RadiusProps & Backgroun
 	fontStyle?: Properties["fontStyle"]
 	fontSize?: Properties["fontSize"]
 	fontWeight?: Properties["fontWeight"]
+	letterSpacing?: Properties["letterSpacing"]
 	lineHeight?: number
+	lineClamp?: number
 	color?: Properties["color"]
 	width?: Properties["width"]
 };

package/dist/svelte5/hydrate/index.es.js

@@ -560,14 +560,19 @@ const Fonts = [
 	"Noto Serif JP",
 	"Shippori Mincho",
 	"BIZ UDPMincho",
+	"Barlow",
 	"Roboto",
 	"Lato",
 	"Poppins",
-	"Lora",
+	"Fraunces",
 	"Raleway",
 	"Montserrat",
-	"Nunito",
+	"Lora",
 	"Playfair Display",
+	"Anton",
+	"Outfit",
+	"Inter",
+	"Nunito",
 	"Merriweather",
 	"Libre Baskerville",
 	"EB Garamond",
@@ -3162,11 +3167,19 @@ const FONT_FAMILY_VARIANT = {
 	shippori_micho: createFontVariant("Shippori Mincho", "ja", "min"),
 	biz_udp_micho: createFontVariant("BIZ UDPMincho", "ja", "min"),
 	serif: createFontVariant("serif", "ja", "min"),
-	roboto: createFontVariant("Roboto", "en", "kaku"),
+	anton: createFontVariant("Anton", "en", "kaku"),
+	barlow: createFontVariant("Barlow", "en", "kaku"),
+	fraunces: createFontVariant("Fraunces", "en", "kaku"),
+	inter: createFontVariant("Inter", "en", "kaku"),
 	lato: createFontVariant("Lato", "en", "kaku"),
-	poppins: createFontVariant("Poppins", "en", "kaku"),
 	lora: createFontVariant("Lora", "en", "kaku"),
 	monospace: createFontVariant("monospace", "en", "kaku"),
+	montserrat: createFontVariant("Montserrat", "en", "kaku"),
+	outfit: createFontVariant("Outfit", "en", "kaku"),
+	playfair_display: createFontVariant("Playfair Display", "en", "kaku"),
+	poppins: createFontVariant("Poppins", "en", "kaku"),
+	raleway: createFontVariant("Raleway", "en", "kaku"),
+	roboto: createFontVariant("Roboto", "en", "kaku"),
 	system_ui: createFontVariant("system-ui", "en", "kaku")
 };
 const FONT_FAMILY_VARIANTS = toVariantArray(FONT_FAMILY_VARIANT);
@@ -3296,7 +3309,7 @@ const toCssBackground = (p, brandKit) => {
 	return {
 		backgroundColor: p?.backgroundBlendColor ?? p?.backgroundColor ?? variant?.getProps(brandKit)?.backgroundColor,
 		...url ? {
-			backgroundSize: url ? "cover" : void 0,
+			backgroundSize: url ? p.backgroundSize ?? "cover" : void 0,
 			backgroundImage: url ? `url(${url})` : void 0,
 			backgroundPositionX: p?.backgroundPositionX ?? "center",
 			backgroundPositionY: p?.backgroundPositionY ?? "center",
@@ -5567,29 +5580,44 @@ function Text($$anchor, $$props) {
 		return void 0;
 	};
 	const getCssSize = () => {
-		const getFontSize = () => {
+		const fontSize = (() => {
 			if (props().fontSize) return props().fontSize;
 			if (props().size) return TEXT_VARIANTS.size[props().size].fontSize;
-			return void 0;
-		};
-		const getLineHeight = () => {
+			return "14px";
+		})();
+		const lineHeight = (() => {
 			if (props().lineHeight) return props().lineHeight;
 			if (props().size) return TEXT_VARIANTS.size[props().size].lineHeight;
 			return void 0;
-		};
-		const getFontWeight = () => {
+		})();
+		const fontWeight = (() => {
 			if (props().fontWeight) return props().fontWeight;
 			if (props().size) return TEXT_VARIANTS.size[props().size].fontWeight;
 			return void 0;
-		};
+		})();
+		const letterSpacing = (() => {
+			if (props().letterSpacing) if (props().letterSpacing.endsWith("%")) return `${parseInt(fontSize) * (parseInt(props().letterSpacing) / 100)}px`;
+			else return props().letterSpacing;
+			return void 0;
+		})();
 		return {
-			fontSize: getFontSize(),
-			lineHeight: getLineHeight(),
-			fontWeight: getFontWeight()
+			fontSize,
+			lineHeight,
+			fontWeight,
+			letterSpacing
 		};
 	};
+	const lineClampStyles = (() => {
+		if (typeof props().lineClamp !== "number") return {};
+		return {
+			display: "-webkit-box",
+			WebkitBoxOrient: "vertical",
+			WebkitLineClamp: props().lineClamp,
+			overflow: "hidden"
+		};
+	})();
 	$$13.legacy_pre_effect(() => $$13.deep_read_state(props()), () => {
-		$$13.set(escapedHTML, props().content.replace(/&/g, "&lt;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#x27;").replace(/\n/g, "<br />"));
+		$$13.set(escapedHTML, props().content.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#x27;").replace(/\n/g, "<br />"));
 	});
 	$$13.legacy_pre_effect(() => ($$13.deep_read_state(props()), toCssBorder), () => {
 		$$13.set(style, objToStyle({
@@ -5598,6 +5626,7 @@ function Text($$anchor, $$props) {
 			width: props().width,
 			fontFamily,
 			color: getColor(),
+			...lineClampStyles,
 			...getCssSize(),
 			...toCssRadius(props()),
 			...toCssBackground(props()),
@@ -5930,9 +5959,10 @@ function Modal($$anchor, $$props) {
 	let layerId = $$9.prop($$props, "layerId", 8, "");
 	const { brandKit } = useBrandKit();
 	const isExistBackgroundOverlayValue = placement() && placement().backgroundOverlay !== void 0;
-	let backgroundOverlay = $$9.mutable_state(placement().position === "center");
-	let backgroundOverlayPC = $$9.mutable_state(placement().position === "center");
-	let backgroundOverlaySP = $$9.mutable_state(placement().position === "center");
+	const position = placement()?.position ?? "center";
+	let backgroundOverlay = $$9.mutable_state(position === "center");
+	let backgroundOverlayPC = $$9.mutable_state(position === "center");
+	let backgroundOverlaySP = $$9.mutable_state(position === "center");
 	let backgroundClickFunction = $$9.mutable_state(DefaultModalPlacement.backgroundClick);
 	let backgroundClickFunctionPC = $$9.mutable_state(DefaultModalPlacement.backgroundClick);
 	let backgroundClickFunctionSP = $$9.mutable_state(DefaultModalPlacement.backgroundClick);
@@ -5993,9 +6023,9 @@ function Modal($$anchor, $$props) {
 		});
 	});
 	$$9.legacy_pre_effect(() => ($$9.deep_read_state(placement()), $$9.deep_read_state(useBreakPoint()), $$9.get(transforms), $$9.deep_read_state(breakPoint()), parseStyle), () => {
-		let position = DefaultModalPlacement.position;
-		if (!isCanvasPreview() && placement() && placement().position !== null) position = placement().position;
-		let positionStyle = getPositionStyle(position);
+		let position$1 = DefaultModalPlacement.position;
+		if (!isCanvasPreview() && placement() && placement().position !== null) position$1 = placement().position;
+		let positionStyle = getPositionStyle(position$1);
 		if (!useBreakPoint()) modalStyles.add(positionStyle);
 		if (brandKit) modalStyles.add(`font-family: ${brandKit.font_family}`);
 		$$9.set(transforms, []);
@@ -6017,7 +6047,7 @@ function Modal($$anchor, $$props) {
 		});
 		$$9.get(transforms).push({
 			query: null,
-			...getTransform(position)
+			...getTransform(position$1)
 		});
 	});
 	$$9.legacy_pre_effect(() => ($$9.deep_read_state(placement()), $$9.deep_read_state(useBreakPoint()), $$9.deep_read_state(breakPoint()), $$9.deep_read_state(props()), toCssBorder), () => {

package/dist/svelte5/index.es.js

@@ -560,14 +560,19 @@ const Fonts = [
 	"Noto Serif JP",
 	"Shippori Mincho",
 	"BIZ UDPMincho",
+	"Barlow",
 	"Roboto",
 	"Lato",
 	"Poppins",
-	"Lora",
+	"Fraunces",
 	"Raleway",
 	"Montserrat",
-	"Nunito",
+	"Lora",
 	"Playfair Display",
+	"Anton",
+	"Outfit",
+	"Inter",
+	"Nunito",
 	"Merriweather",
 	"Libre Baskerville",
 	"EB Garamond",
@@ -3131,11 +3136,19 @@ const FONT_FAMILY_VARIANT = {
 	shippori_micho: createFontVariant("Shippori Mincho", "ja", "min"),
 	biz_udp_micho: createFontVariant("BIZ UDPMincho", "ja", "min"),
 	serif: createFontVariant("serif", "ja", "min"),
-	roboto: createFontVariant("Roboto", "en", "kaku"),
+	anton: createFontVariant("Anton", "en", "kaku"),
+	barlow: createFontVariant("Barlow", "en", "kaku"),
+	fraunces: createFontVariant("Fraunces", "en", "kaku"),
+	inter: createFontVariant("Inter", "en", "kaku"),
 	lato: createFontVariant("Lato", "en", "kaku"),
-	poppins: createFontVariant("Poppins", "en", "kaku"),
 	lora: createFontVariant("Lora", "en", "kaku"),
 	monospace: createFontVariant("monospace", "en", "kaku"),
+	montserrat: createFontVariant("Montserrat", "en", "kaku"),
+	outfit: createFontVariant("Outfit", "en", "kaku"),
+	playfair_display: createFontVariant("Playfair Display", "en", "kaku"),
+	poppins: createFontVariant("Poppins", "en", "kaku"),
+	raleway: createFontVariant("Raleway", "en", "kaku"),
+	roboto: createFontVariant("Roboto", "en", "kaku"),
 	system_ui: createFontVariant("system-ui", "en", "kaku")
 };
 const FONT_FAMILY_VARIANTS = toVariantArray(FONT_FAMILY_VARIANT);
@@ -3265,7 +3278,7 @@ const toCssBackground = (p, brandKit) => {
 	return {
 		backgroundColor: p?.backgroundBlendColor ?? p?.backgroundColor ?? variant?.getProps(brandKit)?.backgroundColor,
 		...url ? {
-			backgroundSize: url ? "cover" : void 0,
+			backgroundSize: url ? p.backgroundSize ?? "cover" : void 0,
 			backgroundImage: url ? `url(${url})` : void 0,
 			backgroundPositionX: p?.backgroundPositionX ?? "center",
 			backgroundPositionY: p?.backgroundPositionY ?? "center",
@@ -5536,29 +5549,44 @@ function Text($$anchor, $$props) {
 		return void 0;
 	};
 	const getCssSize = () => {
-		const getFontSize = () => {
+		const fontSize = (() => {
 			if (props().fontSize) return props().fontSize;
 			if (props().size) return TEXT_VARIANTS.size[props().size].fontSize;
-			return void 0;
-		};
-		const getLineHeight = () => {
+			return "14px";
+		})();
+		const lineHeight = (() => {
 			if (props().lineHeight) return props().lineHeight;
 			if (props().size) return TEXT_VARIANTS.size[props().size].lineHeight;
 			return void 0;
-		};
-		const getFontWeight = () => {
+		})();
+		const fontWeight = (() => {
 			if (props().fontWeight) return props().fontWeight;
 			if (props().size) return TEXT_VARIANTS.size[props().size].fontWeight;
 			return void 0;
-		};
+		})();
+		const letterSpacing = (() => {
+			if (props().letterSpacing) if (props().letterSpacing.endsWith("%")) return `${parseInt(fontSize) * (parseInt(props().letterSpacing) / 100)}px`;
+			else return props().letterSpacing;
+			return void 0;
+		})();
 		return {
-			fontSize: getFontSize(),
-			lineHeight: getLineHeight(),
-			fontWeight: getFontWeight()
+			fontSize,
+			lineHeight,
+			fontWeight,
+			letterSpacing
 		};
 	};
+	const lineClampStyles = (() => {
+		if (typeof props().lineClamp !== "number") return {};
+		return {
+			display: "-webkit-box",
+			WebkitBoxOrient: "vertical",
+			WebkitLineClamp: props().lineClamp,
+			overflow: "hidden"
+		};
+	})();
 	$$13.legacy_pre_effect(() => $$13.deep_read_state(props()), () => {
-		$$13.set(escapedHTML, props().content.replace(/&/g, "&lt;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#x27;").replace(/\n/g, "<br />"));
+		$$13.set(escapedHTML, props().content.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#x27;").replace(/\n/g, "<br />"));
 	});
 	$$13.legacy_pre_effect(() => ($$13.deep_read_state(props()), toCssBorder), () => {
 		$$13.set(style, objToStyle({
@@ -5567,6 +5595,7 @@ function Text($$anchor, $$props) {
 			width: props().width,
 			fontFamily,
 			color: getColor(),
+			...lineClampStyles,
 			...getCssSize(),
 			...toCssRadius(props()),
 			...toCssBackground(props()),
@@ -5899,9 +5928,10 @@ function Modal($$anchor, $$props) {
 	let layerId = $$9.prop($$props, "layerId", 8, "");
 	const { brandKit } = useBrandKit();
 	const isExistBackgroundOverlayValue = placement() && placement().backgroundOverlay !== void 0;
-	let backgroundOverlay = $$9.mutable_state(placement().position === "center");
-	let backgroundOverlayPC = $$9.mutable_state(placement().position === "center");
-	let backgroundOverlaySP = $$9.mutable_state(placement().position === "center");
+	const position = placement()?.position ?? "center";
+	let backgroundOverlay = $$9.mutable_state(position === "center");
+	let backgroundOverlayPC = $$9.mutable_state(position === "center");
+	let backgroundOverlaySP = $$9.mutable_state(position === "center");
 	let backgroundClickFunction = $$9.mutable_state(DefaultModalPlacement.backgroundClick);
 	let backgroundClickFunctionPC = $$9.mutable_state(DefaultModalPlacement.backgroundClick);
 	let backgroundClickFunctionSP = $$9.mutable_state(DefaultModalPlacement.backgroundClick);
@@ -5962,9 +5992,9 @@ function Modal($$anchor, $$props) {
 		});
 	});
 	$$9.legacy_pre_effect(() => ($$9.deep_read_state(placement()), $$9.deep_read_state(useBreakPoint()), $$9.get(transforms), $$9.deep_read_state(breakPoint()), parseStyle), () => {
-		let position = DefaultModalPlacement.position;
-		if (!isCanvasPreview() && placement() && placement().position !== null) position = placement().position;
-		let positionStyle = getPositionStyle(position);
+		let position$1 = DefaultModalPlacement.position;
+		if (!isCanvasPreview() && placement() && placement().position !== null) position$1 = placement().position;
+		let positionStyle = getPositionStyle(position$1);
 		if (!useBreakPoint()) modalStyles.add(positionStyle);
 		if (brandKit) modalStyles.add(`font-family: ${brandKit.font_family}`);
 		$$9.set(transforms, []);
@@ -5986,7 +6016,7 @@ function Modal($$anchor, $$props) {
 		});
 		$$9.get(transforms).push({
 			query: null,
-			...getTransform(position)
+			...getTransform(position$1)
 		});
 	});
 	$$9.legacy_pre_effect(() => ($$9.deep_read_state(placement()), $$9.deep_read_state(useBreakPoint()), $$9.deep_read_state(breakPoint()), $$9.deep_read_state(props()), toCssBorder), () => {

package/dist/svelte5/index.front2.es.js

@@ -561,14 +561,19 @@ const Fonts = [
 	"Noto Serif JP",
 	"Shippori Mincho",
 	"BIZ UDPMincho",
+	"Barlow",
 	"Roboto",
 	"Lato",
 	"Poppins",
-	"Lora",
+	"Fraunces",
 	"Raleway",
 	"Montserrat",
-	"Nunito",
+	"Lora",
 	"Playfair Display",
+	"Anton",
+	"Outfit",
+	"Inter",
+	"Nunito",
 	"Merriweather",
 	"Libre Baskerville",
 	"EB Garamond",
@@ -3132,11 +3137,19 @@ const FONT_FAMILY_VARIANT = {
 	shippori_micho: createFontVariant("Shippori Mincho", "ja", "min"),
 	biz_udp_micho: createFontVariant("BIZ UDPMincho", "ja", "min"),
 	serif: createFontVariant("serif", "ja", "min"),
-	roboto: createFontVariant("Roboto", "en", "kaku"),
+	anton: createFontVariant("Anton", "en", "kaku"),
+	barlow: createFontVariant("Barlow", "en", "kaku"),
+	fraunces: createFontVariant("Fraunces", "en", "kaku"),
+	inter: createFontVariant("Inter", "en", "kaku"),
 	lato: createFontVariant("Lato", "en", "kaku"),
-	poppins: createFontVariant("Poppins", "en", "kaku"),
 	lora: createFontVariant("Lora", "en", "kaku"),
 	monospace: createFontVariant("monospace", "en", "kaku"),
+	montserrat: createFontVariant("Montserrat", "en", "kaku"),
+	outfit: createFontVariant("Outfit", "en", "kaku"),
+	playfair_display: createFontVariant("Playfair Display", "en", "kaku"),
+	poppins: createFontVariant("Poppins", "en", "kaku"),
+	raleway: createFontVariant("Raleway", "en", "kaku"),
+	roboto: createFontVariant("Roboto", "en", "kaku"),
 	system_ui: createFontVariant("system-ui", "en", "kaku")
 };
 const FONT_FAMILY_VARIANTS = toVariantArray(FONT_FAMILY_VARIANT);
@@ -3266,7 +3279,7 @@ const toCssBackground = (p, brandKit) => {
 	return {
 		backgroundColor: p?.backgroundBlendColor ?? p?.backgroundColor ?? variant?.getProps(brandKit)?.backgroundColor,
 		...url ? {
-			backgroundSize: url ? "cover" : void 0,
+			backgroundSize: url ? p.backgroundSize ?? "cover" : void 0,
 			backgroundImage: url ? `url(${url})` : void 0,
 			backgroundPositionX: p?.backgroundPositionX ?? "center",
 			backgroundPositionY: p?.backgroundPositionY ?? "center",
@@ -5537,29 +5550,44 @@ function Text($$anchor, $$props) {
 		return void 0;
 	};
 	const getCssSize = () => {
-		const getFontSize = () => {
+		const fontSize = (() => {
 			if (props().fontSize) return props().fontSize;
 			if (props().size) return TEXT_VARIANTS.size[props().size].fontSize;
-			return void 0;
-		};
-		const getLineHeight = () => {
+			return "14px";
+		})();
+		const lineHeight = (() => {
 			if (props().lineHeight) return props().lineHeight;
 			if (props().size) return TEXT_VARIANTS.size[props().size].lineHeight;
 			return void 0;
-		};
-		const getFontWeight = () => {
+		})();
+		const fontWeight = (() => {
 			if (props().fontWeight) return props().fontWeight;
 			if (props().size) return TEXT_VARIANTS.size[props().size].fontWeight;
 			return void 0;
-		};
+		})();
+		const letterSpacing = (() => {
+			if (props().letterSpacing) if (props().letterSpacing.endsWith("%")) return `${parseInt(fontSize) * (parseInt(props().letterSpacing) / 100)}px`;
+			else return props().letterSpacing;
+			return void 0;
+		})();
 		return {
-			fontSize: getFontSize(),
-			lineHeight: getLineHeight(),
-			fontWeight: getFontWeight()
+			fontSize,
+			lineHeight,
+			fontWeight,
+			letterSpacing
 		};
 	};
+	const lineClampStyles = (() => {
+		if (typeof props().lineClamp !== "number") return {};
+		return {
+			display: "-webkit-box",
+			WebkitBoxOrient: "vertical",
+			WebkitLineClamp: props().lineClamp,
+			overflow: "hidden"
+		};
+	})();
 	$$14.legacy_pre_effect(() => $$14.deep_read_state(props()), () => {
-		$$14.set(escapedHTML, props().content.replace(/&/g, "&lt;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#x27;").replace(/\n/g, "<br />"));
+		$$14.set(escapedHTML, props().content.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#x27;").replace(/\n/g, "<br />"));
 	});
 	$$14.legacy_pre_effect(() => ($$14.deep_read_state(props()), toCssBorder), () => {
 		$$14.set(style, objToStyle({
@@ -5568,6 +5596,7 @@ function Text($$anchor, $$props) {
 			width: props().width,
 			fontFamily,
 			color: getColor(),
+			...lineClampStyles,
 			...getCssSize(),
 			...toCssRadius(props()),
 			...toCssBackground(props()),
@@ -5900,9 +5929,10 @@ function Modal($$anchor, $$props) {
 	let layerId = $$10.prop($$props, "layerId", 8, "");
 	const { brandKit } = useBrandKit();
 	const isExistBackgroundOverlayValue = placement() && placement().backgroundOverlay !== void 0;
-	let backgroundOverlay = $$10.mutable_state(placement().position === "center");
-	let backgroundOverlayPC = $$10.mutable_state(placement().position === "center");
-	let backgroundOverlaySP = $$10.mutable_state(placement().position === "center");
+	const position = placement()?.position ?? "center";
+	let backgroundOverlay = $$10.mutable_state(position === "center");
+	let backgroundOverlayPC = $$10.mutable_state(position === "center");
+	let backgroundOverlaySP = $$10.mutable_state(position === "center");
 	let backgroundClickFunction = $$10.mutable_state(DefaultModalPlacement.backgroundClick);
 	let backgroundClickFunctionPC = $$10.mutable_state(DefaultModalPlacement.backgroundClick);
 	let backgroundClickFunctionSP = $$10.mutable_state(DefaultModalPlacement.backgroundClick);
@@ -5963,9 +5993,9 @@ function Modal($$anchor, $$props) {
 		});
 	});
 	$$10.legacy_pre_effect(() => ($$10.deep_read_state(placement()), $$10.deep_read_state(useBreakPoint()), $$10.get(transforms), $$10.deep_read_state(breakPoint()), parseStyle), () => {
-		let position = DefaultModalPlacement.position;
-		if (!isCanvasPreview() && placement() && placement().position !== null) position = placement().position;
-		let positionStyle = getPositionStyle(position);
+		let position$1 = DefaultModalPlacement.position;
+		if (!isCanvasPreview() && placement() && placement().position !== null) position$1 = placement().position;
+		let positionStyle = getPositionStyle(position$1);
 		if (!useBreakPoint()) modalStyles.add(positionStyle);
 		if (brandKit) modalStyles.add(`font-family: ${brandKit.font_family}`);
 		$$10.set(transforms, []);
@@ -5987,7 +6017,7 @@ function Modal($$anchor, $$props) {
 		});
 		$$10.get(transforms).push({
 			query: null,
-			...getTransform(position)
+			...getTransform(position$1)
 		});
 	});
 	$$10.legacy_pre_effect(() => ($$10.deep_read_state(placement()), $$10.deep_read_state(useBreakPoint()), $$10.deep_read_state(breakPoint()), $$10.deep_read_state(props()), toCssBorder), () => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plaidev/karte-action-sdk",
-  "version": "1.1.268-29147222.21424830",
+  "version": "1.1.268-29149508.178211fa",
   "author": "Plaid Inc.",
   "license": "Apache-2.0",
   "module": "./dist/index.es.js",