@plaidev/karte-action-sdk 1.1.268-29128731.e21f076b → 1.1.268-29130290.f4c098fe

package/dist/svelte5/index.es.js

@@ -3163,6 +3163,52 @@ const SHADOW_VARIANT = {
 	}
 };
 const SHADOW_VARIANTS = toVariantArray(SHADOW_VARIANT);
+const BACKGROUND_COLOR_VARIANT = {
+	base: {
+		name: "ホワイト",
+		getProps: () => ({ backgroundColor: "#FFFFFF" })
+	},
+	dark: {
+		name: "ブラック",
+		getProps: () => ({ backgroundColor: "#000000" })
+	},
+	gray: {
+		name: "グレー",
+		getProps: () => ({ backgroundColor: "#ECECEC" })
+	},
+	brand: {
+		name: "ブランド",
+		getProps: (kit) => ({ backgroundColor: getBrandKit(kit).color_brand })
+	},
+	danger: {
+		name: "デンジャー",
+		getProps: (kit) => ({ backgroundColor: getBrandKit(kit).color_danger })
+	}
+};
+const BACKGROUND_COLOR_VARIANTS = toVariantArray(BACKGROUND_COLOR_VARIANT);
+const BORDER_COLOR_VARIANT = {
+	black: {
+		name: "ブラック",
+		getProps: () => ({ borderColor: "#000000" })
+	},
+	gray: {
+		name: "グレー",
+		getProps: () => ({ borderColor: "#DBDBDB" })
+	},
+	brand: {
+		name: "ブランド",
+		getProps: (kit) => ({ borderColor: getBrandKit(kit).color_brand })
+	},
+	danger: {
+		name: "デンジャー",
+		getProps: (kit) => ({ borderColor: getBrandKit(kit).color_danger })
+	},
+	base: {
+		name: "ホワイト",
+		getProps: () => ({ borderColor: "#FFFFFF" })
+	}
+};
+const BORDER_COLOR_VARIANTS = toVariantArray(BORDER_COLOR_VARIANT);
 
 //#endregion
 //#region src/components-flex/utils/prop-to-style.ts
