@plaidev/karte-action-sdk 1.1.268-29127795.266c63a4 → 1.1.268-29130290.f4c098fe

package/dist/index.es.js

@@ -6432,7 +6432,7 @@ var TextButtonElement_default = TextButtonElement;
 //#endregion
 //#region src/components/ImageElement.svelte
 function add_css$48(target) {
-	append_styles(target, "svelte-t6tu0e", ".image-element.svelte-t6tu0e{width:100%;height:100%;max-width:100%;max-height:100%;box-sizing:border-box}.image-element.svelte-t6tu0e > .button{display:flex;position:relative;width:100%;height:100%;max-width:100%;max-height:100%;justify-content:center;align-items:center;white-space:nowrap;box-sizing:border-box;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}.image-element.svelte-t6tu0e > .button._disabled{cursor:not-allowed !important;opacity:0.2}.image-element.transport.svelte-t6tu0e > .button:not(._disabled):hover,.image-element.transport.svelte-t6tu0e > .button:not(._disabled):focus{opacity:0.75;box-shadow:0 5px 16px rgba(0, 0, 0, 0.1), 0 8px 28px rgba(0, 0, 0, 0.16)}.image.svelte-t6tu0e{width:100%;height:100%}");
+	append_styles(target, "svelte-1vf67bu", ".image-element.svelte-1vf67bu{width:100%;height:100%;max-width:100%;max-height:100%;box-sizing:border-box}.image-element.svelte-1vf67bu > .button{display:flex;position:relative;width:100%;height:100%;max-width:100%;max-height:100%;justify-content:center;align-items:center;white-space:nowrap;box-sizing:border-box;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}.image-element.svelte-1vf67bu > .button._disabled{cursor:not-allowed !important;opacity:0.2}.image-element.transport.svelte-1vf67bu > .button:not(._disabled):hover,.image-element.transport.svelte-1vf67bu > .button:not(._disabled):focus{opacity:0.75;box-shadow:0 5px 16px rgba(0, 0, 0, 0.1),\n      0 8px 28px rgba(0, 0, 0, 0.16)}.image.svelte-1vf67bu{width:100%;height:100%}");
 }
 function create_default_slot$5(ctx) {
 	let img;
@@ -6441,7 +6441,7 @@ function create_default_slot$5(ctx) {
 	return {
 		c() {
 			img = element("img");
-			attr(img, "class", "image svelte-t6tu0e");
+			attr(img, "class", "image svelte-1vf67bu");
 			attr(img, "loading", "lazy");
 			attr(img, "width", "auto");
 			attr(img, "height", "auto");
@@ -6488,7 +6488,7 @@ function create_fragment$84(ctx) {
 		c() {
 			div = element("div");
 			create_component(button.$$.fragment);
-			attr(div, "class", div_class_value = "image-element " + (ctx[2] ? " transport" : "") + " svelte-t6tu0e");
+			attr(div, "class", div_class_value = "image-element " + (ctx[2] ? " transport" : "") + " svelte-1vf67bu");
 		},
 		m(target, anchor) {
 			insert(target, div, anchor);
@@ -6505,7 +6505,7 @@ function create_fragment$84(ctx) {
 				ctx: ctx$1
 			};
 			button.$set(button_changes);
-			if (!current || dirty & 4 && div_class_value !== (div_class_value = "image-element " + (ctx$1[2] ? " transport" : "") + " svelte-t6tu0e")) attr(div, "class", div_class_value);
+			if (!current || dirty & 4 && div_class_value !== (div_class_value = "image-element " + (ctx$1[2] ? " transport" : "") + " svelte-1vf67bu")) attr(div, "class", div_class_value);
 		},
 		i(local) {
 			if (current) return;
@@ -6723,7 +6723,7 @@ var List_default$1 = List$1;
 //#endregion
 //#region src/components/ListItem.svelte
 function add_css$46(target) {
-	append_styles(target, "svelte-9n97pe", ".list-item.svelte-9n97pe{flex:auto;box-sizing:border-box;min-width:0;min-height:0;position:relative}.list-item.svelte-9n97pe > .button{position:absolute;inset:0;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}");
+	append_styles(target, "svelte-r2zttu", ".list-item.svelte-r2zttu{flex:auto;box-sizing:border-box;min-width:0;min-height:0;position:relative}.list-item.svelte-r2zttu > .button{position:absolute;inset:0;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}");
 }
 function create_default_slot$4(ctx) {
 	let current;
@@ -6794,7 +6794,7 @@ function create_fragment$82(ctx) {
 		c() {
 			div = element("div");
 			create_component(button.$$.fragment);
-			attr(div, "class", "list-item svelte-9n97pe");
+			attr(div, "class", "list-item svelte-r2zttu");
 			attr(
 				div,
 				"style",
@@ -6973,7 +6973,7 @@ var EmbedElement_default = EmbedElement;
 //#endregion
 //#region src/components/MovieYouTubeElement.svelte
 function add_css$44(target) {
-	append_styles(target, "svelte-vikz49", ".embed.svelte-vikz49{box-shadow:0 1px rgba(0, 0, 0, 0.06);overflow:hidden;width:100%;height:100%;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}.embed.svelte-vikz49 iframe{position:absolute;top:0;left:0;width:100%;height:100%}");
+	append_styles(target, "svelte-1fyqoy1", ".embed.svelte-1fyqoy1{box-shadow:0 1px rgba(0, 0, 0, 0.06);overflow:hidden;width:100%;height:100%;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}.embed.svelte-1fyqoy1 iframe{position:absolute;top:0;left:0;width:100%;height:100%}");
 }
 function create_fragment$80(ctx) {
 	let div1;
@@ -6983,7 +6983,7 @@ function create_fragment$80(ctx) {
 			div1 = element("div");
 			div0 = element("div");
 			attr(div0, "class", "karte-player");
-			attr(div1, "class", "embed svelte-vikz49");
+			attr(div1, "class", "embed svelte-1fyqoy1");
 			attr(
 				div1,
 				"style",
@@ -7262,7 +7262,7 @@ var MovieYouTubeElement_default = MovieYouTubeElement;
 //#endregion
 //#region src/components/MovieVimeoElement.svelte
 function add_css$43(target) {
-	append_styles(target, "svelte-vikz49", ".embed.svelte-vikz49{box-shadow:0 1px rgba(0, 0, 0, 0.06);overflow:hidden;width:100%;height:100%;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}.embed.svelte-vikz49 iframe{position:absolute;top:0;left:0;width:100%;height:100%}");
+	append_styles(target, "svelte-1fyqoy1", ".embed.svelte-1fyqoy1{box-shadow:0 1px rgba(0, 0, 0, 0.06);overflow:hidden;width:100%;height:100%;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}.embed.svelte-1fyqoy1 iframe{position:absolute;top:0;left:0;width:100%;height:100%}");
 }
 function create_fragment$79(ctx) {
 	let div1;
@@ -7272,7 +7272,7 @@ function create_fragment$79(ctx) {
 			div1 = element("div");
 			div0 = element("div");
 			attr(div0, "class", "karte-player");
-			attr(div1, "class", "embed svelte-vikz49");
+			attr(div1, "class", "embed svelte-1fyqoy1");
 			attr(
 				div1,
 				"style",
@@ -7426,7 +7426,7 @@ var MovieVimeoElement_default = MovieVimeoElement;
 //#endregion
 //#region src/components/FormTextarea.svelte
 function add_css$42(target) {
-	append_styles(target, "svelte-zxvkkc", ".textarea-wrapper.svelte-zxvkkc{display:flex;align-items:center;width:100%;height:100%}.textarea.svelte-zxvkkc{width:100%;height:100%;box-sizing:border-box;resize:none;appearance:none;background-color:#fff;border:solid 2px #ccc;border-radius:6px;padding:6px 10px 6px 10px;font-size:12px;line-height:1.5}.textarea.svelte-zxvkkc::placeholder{color:var(--placeholder-color)}.textarea.svelte-zxvkkc:focus{outline:none;border-width:var(--focus-border-width) !important;border-color:var(--focus-border-color) !important;border-style:var(--focus-border-style) !important}");
+	append_styles(target, "svelte-augwt8", ".textarea-wrapper.svelte-augwt8{display:flex;align-items:center;width:100%;height:100%}.textarea.svelte-augwt8{width:100%;height:100%;box-sizing:border-box;resize:none;appearance:none;background-color:#fff;border:solid 2px #ccc;border-radius:6px;padding:6px 10px 6px 10px;font-size:12px;line-height:1.5}.textarea.svelte-augwt8::placeholder{color:var(--placeholder-color)}.textarea.svelte-augwt8:focus{outline:none;border-width:var(--focus-border-width) !important;border-color:var(--focus-border-color) !important;border-style:var(--focus-border-style) !important}");
 }
 function create_fragment$78(ctx) {
 	let div;
@@ -7437,7 +7437,7 @@ function create_fragment$78(ctx) {
 		c() {
 			div = element("div");
 			textarea = element("textarea");
-			attr(textarea, "class", "textarea svelte-zxvkkc");
+			attr(textarea, "class", "textarea svelte-augwt8");
 			textarea.value = ctx[4];
 			textarea.required = ctx[1];
 			attr(
@@ -7452,7 +7452,7 @@ function create_fragment$78(ctx) {
 				/*style*/
 				ctx[3]
 );
-			attr(div, "class", "textarea-wrapper svelte-zxvkkc");
+			attr(div, "class", "textarea-wrapper svelte-augwt8");
 			attr(
 				div,
 				"style",
@@ -7594,7 +7594,7 @@ var FormTextarea_default = FormTextarea;
 //#endregion
 //#region src/components/FormRadioButtons.svelte
 function add_css$41(target) {
-	append_styles(target, "svelte-17s08g", ".radio-buttons.svelte-17s08g{display:flex;justify-content:space-between;flex-direction:column;width:100%;height:100%}.radio-button.svelte-17s08g{cursor:pointer;display:flex;align-items:center}.radio-button-input.svelte-17s08g{appearance:none;margin:0;box-sizing:border-box;border-radius:var(--size);position:relative;width:var(--size);height:var(--size);border:solid calc(var(--size) / 3) var(--color-main);background-color:var(--color-sub);cursor:pointer;flex:none}.radio-button-input.svelte-17s08g:checked{border:solid calc(var(--size) / 3) var(--color-main-active);background-color:var(--color-sub-active);box-shadow:0px 1px 8px 2px rgba(18,160,160,.08),0px 1px 4px -1px rgba(18,160,160,.24)}.radio-button-text.svelte-17s08g{margin-left:0.5em}");
+	append_styles(target, "svelte-152kveg", ".radio-buttons.svelte-152kveg{display:flex;justify-content:space-between;flex-direction:column;width:100%;height:100%}.radio-button.svelte-152kveg{cursor:pointer;display:flex;align-items:center}.radio-button-input.svelte-152kveg{appearance:none;margin:0;box-sizing:border-box;border-radius:var(--size);position:relative;width:var(--size);height:var(--size);border:solid calc(var(--size) / 3) var(--color-main);background-color:var(--color-sub);cursor:pointer;flex:none}.radio-button-input.svelte-152kveg:checked{border:solid calc(var(--size) / 3) var(--color-main-active);background-color:var(--color-sub-active);box-shadow:0px 1px 8px 2px rgba(18, 160, 160, 0.08),\n      0px 1px 4px -1px rgba(18, 160, 160, 0.24)}.radio-button-text.svelte-152kveg{margin-left:0.5em}");
 }
 function get_each_context$7(ctx, list, i) {
 	const child_ctx = ctx.slice();
@@ -7624,7 +7624,7 @@ function create_each_block$7(ctx) {
 			t1 = text(t1_value);
 			t2 = space();
 			attr(input, "type", "radio");
-			attr(input, "class", "radio-button-input svelte-17s08g");
+			attr(input, "class", "radio-button-input svelte-152kveg");
 			attr(
 				input,
 				"style",
@@ -7639,9 +7639,9 @@ function create_each_block$7(ctx) {
 );
 			input.value = input_value_value = ctx[17];
 			input.checked = input_checked_value = ctx[17] === ctx[3];
-			attr(span, "class", "radio-button-text svelte-17s08g");
+			attr(span, "class", "radio-button-text svelte-152kveg");
 			attr(span, "style", span_style_value = `${ctx[2]} ${ctx[6]}`);
-			attr(label, "class", "radio-button svelte-17s08g");
+			attr(label, "class", "radio-button svelte-152kveg");
 		},
 		m(target, anchor) {
 			insert(target, label, anchor);
@@ -7698,7 +7698,7 @@ function create_fragment$77(ctx) {
 		c() {
 			div = element("div");
 			for (let i = 0; i < each_blocks.length; i += 1) each_blocks[i].c();
-			attr(div, "class", "radio-buttons svelte-17s08g");
+			attr(div, "class", "radio-buttons svelte-152kveg");
 			attr(
 				div,
 				"style",
@@ -7841,7 +7841,7 @@ var FormRadioButtons_default = FormRadioButtons;
 //#endregion
 //#region src/components/FormSelect.svelte
 function add_css$40(target) {
-	append_styles(target, "svelte-t9ynyj", ".select.svelte-t9ynyj{width:100%;height:100%}.select-select.svelte-t9ynyj{position:relative;appearance:none;width:100%;height:100%;cursor:pointer;background-color:#fff;border:solid 2px #ccc;border-radius:6px;padding:0 0 0 10px;font-size:12px;line-height:1.5}.select-select.svelte-t9ynyj:focus{outline:none;border-width:var(--focus-border-width) !important;border-color:var(--focus-border-color) !important;border-style:var(--focus-border-style) !important}.select-icon.svelte-t9ynyj{position:absolute;width:calc(var(--icon-size) / 1.41);height:calc(var(--icon-size) / 1.41);top:calc(50% - calc(var(--icon-size) / 4));right:calc(var(--icon-size) * 1.2);box-sizing:border-box;border-right:solid 2px var(--icon-color);border-top:solid 2px var(--icon-color);transform:translateY(-35.4%) rotate(135deg);pointer-events:none}");
+	append_styles(target, "svelte-163uiff", ".select.svelte-163uiff{width:100%;height:100%}.select-select.svelte-163uiff{position:relative;appearance:none;width:100%;height:100%;cursor:pointer;background-color:#fff;border:solid 2px #ccc;border-radius:6px;padding:0 0 0 10px;font-size:12px;line-height:1.5}.select-select.svelte-163uiff:focus{outline:none;border-width:var(--focus-border-width) !important;border-color:var(--focus-border-color) !important;border-style:var(--focus-border-style) !important}.select-icon.svelte-163uiff{position:absolute;width:calc(var(--icon-size) / 1.41);height:calc(var(--icon-size) / 1.41);top:calc(50% - calc(var(--icon-size) / 4));right:calc(var(--icon-size) * 1.2);box-sizing:border-box;border-right:solid 2px var(--icon-color);border-top:solid 2px var(--icon-color);transform:translateY(-35.4%) rotate(135deg);pointer-events:none}");
 }
 function get_each_context$6(ctx, list, i) {
 	const child_ctx = ctx.slice();
@@ -7955,15 +7955,15 @@ function create_fragment$76(ctx) {
 			for (let i = 0; i < each_blocks.length; i += 1) each_blocks[i].c();
 			t = space();
 			div0 = element("div");
-			attr(select, "class", "select-select svelte-t9ynyj");
+			attr(select, "class", "select-select svelte-163uiff");
 			attr(
 				select,
 				"style",
 				/*style*/
 				ctx[3]
 );
-			attr(div0, "class", "select-icon svelte-t9ynyj");
-			attr(div1, "class", "select svelte-t9ynyj");
+			attr(div0, "class", "select-icon svelte-163uiff");
+			attr(div1, "class", "select svelte-163uiff");
 			attr(
 				div1,
 				"style",
@@ -8137,7 +8137,7 @@ var FormSelect_default = FormSelect;
 //#endregion
 //#region src/components/FormCheckBoxes.svelte
 function add_css$39(target) {
-	append_styles(target, "svelte-1p65cg8", ".check-boxes.svelte-1p65cg8.svelte-1p65cg8{display:flex;justify-content:space-between;flex-direction:column;width:100%;height:100%;gap:0px}.check-box.svelte-1p65cg8.svelte-1p65cg8{display:flex;align-items:center;position:relative;cursor:pointer}.check-box-input.svelte-1p65cg8.svelte-1p65cg8{width:var(--size);height:var(--size);margin:0;position:absolute;appearance:none;cursor:pointer}.check-box-check.svelte-1p65cg8.svelte-1p65cg8{display:inline-flex;background-color:var(--color-main);width:var(--size);height:var(--size);border-radius:calc(var(--size) / 4);justify-content:center;align-items:center;flex:none}.check-box-icon.svelte-1p65cg8.svelte-1p65cg8{display:inline-block;--icon-size:calc(var(--size) * 3 / 4);width:var(--icon-size);height:var(--icon-size)}.check-box-icon.svelte-1p65cg8.svelte-1p65cg8:after{content:'';display:block;box-sizing:border-box;width:45%;height:91%;transform:translate(60%, -8%) rotate(45deg);border-style:none solid solid none;border-width:2px;border-color:var(--color-sub)}.check-box-check._checked.svelte-1p65cg8.svelte-1p65cg8{background-color:var(--color-main-active)}.check-box-check._checked.svelte-1p65cg8 .check-box-icon.svelte-1p65cg8:after{border-color:var(--color-sub-active)}.check-box-text.svelte-1p65cg8.svelte-1p65cg8{margin-left:0.5em;color:#333;font-size:12px;line-height:1.5}");
+	append_styles(target, "svelte-1fqm5oa", ".check-boxes.svelte-1fqm5oa.svelte-1fqm5oa{display:flex;justify-content:space-between;flex-direction:column;width:100%;height:100%;gap:0px}.check-box.svelte-1fqm5oa.svelte-1fqm5oa{display:flex;align-items:center;position:relative;cursor:pointer}.check-box-input.svelte-1fqm5oa.svelte-1fqm5oa{width:var(--size);height:var(--size);margin:0;position:absolute;appearance:none;cursor:pointer}.check-box-check.svelte-1fqm5oa.svelte-1fqm5oa{display:inline-flex;background-color:var(--color-main);width:var(--size);height:var(--size);border-radius:calc(var(--size) / 4);justify-content:center;align-items:center;flex:none}.check-box-icon.svelte-1fqm5oa.svelte-1fqm5oa{display:inline-block;--icon-size:calc(var(--size) * 3 / 4);width:var(--icon-size);height:var(--icon-size)}.check-box-icon.svelte-1fqm5oa.svelte-1fqm5oa:after{content:'';display:block;box-sizing:border-box;width:45%;height:91%;transform:translate(60%, -8%) rotate(45deg);border-style:none solid solid none;border-width:2px;border-color:var(--color-sub)}.check-box-check._checked.svelte-1fqm5oa.svelte-1fqm5oa{background-color:var(--color-main-active)}.check-box-check._checked.svelte-1fqm5oa .check-box-icon.svelte-1fqm5oa:after{border-color:var(--color-sub-active)}.check-box-text.svelte-1fqm5oa.svelte-1fqm5oa{margin-left:0.5em;color:#333;font-size:12px;line-height:1.5}");
 }
 function get_each_context$5(ctx, list, i) {
 	const child_ctx = ctx.slice();
@@ -8172,7 +8172,7 @@ function create_each_block$5(ctx) {
 			span2 = element("span");
 			t2 = text(t2_value);
 			t3 = space();
-			attr(input, "class", "check-box-input svelte-1p65cg8");
+			attr(input, "class", "check-box-input svelte-1fqm5oa");
 			attr(input, "type", "checkbox");
 			attr(
 				input,
@@ -8181,11 +8181,11 @@ function create_each_block$5(ctx) {
 				ctx[0]
 );
 			input.checked = input_checked_value = ctx[4][ctx[19]];
-			attr(span0, "class", "check-box-icon svelte-1p65cg8");
-			attr(span1, "class", span1_class_value = null_to_empty(`check-box-check${ctx[4][ctx[19]] ? " _checked" : ""}`) + " svelte-1p65cg8");
-			attr(span2, "class", "check-box-text svelte-1p65cg8");
+			attr(span0, "class", "check-box-icon svelte-1fqm5oa");
+			attr(span1, "class", span1_class_value = null_to_empty(`check-box-check${ctx[4][ctx[19]] ? " _checked" : ""}`) + " svelte-1fqm5oa");
+			attr(span2, "class", "check-box-text svelte-1fqm5oa");
 			attr(span2, "style", span2_style_value = `${ctx[2]} ${ctx[6]}`);
-			attr(label, "class", "check-box svelte-1p65cg8");
+			attr(label, "class", "check-box svelte-1fqm5oa");
 			attr(
 				label,
 				"style",
@@ -8225,7 +8225,7 @@ function create_each_block$5(ctx) {
 				ctx[0]
 );
 			if (dirty & 16 && input_checked_value !== (input_checked_value = ctx[4][ctx[19]])) input.checked = input_checked_value;
-			if (dirty & 16 && span1_class_value !== (span1_class_value = null_to_empty(`check-box-check${ctx[4][ctx[19]] ? " _checked" : ""}`) + " svelte-1p65cg8")) attr(span1, "class", span1_class_value);
+			if (dirty & 16 && span1_class_value !== (span1_class_value = null_to_empty(`check-box-check${ctx[4][ctx[19]] ? " _checked" : ""}`) + " svelte-1fqm5oa")) attr(span1, "class", span1_class_value);
 			if (dirty & 8 && t2_value !== (t2_value = ctx[17] + "")) set_data(t2, t2_value);
 			if (dirty & 4 && span2_style_value !== (span2_style_value = `${ctx[2]} ${ctx[6]}`)) attr(span2, "style", span2_style_value);
 			if (dirty & 32) attr(
@@ -8251,7 +8251,7 @@ function create_fragment$75(ctx) {
 		c() {
 			div = element("div");
 			for (let i = 0; i < each_blocks.length; i += 1) each_blocks[i].c();
-			attr(div, "class", "check-boxes svelte-1p65cg8");
+			attr(div, "class", "check-boxes svelte-1fqm5oa");
 			attr(
 				div,
 				"style",
@@ -8402,7 +8402,7 @@ var FormCheckBoxes_default = FormCheckBoxes;
 //#endregion
 //#region src/components/FormRatingButtonsNumber.svelte
 function add_css$38(target) {
-	append_styles(target, "svelte-1iqf36p", ".rating-buttons.svelte-1iqf36p{display:flex;justify-content:space-between;align-items:center;width:100%;height:100%}.rating-button.svelte-1iqf36p{cursor:pointer;display:flex;justify-content:center;align-items:center;transition:background-color 0.2s, box-shadow 0.2s;appearance:none;background:none;border:none;margin:0;padding:0}");
+	append_styles(target, "svelte-1b5niix", ".rating-buttons.svelte-1b5niix{display:flex;justify-content:space-between;align-items:center;width:100%;height:100%}.rating-button.svelte-1b5niix{cursor:pointer;display:flex;justify-content:center;align-items:center;transition:background-color 0.2s,\n      box-shadow 0.2s;appearance:none;background:none;border:none;margin:0;padding:0}");
 }
 function get_each_context$4(ctx, list, i) {
 	const child_ctx = ctx.slice();
@@ -8422,7 +8422,7 @@ function create_each_block$4(ctx) {
 			button = element("button");
 			t0 = text(t0_value);
 			t1 = space();
-			attr(button, "class", "rating-button svelte-1iqf36p");
+			attr(button, "class", "rating-button svelte-1b5niix");
 			attr(button, "style", button_style_value = ctx[5](
 				/*i*/
 				ctx[14] === ctx[2]
@@ -8478,7 +8478,7 @@ function create_fragment$74(ctx) {
 		c() {
 			div = element("div");
 			for (let i = 0; i < each_blocks.length; i += 1) each_blocks[i].c();
-			attr(div, "class", "rating-buttons svelte-1iqf36p");
+			attr(div, "class", "rating-buttons svelte-1b5niix");
 		},
 		m(target, anchor) {
 			insert(target, div, anchor);
@@ -8595,7 +8595,7 @@ var FormRatingButtonsNumber_default = FormRatingButtonsNumber;
 //#endregion
 //#region src/components/FormRatingButtonsFace.svelte
 function add_css$37(target) {
-	append_styles(target, "svelte-tbunko", ".rating-buttons.svelte-tbunko{display:flex;justify-content:space-between;align-items:center;width:100%;height:100%}.rating-button.svelte-tbunko{appearance:none;background:none;border:none;margin:0;padding:0}.rating-button-image.svelte-tbunko{cursor:pointer;user-select:none;-webkit-user-drag:none;width:100%;height:100%}.rating-button-image.svelte-tbunko:not(._active){filter:grayscale(100%)}");
+	append_styles(target, "svelte-rjdxzu", ".rating-buttons.svelte-rjdxzu{display:flex;justify-content:space-between;align-items:center;width:100%;height:100%}.rating-button.svelte-rjdxzu{appearance:none;background:none;border:none;margin:0;padding:0}.rating-button-image.svelte-rjdxzu{cursor:pointer;user-select:none;-webkit-user-drag:none;width:100%;height:100%}.rating-button-image.svelte-rjdxzu:not(._active){filter:grayscale(100%)}");
 }
 function get_each_context$3(ctx, list, i) {
 	const child_ctx = ctx.slice();
@@ -8617,9 +8617,9 @@ function create_each_block$3(ctx) {
 			img = element("img");
 			t = space();
 			if (!src_url_equal(img.src, img_src_value = ctx[2][ctx[10]])) attr(img, "src", img_src_value);
-			attr(img, "class", img_class_value = null_to_empty(`rating-button-image${ctx[10] === ctx[1] ? " _active" : ""}`) + " svelte-tbunko");
+			attr(img, "class", img_class_value = null_to_empty(`rating-button-image${ctx[10] === ctx[1] ? " _active" : ""}`) + " svelte-rjdxzu");
 			attr(img, "alt", img_alt_value = "rate" + ctx[10]);
-			attr(button, "class", "rating-button svelte-tbunko");
+			attr(button, "class", "rating-button svelte-rjdxzu");
 			attr(
 				button,
 				"style",
@@ -8646,7 +8646,7 @@ function create_each_block$3(ctx) {
 		},
 		p(new_ctx, dirty) {
 			ctx = new_ctx;
-			if (dirty & 2 && img_class_value !== (img_class_value = null_to_empty(`rating-button-image${ctx[10] === ctx[1] ? " _active" : ""}`) + " svelte-tbunko")) attr(img, "class", img_class_value);
+			if (dirty & 2 && img_class_value !== (img_class_value = null_to_empty(`rating-button-image${ctx[10] === ctx[1] ? " _active" : ""}`) + " svelte-rjdxzu")) attr(img, "class", img_class_value);
 			if (dirty & 1) attr(
 				button,
 				"style",
@@ -8670,7 +8670,7 @@ function create_fragment$73(ctx) {
 		c() {
 			div = element("div");
 			for (let i = 0; i < each_blocks.length; i += 1) each_blocks[i].c();
-			attr(div, "class", "rating-buttons svelte-tbunko");
+			attr(div, "class", "rating-buttons svelte-rjdxzu");
 		},
 		m(target, anchor) {
 			insert(target, div, anchor);
@@ -8970,7 +8970,7 @@ var FormIdentifyInput_default = FormIdentifyInput;
 //#endregion
 //#region src/components/FormIdentifyChoices.svelte
 function add_css$35(target) {
-	append_styles(target, "svelte-8zbmyo", ".radio-buttons.svelte-8zbmyo{display:flex;justify-content:space-between;flex-direction:column;width:100%;height:100%}.radio-button.svelte-8zbmyo{cursor:pointer;display:flex;align-items:center}.radio-button-input.svelte-8zbmyo{appearance:none;margin:0;box-sizing:border-box;border-radius:var(--size);position:relative;width:var(--size);height:var(--size);border:solid calc(var(--size) / 3) var(--color-main);background-color:var(--color-sub);cursor:pointer;flex:none}.radio-button-input.svelte-8zbmyo:checked{border:solid calc(var(--size) / 3) var(--color-main-active);background-color:var(--color-sub-active);box-shadow:0px 1px 8px 2px rgba(18, 160, 160, 0.08), 0px 1px 4px -1px rgba(18, 160, 160, 0.24)}.radio-button-text.svelte-8zbmyo{margin-left:0.5em}");
+	append_styles(target, "svelte-152kveg", ".radio-buttons.svelte-152kveg{display:flex;justify-content:space-between;flex-direction:column;width:100%;height:100%}.radio-button.svelte-152kveg{cursor:pointer;display:flex;align-items:center}.radio-button-input.svelte-152kveg{appearance:none;margin:0;box-sizing:border-box;border-radius:var(--size);position:relative;width:var(--size);height:var(--size);border:solid calc(var(--size) / 3) var(--color-main);background-color:var(--color-sub);cursor:pointer;flex:none}.radio-button-input.svelte-152kveg:checked{border:solid calc(var(--size) / 3) var(--color-main-active);background-color:var(--color-sub-active);box-shadow:0px 1px 8px 2px rgba(18, 160, 160, 0.08),\n      0px 1px 4px -1px rgba(18, 160, 160, 0.24)}.radio-button-text.svelte-152kveg{margin-left:0.5em}");
 }
 function create_fragment$71(ctx) {
 	let div;
@@ -9006,7 +9006,7 @@ function create_fragment$71(ctx) {
 			span1 = element("span");
 			t4 = text("いいえ");
 			attr(input0, "type", "radio");
-			attr(input0, "class", "radio-button-input svelte-8zbmyo");
+			attr(input0, "class", "radio-button-input svelte-152kveg");
 			attr(
 				input0,
 				"style",
@@ -9014,11 +9014,11 @@ function create_fragment$71(ctx) {
 				ctx[2]
 );
 			input0.checked = input0_checked_value = ctx[3] === true;
-			attr(span0, "class", "radio-button-text svelte-8zbmyo");
+			attr(span0, "class", "radio-button-text svelte-152kveg");
 			attr(span0, "style", span0_style_value = `${ctx[1]} ${ctx[4]}`);
-			attr(label0, "class", "radio-button svelte-8zbmyo");
+			attr(label0, "class", "radio-button svelte-152kveg");
 			attr(input1, "type", "radio");
-			attr(input1, "class", "radio-button-input svelte-8zbmyo");
+			attr(input1, "class", "radio-button-input svelte-152kveg");
 			attr(
 				input1,
 				"style",
@@ -9026,10 +9026,10 @@ function create_fragment$71(ctx) {
 				ctx[2]
 );
 			input1.checked = input1_checked_value = ctx[3] === false;
-			attr(span1, "class", "radio-button-text svelte-8zbmyo");
+			attr(span1, "class", "radio-button-text svelte-152kveg");
 			attr(span1, "style", span1_style_value = `${ctx[1]} ${ctx[4]}`);
-			attr(label1, "class", "radio-button svelte-8zbmyo");
-			attr(div, "class", "radio-buttons svelte-8zbmyo");
+			attr(label1, "class", "radio-button svelte-152kveg");
+			attr(div, "class", "radio-buttons svelte-152kveg");
 			attr(
 				div,
 				"style",
@@ -9188,7 +9188,7 @@ var FormIdentifyChoices_default = FormIdentifyChoices;
 //#endregion
 //#region src/components/Slide.svelte
 function add_css$34(target) {
-	append_styles(target, "svelte-ji1fh", ".root.svelte-ji1fh{width:100%;height:100%;position:relative}.container.svelte-ji1fh{width:100%;height:100%;position:relative;overflow:hidden;box-sizing:border-box;border-width:0px;border-style:solid;border-color:#000000}.slide.svelte-ji1fh{height:100%;position:absolute;display:flex}.transition.svelte-ji1fh{transition:left 0.2s cubic-bezier(.04,.67,.53,.96)}.item.svelte-ji1fh{height:100%;flex:none}.prev-button-container.svelte-ji1fh,.next-button-container.svelte-ji1fh{top:50%;height:0;position:absolute;display:flex;overflow:visible;align-items:center}.prev-button-container.svelte-ji1fh{left:0}.next-button-container.svelte-ji1fh{right:0}.move-button.svelte-ji1fh{display:flex;align-items:center;justify-content:center;cursor:pointer;box-sizing:border-box;border:none;background:none;margin:0;padding:0}.navigation.svelte-ji1fh{position:absolute;width:0;left:50%;bottom:0;display:flex;justify-content:center;overflow:visible}.navigation-item.svelte-ji1fh{flex-shrink:0;cursor:pointer;border:none;background:none;margin:0;padding:0;appearance:none}.navigation-item-inner.circle.svelte-ji1fh{border-radius:51%}");
+	append_styles(target, "svelte-zx7o47", ".root.svelte-zx7o47{width:100%;height:100%;position:relative}.container.svelte-zx7o47{width:100%;height:100%;position:relative;overflow:hidden;box-sizing:border-box;border-width:0px;border-style:solid;border-color:#000000}.slide.svelte-zx7o47{height:100%;position:absolute;display:flex}.transition.svelte-zx7o47{transition:left 0.2s cubic-bezier(0.04, 0.67, 0.53, 0.96)}.item.svelte-zx7o47{height:100%;flex:none}.prev-button-container.svelte-zx7o47,.next-button-container.svelte-zx7o47{top:50%;height:0;position:absolute;display:flex;overflow:visible;align-items:center}.prev-button-container.svelte-zx7o47{left:0}.next-button-container.svelte-zx7o47{right:0}.move-button.svelte-zx7o47{display:flex;align-items:center;justify-content:center;cursor:pointer;box-sizing:border-box;border:none;background:none;margin:0;padding:0}.navigation.svelte-zx7o47{position:absolute;width:0;left:50%;bottom:0;display:flex;justify-content:center;overflow:visible}.navigation-item.svelte-zx7o47{flex-shrink:0;cursor:pointer;border:none;background:none;margin:0;padding:0;appearance:none}.navigation-item-inner.circle.svelte-zx7o47{border-radius:51%}");
 }
 function get_each_context$2(ctx, list, i) {
 	const child_ctx = ctx.slice();
@@ -9218,14 +9218,14 @@ function create_if_block_1$2(ctx) {
 				/*prevIconStyle*/
 				ctx[10]
 );
-			attr(button, "class", "move-button svelte-ji1fh");
+			attr(button, "class", "move-button svelte-zx7o47");
 			attr(
 				button,
 				"style",
 				/*_prevButtonContainerStyle*/
 				ctx[9]
 );
-			attr(div, "class", "prev-button-container svelte-ji1fh");
+			attr(div, "class", "prev-button-container svelte-zx7o47");
 		},
 		m(target, anchor) {
 			insert(target, div, anchor);
@@ -9285,14 +9285,14 @@ function create_if_block$11(ctx) {
 				/*nextIconStyle*/
 				ctx[8]
 );
-			attr(button, "class", "move-button svelte-ji1fh");
+			attr(button, "class", "move-button svelte-zx7o47");
 			attr(
 				button,
 				"style",
 				/*_nextButtonContainerStyle*/
 				ctx[7]
 );
-			attr(div, "class", "next-button-container svelte-ji1fh");
+			attr(div, "class", "next-button-container svelte-zx7o47");
 		},
 		m(target, anchor) {
 			insert(target, div, anchor);
@@ -9348,12 +9348,12 @@ function create_each_block$2(ctx) {
 			button = element("button");
 			div = element("div");
 			t = space();
-			attr(div, "class", "navigation-item-inner circle svelte-ji1fh");
+			attr(div, "class", "navigation-item-inner circle svelte-zx7o47");
 			attr(div, "style", div_style_value = ctx[5](
 				/*i*/
 				ctx[63]
 ));
-			attr(button, "class", "navigation-item svelte-ji1fh");
+			attr(button, "class", "navigation-item svelte-zx7o47");
 			attr(
 				button,
 				"style",
@@ -9432,21 +9432,21 @@ function create_fragment$70(ctx) {
 			attr(div0, "class", div0_class_value = null_to_empty(
 				/*slideClass*/
 				ctx[13]
-) + " svelte-ji1fh");
+) + " svelte-zx7o47");
 			attr(
 				div0,
 				"style",
 				/*slideStyle*/
 				ctx[14]
 );
-			attr(div1, "class", "container svelte-ji1fh");
+			attr(div1, "class", "container svelte-zx7o47");
 			attr(
 				div1,
 				"style",
 				/*_style*/
 				ctx[0]
 );
-			attr(div2, "class", "navigation svelte-ji1fh");
+			attr(div2, "class", "navigation svelte-zx7o47");
 			attr(
 				div2,
 				"style",
@@ -9454,7 +9454,7 @@ function create_fragment$70(ctx) {
 				ctx[4]
 );
 			set_attributes(div3, div3_data);
-			toggle_class(div3, "svelte-ji1fh", true);
+			toggle_class(div3, "svelte-zx7o47", true);
 		},
 		m(target, anchor) {
 			insert(target, div3, anchor);
@@ -9496,7 +9496,7 @@ function create_fragment$70(ctx) {
 			if (!current || dirty[0] & 8192 && div0_class_value !== (div0_class_value = null_to_empty(
 				/*slideClass*/
 				ctx$1[13]
-) + " svelte-ji1fh")) attr(div0, "class", div0_class_value);
+) + " svelte-zx7o47")) attr(div0, "class", div0_class_value);
 			if (!current || dirty[0] & 16384) attr(
 				div0,
 				"style",
@@ -9551,7 +9551,7 @@ function create_fragment$70(ctx) {
 				ctx$1[4]
 );
 			set_attributes(div3, div3_data = get_spread_update(div3_levels, [{ class: "root" }, dataAttrStopPropagation("click")]));
-			toggle_class(div3, "svelte-ji1fh", true);
+			toggle_class(div3, "svelte-zx7o47", true);
 		},
 		i(local) {
 			if (current) return;
@@ -9943,7 +9943,7 @@ var Slide_default = Slide;
 //#endregion
 //#region src/components/SlideItem.svelte
 function add_css$33(target) {
-	append_styles(target, "svelte-9ygf1w", ".item.svelte-9ygf1w{height:100%;flex:none;position:relative}.item.svelte-9ygf1w img{user-select:none;-webkit-user-drag:none}.item-inner.svelte-9ygf1w{position:absolute;inset:0;border-width:0px;border-style:solid;border-color:#000000;cursor:default;overflow:hidden}");
+	append_styles(target, "svelte-18y82pg", ".item.svelte-18y82pg{height:100%;flex:none;position:relative}.item.svelte-18y82pg img{user-select:none;-webkit-user-drag:none}.item-inner.svelte-18y82pg{position:absolute;inset:0;border-width:0px;border-style:solid;border-color:#000000;cursor:default;overflow:hidden}");
 }
 function create_fragment$69(ctx) {
 	let div1;
@@ -9962,14 +9962,14 @@ function create_fragment$69(ctx) {
 			div1 = element("div");
 			div0 = element("div");
 			if (default_slot) default_slot.c();
-			attr(div0, "class", "item-inner svelte-9ygf1w");
+			attr(div0, "class", "item-inner svelte-18y82pg");
 			attr(
 				div0,
 				"style",
 				/*_style*/
 				ctx[0]
 );
-			attr(div1, "class", "item svelte-9ygf1w");
+			attr(div1, "class", "item svelte-18y82pg");
 			attr(
 				div1,
 				"style",
@@ -10387,7 +10387,7 @@ var Box_default = Box;
 //#endregion
 //#region src/components/IconElement.svelte
 function add_css$30(target) {
-	append_styles(target, "svelte-1mkvcuo", ".icon.svelte-1mkvcuo{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.icon.svelte-1mkvcuo > .button{display:flex;position:relative;width:100%;height:100%;max-width:100%;max-height:100%;justify-content:center;align-items:center;white-space:nowrap;box-sizing:border-box;overflow:hidden}.icon.svelte-1mkvcuo > .button._disabled{cursor:not-allowed !important;opacity:0.2}.icon.svelte-1mkvcuo svg{width:var(--width);height:var(--height);color:var(--color);stroke:var(--stroke);fill:var(--fill)}");
+	append_styles(target, "svelte-1iet6ze", ".icon.svelte-1iet6ze{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.icon.svelte-1iet6ze > .button{display:flex;position:relative;width:100%;height:100%;max-width:100%;max-height:100%;justify-content:center;align-items:center;white-space:nowrap;box-sizing:border-box;overflow:hidden}.icon.svelte-1iet6ze > .button._disabled{cursor:not-allowed !important;opacity:0.2}.icon.svelte-1iet6ze svg{width:var(--width);height:var(--height);color:var(--color);stroke:var(--stroke);fill:var(--fill)}");
 }
 function create_if_block$10(ctx) {
 	let html_tag;
@@ -10464,7 +10464,7 @@ function create_fragment$66(ctx) {
 		c() {
 			div = element("div");
 			create_component(button.$$.fragment);
-			attr(div, "class", "icon svelte-1mkvcuo");
+			attr(div, "class", "icon svelte-1iet6ze");
 		},
 		m(target, anchor) {
 			insert(target, div, anchor);
@@ -11428,7 +11428,7 @@ var TextButtonBlock_default = TextButtonBlock;
 //#endregion
 //#region src/components/ImageBlock.svelte
 function add_css$24(target) {
-	append_styles(target, "svelte-1pdw891", ".image-block.svelte-1pdw891{display:flex;position:relative;width:100%;height:100%;max-width:100%;max-height:100%;justify-content:center;align-items:center;white-space:nowrap;box-sizing:border-box;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}.image.svelte-1pdw891{width:100%;height:100%}.transport.svelte-1pdw891:hover,.transport.svelte-1pdw891:focus{opacity:0.75;box-shadow:0 5px 16px rgba(0, 0, 0, 0.1), 0 8px 28px rgba(0, 0, 0, 0.16)}");
+	append_styles(target, "svelte-1f85nmx", ".image-block.svelte-1f85nmx{display:flex;position:relative;width:100%;height:100%;max-width:100%;max-height:100%;justify-content:center;align-items:center;white-space:nowrap;box-sizing:border-box;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}.image.svelte-1f85nmx{width:100%;height:100%}.transport.svelte-1f85nmx:hover,.transport.svelte-1f85nmx:focus{opacity:0.75;box-shadow:0 5px 16px rgba(0, 0, 0, 0.1),\n      0 8px 28px rgba(0, 0, 0, 0.16)}");
 }
 function create_fragment$59(ctx) {
 	let div;
@@ -11442,7 +11442,7 @@ function create_fragment$59(ctx) {
 		c() {
 			div = element("div");
 			img = element("img");
-			attr(img, "class", "image svelte-1pdw891");
+			attr(img, "class", "image svelte-1f85nmx");
 			attr(img, "loading", "lazy");
 			attr(img, "width", "auto");
 			attr(img, "height", "auto");
@@ -11454,7 +11454,7 @@ function create_fragment$59(ctx) {
 				/*alt*/
 				ctx[1]
 );
-			attr(div, "class", div_class_value = null_to_empty("image-block" + (ctx[2] ? " transport" : "")) + " svelte-1pdw891");
+			attr(div, "class", div_class_value = null_to_empty("image-block" + (ctx[2] ? " transport" : "")) + " svelte-1f85nmx");
 			attr(
 				div,
 				"style",
@@ -11484,7 +11484,7 @@ function create_fragment$59(ctx) {
 				/*alt*/
 				ctx$1[1]
 );
-			if (dirty & 4 && div_class_value !== (div_class_value = null_to_empty("image-block" + (ctx$1[2] ? " transport" : "")) + " svelte-1pdw891")) attr(div, "class", div_class_value);
+			if (dirty & 4 && div_class_value !== (div_class_value = null_to_empty("image-block" + (ctx$1[2] ? " transport" : "")) + " svelte-1f85nmx")) attr(div, "class", div_class_value);
 			if (dirty & 32) attr(
 				div,
 				"style",
@@ -11725,6 +11725,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
@@ -11741,11 +11787,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,
@@ -11761,16 +11808,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) => {
@@ -11883,7 +11933,7 @@ const AVATAR_SIZE_STYLES = {
 //#endregion
 //#region src/components-flex/avatar/Avatar.svelte
 function add_css$23(target) {
-	append_styles(target, "svelte-3nxn6f", ".avatar.svelte-3nxn6f{display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;border:0;background:none;padding:0;margin:0;text-align:left;-webkit-appearance:none}");
+	append_styles(target, "svelte-1xhdr99", ".avatar.svelte-1xhdr99{display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;border:0;background:none;padding:0;margin:0;text-align:left;-webkit-appearance:none}");
 }
 function create_dynamic_element$11(ctx) {
 	let svelte_element;
@@ -11908,7 +11958,7 @@ function create_dynamic_element$11(ctx) {
 );
 			img = element("img");
 			if (!src_url_equal(img.src, img_src_value = ctx[0].image)) attr(img, "src", img_src_value);
-			attr(img, "class", "avatar-image svelte-3nxn6f");
+			attr(img, "class", "avatar-image svelte-1xhdr99");
 			attr(img, "alt", img_alt_value = ctx[0].alt);
 			attr(
 				img,
@@ -11921,7 +11971,7 @@ function create_dynamic_element$11(ctx) {
 				ctx[5]
 )) set_custom_element_data_map(svelte_element, svelte_element_data);
 			else set_attributes(svelte_element, svelte_element_data);
-			toggle_class(svelte_element, "svelte-3nxn6f", true);
+			toggle_class(svelte_element, "svelte-1xhdr99", true);
 		},
 		m(target, anchor) {
 			insert(target, svelte_element, anchor);
@@ -11956,7 +12006,7 @@ function create_dynamic_element$11(ctx) {
 				ctx$1[5]
 )) set_custom_element_data_map(svelte_element, svelte_element_data);
 			else set_attributes(svelte_element, svelte_element_data);
-			toggle_class(svelte_element, "svelte-3nxn6f", true);
+			toggle_class(svelte_element, "svelte-1xhdr99", true);
 		},
 		d(detaching) {
 			if (detaching) detach(svelte_element);
@@ -12008,6 +12058,7 @@ function create_fragment$58(ctx) {
 	};
 }
 function instance$58($$self, $$props, $$invalidate) {
+	let styleObj;
 	let style;
 	let imgStyle;
 	let { props = {} } = $$props;
@@ -12023,24 +12074,38 @@ function instance$58($$self, $$props, $$invalidate) {
 		square: { borderRadius: "0.25em" },
 		rounded: { borderRadius: "1em" }
 	} };
+	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;
+	};
 	$$self.$$set = ($$props$1) => {
 		if ("props" in $$props$1) $$invalidate(0, props = $$props$1.props);
 		if ("layerId" in $$props$1) $$invalidate(1, layerId = $$props$1.layerId);
 	};
 	$$self.$$.update = () => {
-		if ($$self.$$.dirty & 1) $: $$invalidate(3, style = objToStyle({
+		if ($$self.$$.dirty & 1) $: $$invalidate(7, styleObj = {
 			...VARIANTS.shape[props.shape ?? "square"],
 			width: props.width ?? avatarSizeStyle.width,
 			height: props.height ?? avatarSizeStyle.height,
 			...toCssCommon(props),
-			...toCssBorder(props)
+			...toCssBorder(props),
+			...toCssPadding(props)
+		});
+		if ($$self.$$.dirty & 128) $: $$invalidate(3, style = objToStyle(styleObj));
+		if ($$self.$$.dirty & 128) $: $$invalidate(2, imgStyle = objToStyle({
+			width: "100%",
+			height: "100%",
+			objectFit: "cover",
+			...toCssRadius({
+				borderTopLeftRadius: calcImgRadius(styleObj.borderRadius, styleObj.borderTopWidth),
+				borderTopRightRadius: calcImgRadius(styleObj.borderRadius, styleObj.borderTopWidth),
+				borderBottomLeftRadius: calcImgRadius(styleObj.borderRadius, styleObj.borderTopWidth),
+				borderBottomRightRadius: calcImgRadius(styleObj.borderRadius, styleObj.borderTopWidth)
+			})
 		}));
 	};
-	$: $$invalidate(2, imgStyle = objToStyle({
-		width: "100%",
-		height: "100%",
-		objectFit: "cover"
-	}));
 	return [
 		props,
 		layerId,
@@ -12048,7 +12113,8 @@ function instance$58($$self, $$props, $$invalidate) {
 		style,
 		attributes,
 		element$1,
-		handleClick
+		handleClick,
+		styleObj
 	];
 }
 var Avatar = class extends SvelteComponent {
@@ -14244,7 +14310,7 @@ function darkenColor(color, percent) {
 //#endregion
 //#region src/components-flex/button/Button.svelte
 function add_css$21(target) {
-	append_styles(target, "svelte-o2gomt", ".button.svelte-o2gomt{display:inline-flex;gap:0.8em;align-items:center;justify-content:center;text-decoration:none;outline:0;border-width:1px;border-style:solid;line-height:1.5;transition:background-color 0.12s, border-color 0.12s, color 0.12s;cursor:pointer;color:var(--color);border-color:var(--border-color);background-color:var(--bg-color)}.button.svelte-o2gomt:hover{background-color:var(--hover-bg-color);border-color:var(--hover-border-color)}.button-icon.svelte-o2gomt{display:flex;align-items:center;justify-content:center;margin-left:-0.2em;margin-right:-0.2em}");
+	append_styles(target, "svelte-l0rauj", ".button.svelte-l0rauj{display:inline-flex;gap:0.8em;align-items:center;justify-content:center;text-decoration:none;outline:0;border-width:1px;border-style:solid;line-height:1.5;transition:background-color 0.12s,\n      border-color 0.12s,\n      color 0.12s;cursor:pointer;color:var(--color);border-color:var(--border-color);background-color:var(--bg-color)}.button.svelte-l0rauj:hover{background-color:var(--hover-bg-color);border-color:var(--hover-border-color)}.button-icon.svelte-l0rauj{display:flex;align-items:center;justify-content:center;margin-left:-0.2em;margin-right:-0.2em}");
 }
 function create_if_block$9(ctx) {
 	let div;
@@ -14260,7 +14326,7 @@ function create_if_block$9(ctx) {
 		c() {
 			div = element("div");
 			create_component(icon.$$.fragment);
-			attr(div, "class", "button-icon svelte-o2gomt");
+			attr(div, "class", "button-icon svelte-l0rauj");
 		},
 		m(target, anchor) {
 			insert(target, div, anchor);
@@ -14327,7 +14393,7 @@ function create_dynamic_element$9(ctx) {
 				ctx[4]
 )) set_custom_element_data_map(svelte_element, svelte_element_data);
 			else set_attributes(svelte_element, svelte_element_data);
-			toggle_class(svelte_element, "svelte-o2gomt", true);
+			toggle_class(svelte_element, "svelte-l0rauj", true);
 		},
 		m(target, anchor) {
 			insert(target, svelte_element, anchor);
@@ -14376,7 +14442,7 @@ function create_dynamic_element$9(ctx) {
 				ctx$1[4]
 )) set_custom_element_data_map(svelte_element, svelte_element_data);
 			else set_attributes(svelte_element, svelte_element_data);
-			toggle_class(svelte_element, "svelte-o2gomt", true);
+			toggle_class(svelte_element, "svelte-l0rauj", true);
 		},
 		i(local) {
 			if (current) return;
@@ -14630,7 +14696,7 @@ const BUTTON_OUTLINED_WRAP_STYLES = {
 //#endregion
 //#region src/components-flex/button-outlined/ButtonOutlined.svelte
 function add_css$20(target) {
-	append_styles(target, "svelte-38fju1", ".button-outlined.svelte-38fju1{display:inline-flex;gap:0.65em;align-items:center;justify-content:center;text-decoration:none;outline:0;border-width:1px;border-style:solid;line-height:1.5;transition:background-color 0.12s, border-color 0.12s, color 0.12s;cursor:pointer;background-color:var(--bg-color)}.button-outlined.svelte-38fju1:hover{background-color:var(--hover-bg-color)}.button-outlined-icon.svelte-38fju1{display:flex;align-items:center;justify-content:center;margin-left:-0.2em;margin-right:-0.2em;margin-bottom:0.1em}");
+	append_styles(target, "svelte-z8gomx", ".button-outlined.svelte-z8gomx{display:inline-flex;gap:0.65em;align-items:center;justify-content:center;text-decoration:none;outline:0;border-width:1px;border-style:solid;line-height:1.5;transition:background-color 0.12s,\n      border-color 0.12s,\n      color 0.12s;cursor:pointer;background-color:var(--bg-color)}.button-outlined.svelte-z8gomx:hover{background-color:var(--hover-bg-color)}.button-outlined-icon.svelte-z8gomx{display:flex;align-items:center;justify-content:center;margin-left:-0.2em;margin-right:-0.2em;margin-bottom:0.1em}");
 }
 function create_if_block$8(ctx) {
 	let div;
@@ -14646,7 +14712,7 @@ function create_if_block$8(ctx) {
 		c() {
 			div = element("div");
 			create_component(icon.$$.fragment);
-			attr(div, "class", "button-outlined-icon svelte-38fju1");
+			attr(div, "class", "button-outlined-icon svelte-z8gomx");
 		},
 		m(target, anchor) {
 			insert(target, div, anchor);
@@ -14706,13 +14772,13 @@ function create_dynamic_element$8(ctx) {
 			t0 = space();
 			span = element("span");
 			t1 = text(t1_value);
-			attr(span, "class", "button-outlined-label svelte-38fju1");
+			attr(span, "class", "button-outlined-label svelte-z8gomx");
 			if (/-/.test(
 				/*element*/
 				ctx[4]
 )) set_custom_element_data_map(svelte_element, svelte_element_data);
 			else set_attributes(svelte_element, svelte_element_data);
-			toggle_class(svelte_element, "svelte-38fju1", true);
+			toggle_class(svelte_element, "svelte-z8gomx", true);
 		},
 		m(target, anchor) {
 			insert(target, svelte_element, anchor);
@@ -14760,7 +14826,7 @@ function create_dynamic_element$8(ctx) {
 				ctx$1[4]
 )) set_custom_element_data_map(svelte_element, svelte_element_data);
 			else set_attributes(svelte_element, svelte_element_data);
-			toggle_class(svelte_element, "svelte-38fju1", true);
+			toggle_class(svelte_element, "svelte-z8gomx", true);
 		},
 		i(local) {
 			if (current) return;
@@ -14946,7 +15012,7 @@ const getButtonTextThemeStyles = getPropStyles(callback$2);
 //#endregion
 //#region src/components-flex/button-text/ButtonText.svelte
 function add_css$19(target) {
-	append_styles(target, "svelte-1xgvp8r", ".button-text.svelte-1xgvp8r{display:inline-flex;gap:0.65em;align-items:center;justify-content:center;text-decoration:none;outline:0;border:0;line-height:1.5;transition:background-color 0.12s, border-color 0.12s, color 0.12s;cursor:pointer;background-color:rgba(255, 255, 255, 0)}.button-text.svelte-1xgvp8r:hover{background-color:var(--hover-bg-color)}.button-text-icon.svelte-1xgvp8r{display:flex;align-items:center;justify-content:center;margin-left:-0.2em;margin-right:-0.2em}");
+	append_styles(target, "svelte-l90o4j", ".button-text.svelte-l90o4j{display:inline-flex;gap:0.65em;align-items:center;justify-content:center;text-decoration:none;outline:0;border:0;line-height:1.5;transition:background-color 0.12s,\n      border-color 0.12s,\n      color 0.12s;cursor:pointer;background-color:rgba(255, 255, 255, 0)}.button-text.svelte-l90o4j:hover{background-color:var(--hover-bg-color)}.button-text-icon.svelte-l90o4j{display:flex;align-items:center;justify-content:center;margin-left:-0.2em;margin-right:-0.2em}");
 }
 function create_if_block$7(ctx) {
 	let div;
@@ -14962,7 +15028,7 @@ function create_if_block$7(ctx) {
 		c() {
 			div = element("div");
 			create_component(icon.$$.fragment);
-			attr(div, "class", "button-text-icon svelte-1xgvp8r");
+			attr(div, "class", "button-text-icon svelte-l90o4j");
 		},
 		m(target, anchor) {
 			insert(target, div, anchor);
@@ -15022,13 +15088,13 @@ function create_dynamic_element$7(ctx) {
 			t0 = space();
 			span = element("span");
 			t1 = text(t1_value);
-			attr(span, "class", "button-text-label svelte-1xgvp8r");
+			attr(span, "class", "button-text-label svelte-l90o4j");
 			if (/-/.test(
 				/*element*/
 				ctx[4]
 )) set_custom_element_data_map(svelte_element, svelte_element_data);
 			else set_attributes(svelte_element, svelte_element_data);
-			toggle_class(svelte_element, "svelte-1xgvp8r", true);
+			toggle_class(svelte_element, "svelte-l90o4j", true);
 		},
 		m(target, anchor) {
 			insert(target, svelte_element, anchor);
@@ -15076,7 +15142,7 @@ function create_dynamic_element$7(ctx) {
 				ctx$1[4]
 )) set_custom_element_data_map(svelte_element, svelte_element_data);
 			else set_attributes(svelte_element, svelte_element_data);
-			toggle_class(svelte_element, "svelte-1xgvp8r", true);
+			toggle_class(svelte_element, "svelte-l90o4j", true);
 		},
 		i(local) {
 			if (current) return;
@@ -15213,10 +15279,24 @@ 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
 function add_css$18(target) {
-	append_styles(target, "svelte-3mvsv6", ".close-button.svelte-3mvsv6.svelte-3mvsv6{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, border-color 0.12s, color 0.12s}.close-button.svelte-3mvsv6 svg.svelte-3mvsv6{transition:transform 0.12s}.close-button.svelte-3mvsv6:hover svg.svelte-3mvsv6{transform:rotate(90deg)}.close-button-order-one.svelte-3mvsv6.svelte-3mvsv6{order:1}.close-button-order-two.svelte-3mvsv6.svelte-3mvsv6{order:2}");
+	append_styles(target, "svelte-18wmfyq", ".close-button.svelte-18wmfyq.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.svelte-18wmfyq{transition:transform 0.12s}.close-button.svelte-18wmfyq:hover svg.svelte-18wmfyq{transform:rotate(90deg)}.close-button-order-one.svelte-18wmfyq.svelte-18wmfyq{order:1}.close-button-order-two.svelte-18wmfyq.svelte-18wmfyq{order:2}");
 }
 function create_if_block$6(ctx) {
 	let span;
@@ -15235,7 +15315,7 @@ function create_if_block$6(ctx) {
 				/*labelStyle*/
 				ctx[2]
 );
-			attr(span, "class", span_class_value = "close-button-label " + (ctx[10] ? "close-button-order-one" : "") + " svelte-3mvsv6");
+			attr(span, "class", span_class_value = "close-button-label " + (ctx[10] ? "close-button-order-one" : "") + " svelte-18wmfyq");
 		},
 		m(target, anchor) {
 			insert(target, span, anchor);
@@ -15294,7 +15374,7 @@ function create_dynamic_element$6(ctx) {
 				/*color*/
 				ctx[8]
 );
-			attr(svg, "class", "svelte-3mvsv6");
+			attr(svg, "class", "svelte-18wmfyq");
 			attr(
 				span,
 				"style",
@@ -15306,7 +15386,7 @@ function create_dynamic_element$6(ctx) {
 				ctx[6]
 )) set_custom_element_data_map(svelte_element, svelte_element_data);
 			else set_attributes(svelte_element, svelte_element_data);
-			toggle_class(svelte_element, "svelte-3mvsv6", true);
+			toggle_class(svelte_element, "svelte-18wmfyq", true);
 		},
 		m(target, anchor) {
 			insert(target, svelte_element, anchor);
@@ -15353,7 +15433,7 @@ function create_dynamic_element$6(ctx) {
 				ctx$1[6]
 )) set_custom_element_data_map(svelte_element, svelte_element_data);
 			else set_attributes(svelte_element, svelte_element_data);
-			toggle_class(svelte_element, "svelte-3mvsv6", true);
+			toggle_class(svelte_element, "svelte-18wmfyq", true);
 		},
 		d(detaching) {
 			if (detaching) detach(svelte_element);
@@ -15407,13 +15487,17 @@ function create_fragment$22(ctx) {
 }
 function instance$22($$self, $$props, $$invalidate) {
 	let hasLabel;
+	let styleObj;
 	let style;
+	let borderWidth;
+	let paddingSize;
 	let labelStyle;
 	let iconStyle;
 	let { props = {} } = $$props;
 	let { layerId = "" } = $$props;
 	let { eventName = "" } = $$props;
 	let { eventValue = void 0 } = $$props;
+	const { brandKit } = useBrandKit();
 	useInjectCustomizeCss(props);
 	const { attributes, element: element$1, handleClick } = useClickable_default({
 		onClick: {
@@ -15449,7 +15533,7 @@ function instance$22($$self, $$props, $$invalidate) {
 		}
 	};
 	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";
 	$$self.$$set = ($$props$1) => {
@@ -15459,26 +15543,40 @@ function instance$22($$self, $$props, $$invalidate) {
 		if ("eventValue" in $$props$1) $$invalidate(13, eventValue = $$props$1.eventValue);
 	};
 	$$self.$$.update = () => {
-		if ($$self.$$.dirty & 2048) $: $$invalidate(3, style = objToStyle({
-			...props.bordered && { border: "1px solid #666" },
-			height: `${size}px`,
-			boxSizing: "border-box",
+		if ($$self.$$.dirty & 2048) $: $$invalidate(16, 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)
-		}));
+		});
+		if ($$self.$$.dirty & 65536) $: $$invalidate(3, style = objToStyle(styleObj));
+		if ($$self.$$.dirty & 65536) $: $$invalidate(14, borderWidth = styleObj.borderTopWidth ? parseInt(styleObj.borderTopWidth) : 0);
+		if ($$self.$$.dirty & 65536) $: $$invalidate(15, paddingSize = styleObj.paddingTop ? parseInt(styleObj.paddingTop) : 6);
 		if ($$self.$$.dirty & 2048) $: $$invalidate(2, labelStyle = objToStyle({
-			color: props.labelColor ?? color,
+			color: props.labelColor ?? getTextThemeStyles(brandKit)[props.labelColorVariant]?.color ?? color,
 			fontSize: `${size / 2.1}px`
 		}));
+		if ($$self.$$.dirty & 49152) $: $$invalidate(1, iconStyle = objToStyle({
+			width: `${size - paddingSize * 2 - borderWidth * 2}px`,
+			height: `${size - paddingSize * 2 - borderWidth * 2}px`,
+			display: "flex",
+			alignItems: "center",
+			justifyContent: "center",
+			flexShrink: 0
+		}));
 	};
 	$: $$invalidate(4, hasLabel = label !== void 0 && label !== "");
-	$: $$invalidate(1, iconStyle = objToStyle({
-		width: `${size - 12}px`,
-		height: `${size - 12}px`
-	}));
 	return [
 		layerId,
 		iconStyle,
@@ -15493,7 +15591,10 @@ function instance$22($$self, $$props, $$invalidate) {
 		isLeftLabelPlacement,
 		props,
 		eventName,
-		eventValue
+		eventValue,
+		borderWidth,
+		paddingSize,
+		styleObj
 	];
 }
 var CloseButton = class extends SvelteComponent {
@@ -15570,16 +15671,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"
 	}
 };
 
@@ -15596,9 +15697,9 @@ function create_dynamic_element$5(ctx) {
 	let mounted;
 	let dispose;
 	let svelte_element_levels = [
-		ctx[3],
+		ctx[4],
 		{ class: "image" },
-		{ style: ctx[2] },
+		{ style: ctx[3] },
 		{ "data-layer-id": ctx[1] }
 	];
 	let svelte_element_data = {};
@@ -15607,15 +15708,21 @@ function create_dynamic_element$5(ctx) {
 		c() {
 			svelte_element = element(
 				/*element*/
-				ctx[4]
+				ctx[5]
 );
 			img = element("img");
 			if (!src_url_equal(img.src, img_src_value = ctx[0].image)) attr(img, "src", img_src_value);
 			attr(img, "alt", img_alt_value = ctx[0].alt);
+			attr(
+				img,
+				"style",
+				/*imgStyle*/
+				ctx[2]
+);
 			attr(img, "class", "image-img svelte-1olvu11");
 			if (/-/.test(
 				/*element*/
-				ctx[4]
+				ctx[5]
 )) set_custom_element_data_map(svelte_element, svelte_element_data);
 			else set_attributes(svelte_element, svelte_element_data);
 			toggle_class(svelte_element, "svelte-1olvu11", true);
@@ -15628,7 +15735,7 @@ function create_dynamic_element$5(ctx) {
 					svelte_element,
 					"click",
 					/*handleClick*/
-					ctx[5]
+					ctx[6]
 );
 				mounted = true;
 			}
@@ -15636,15 +15743,21 @@ function create_dynamic_element$5(ctx) {
 		p(ctx$1, dirty) {
 			if (dirty & 1 && !src_url_equal(img.src, img_src_value = ctx$1[0].image)) attr(img, "src", img_src_value);
 			if (dirty & 1 && img_alt_value !== (img_alt_value = ctx$1[0].alt)) attr(img, "alt", img_alt_value);
+			if (dirty & 4) attr(
+				img,
+				"style",
+				/*imgStyle*/
+				ctx$1[2]
+);
 			svelte_element_data = get_spread_update(svelte_element_levels, [
-				ctx$1[3],
+				ctx$1[4],
 				{ class: "image" },
-				dirty & 4 && { style: ctx$1[2] },
+				dirty & 8 && { style: ctx$1[3] },
 				dirty & 2 && { "data-layer-id": ctx$1[1] }
 			]);
 			if (/-/.test(
 				/*element*/
-				ctx$1[4]
+				ctx$1[5]
 )) set_custom_element_data_map(svelte_element, svelte_element_data);
 			else set_attributes(svelte_element, svelte_element_data);
 			toggle_class(svelte_element, "svelte-1olvu11", true);
@@ -15657,9 +15770,9 @@ function create_dynamic_element$5(ctx) {
 	};
 }
 function create_fragment$21(ctx) {
-	let previous_tag = ctx[4];
+	let previous_tag = ctx[5];
 	let svelte_element_anchor;
-	let svelte_element = ctx[4] && create_dynamic_element$5(ctx);
+	let svelte_element = ctx[5] && create_dynamic_element$5(ctx);
 	return {
 		c() {
 			if (svelte_element) svelte_element.c();
@@ -15670,14 +15783,14 @@ function create_fragment$21(ctx) {
 			insert(target, svelte_element_anchor, anchor);
 		},
 		p(ctx$1, [dirty]) {
-			if (ctx$1[4]) if (!previous_tag) {
+			if (ctx$1[5]) if (!previous_tag) {
 				svelte_element = create_dynamic_element$5(ctx$1);
 				svelte_element.c();
 				svelte_element.m(svelte_element_anchor.parentNode, svelte_element_anchor);
 			} else if (safe_not_equal(
 				previous_tag,
 				/*element*/
-				ctx$1[4]
+				ctx$1[5]
 )) {
 				svelte_element.d(1);
 				svelte_element = create_dynamic_element$5(ctx$1);
@@ -15688,7 +15801,7 @@ function create_fragment$21(ctx) {
 				svelte_element.d(1);
 				svelte_element = null;
 			}
-			previous_tag = ctx$1[4];
+			previous_tag = ctx$1[5];
 		},
 		i: noop,
 		o: noop,
@@ -15699,35 +15812,53 @@ function create_fragment$21(ctx) {
 	};
 }
 function instance$21($$self, $$props, $$invalidate) {
+	let styleObj;
 	let style;
+	let imgStyle;
 	let { props = {} } = $$props;
 	let { layerId = "" } = $$props;
 	useInjectCustomizeCss(props);
 	const { attributes, element: element$1, handleClick } = useClickable_default(props);
 	const aspectVariantStyles = ASPECT_VARIANT[props.aspectVariant]?.getProps();
 	const width = props.width ?? "100%";
+	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;
+	};
 	$$self.$$set = ($$props$1) => {
 		if ("props" in $$props$1) $$invalidate(0, props = $$props$1.props);
 		if ("layerId" in $$props$1) $$invalidate(1, layerId = $$props$1.layerId);
 	};
 	$$self.$$.update = () => {
-		if ($$self.$$.dirty & 1) $: $$invalidate(2, style = objToStyle({
+		if ($$self.$$.dirty & 1) $: $$invalidate(7, 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)
+		});
+		if ($$self.$$.dirty & 128) $: $$invalidate(3, style = objToStyle(styleObj));
+		if ($$self.$$.dirty & 128) $: $$invalidate(2, imgStyle = objToStyle({ ...toCssRadius({
+			borderTopLeftRadius: calcImgRadius(styleObj.borderTopLeftRadius, styleObj.borderTopWidth),
+			borderTopRightRadius: calcImgRadius(styleObj.borderTopRightRadius, styleObj.borderTopWidth),
+			borderBottomLeftRadius: calcImgRadius(styleObj.borderBottomLeftRadius, styleObj.borderTopWidth),
+			borderBottomRightRadius: calcImgRadius(styleObj.borderBottomRightRadius, styleObj.borderTopWidth)
+		}) }));
 	};
 	return [
 		props,
 		layerId,
+		imgStyle,
 		style,
 		attributes,
 		element$1,
-		handleClick
+		handleClick,
+		styleObj
 	];
 }
 var Image = class extends SvelteComponent {
@@ -15764,7 +15895,7 @@ const IMAGE_ASPECT_VARIANTS = {
 //#endregion
 //#region src/components-flex/layout/Layout.svelte
 function add_css$16(target) {
-	append_styles(target, "svelte-139vx15", ".layout.svelte-139vx15{text-decoration:none;color:inherit}.layout[data-clickable=true].svelte-139vx15{cursor:pointer}.layout[data-clickable=true].svelte-139vx15:hover{opacity:0.8}");
+	append_styles(target, "svelte-1o103hp", ".layout.svelte-1o103hp{text-decoration:none;color:inherit}.layout[data-clickable='true'].svelte-1o103hp{cursor:pointer}.layout[data-clickable='true'].svelte-1o103hp:hover{opacity:0.8}");
 }
 function create_dynamic_element$4(ctx) {
 	let svelte_element;
@@ -15793,7 +15924,7 @@ function create_dynamic_element$4(ctx) {
 			if (default_slot) default_slot.c();
 			if (/-/.test("div")) set_custom_element_data_map(svelte_element, svelte_element_data);
 			else set_attributes(svelte_element, svelte_element_data);
-			toggle_class(svelte_element, "svelte-139vx15", true);
+			toggle_class(svelte_element, "svelte-1o103hp", true);
 		},
 		m(target, anchor) {
 			insert(target, svelte_element, anchor);
@@ -15838,7 +15969,7 @@ function create_dynamic_element$4(ctx) {
 			]);
 			if (/-/.test("div")) set_custom_element_data_map(svelte_element, svelte_element_data);
 			else set_attributes(svelte_element, svelte_element_data);
-			toggle_class(svelte_element, "svelte-139vx15", true);
+			toggle_class(svelte_element, "svelte-1o103hp", true);
 		},
 		i(local) {
 			if (current) return;
@@ -15905,6 +16036,7 @@ function instance$20($$self, $$props, $$invalidate) {
 	let { $$slots: slots = {}, $$scope } = $$props;
 	let { props = {} } = $$props;
 	let { layerId = "" } = $$props;
+	const { brandKit } = useBrandKit();
 	useInjectCustomizeCss(props);
 	const { attributes, element: element$1, handleClick } = useClickable_default(props);
 	$$self.$$set = ($$props$1) => {
@@ -15921,13 +16053,14 @@ function instance$20($$self, $$props, $$invalidate) {
 			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)
 		}));
 	};
 	return [
@@ -16581,20 +16714,6 @@ var SliderItem = class extends SvelteComponent {
 };
 var SliderItem_default = SliderItem;
 
-//#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: {
@@ -18018,11 +18137,9 @@ function instance$11($$self, $$props, $$invalidate) {
 	let { $$slots: slots = {}, $$scope } = $$props;
 	let { layerId } = $$props;
 	let { props } = $$props;
+	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,
@@ -18030,8 +18147,8 @@ function instance$11($$self, $$props, $$invalidate) {
 		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
 	});
 	$$self.$$set = ($$props$1) => {
@@ -18426,6 +18543,7 @@ function instance$9($$self, $$props, $$invalidate) {
 	let { $$slots: slots = {}, $$scope } = $$props;
 	let { layerId } = $$props;
 	let { props } = $$props;
+	const { brandKit } = useBrandKit();
 	useInjectCustomizeCss(props);
 	let listGap = (() => {
 		if (!props.gap) return "0";
@@ -18443,8 +18561,8 @@ function instance$9($$self, $$props, $$invalidate) {
 		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
 	});
@@ -19181,7 +19299,7 @@ var CountDownValue_default = CountDownValue;
 //#endregion
 //#region src/components-flex/clip-copy/ClipCopy.svelte
 function add_css$1(target) {
-	append_styles(target, "svelte-30zd8m", ".clipboard.svelte-30zd8m{position:relative;display:inline-flex}.clipboard-button.svelte-30zd8m{position:relative;display:inline-flex;align-items:center;white-space:nowrap;gap:12px;background:none;border:0;transition:0.12s;cursor:pointer}.clipboard-button.svelte-30zd8m:hover{opacity:0.8}.clipboard-button.svelte-30zd8m:active{opacity:0.6}.clipboard-tooltip.svelte-30zd8m{position:absolute;top:-8px;left:50%;display:block;transform:translate(-50%, -100%);padding:4px 10px;background-color:#333333;color:#ffffff;font-size:11px;font-weight:bold;border-radius:4px;transition:transform 0.2s ease-out;white-space:nowrap;pointer-events:none}.clipboard-tooltip.svelte-30zd8m:after{content:'';display:block;position:absolute;bottom:0;left:50%;width:8px;height:8px;background-color:#333333;border-radius:1px;transform:translate(-50%, 40%) rotate(45deg)}.clipboard-tooltip[aria-hidden=\"true\"].svelte-30zd8m{opacity:0;transform:translate(-50%, -80%)}");
+	append_styles(target, "svelte-orhp4c", ".clipboard.svelte-orhp4c{position:relative;display:inline-flex}.clipboard-button.svelte-orhp4c{position:relative;display:inline-flex;align-items:center;white-space:nowrap;gap:12px;background:none;border:0;transition:0.12s;cursor:pointer}.clipboard-button.svelte-orhp4c:hover{opacity:0.8}.clipboard-button.svelte-orhp4c:active{opacity:0.6}.clipboard-tooltip.svelte-orhp4c{position:absolute;top:-8px;left:50%;display:block;transform:translate(-50%, -100%);padding:4px 10px;background-color:#333333;color:#ffffff;font-size:11px;font-weight:bold;border-radius:4px;transition:transform 0.2s ease-out;white-space:nowrap;pointer-events:none}.clipboard-tooltip.svelte-orhp4c:after{content:'';display:block;position:absolute;bottom:0;left:50%;width:8px;height:8px;background-color:#333333;border-radius:1px;transform:translate(-50%, 40%) rotate(45deg)}.clipboard-tooltip[aria-hidden='true'].svelte-orhp4c{opacity:0;transform:translate(-50%, -80%)}");
 }
 function create_fragment$4(ctx) {
 	let div;
@@ -19209,10 +19327,10 @@ function create_fragment$4(ctx) {
 			t0 = space();
 			span = element("span");
 			t1 = text("コピーしました");
-			attr(button, "class", "clipboard-button svelte-30zd8m");
+			attr(button, "class", "clipboard-button svelte-orhp4c");
 			attr(span, "aria-hidden", span_aria_hidden_value = !ctx[2]);
-			attr(span, "class", "clipboard-tooltip svelte-30zd8m");
-			attr(div, "class", "clipboard svelte-30zd8m");
+			attr(span, "class", "clipboard-tooltip svelte-orhp4c");
+			attr(div, "class", "clipboard svelte-orhp4c");
 			attr(
 				div,
 				"data-layer-id",
@@ -19888,6 +20006,10 @@ __export(index_svelte5_exports, {
 	AVATAR_SIZE_STYLES: () => AVATAR_SIZE_STYLES,
 	Alignments: () => Alignments,
 	AnimationStyles: () => AnimationStyles,
+	BACKGROUND_COLOR_VARIANT: () => BACKGROUND_COLOR_VARIANT,
+	BACKGROUND_COLOR_VARIANTS: () => BACKGROUND_COLOR_VARIANTS,
+	BORDER_COLOR_VARIANT: () => BORDER_COLOR_VARIANT,
+	BORDER_COLOR_VARIANTS: () => BORDER_COLOR_VARIANTS,
 	BUTTON_ICON_ANGLE: () => BUTTON_ICON_ANGLE,
 	BUTTON_LINK_TARGET: () => BUTTON_LINK_TARGET,
 	BUTTON_OUTLINED_ROUND_STYLES: () => BUTTON_OUTLINED_ROUND_STYLES,
@@ -20369,4 +20491,4 @@ var ThumbnailPreview = class extends SvelteComponent {
 var ThumbnailPreview_default = ThumbnailPreview;
 
 //#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, Box_default as Box, CLOSE_BUTTON_LABEL_PLACEMENT, CLOSE_BUTTON_PLACEMENT, CLOSE_BUTTON_ROUND, ClipPaths, CodeElement_default as CodeElement, Countdown_default as Countdown, Cursors, DefaultEdgePosition, DefaultElasticity, DefaultFormButtonColor, DefaultFormIdentifyBooleanField, DefaultFormIdentifyTextField, DefaultListBackground, DefaultListBackgroundNone, DefaultListBackgroundStripe, DefaultListSeparator, DefaultListSeparatorBorder, DefaultListSeparatorGap, DefaultListSeparatorNone, DefaultModalBreakPoint, DefaultModalPlacement, DefaultSlideButton, DefaultSlideNavigationButton, Directions, Elasticities, ElasticityStyle, EmbedElement_default as EmbedElement, FONT_FAMILY_VARIANT, FONT_FAMILY_VARIANTS, FONT_FAMILY_VARIANT_GROUPS, Flex_default as Flex, Avatar_default as FlexAvatar, Button_default as FlexButton, ButtonOutlined_default as FlexButtonOutlined, ButtonText_default as FlexButtonText, ClipCopy_default as FlexClipCopy, CloseButton_default as FlexCloseButton, Code_default as FlexCode, CountDown_default as FlexCountDown, CountDownValue_default as FlexCountDownValue, FlexDirections, Icon_default as FlexIcon, Image_default as FlexImage, FlexItem_default as FlexItem, Layout_default as FlexLayout, List_default as FlexList, ListItem_default as FlexListItem, Modal_default as FlexModal, MultiColumn_default as FlexMultiColumn, MultiColumnItem_default as FlexMultiColumnItem, RichText_default as FlexRichText, Slider_default as FlexSlider, SliderItem_default as FlexSliderItem, Text_default as FlexText, TextLink_default as FlexTextLink, Youtube_default as FlexYoutube, Fonts, FormCheckBoxes_default as FormCheckBoxes, FormIdentifyBooleanFields, FormIdentifyChoices_default as FormIdentifyChoices, FormIdentifyInput_default as FormIdentifyInput, FormIdentifyTextFieldPlaceholders, FormIdentifyTextFieldValidations, FormIdentifyTextFields, FormRadioButtons_default as FormRadioButtons, FormRatingButtonsFace_default as FormRatingButtonsFace, FormRatingButtonsNumber_default as FormRatingButtonsNumber, FormSelect_default as FormSelect, FormTextarea_default as FormTextarea, Grid_default as Grid, GridItem_default as GridItem, GridModalState_default as GridModalState, ICON_SIZE, ICON_SIZE_STYLES, ICON_VARIANTS, IMAGE_ASPECT_VARIANTS, IMAGE_ROUND_SHAPE, IMAGE_ROUND_STYLES, IconElement_default as IconElement, ImageBlock_default as ImageBlock, ImageElement_default as ImageElement, Justifies, KARTE_MODAL_ROOT, LAYER_TEXT_SIZE, LAYOUT_ALIGN, LAYOUT_COMPONENT_NAMES, LAYOUT_DIRECTION, LAYOUT_DISPLAY_TYPE, LAYOUT_JUSTIFY, LIST_ITEM_CONTEXT_KEY, LengthUnits, List_default$1 as List, ListBackgroundTypes, ListDirections, ListItem_default$1 as ListItem, ListSeparatorTypes, MULTI_COLUMN_ITEM_CONTEXT_KEY, MediaQueries, Modal_default$1 as Modal, ModalPositions, MovieVimeoElement_default as MovieVimeoElement, MovieYouTubeElement_default as MovieYouTubeElement, ObjectFits, OnClickOperationOptions, Overflows, PropTypes, ROUND_STYLES, ROUND_VARIANT, Repeats, SHADOW_VARIANT, SHADOW_VARIANTS, SYSTEM_FONT, Slide_default as Slide, SlideItem_default as SlideItem, State_default as State, StateItem_default as StateItem, TEXT_LINK_SIZE, TEXT_LINK_SIZE_STYLES, TEXT_LINK_THEME, TEXT_LINK_UNDERLINE, TEXT_STYLE, TEXT_THEME, TEXT_VARIANTS, TextBlock_default as TextBlock, TextButtonBlock_default as TextButtonBlock, TextButtonElement_default as TextButtonElement, TextDirections, TextElement_default as TextElement, ThumbnailPreview_default as ThumbnailPreview, 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, Box_default as Box, CLOSE_BUTTON_LABEL_PLACEMENT, CLOSE_BUTTON_PLACEMENT, CLOSE_BUTTON_ROUND, ClipPaths, CodeElement_default as CodeElement, Countdown_default as Countdown, Cursors, DefaultEdgePosition, DefaultElasticity, DefaultFormButtonColor, DefaultFormIdentifyBooleanField, DefaultFormIdentifyTextField, DefaultListBackground, DefaultListBackgroundNone, DefaultListBackgroundStripe, DefaultListSeparator, DefaultListSeparatorBorder, DefaultListSeparatorGap, DefaultListSeparatorNone, DefaultModalBreakPoint, DefaultModalPlacement, DefaultSlideButton, DefaultSlideNavigationButton, Directions, Elasticities, ElasticityStyle, EmbedElement_default as EmbedElement, FONT_FAMILY_VARIANT, FONT_FAMILY_VARIANTS, FONT_FAMILY_VARIANT_GROUPS, Flex_default as Flex, Avatar_default as FlexAvatar, Button_default as FlexButton, ButtonOutlined_default as FlexButtonOutlined, ButtonText_default as FlexButtonText, ClipCopy_default as FlexClipCopy, CloseButton_default as FlexCloseButton, Code_default as FlexCode, CountDown_default as FlexCountDown, CountDownValue_default as FlexCountDownValue, FlexDirections, Icon_default as FlexIcon, Image_default as FlexImage, FlexItem_default as FlexItem, Layout_default as FlexLayout, List_default as FlexList, ListItem_default as FlexListItem, Modal_default as FlexModal, MultiColumn_default as FlexMultiColumn, MultiColumnItem_default as FlexMultiColumnItem, RichText_default as FlexRichText, Slider_default as FlexSlider, SliderItem_default as FlexSliderItem, Text_default as FlexText, TextLink_default as FlexTextLink, Youtube_default as FlexYoutube, Fonts, FormCheckBoxes_default as FormCheckBoxes, FormIdentifyBooleanFields, FormIdentifyChoices_default as FormIdentifyChoices, FormIdentifyInput_default as FormIdentifyInput, FormIdentifyTextFieldPlaceholders, FormIdentifyTextFieldValidations, FormIdentifyTextFields, FormRadioButtons_default as FormRadioButtons, FormRatingButtonsFace_default as FormRatingButtonsFace, FormRatingButtonsNumber_default as FormRatingButtonsNumber, FormSelect_default as FormSelect, FormTextarea_default as FormTextarea, Grid_default as Grid, GridItem_default as GridItem, GridModalState_default as GridModalState, ICON_SIZE, ICON_SIZE_STYLES, ICON_VARIANTS, IMAGE_ASPECT_VARIANTS, IMAGE_ROUND_SHAPE, IMAGE_ROUND_STYLES, IconElement_default as IconElement, ImageBlock_default as ImageBlock, ImageElement_default as ImageElement, Justifies, KARTE_MODAL_ROOT, LAYER_TEXT_SIZE, LAYOUT_ALIGN, LAYOUT_COMPONENT_NAMES, LAYOUT_DIRECTION, LAYOUT_DISPLAY_TYPE, LAYOUT_JUSTIFY, LIST_ITEM_CONTEXT_KEY, LengthUnits, List_default$1 as List, ListBackgroundTypes, ListDirections, ListItem_default$1 as ListItem, ListSeparatorTypes, MULTI_COLUMN_ITEM_CONTEXT_KEY, MediaQueries, Modal_default$1 as Modal, ModalPositions, MovieVimeoElement_default as MovieVimeoElement, MovieYouTubeElement_default as MovieYouTubeElement, ObjectFits, OnClickOperationOptions, Overflows, PropTypes, ROUND_STYLES, ROUND_VARIANT, Repeats, SHADOW_VARIANT, SHADOW_VARIANTS, SYSTEM_FONT, Slide_default as Slide, SlideItem_default as SlideItem, State_default as State, StateItem_default as StateItem, TEXT_LINK_SIZE, TEXT_LINK_SIZE_STYLES, TEXT_LINK_THEME, TEXT_LINK_UNDERLINE, TEXT_STYLE, TEXT_THEME, TEXT_VARIANTS, TextBlock_default as TextBlock, TextButtonBlock_default as TextButtonBlock, TextButtonElement_default as TextButtonElement, TextDirections, TextElement_default as TextElement, ThumbnailPreview_default as ThumbnailPreview, 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 };