@@ -3179,11 +3225,12 @@ const toCssPosition = (p) => {
 const toCssCommon = (p) => {
 	return { ...toCssPosition(p) };
 };
-const toCssBorder = (p) => {
+const toCssBorder = (p, brandKit) => {
 	const borderWidth = p?.borderTopWidth ?? p?.borderRightWidth ?? p?.borderLeftWidth ?? p?.borderBottomWidth ?? null;
 	if (borderWidth === null) return {};
+	const variant = BORDER_COLOR_VARIANT[p?.borderColorVariant];
 	return {
-		borderColor: p?.borderColor,
+		borderColor: p?.borderColor ?? variant?.getProps(brandKit)?.borderColor,
 		borderStyle: "solid",
 		borderTopWidth: p?.borderTopWidth,
 		borderLeftWidth: p?.borderLeftWidth,
@@ -3199,16 +3246,19 @@ const toCssPadding = (p) => {
 		paddingBottom: p?.paddingBottom
 	};
 };
-const toCssBackground = (p) => {
+const toCssBackground = (p, brandKit) => {
 	const url = p?.backgroundImageUrl;
+	const variant = BACKGROUND_COLOR_VARIANT[p?.backgroundColorVariant];
 	return {
-		backgroundImage: url ? `url(${url})` : void 0,
-		backgroundSize: url ? "cover" : void 0,
-		backgroundPositionX: p?.backgroundPositionX ?? "center",
-		backgroundPositionY: p?.backgroundPositionY ?? "center",
-		backgroundBlendMode: p?.backgroundBlendMode,
-		backgroundColor: p?.backgroundBlendColor ?? p?.backgroundColor,
-		backgroundRepeat: "no-repeat"
+		backgroundColor: p?.backgroundBlendColor ?? p?.backgroundColor ?? variant?.getProps(brandKit)?.backgroundColor,
+		...url ? {
+			backgroundSize: url ? "cover" : void 0,
+			backgroundImage: url ? `url(${url})` : void 0,
+			backgroundPositionX: p?.backgroundPositionX ?? "center",
+			backgroundPositionY: p?.backgroundPositionY ?? "center",
+			backgroundBlendMode: p?.backgroundBlendMode,
+			backgroundRepeat: "no-repeat"
+		} : {}
 	};
 };
 const toCssRadius = (p) => {
@@ -3491,6 +3541,7 @@ const $$css$22 = {
 function Avatar($$anchor, $$props) {
 	$$54.push($$props, false);
 	$$54.append_styles($$anchor, $$css$22);
+	const styleObj = $$54.mutable_state();
 	const style = $$54.mutable_state();
 	const imgStyle = $$54.mutable_state();
 	let props = $$54.prop($$props, "props", 24, () => ({}));
@@ -3506,20 +3557,36 @@ function Avatar($$anchor, $$props) {
 		square: { borderRadius: "0.25em" },
 		rounded: { borderRadius: "1em" }
 	} };
-	$$54.legacy_pre_effect(() => ($$54.deep_read_state(props()), toCssBorder), () => {
-		$$54.set(style, objToStyle({
+	const calcImgRadius = (parentRadius, borderWidth) => {
+		const radiusSize = parentRadius ? parseInt(parentRadius) : 0;
+		if (radiusSize === 0) return 0;
+		if (parentRadius === "100%") return "100%";
+		return radiusSize > 0 ? `calc(${parentRadius} - ${borderWidth})` : void 0;
+	};
+	$$54.legacy_pre_effect(() => ($$54.deep_read_state(props()), toCssPadding), () => {
+		$$54.set(styleObj, {
 			...VARIANTS.shape[props().shape ?? "square"],
 			width: props().width ?? avatarSizeStyle.width,
 			height: props().height ?? avatarSizeStyle.height,
 			...toCssCommon(props()),
-			...toCssBorder(props())
-		}));
+			...toCssBorder(props()),
+			...toCssPadding(props())
+		});
 	});
-	$$54.legacy_pre_effect(() => objToStyle, () => {
+	$$54.legacy_pre_effect(() => $$54.get(styleObj), () => {
+		$$54.set(style, objToStyle($$54.get(styleObj)));
+	});
+	$$54.legacy_pre_effect(() => $$54.get(styleObj), () => {
 		$$54.set(imgStyle, objToStyle({
 			width: "100%",
 			height: "100%",
-			objectFit: "cover"
+			objectFit: "cover",
+			...toCssRadius({
+				borderTopLeftRadius: calcImgRadius($$54.get(styleObj).borderRadius, $$54.get(styleObj).borderTopWidth),
+				borderTopRightRadius: calcImgRadius($$54.get(styleObj).borderRadius, $$54.get(styleObj).borderTopWidth),
+				borderBottomLeftRadius: calcImgRadius($$54.get(styleObj).borderRadius, $$54.get(styleObj).borderTopWidth),
+				borderBottomRightRadius: calcImgRadius($$54.get(styleObj).borderRadius, $$54.get(styleObj).borderTopWidth)
+			})
 		}));
 	});
 	$$54.legacy_pre_effect_reset();
@@ -4727,25 +4794,43 @@ const BUTTON_TEXT_THEME = {
 	white: "White"
 };
 
+//#endregion
+//#region src/components-flex/text/styles.ts
+const callback$1 = ({ brandKit }) => ({
+	default: { color: brandKit.color_text_primary },
+	gray: { color: brandKit.color_text_secondary },
+	brand: { color: brandKit.color_brand },
+	success: { color: brandKit.color_success },
+	warning: { color: brandKit.color_warning },
+	danger: { color: brandKit.color_danger },
+	info: { color: brandKit.color_info },
+	white: { color: brandKit.color_white }
+});
+const getTextThemeStyles = getPropStyles(callback$1);
+
 //#endregion
 //#region src/components-flex/close-button/CloseButton.svelte
 var root_2$1 = $$18.template(`<span></span>`);
-var root_1$4 = $$18.template(`<span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512" style="width: 100%; height: 100%;" class="svelte-1xcn1yw"><path d="M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z"></path></svg></span> <!>`, 1);
+var root_1$4 = $$18.template(`<span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512" style="width: 100%; height: 100%;" class="svelte-18wmfyq"><path d="M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z"></path></svg></span> <!>`, 1);
 const $$css$17 = {
-	hash: "svelte-1xcn1yw",
-	code: ".close-button.svelte-1xcn1yw {display:inline-flex;align-items:center;justify-content:center;align-self:center;gap:8px;border-radius:100%;background:none;cursor:pointer;border:0;outline:0;transition:background-color 0.12s,\n      border-color 0.12s,\n      color 0.12s;}.close-button.svelte-1xcn1yw svg:where(.svelte-1xcn1yw) {transition:transform 0.12s;}.close-button.svelte-1xcn1yw:hover svg:where(.svelte-1xcn1yw) {transform:rotate(90deg);}.close-button-order-one.svelte-1xcn1yw {order:1;}.close-button-order-two.svelte-1xcn1yw {order:2;}"
+	hash: "svelte-18wmfyq",
+	code: ".close-button.svelte-18wmfyq {display:inline-flex;align-items:center;justify-content:center;align-self:center;gap:8px;border-radius:100%;background:none;cursor:pointer;border:0;outline:0;flex-shrink:0;transition:background-color 0.12s,\n      border-color 0.12s,\n      color 0.12s;}.close-button.svelte-18wmfyq svg:where(.svelte-18wmfyq) {transition:transform 0.12s;}.close-button.svelte-18wmfyq:hover svg:where(.svelte-18wmfyq) {transform:rotate(90deg);}.close-button-order-one.svelte-18wmfyq {order:1;}.close-button-order-two.svelte-18wmfyq {order:2;}"
 };
 function CloseButton($$anchor, $$props) {
 	$$18.push($$props, false);
 	$$18.append_styles($$anchor, $$css$17);
 	const hasLabel = $$18.mutable_state();
+	const styleObj = $$18.mutable_state();
 	const style = $$18.mutable_state();
+	const borderWidth = $$18.mutable_state();
+	const paddingSize = $$18.mutable_state();
 	const labelStyle = $$18.mutable_state();
 	const iconStyle = $$18.mutable_state();
 	let props = $$18.prop($$props, "props", 24, () => ({}));
 	let layerId = $$18.prop($$props, "layerId", 8, "");
 	let eventName = $$18.prop($$props, "eventName", 8, "");
 	let eventValue = $$18.prop($$props, "eventValue", 8, void 0);
+	const { brandKit } = useBrandKit();
 	useInjectCustomizeCss(props());
 	const { attributes, element, handleClick } = useClickable_default({
 		onClick: {
@@ -4781,34 +4866,54 @@ function CloseButton($$anchor, $$props) {
 		}
 	};
 	const size = props().size ?? 24;
-	const color = props().color ?? "#666";
+	const color = props().color ?? getTextThemeStyles(brandKit)[props().colorVariant]?.color ?? "#666";
 	const label = props().label;
 	const isLeftLabelPlacement = props().labelPlacement === "left";
 	$$18.legacy_pre_effect(() => {}, () => {
 		$$18.set(hasLabel, label !== void 0 && label !== "");
 	});
 	$$18.legacy_pre_effect(() => ($$18.deep_read_state(props()), toCssBorder), () => {
-		$$18.set(style, objToStyle({
-			...props().bordered && { border: "1px solid #666" },
-			height: `${size}px`,
-			boxSizing: "border-box",
+		$$18.set(styleObj, {
+			...props().bordered && {
+				borderTopWidth: "1px",
+				borderLeftWidth: "1px",
+				borderRightWidth: "1px",
+				borderBottomWidth: "1px",
+				borderStyle: "solid",
+				borderColor: "#666666"
+			},
 			padding: "6px",
-			backgroundColor: props().backgroundColor ?? "transparent",
+			boxSizing: "border-box",
+			backgroundColor: toCssBackground(props(), brandKit)?.backgroundColor ?? "rgba(255,255,255,0)",
 			...VARIANTS.round[props().round ?? "default"],
+			...toCssPadding(props()),
 			...toCssCommon(props()),
 			...toCssBorder(props())
-		}));
+		});
 	});
-	$$18.legacy_pre_effect(() => $$18.deep_read_state(props()), () => {
+	$$18.legacy_pre_effect(() => $$18.get(styleObj), () => {
+		$$18.set(style, objToStyle($$18.get(styleObj)));
+	});
+	$$18.legacy_pre_effect(() => $$18.get(styleObj), () => {
+		$$18.set(borderWidth, $$18.get(styleObj).borderTopWidth ? parseInt($$18.get(styleObj).borderTopWidth) : 0);
+	});
+	$$18.legacy_pre_effect(() => $$18.get(styleObj), () => {
+		$$18.set(paddingSize, $$18.get(styleObj).paddingTop ? parseInt($$18.get(styleObj).paddingTop) : 6);
+	});
+	$$18.legacy_pre_effect(() => ($$18.deep_read_state(props()), getTextThemeStyles), () => {
 		$$18.set(labelStyle, objToStyle({
-			color: props().labelColor ?? color,
+			color: props().labelColor ?? getTextThemeStyles(brandKit)[props().labelColorVariant]?.color ?? color,
 			fontSize: `${size / 2.1}px`
 		}));
 	});
-	$$18.legacy_pre_effect(() => objToStyle, () => {
+	$$18.legacy_pre_effect(() => ($$18.get(paddingSize), $$18.get(borderWidth)), () => {
 		$$18.set(iconStyle, objToStyle({
-			width: `${size - 12}px`,
-			height: `${size - 12}px`
+			width: `${size - $$18.get(paddingSize) * 2 - $$18.get(borderWidth) * 2}px`,
+			height: `${size - $$18.get(paddingSize) * 2 - $$18.get(borderWidth) * 2}px`,
+			display: "flex",
+			alignItems: "center",
+			justifyContent: "center",
+			flexShrink: 0
 		}));
 	});
 	$$18.legacy_pre_effect_reset();
@@ -4822,7 +4927,7 @@ function CloseButton($$anchor, $$props) {
 			class: `close-button ${isLeftLabelPlacement ? "close-button-order-two" : ""}`,
 			"data-layer-id": layerId(),
 			style: $$18.get(style)
-		}, "svelte-1xcn1yw"));
+		}, "svelte-18wmfyq"));
 		$$18.event("click", $$element, handleClick);
 		var fragment_1 = root_1$4();
 		var span = $$18.first_child(fragment_1);
@@ -4833,7 +4938,7 @@ function CloseButton($$anchor, $$props) {
 		{
 			var consequent = ($$anchor$2) => {
 				var span_1 = root_2$1();
-				$$18.set_class(span_1, 1, `close-button-label ${isLeftLabelPlacement ? "close-button-order-one" : ""}`, "svelte-1xcn1yw");
+				$$18.set_class(span_1, 1, `close-button-label ${isLeftLabelPlacement ? "close-button-order-one" : ""}`, "svelte-18wmfyq");
 				span_1.textContent = label;
 				$$18.template_effect(() => $$18.set_style(span_1, $$18.get(labelStyle)));
 				$$18.append($$anchor$2, span_1);
@@ -4910,16 +5015,16 @@ const IMAGE_ROUND_STYLES = {
 		borderBottomRightRadius: 0
 	},
 	rounded: {
-		borderTopLeftRadius: "0.4em",
-		borderTopRightRadius: "0.4em",
-		borderBottomLeftRadius: "0.4em",
-		borderBottomRightRadius: "0.4em"
+		borderTopLeftRadius: "8px",
+		borderTopRightRadius: "8px",
+		borderBottomLeftRadius: "8px",
+		borderBottomRightRadius: "8px"
 	},
 	circle: {
-		borderTopLeftRadius: "0.8em",
-		borderTopRightRadius: "0.8em",
-		borderBottomLeftRadius: "0.8em",
-		borderBottomRightRadius: "0.8em"
+		borderTopLeftRadius: "16px",
+		borderTopRightRadius: "16px",
+		borderBottomLeftRadius: "16px",
+		borderBottomRightRadius: "16px"
 	}
 };
 
@@ -4933,23 +5038,43 @@ const $$css$16 = {
 function Image($$anchor, $$props) {
 	$$17.push($$props, false);
 	$$17.append_styles($$anchor, $$css$16);
+	const styleObj = $$17.mutable_state();
 	const style = $$17.mutable_state();
+	const imgStyle = $$17.mutable_state();
 	let props = $$17.prop($$props, "props", 24, () => ({}));
 	let layerId = $$17.prop($$props, "layerId", 8, "");
 	useInjectCustomizeCss(props());
 	const { attributes, element, handleClick } = useClickable_default(props());
 	const aspectVariantStyles = ASPECT_VARIANT[props().aspectVariant]?.getProps();
 	const width = props().width ?? "100%";
-	$$17.legacy_pre_effect(() => ($$17.deep_read_state(props()), toCssBorder), () => {
-		$$17.set(style, objToStyle({
+	const calcImgRadius = (parentRadius, borderWidth) => {
+		const radiusSize = parentRadius ? parseInt(parentRadius) : 0;
+		if (radiusSize === 0) return 0;
+		if (parentRadius === "100%") return "100%";
+		return radiusSize > 0 ? `calc(${parentRadius} - ${borderWidth})` : void 0;
+	};
+	$$17.legacy_pre_effect(() => ($$17.deep_read_state(props()), toCssPadding), () => {
+		$$17.set(styleObj, {
 			...props().borderTopLeftRadius ? toCssRadius(props()) : IMAGE_ROUND_STYLES[props().shape ?? "square"],
 			width,
 			flexShrink: String(width).indexOf("px") !== -1 ? 0 : 1,
 			height: props().height ?? "auto",
 			aspectRatio: props().aspect ?? aspectVariantStyles?.aspect,
 			...toCssCommon(props()),
-			...toCssBorder(props())
-		}));
+			...toCssBorder(props()),
+			...toCssPadding(props())
+		});
+	});
+	$$17.legacy_pre_effect(() => $$17.get(styleObj), () => {
+		$$17.set(style, objToStyle($$17.get(styleObj)));
+	});
+	$$17.legacy_pre_effect(() => $$17.get(styleObj), () => {
+		$$17.set(imgStyle, objToStyle({ ...toCssRadius({
+			borderTopLeftRadius: calcImgRadius($$17.get(styleObj).borderTopLeftRadius, $$17.get(styleObj).borderTopWidth),
+			borderTopRightRadius: calcImgRadius($$17.get(styleObj).borderTopRightRadius, $$17.get(styleObj).borderTopWidth),
+			borderBottomLeftRadius: calcImgRadius($$17.get(styleObj).borderBottomLeftRadius, $$17.get(styleObj).borderTopWidth),
+			borderBottomRightRadius: calcImgRadius($$17.get(styleObj).borderBottomRightRadius, $$17.get(styleObj).borderTopWidth)
+		}) }));
 	});
 	$$17.legacy_pre_effect_reset();
 	$$17.init();
@@ -4968,6 +5093,7 @@ function Image($$anchor, $$props) {
 		$$17.template_effect(() => {
 			$$17.set_attribute(img, "src", props().image);
 			$$17.set_attribute(img, "alt", props().alt);
+			$$17.set_style(img, $$17.get(imgStyle));
 		});
 		$$17.append($$anchor$1, img);
 	});
@@ -5007,6 +5133,7 @@ function Layout($$anchor, $$props) {
 	const style = $$16.mutable_state();
 	let props = $$16.prop($$props, "props", 24, () => ({}));
 	let layerId = $$16.prop($$props, "layerId", 8, "");
+	const { brandKit } = useBrandKit();
 	useInjectCustomizeCss(props());
 	const { attributes, element, handleClick } = useClickable_default(props());
 	$$16.legacy_pre_effect(() => ($$16.deep_read_state(props()), toCssBorder), () => {
@@ -5018,13 +5145,14 @@ function Layout($$anchor, $$props) {
 			rowGap: props().rowGap ?? props().gap,
 			columnGap: props().columnGap ?? props().gap,
 			width: props().width,
+			height: props().height,
 			...toCssOverflow(props()),
 			...toCssShadow(props()),
 			...toCssRadius(props()),
-			...toCssBackground(props()),
+			...toCssBackground(props(), brandKit),
 			...toCssCommon(props()),
 			...toCssPadding(props()),
-			...toCssBorder(props())
+			...toCssBorder(props(), brandKit)
 		}));
 	});
 	$$16.legacy_pre_effect_reset();
@@ -5324,20 +5452,6 @@ function SliderItem($$anchor, $$props) {
 	$$14.pop();
 }
 
-//#endregion
-//#region src/components-flex/text/styles.ts
-const callback$1 = ({ brandKit }) => ({
-	default: { color: brandKit.color_text_primary },
-	gray: { color: brandKit.color_text_secondary },
-	brand: { color: brandKit.color_brand },
-	success: { color: brandKit.color_success },
-	warning: { color: brandKit.color_warning },
-	danger: { color: brandKit.color_danger },
-	info: { color: brandKit.color_info },
-	white: { color: brandKit.color_white }
-});
-const getTextThemeStyles = getPropStyles(callback$1);
-
 //#endregion
 //#region src/components-flex/text/constants.ts
 const TEXT_VARIANTS = { size: {
@@ -6111,11 +6225,9 @@ function List($$anchor, $$props) {
 	const style = $$6.mutable_state();
 	let layerId = $$6.prop($$props, "layerId", 8);
 	let props = $$6.prop($$props, "props", 8);
+	const { brandKit } = useBrandKit();
 	useInjectCustomizeCss(props());
 	const vars = getVariables();
-	console.log(vars);
-	console.log(props().actionTableKey);
-	console.log(vars[props().actionTableKey]);
 	setContext(LIST_ITEM_CONTEXT_KEY, {
 		paddingTop: props().itemPaddingTop,
 		paddingLeft: props().itemPaddingLeft,
@@ -6123,8 +6235,8 @@ function List($$anchor, $$props) {
 		paddingBottom: props().itemPaddingBottom,
 		height: props().itemHeight,
 		borderTopWidth: props().borderWidth,
-		borderTopColor: props().borderColor,
-		borderTopStyle: props().borderStyle,
+		borderTopColor: props().borderColor ?? BORDER_COLOR_VARIANT[props().borderColorVariant]?.getProps(brandKit)?.borderColor,
+		borderTopStyle: "solid",
 		gap: props().itemGap
 	});
 	$$6.legacy_pre_effect(() => $$6.deep_read_state(props()), () => {
@@ -6196,6 +6308,7 @@ function MultiColumn($$anchor, $$props) {
 	const style = $$5.mutable_state();
 	let layerId = $$5.prop($$props, "layerId", 8);
 	let props = $$5.prop($$props, "props", 8);
+	const { brandKit } = useBrandKit();
 	useInjectCustomizeCss(props());
 	let listGap = (() => {
 		if (!props().gap) return "0";
@@ -6213,8 +6326,8 @@ function MultiColumn($$anchor, $$props) {
 		paddingRight: props().itemPaddingRight,
 		paddingBottom: props().itemPaddingBottom,
 		borderLeftWidth: props().borderWidth,
-		borderLeftColor: props().borderColor,
-		borderLeftStyle: props().borderStyle,
+		borderLeftColor: props().borderColor ?? BORDER_COLOR_VARIANT[props().borderColorVariant]?.getProps(brandKit)?.borderColor,
+		borderLeftStyle: props().borderStyle ?? "solid",
 		gap: listGap,
 		innerGap: props().itemGap
 	});
@@ -6833,4 +6946,4 @@ const flexComponentSchemes = {
 };
 
 //#endregion
-export { ACTION_HOOK_LABEL, ASPECT_VARIANT, ASPECT_VARIANTS, AVATAR_SHAPE, AVATAR_SIZE, AVATAR_SIZE_STYLES, Alignments, AnimationStyles, BUTTON_ICON_ANGLE, BUTTON_LINK_TARGET, BUTTON_OUTLINED_ROUND_STYLES, BUTTON_OUTLINED_SIZE_STYLES, BUTTON_OUTLINED_WRAP_STYLES, BUTTON_ROUND, BUTTON_ROUND_STYLES, BUTTON_SIZE, BUTTON_SIZE_STYLES, BUTTON_TEXT_SIZE, BUTTON_TEXT_SIZE_STYLES, BUTTON_TEXT_THEME, BUTTON_THEME, BUTTON_VARIANT, BUTTON_WRAP_STYLES, BackgroundSizes, CLOSE_BUTTON_LABEL_PLACEMENT, CLOSE_BUTTON_PLACEMENT, CLOSE_BUTTON_ROUND, ClipPaths, Cursors, DefaultEdgePosition, DefaultElasticity, DefaultFormButtonColor, DefaultFormIdentifyBooleanField, DefaultFormIdentifyTextField, DefaultListBackground, DefaultListBackgroundNone, DefaultListBackgroundStripe, DefaultListSeparator, DefaultListSeparatorBorder, DefaultListSeparatorGap, DefaultListSeparatorNone, DefaultModalBreakPoint, DefaultModalPlacement, DefaultSlideButton, DefaultSlideNavigationButton, Directions, Elasticities, ElasticityStyle, FONT_FAMILY_VARIANT, FONT_FAMILY_VARIANTS, FONT_FAMILY_VARIANT_GROUPS, Avatar as FlexAvatar, Button as FlexButton, ButtonOutlined as FlexButtonOutlined, ButtonText as FlexButtonText, ClipCopy as FlexClipCopy, CloseButton as FlexCloseButton, Code as FlexCode, CountDown as FlexCountDown, CountDownValue as FlexCountDownValue, FlexDirections, Icon as FlexIcon, Image as FlexImage, Layout as FlexLayout, List as FlexList, ListItem as FlexListItem, Modal as FlexModal, MultiColumn as FlexMultiColumn, MultiColumnItem as FlexMultiColumnItem, RichText as FlexRichText, Slider as FlexSlider, SliderItem as FlexSliderItem, Text as FlexText, TextLink as FlexTextLink, Youtube as FlexYoutube, Fonts, FormIdentifyBooleanFields, FormIdentifyTextFieldPlaceholders, FormIdentifyTextFieldValidations, FormIdentifyTextFields, ICON_SIZE, ICON_SIZE_STYLES, ICON_VARIANTS, IMAGE_ASPECT_VARIANTS, IMAGE_ROUND_SHAPE, IMAGE_ROUND_STYLES, Justifies, KARTE_MODAL_ROOT, LAYER_TEXT_SIZE, LAYOUT_ALIGN, LAYOUT_COMPONENT_NAMES, LAYOUT_DIRECTION, LAYOUT_DISPLAY_TYPE, LAYOUT_JUSTIFY, LIST_ITEM_CONTEXT_KEY, LengthUnits, ListBackgroundTypes, ListDirections, ListSeparatorTypes, MULTI_COLUMN_ITEM_CONTEXT_KEY, MediaQueries, ModalPositions, ObjectFits, OnClickOperationOptions, Overflows, PropTypes, ROUND_STYLES, ROUND_VARIANT, Repeats, SHADOW_VARIANT, SHADOW_VARIANTS, SYSTEM_FONT, State, StateItem, TEXT_LINK_SIZE, TEXT_LINK_SIZE_STYLES, TEXT_LINK_THEME, TEXT_LINK_UNDERLINE, TEXT_STYLE, TEXT_THEME, TEXT_VARIANTS, TextDirections, WritingModes, addChoiceAnswer, addFreeAnswer, afterUpdate, applyCss, applyGlobalCss, avatarPropsDefault, beforeUpdate, buttonOutlinedPropsDefault, buttonPropsDefault, close, closeAction, collection, create, createApp, createFog, createProp, destroy, destroyAction, ensureModalRoot, eventHandlers, finalize, flexComponentSchemes, formData, getActionRoot, getAnsweredQuestion, getAnsweredQuestionIds, getBrandKit, getButtonOutlinedThemeStyles, getButtonTextThemeStyles, getButtonThemeStyles, getCssVariables, getEventHandlers, getEvents, getLogs, getState, getStates, getSystem, getTextLinkThemeStyles, getTextThemeStyles, getVariables, hideOnScroll, hideOnTime, initialize, isOpened, listenLogger, loadActionTable, loadActionTableQuery, loadActionTableRow, loadActionTableRows, loadGlobalScript, loadGlobalStyle, loadStyle, logger, onChangeState, onClose, onCreate, onDestory, onDestroy, onMount, onScroll, onShow, onTime, removeAnswer, resetEventHandlers, resetVariables, sendAnswer, sendAnswers, setEventHandlers, setSetting, setState, setVariables, show, showAction, showModal, showOnScroll, showOnTime, state, tick, useBrandKit, variables, widget_exports as widget };
+export { ACTION_HOOK_LABEL, ASPECT_VARIANT, ASPECT_VARIANTS, AVATAR_SHAPE, AVATAR_SIZE, AVATAR_SIZE_STYLES, Alignments, AnimationStyles, BACKGROUND_COLOR_VARIANT, BACKGROUND_COLOR_VARIANTS, BORDER_COLOR_VARIANT, BORDER_COLOR_VARIANTS, BUTTON_ICON_ANGLE, BUTTON_LINK_TARGET, BUTTON_OUTLINED_ROUND_STYLES, BUTTON_OUTLINED_SIZE_STYLES, BUTTON_OUTLINED_WRAP_STYLES, BUTTON_ROUND, BUTTON_ROUND_STYLES, BUTTON_SIZE, BUTTON_SIZE_STYLES, BUTTON_TEXT_SIZE, BUTTON_TEXT_SIZE_STYLES, BUTTON_TEXT_THEME, BUTTON_THEME, BUTTON_VARIANT, BUTTON_WRAP_STYLES, BackgroundSizes, CLOSE_BUTTON_LABEL_PLACEMENT, CLOSE_BUTTON_PLACEMENT, CLOSE_BUTTON_ROUND, ClipPaths, Cursors, DefaultEdgePosition, DefaultElasticity, DefaultFormButtonColor, DefaultFormIdentifyBooleanField, DefaultFormIdentifyTextField, DefaultListBackground, DefaultListBackgroundNone, DefaultListBackgroundStripe, DefaultListSeparator, DefaultListSeparatorBorder, DefaultListSeparatorGap, DefaultListSeparatorNone, DefaultModalBreakPoint, DefaultModalPlacement, DefaultSlideButton, DefaultSlideNavigationButton, Directions, Elasticities, ElasticityStyle, FONT_FAMILY_VARIANT, FONT_FAMILY_VARIANTS, FONT_FAMILY_VARIANT_GROUPS, Avatar as FlexAvatar, Button as FlexButton, ButtonOutlined as FlexButtonOutlined, ButtonText as FlexButtonText, ClipCopy as FlexClipCopy, CloseButton as FlexCloseButton, Code as FlexCode, CountDown as FlexCountDown, CountDownValue as FlexCountDownValue, FlexDirections, Icon as FlexIcon, Image as FlexImage, Layout as FlexLayout, List as FlexList, ListItem as FlexListItem, Modal as FlexModal, MultiColumn as FlexMultiColumn, MultiColumnItem as FlexMultiColumnItem, RichText as FlexRichText, Slider as FlexSlider, SliderItem as FlexSliderItem, Text as FlexText, TextLink as FlexTextLink, Youtube as FlexYoutube, Fonts, FormIdentifyBooleanFields, FormIdentifyTextFieldPlaceholders, FormIdentifyTextFieldValidations, FormIdentifyTextFields, ICON_SIZE, ICON_SIZE_STYLES, ICON_VARIANTS, IMAGE_ASPECT_VARIANTS, IMAGE_ROUND_SHAPE, IMAGE_ROUND_STYLES, Justifies, KARTE_MODAL_ROOT, LAYER_TEXT_SIZE, LAYOUT_ALIGN, LAYOUT_COMPONENT_NAMES, LAYOUT_DIRECTION, LAYOUT_DISPLAY_TYPE, LAYOUT_JUSTIFY, LIST_ITEM_CONTEXT_KEY, LengthUnits, ListBackgroundTypes, ListDirections, ListSeparatorTypes, MULTI_COLUMN_ITEM_CONTEXT_KEY, MediaQueries, ModalPositions, ObjectFits, OnClickOperationOptions, Overflows, PropTypes, ROUND_STYLES, ROUND_VARIANT, Repeats, SHADOW_VARIANT, SHADOW_VARIANTS, SYSTEM_FONT, State, StateItem, TEXT_LINK_SIZE, TEXT_LINK_SIZE_STYLES, TEXT_LINK_THEME, TEXT_LINK_UNDERLINE, TEXT_STYLE, TEXT_THEME, TEXT_VARIANTS, TextDirections, WritingModes, addChoiceAnswer, addFreeAnswer, afterUpdate, applyCss, applyGlobalCss, avatarPropsDefault, beforeUpdate, buttonOutlinedPropsDefault, buttonPropsDefault, close, closeAction, collection, create, createApp, createFog, createProp, destroy, destroyAction, ensureModalRoot, eventHandlers, finalize, flexComponentSchemes, formData, getActionRoot, getAnsweredQuestion, getAnsweredQuestionIds, getBrandKit, getButtonOutlinedThemeStyles, getButtonTextThemeStyles, getButtonThemeStyles, getCssVariables, getEventHandlers, getEvents, getLogs, getState, getStates, getSystem, getTextLinkThemeStyles, getTextThemeStyles, getVariables, hideOnScroll, hideOnTime, initialize, isOpened, listenLogger, loadActionTable, loadActionTableQuery, loadActionTableRow, loadActionTableRows, loadGlobalScript, loadGlobalStyle, loadStyle, logger, onChangeState, onClose, onCreate, onDestory, onDestroy, onMount, onScroll, onShow, onTime, removeAnswer, resetEventHandlers, resetVariables, sendAnswer, sendAnswers, setEventHandlers, setSetting, setState, setVariables, show, showAction, showModal, showOnScroll, showOnTime, state, tick, useBrandKit, variables, widget_exports as widget };