@plaidev/karte-action-sdk 1.1.269-29170394.d1cf0fa0 → 1.1.269-29170497.741a9267

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,65 +1,7 @@
1
1
  import { get, writable } from "svelte/store";
2
- import * as svelte from "svelte";
3
- import { afterUpdate as afterUpdate$1, beforeUpdate as beforeUpdate$1, createEventDispatcher, getContext, onDestroy as onDestroy$1, onMount as onMount$1, setContext, tick as tick$1 } from "svelte";
2
+ import { afterUpdate as afterUpdate$1, beforeUpdate as beforeUpdate$1, createEventDispatcher, getContext, mount, onDestroy as onDestroy$1, onMount as onMount$1, setContext, tick as tick$1, unmount } from "svelte";
4
3
  import "svelte/internal/disclose-version";
5
4
  import "svelte/internal/flags/legacy";
6
- import * as $$57 from "svelte/internal/client";
7
- import * as $$56 from "svelte/internal/client";
8
- import * as $$55 from "svelte/internal/client";
9
- import * as $$54 from "svelte/internal/client";
10
- import * as $$53 from "svelte/internal/client";
11
- import * as $$52 from "svelte/internal/client";
12
- import * as $$51 from "svelte/internal/client";
13
- import * as $$50 from "svelte/internal/client";
14
- import * as $$49 from "svelte/internal/client";
15
- import * as $$48 from "svelte/internal/client";
16
- import * as $$47 from "svelte/internal/client";
17
- import * as $$46 from "svelte/internal/client";
18
- import * as $$45 from "svelte/internal/client";
19
- import * as $$44 from "svelte/internal/client";
20
- import * as $$43 from "svelte/internal/client";
21
- import * as $$42 from "svelte/internal/client";
22
- import * as $$41 from "svelte/internal/client";
23
- import * as $$40 from "svelte/internal/client";
24
- import * as $$39 from "svelte/internal/client";
25
- import * as $$38 from "svelte/internal/client";
26
- import * as $$37 from "svelte/internal/client";
27
- import * as $$36 from "svelte/internal/client";
28
- import * as $$35 from "svelte/internal/client";
29
- import * as $$34 from "svelte/internal/client";
30
- import * as $$33 from "svelte/internal/client";
31
- import * as $$32 from "svelte/internal/client";
32
- import * as $$31 from "svelte/internal/client";
33
- import * as $$30 from "svelte/internal/client";
34
- import * as $$29 from "svelte/internal/client";
35
- import * as $$28 from "svelte/internal/client";
36
- import * as $$27 from "svelte/internal/client";
37
- import * as $$26 from "svelte/internal/client";
38
- import * as $$25 from "svelte/internal/client";
39
- import * as $$24 from "svelte/internal/client";
40
- import * as $$23 from "svelte/internal/client";
41
- import * as $$22 from "svelte/internal/client";
42
- import * as $$21 from "svelte/internal/client";
43
- import * as $$20 from "svelte/internal/client";
44
- import * as $$19 from "svelte/internal/client";
45
- import * as $$18 from "svelte/internal/client";
46
- import * as $$17 from "svelte/internal/client";
47
- import * as $$16 from "svelte/internal/client";
48
- import * as $$15 from "svelte/internal/client";
49
- import * as $$14 from "svelte/internal/client";
50
- import * as $$13 from "svelte/internal/client";
51
- import * as $$12 from "svelte/internal/client";
52
- import * as $$11 from "svelte/internal/client";
53
- import * as $$10 from "svelte/internal/client";
54
- import * as $$9 from "svelte/internal/client";
55
- import * as $$8 from "svelte/internal/client";
56
- import * as $$7 from "svelte/internal/client";
57
- import * as $$6 from "svelte/internal/client";
58
- import * as $$5 from "svelte/internal/client";
59
- import * as $$4 from "svelte/internal/client";
60
- import * as $$3 from "svelte/internal/client";
61
- import * as $$2 from "svelte/internal/client";
62
- import * as $$1 from "svelte/internal/client";
63
5
  import * as $ from "svelte/internal/client";
64
6
  import { cubicOut, elasticOut, linear } from "svelte/easing";
65
7
 
@@ -1927,7 +1869,7 @@ function createModal(App, options = {
1927
1869
  });
1928
1870
  finalize();
1929
1871
  dispatchDestroyEvent();
1930
- if (app != null) svelte.unmount(app);
1872
+ if (app != null) unmount(app);
1931
1873
  app = null;
1932
1874
  return NOOP;
1933
1875
  };
@@ -1986,7 +1928,7 @@ function createModal(App, options = {
1986
1928
  }
1987
1929
  }
1988
1930
  };
1989
- app = svelte.mount(App, props);
1931
+ app = mount(App, props);
1990
1932
  };
1991
1933
  const handleShow = (event) => {
1992
1934
  const trigger = event?.detail?.trigger ? event.detail.trigger : "none";
@@ -2041,7 +1983,7 @@ function createModal(App, options = {
2041
1983
  });
2042
1984
  if (options.onCreate) options.onCreate(actionProps);
2043
1985
  const appCleanup = () => {
2044
- if (app != null) svelte.unmount(app);
1986
+ if (app != null) unmount(app);
2045
1987
  actionTablePromise = null;
2046
1988
  showTriggerCleanups.forEach((c) => c());
2047
1989
  closeTriggerCleanups.forEach((c) => c());
@@ -2111,7 +2053,7 @@ function createApp(App, options = {
2111
2053
  let app = null;
2112
2054
  const close$1 = () => {
2113
2055
  if (app) {
2114
- svelte.unmount(app);
2056
+ unmount(app);
2115
2057
  app = null;
2116
2058
  }
2117
2059
  };
@@ -2134,7 +2076,7 @@ function createApp(App, options = {
2134
2076
  show: () => {
2135
2077
  if (app) return;
2136
2078
  options.send("message_open");
2137
- app = svelte.mount(App, appArgs);
2079
+ app = mount(App, appArgs);
2138
2080
  }
2139
2081
  };
2140
2082
  }
@@ -2885,37 +2827,37 @@ const LAYOUT_COMPONENT_NAMES = [
2885
2827
 
2886
2828
  //#endregion
2887
2829
  //#region src/components-flex/state/Header.svelte
2888
- var root_2$5 = $$57.template(`<link type="text/css" rel="stylesheet">`);
2830
+ var root_2$5 = $.template(`<link type="text/css" rel="stylesheet">`);
2889
2831
  function Header($$anchor, $$props) {
2890
- $$57.push($$props, false);
2891
- const [$$stores, $$cleanup] = $$57.setup_stores();
2892
- const $fonts = () => $$57.store_get(fonts, "$fonts", $$stores);
2893
- let googleFontUrl = $$57.mutable_state("");
2894
- $$57.legacy_pre_effect(() => $fonts(), () => {
2895
- if (isPreview()) $$57.set(googleFontUrl, makeGoogleFontUrl(Fonts.filter((font) => font !== SYSTEM_FONT)));
2896
- else if ($fonts().length > 0) $$57.set(googleFontUrl, makeGoogleFontUrl($fonts()));
2897
- });
2898
- $$57.legacy_pre_effect(() => ($$57.get(googleFontUrl), loadGlobalStyle), () => {
2899
- if ($$57.get(googleFontUrl)) loadGlobalStyle($$57.get(googleFontUrl));
2900
- });
2901
- $$57.legacy_pre_effect_reset();
2902
- $$57.init();
2903
- $$57.head(($$anchor$1) => {
2904
- var fragment = $$57.comment();
2905
- var node = $$57.first_child(fragment);
2832
+ $.push($$props, false);
2833
+ const [$$stores, $$cleanup] = $.setup_stores();
2834
+ const $fonts = () => $.store_get(fonts, "$fonts", $$stores);
2835
+ let googleFontUrl = $.mutable_state("");
2836
+ $.legacy_pre_effect(() => $fonts(), () => {
2837
+ if (isPreview()) $.set(googleFontUrl, makeGoogleFontUrl(Fonts.filter((font) => font !== SYSTEM_FONT)));
2838
+ else if ($fonts().length > 0) $.set(googleFontUrl, makeGoogleFontUrl($fonts()));
2839
+ });
2840
+ $.legacy_pre_effect(() => ($.get(googleFontUrl), loadGlobalStyle), () => {
2841
+ if ($.get(googleFontUrl)) loadGlobalStyle($.get(googleFontUrl));
2842
+ });
2843
+ $.legacy_pre_effect_reset();
2844
+ $.init();
2845
+ $.head(($$anchor$1) => {
2846
+ var fragment = $.comment();
2847
+ var node = $.first_child(fragment);
2906
2848
  {
2907
2849
  var consequent = ($$anchor$2) => {
2908
2850
  var link = root_2$5();
2909
- $$57.template_effect(() => $$57.set_attribute(link, "href", $$57.get(googleFontUrl)));
2910
- $$57.append($$anchor$2, link);
2851
+ $.template_effect(() => $.set_attribute(link, "href", $.get(googleFontUrl)));
2852
+ $.append($$anchor$2, link);
2911
2853
  };
2912
- $$57.if(node, ($$render) => {
2913
- if ($$57.get(googleFontUrl)) $$render(consequent);
2854
+ $.if(node, ($$render) => {
2855
+ if ($.get(googleFontUrl)) $$render(consequent);
2914
2856
  });
2915
2857
  }
2916
- $$57.append($$anchor$1, fragment);
2858
+ $.append($$anchor$1, fragment);
2917
2859
  });
2918
- $$57.pop();
2860
+ $.pop();
2919
2861
  $$cleanup();
2920
2862
  }
2921
2863
 
@@ -2953,58 +2895,58 @@ const useBrandKit = () => {
2953
2895
 
2954
2896
  //#endregion
2955
2897
  //#region src/components-flex/state/State.svelte
2956
- var root$45 = $$56.template(`<!> <!>`, 1);
2898
+ var root$45 = $.template(`<!> <!>`, 1);
2957
2899
  function State($$anchor, $$props) {
2958
- $$56.push($$props, false);
2959
- let customBrandKit = $$56.prop($$props, "customBrandKit", 8, void 0);
2900
+ $.push($$props, false);
2901
+ let customBrandKit = $.prop($$props, "customBrandKit", 8, void 0);
2960
2902
  setContext("brandKit", getBrandKit(customBrandKit()));
2961
- $$56.init();
2903
+ $.init();
2962
2904
  var fragment = root$45();
2963
- var node = $$56.first_child(fragment);
2905
+ var node = $.first_child(fragment);
2964
2906
  Header(node, {});
2965
- var node_1 = $$56.sibling(node, 2);
2966
- $$56.slot(node_1, $$props, "default", {}, null);
2967
- $$56.append($$anchor, fragment);
2968
- $$56.pop();
2907
+ var node_1 = $.sibling(node, 2);
2908
+ $.slot(node_1, $$props, "default", {}, null);
2909
+ $.append($$anchor, fragment);
2910
+ $.pop();
2969
2911
  }
2970
2912
 
2971
2913
  //#endregion
2972
2914
  //#region src/components-flex/state/StateItem.svelte
2973
2915
  const STATE_ITEM_CONTEXT_KEY = Symbol();
2974
- var root_1$9 = $$55.template(`<div class="state-item svelte-2qb6dm"></div> <!>`, 1);
2916
+ var root_1$9 = $.template(`<div class="state-item svelte-2qb6dm"></div> <!>`, 1);
2975
2917
  const $$css$23 = {
2976
2918
  hash: "svelte-2qb6dm",
2977
2919
  code: ".state-item.svelte-2qb6dm {position:absolute;display:none;}"
2978
2920
  };
2979
2921
  function StateItem($$anchor, $$props) {
2980
- $$55.push($$props, false);
2981
- $$55.append_styles($$anchor, $$css$23);
2982
- const [$$stores, $$cleanup] = $$55.setup_stores();
2983
- const $state = () => $$55.store_get(state, "$state", $$stores);
2984
- let path = $$55.prop($$props, "path", 8);
2922
+ $.push($$props, false);
2923
+ $.append_styles($$anchor, $$css$23);
2924
+ const [$$stores, $$cleanup] = $.setup_stores();
2925
+ const $state = () => $.store_get(state, "$state", $$stores);
2926
+ let path = $.prop($$props, "path", 8);
2985
2927
  setContext(STATE_ITEM_CONTEXT_KEY, { path: path() });
2986
- $$55.legacy_pre_effect(() => $$55.deep_read_state(path()), () => {
2928
+ $.legacy_pre_effect(() => $.deep_read_state(path()), () => {
2987
2929
  addState(path());
2988
2930
  });
2989
- $$55.legacy_pre_effect_reset();
2990
- $$55.init();
2991
- var fragment = $$55.comment();
2992
- var node = $$55.first_child(fragment);
2931
+ $.legacy_pre_effect_reset();
2932
+ $.init();
2933
+ var fragment = $.comment();
2934
+ var node = $.first_child(fragment);
2993
2935
  {
2994
2936
  var consequent = ($$anchor$1) => {
2995
2937
  var fragment_1 = root_1$9();
2996
- var div = $$55.first_child(fragment_1);
2997
- var node_1 = $$55.sibling(div, 2);
2998
- $$55.slot(node_1, $$props, "default", {}, null);
2999
- $$55.template_effect(() => $$55.set_attribute(div, "data-state-path", path()));
3000
- $$55.append($$anchor$1, fragment_1);
2938
+ var div = $.first_child(fragment_1);
2939
+ var node_1 = $.sibling(div, 2);
2940
+ $.slot(node_1, $$props, "default", {}, null);
2941
+ $.template_effect(() => $.set_attribute(div, "data-state-path", path()));
2942
+ $.append($$anchor$1, fragment_1);
3001
2943
  };
3002
- $$55.if(node, ($$render) => {
2944
+ $.if(node, ($$render) => {
3003
2945
  if ($state() === path()) $$render(consequent);
3004
2946
  });
3005
2947
  }
3006
- $$55.append($$anchor, fragment);
3007
- $$55.pop();
2948
+ $.append($$anchor, fragment);
2949
+ $.pop();
3008
2950
  $$cleanup();
3009
2951
  }
3010
2952
 
@@ -3560,19 +3502,19 @@ const AVATAR_SIZE_STYLES = {
3560
3502
 
3561
3503
  //#endregion
3562
3504
  //#region src/components-flex/avatar/Avatar.svelte
3563
- var root_1$8 = $$54.template(`<img class="avatar-image svelte-1xhdr99">`);
3505
+ var root_1$8 = $.template(`<img class="avatar-image svelte-1xhdr99">`);
3564
3506
  const $$css$22 = {
3565
3507
  hash: "svelte-1xhdr99",
3566
3508
  code: ".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;}"
3567
3509
  };
3568
3510
  function Avatar($$anchor, $$props) {
3569
- $$54.push($$props, false);
3570
- $$54.append_styles($$anchor, $$css$22);
3571
- const styleObj = $$54.mutable_state();
3572
- const style = $$54.mutable_state();
3573
- const imgStyle = $$54.mutable_state();
3574
- let props = $$54.prop($$props, "props", 24, () => ({}));
3575
- let layerId = $$54.prop($$props, "layerId", 8, "");
3511
+ $.push($$props, false);
3512
+ $.append_styles($$anchor, $$css$22);
3513
+ const styleObj = $.mutable_state();
3514
+ const style = $.mutable_state();
3515
+ const imgStyle = $.mutable_state();
3516
+ let props = $.prop($$props, "props", 24, () => ({}));
3517
+ let layerId = $.prop($$props, "layerId", 8, "");
3576
3518
  useInjectCustomizeCss(props());
3577
3519
  const { attributes, element, handleClick } = useClickable_default(props());
3578
3520
  const avatarSizeStyle = !isNaN(Number(props().size)) ? {
@@ -3590,8 +3532,8 @@ function Avatar($$anchor, $$props) {
3590
3532
  if (parentRadius === "100%") return "100%";
3591
3533
  return radiusSize > 0 ? `calc(${parentRadius} - ${borderWidth})` : void 0;
3592
3534
  };
3593
- $$54.legacy_pre_effect(() => ($$54.deep_read_state(props()), toCssPadding), () => {
3594
- $$54.set(styleObj, {
3535
+ $.legacy_pre_effect(() => ($.deep_read_state(props()), toCssPadding), () => {
3536
+ $.set(styleObj, {
3595
3537
  ...VARIANTS.shape[props().shape ?? "square"],
3596
3538
  width: props().width ?? avatarSizeStyle.width,
3597
3539
  height: props().height ?? avatarSizeStyle.height,
@@ -3600,45 +3542,45 @@ function Avatar($$anchor, $$props) {
3600
3542
  ...toCssPadding(props())
3601
3543
  });
3602
3544
  });
3603
- $$54.legacy_pre_effect(() => $$54.get(styleObj), () => {
3604
- $$54.set(style, objToStyle($$54.get(styleObj)));
3545
+ $.legacy_pre_effect(() => $.get(styleObj), () => {
3546
+ $.set(style, objToStyle($.get(styleObj)));
3605
3547
  });
3606
- $$54.legacy_pre_effect(() => $$54.get(styleObj), () => {
3607
- $$54.set(imgStyle, objToStyle({
3548
+ $.legacy_pre_effect(() => $.get(styleObj), () => {
3549
+ $.set(imgStyle, objToStyle({
3608
3550
  width: "100%",
3609
3551
  height: "100%",
3610
3552
  objectFit: "cover",
3611
3553
  ...toCssRadius({
3612
- borderTopLeftRadius: calcImgRadius($$54.get(styleObj).borderRadius, $$54.get(styleObj).borderTopWidth),
3613
- borderTopRightRadius: calcImgRadius($$54.get(styleObj).borderRadius, $$54.get(styleObj).borderTopWidth),
3614
- borderBottomLeftRadius: calcImgRadius($$54.get(styleObj).borderRadius, $$54.get(styleObj).borderTopWidth),
3615
- borderBottomRightRadius: calcImgRadius($$54.get(styleObj).borderRadius, $$54.get(styleObj).borderTopWidth)
3554
+ borderTopLeftRadius: calcImgRadius($.get(styleObj).borderRadius, $.get(styleObj).borderTopWidth),
3555
+ borderTopRightRadius: calcImgRadius($.get(styleObj).borderRadius, $.get(styleObj).borderTopWidth),
3556
+ borderBottomLeftRadius: calcImgRadius($.get(styleObj).borderRadius, $.get(styleObj).borderTopWidth),
3557
+ borderBottomRightRadius: calcImgRadius($.get(styleObj).borderRadius, $.get(styleObj).borderTopWidth)
3616
3558
  })
3617
3559
  }));
3618
3560
  });
3619
- $$54.legacy_pre_effect_reset();
3620
- $$54.init();
3621
- var fragment = $$54.comment();
3622
- var node = $$54.first_child(fragment);
3623
- $$54.element(node, () => element, false, ($$element, $$anchor$1) => {
3561
+ $.legacy_pre_effect_reset();
3562
+ $.init();
3563
+ var fragment = $.comment();
3564
+ var node = $.first_child(fragment);
3565
+ $.element(node, () => element, false, ($$element, $$anchor$1) => {
3624
3566
  let attributes_1;
3625
- $$54.template_effect(() => attributes_1 = $$54.set_attributes($$element, attributes_1, {
3567
+ $.template_effect(() => attributes_1 = $.set_attributes($$element, attributes_1, {
3626
3568
  ...attributes,
3627
3569
  class: "avatar",
3628
- style: $$54.get(style),
3570
+ style: $.get(style),
3629
3571
  "data-layer-id": layerId()
3630
3572
  }, "svelte-1xhdr99"));
3631
- $$54.event("click", $$element, handleClick);
3573
+ $.event("click", $$element, handleClick);
3632
3574
  var img = root_1$8();
3633
- $$54.template_effect(() => {
3634
- $$54.set_attribute(img, "src", props().image);
3635
- $$54.set_attribute(img, "alt", props().alt);
3636
- $$54.set_style(img, $$54.get(imgStyle));
3575
+ $.template_effect(() => {
3576
+ $.set_attribute(img, "src", props().image);
3577
+ $.set_attribute(img, "alt", props().alt);
3578
+ $.set_style(img, $.get(imgStyle));
3637
3579
  });
3638
- $$54.append($$anchor$1, img);
3580
+ $.append($$anchor$1, img);
3639
3581
  });
3640
- $$54.append($$anchor, fragment);
3641
- $$54.pop();
3582
+ $.append($$anchor, fragment);
3583
+ $.pop();
3642
3584
  }
3643
3585
 
3644
3586
  //#endregion
@@ -3691,374 +3633,374 @@ const buttonPropsDefault = {
3691
3633
 
3692
3634
  //#endregion
3693
3635
  //#region src/components-flex/icon/variants/IconArrowDown.svelte
3694
- var root$44 = $$53.ns_template(`<svg xmlns="http://www.w3.org/2000/svg" style="width: 100%;height: 100%;" viewBox="0 0 384 512"><path d="M169.4 470.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 370.8 224 64c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 306.7L54.6 265.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z"></path></svg>`);
3636
+ var root$44 = $.ns_template(`<svg xmlns="http://www.w3.org/2000/svg" style="width: 100%;height: 100%;" viewBox="0 0 384 512"><path d="M169.4 470.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 370.8 224 64c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 306.7L54.6 265.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z"></path></svg>`);
3695
3637
  function IconArrowDown($$anchor, $$props) {
3696
- let color = $$53.prop($$props, "color", 8);
3638
+ let color = $.prop($$props, "color", 8);
3697
3639
  var svg = root$44();
3698
- var path = $$53.child(svg);
3699
- $$53.reset(svg);
3700
- $$53.template_effect(() => $$53.set_attribute(path, "fill", color()));
3701
- $$53.append($$anchor, svg);
3640
+ var path = $.child(svg);
3641
+ $.reset(svg);
3642
+ $.template_effect(() => $.set_attribute(path, "fill", color()));
3643
+ $.append($$anchor, svg);
3702
3644
  }
3703
3645
 
3704
3646
  //#endregion
3705
3647
  //#region src/components-flex/icon/variants/IconArrowUp.svelte
3706
- var root$43 = $$52.ns_template(`<svg xmlns="http://www.w3.org/2000/svg" style="width: 100%;height: 100%;" viewBox="0 0 384 512"><path d="M214.6 41.4c-12.5-12.5-32.8-12.5-45.3 0l-160 160c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L160 141.2V448c0 17.7 14.3 32 32 32s32-14.3 32-32V141.2L329.4 246.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3l-160-160z"></path></svg>`);
3648
+ var root$43 = $.ns_template(`<svg xmlns="http://www.w3.org/2000/svg" style="width: 100%;height: 100%;" viewBox="0 0 384 512"><path d="M214.6 41.4c-12.5-12.5-32.8-12.5-45.3 0l-160 160c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L160 141.2V448c0 17.7 14.3 32 32 32s32-14.3 32-32V141.2L329.4 246.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3l-160-160z"></path></svg>`);
3707
3649
  function IconArrowUp($$anchor, $$props) {
3708
- let color = $$52.prop($$props, "color", 8);
3650
+ let color = $.prop($$props, "color", 8);
3709
3651
  var svg = root$43();
3710
- var path = $$52.child(svg);
3711
- $$52.reset(svg);
3712
- $$52.template_effect(() => $$52.set_attribute(path, "fill", color()));
3713
- $$52.append($$anchor, svg);
3652
+ var path = $.child(svg);
3653
+ $.reset(svg);
3654
+ $.template_effect(() => $.set_attribute(path, "fill", color()));
3655
+ $.append($$anchor, svg);
3714
3656
  }
3715
3657
 
3716
3658
  //#endregion
3717
3659
  //#region src/components-flex/icon/variants/IconUsers.svelte
3718
- var root$42 = $$51.ns_template(`<svg xmlns="http://www.w3.org/2000/svg" style="width: 100%;height: 100%;" viewBox="0 0 640 512"><path d="M144 0a80 80 0 1 1 0 160A80 80 0 1 1 144 0zM512 0a80 80 0 1 1 0 160A80 80 0 1 1 512 0zM0 298.7C0 239.8 47.8 192 106.7 192h42.7c15.9 0 31 3.5 44.6 9.7c-1.3 7.2-1.9 14.7-1.9 22.3c0 38.2 16.8 72.5 43.3 96c-.2 0-.4 0-.7 0H21.3C9.6 320 0 310.4 0 298.7zM405.3 320c-.2 0-.4 0-.7 0c26.6-23.5 43.3-57.8 43.3-96c0-7.6-.7-15-1.9-22.3c13.6-6.3 28.7-9.7 44.6-9.7h42.7C592.2 192 640 239.8 640 298.7c0 11.8-9.6 21.3-21.3 21.3H405.3zM224 224a96 96 0 1 1 192 0 96 96 0 1 1 -192 0zM128 485.3C128 411.7 187.7 352 261.3 352H378.7C452.3 352 512 411.7 512 485.3c0 14.7-11.9 26.7-26.7 26.7H154.7c-14.7 0-26.7-11.9-26.7-26.7z"></path></svg>`);
3660
+ var root$42 = $.ns_template(`<svg xmlns="http://www.w3.org/2000/svg" style="width: 100%;height: 100%;" viewBox="0 0 640 512"><path d="M144 0a80 80 0 1 1 0 160A80 80 0 1 1 144 0zM512 0a80 80 0 1 1 0 160A80 80 0 1 1 512 0zM0 298.7C0 239.8 47.8 192 106.7 192h42.7c15.9 0 31 3.5 44.6 9.7c-1.3 7.2-1.9 14.7-1.9 22.3c0 38.2 16.8 72.5 43.3 96c-.2 0-.4 0-.7 0H21.3C9.6 320 0 310.4 0 298.7zM405.3 320c-.2 0-.4 0-.7 0c26.6-23.5 43.3-57.8 43.3-96c0-7.6-.7-15-1.9-22.3c13.6-6.3 28.7-9.7 44.6-9.7h42.7C592.2 192 640 239.8 640 298.7c0 11.8-9.6 21.3-21.3 21.3H405.3zM224 224a96 96 0 1 1 192 0 96 96 0 1 1 -192 0zM128 485.3C128 411.7 187.7 352 261.3 352H378.7C452.3 352 512 411.7 512 485.3c0 14.7-11.9 26.7-26.7 26.7H154.7c-14.7 0-26.7-11.9-26.7-26.7z"></path></svg>`);
3719
3661
  function IconUsers($$anchor, $$props) {
3720
- let color = $$51.prop($$props, "color", 8);
3662
+ let color = $.prop($$props, "color", 8);
3721
3663
  var svg = root$42();
3722
- var path = $$51.child(svg);
3723
- $$51.reset(svg);
3724
- $$51.template_effect(() => $$51.set_attribute(path, "fill", color()));
3725
- $$51.append($$anchor, svg);
3664
+ var path = $.child(svg);
3665
+ $.reset(svg);
3666
+ $.template_effect(() => $.set_attribute(path, "fill", color()));
3667
+ $.append($$anchor, svg);
3726
3668
  }
3727
3669
 
3728
3670
  //#endregion
3729
3671
  //#region src/components-flex/icon/variants/IconArrowLeft.svelte
3730
- var root$41 = $$50.ns_template(`<svg xmlns="http://www.w3.org/2000/svg" style="width: 100%;height: 100%;" viewBox="0 0 448 512"><path d="M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L109.2 288 416 288c17.7 0 32-14.3 32-32s-14.3-32-32-32l-306.7 0L214.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-160 160z"></path></svg>`);
3672
+ var root$41 = $.ns_template(`<svg xmlns="http://www.w3.org/2000/svg" style="width: 100%;height: 100%;" viewBox="0 0 448 512"><path d="M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L109.2 288 416 288c17.7 0 32-14.3 32-32s-14.3-32-32-32l-306.7 0L214.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-160 160z"></path></svg>`);
3731
3673
  function IconArrowLeft($$anchor, $$props) {
3732
- let color = $$50.prop($$props, "color", 8);
3674
+ let color = $.prop($$props, "color", 8);
3733
3675
  var svg = root$41();
3734
- var path = $$50.child(svg);
3735
- $$50.reset(svg);
3736
- $$50.template_effect(() => $$50.set_attribute(path, "fill", color()));
3737
- $$50.append($$anchor, svg);
3676
+ var path = $.child(svg);
3677
+ $.reset(svg);
3678
+ $.template_effect(() => $.set_attribute(path, "fill", color()));
3679
+ $.append($$anchor, svg);
3738
3680
  }
3739
3681
 
3740
3682
  //#endregion
3741
3683
  //#region src/components-flex/icon/variants/IconArrowRight.svelte
3742
- var root$40 = $$49.ns_template(`<svg xmlns="http://www.w3.org/2000/svg" style="width: 100%;height: 100%;" viewBox="0 0 448 512"><path d="M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l306.7 0L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z"></path></svg>`);
3684
+ var root$40 = $.ns_template(`<svg xmlns="http://www.w3.org/2000/svg" style="width: 100%;height: 100%;" viewBox="0 0 448 512"><path d="M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l306.7 0L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z"></path></svg>`);
3743
3685
  function IconArrowRight($$anchor, $$props) {
3744
- let color = $$49.prop($$props, "color", 8);
3686
+ let color = $.prop($$props, "color", 8);
3745
3687
  var svg = root$40();
3746
- var path = $$49.child(svg);
3747
- $$49.reset(svg);
3748
- $$49.template_effect(() => $$49.set_attribute(path, "fill", color()));
3749
- $$49.append($$anchor, svg);
3688
+ var path = $.child(svg);
3689
+ $.reset(svg);
3690
+ $.template_effect(() => $.set_attribute(path, "fill", color()));
3691
+ $.append($$anchor, svg);
3750
3692
  }
3751
3693
 
3752
3694
  //#endregion
3753
3695
  //#region src/components-flex/icon/variants/IconBell.svelte
3754
- var root$39 = $$48.ns_template(`<svg xmlns="http://www.w3.org/2000/svg" style="width: 100%;height: 100%;" viewBox="0 0 448 512"><path d="M224 0c-17.7 0-32 14.3-32 32V51.2C119 66 64 130.6 64 208v18.8c0 47-17.3 92.4-48.5 127.6l-7.4 8.3c-8.4 9.4-10.4 22.9-5.3 34.4S19.4 416 32 416H416c12.6 0 24-7.4 29.2-18.9s3.1-25-5.3-34.4l-7.4-8.3C401.3 319.2 384 273.9 384 226.8V208c0-77.4-55-142-128-156.8V32c0-17.7-14.3-32-32-32zm45.3 493.3c12-12 18.7-28.3 18.7-45.3H224 160c0 17 6.7 33.3 18.7 45.3s28.3 18.7 45.3 18.7s33.3-6.7 45.3-18.7z"></path></svg>`);
3696
+ var root$39 = $.ns_template(`<svg xmlns="http://www.w3.org/2000/svg" style="width: 100%;height: 100%;" viewBox="0 0 448 512"><path d="M224 0c-17.7 0-32 14.3-32 32V51.2C119 66 64 130.6 64 208v18.8c0 47-17.3 92.4-48.5 127.6l-7.4 8.3c-8.4 9.4-10.4 22.9-5.3 34.4S19.4 416 32 416H416c12.6 0 24-7.4 29.2-18.9s3.1-25-5.3-34.4l-7.4-8.3C401.3 319.2 384 273.9 384 226.8V208c0-77.4-55-142-128-156.8V32c0-17.7-14.3-32-32-32zm45.3 493.3c12-12 18.7-28.3 18.7-45.3H224 160c0 17 6.7 33.3 18.7 45.3s28.3 18.7 45.3 18.7s33.3-6.7 45.3-18.7z"></path></svg>`);
3755
3697
  function IconBell($$anchor, $$props) {
3756
- let color = $$48.prop($$props, "color", 8);
3698
+ let color = $.prop($$props, "color", 8);
3757
3699
  var svg = root$39();
3758
- var path = $$48.child(svg);
3759
- $$48.reset(svg);
3760
- $$48.template_effect(() => $$48.set_attribute(path, "fill", color()));
3761
- $$48.append($$anchor, svg);
3700
+ var path = $.child(svg);
3701
+ $.reset(svg);
3702
+ $.template_effect(() => $.set_attribute(path, "fill", color()));
3703
+ $.append($$anchor, svg);
3762
3704
  }
3763
3705
 
3764
3706
  //#endregion
3765
3707
  //#region src/components-flex/icon/variants/IconArrowUpFromSquare.svelte
3766
- var root$38 = $$47.ns_template(`<svg xmlns="http://www.w3.org/2000/svg" style="width: 100%;height: 100%;" viewBox="0 0 512 512"><path d="M320 0c-17.7 0-32 14.3-32 32s14.3 32 32 32h82.7L201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L448 109.3V192c0 17.7 14.3 32 32 32s32-14.3 32-32V32c0-17.7-14.3-32-32-32H320zM80 32C35.8 32 0 67.8 0 112V432c0 44.2 35.8 80 80 80H400c44.2 0 80-35.8 80-80V320c0-17.7-14.3-32-32-32s-32 14.3-32 32V432c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V112c0-8.8 7.2-16 16-16H192c17.7 0 32-14.3 32-32s-14.3-32-32-32H80z"></path></svg>`);
3708
+ var root$38 = $.ns_template(`<svg xmlns="http://www.w3.org/2000/svg" style="width: 100%;height: 100%;" viewBox="0 0 512 512"><path d="M320 0c-17.7 0-32 14.3-32 32s14.3 32 32 32h82.7L201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L448 109.3V192c0 17.7 14.3 32 32 32s32-14.3 32-32V32c0-17.7-14.3-32-32-32H320zM80 32C35.8 32 0 67.8 0 112V432c0 44.2 35.8 80 80 80H400c44.2 0 80-35.8 80-80V320c0-17.7-14.3-32-32-32s-32 14.3-32 32V432c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V112c0-8.8 7.2-16 16-16H192c17.7 0 32-14.3 32-32s-14.3-32-32-32H80z"></path></svg>`);
3767
3709
  function IconArrowUpFromSquare($$anchor, $$props) {
3768
- let color = $$47.prop($$props, "color", 8);
3710
+ let color = $.prop($$props, "color", 8);
3769
3711
  var svg = root$38();
3770
- var path = $$47.child(svg);
3771
- $$47.reset(svg);
3772
- $$47.template_effect(() => $$47.set_attribute(path, "fill", color()));
3773
- $$47.append($$anchor, svg);
3712
+ var path = $.child(svg);
3713
+ $.reset(svg);
3714
+ $.template_effect(() => $.set_attribute(path, "fill", color()));
3715
+ $.append($$anchor, svg);
3774
3716
  }
3775
3717
 
3776
3718
  //#endregion
3777
3719
  //#region src/components-flex/icon/variants/IconTicket.svelte
3778
- var root$37 = $$46.ns_template(`<svg xmlns="http://www.w3.org/2000/svg" style="width: 100%;height: 100%;" viewBox="0 0 576 512"><path d="M64 64C28.7 64 0 92.7 0 128v64c0 8.8 7.4 15.7 15.7 18.6C34.5 217.1 48 235 48 256s-13.5 38.9-32.3 45.4C7.4 304.3 0 311.2 0 320v64c0 35.3 28.7 64 64 64H512c35.3 0 64-28.7 64-64V320c0-8.8-7.4-15.7-15.7-18.6C541.5 294.9 528 277 528 256s13.5-38.9 32.3-45.4c8.3-2.9 15.7-9.8 15.7-18.6V128c0-35.3-28.7-64-64-64H64zm64 112l0 160c0 8.8 7.2 16 16 16H432c8.8 0 16-7.2 16-16V176c0-8.8-7.2-16-16-16H144c-8.8 0-16 7.2-16 16zM96 160c0-17.7 14.3-32 32-32H448c17.7 0 32 14.3 32 32V352c0 17.7-14.3 32-32 32H128c-17.7 0-32-14.3-32-32V160z"></path></svg>`);
3720
+ var root$37 = $.ns_template(`<svg xmlns="http://www.w3.org/2000/svg" style="width: 100%;height: 100%;" viewBox="0 0 576 512"><path d="M64 64C28.7 64 0 92.7 0 128v64c0 8.8 7.4 15.7 15.7 18.6C34.5 217.1 48 235 48 256s-13.5 38.9-32.3 45.4C7.4 304.3 0 311.2 0 320v64c0 35.3 28.7 64 64 64H512c35.3 0 64-28.7 64-64V320c0-8.8-7.4-15.7-15.7-18.6C541.5 294.9 528 277 528 256s13.5-38.9 32.3-45.4c8.3-2.9 15.7-9.8 15.7-18.6V128c0-35.3-28.7-64-64-64H64zm64 112l0 160c0 8.8 7.2 16 16 16H432c8.8 0 16-7.2 16-16V176c0-8.8-7.2-16-16-16H144c-8.8 0-16 7.2-16 16zM96 160c0-17.7 14.3-32 32-32H448c17.7 0 32 14.3 32 32V352c0 17.7-14.3 32-32 32H128c-17.7 0-32-14.3-32-32V160z"></path></svg>`);
3779
3721
  function IconTicket($$anchor, $$props) {
3780
- let color = $$46.prop($$props, "color", 8);
3722
+ let color = $.prop($$props, "color", 8);
3781
3723
  var svg = root$37();
3782
- var path = $$46.child(svg);
3783
- $$46.reset(svg);
3784
- $$46.template_effect(() => $$46.set_attribute(path, "fill", color()));
3785
- $$46.append($$anchor, svg);
3724
+ var path = $.child(svg);
3725
+ $.reset(svg);
3726
+ $.template_effect(() => $.set_attribute(path, "fill", color()));
3727
+ $.append($$anchor, svg);
3786
3728
  }
3787
3729
 
3788
3730
  //#endregion
3789
3731
  //#region src/components-flex/icon/variants/IconTrack.svelte
3790
- var root$36 = $$45.ns_template(`<svg xmlns="http://www.w3.org/2000/svg" style="width: 100%;height: 100%;" viewBox="0 0 640 512"><path d="M48 0C21.5 0 0 21.5 0 48V368c0 26.5 21.5 48 48 48H64c0 53 43 96 96 96s96-43 96-96H384c0 53 43 96 96 96s96-43 96-96h32c17.7 0 32-14.3 32-32s-14.3-32-32-32V288 256 237.3c0-17-6.7-33.3-18.7-45.3L512 114.7c-12-12-28.3-18.7-45.3-18.7H416V48c0-26.5-21.5-48-48-48H48zM416 160h50.7L544 237.3V256H416V160zM112 416a48 48 0 1 1 96 0 48 48 0 1 1 -96 0zm368-48a48 48 0 1 1 0 96 48 48 0 1 1 0-96z"></path></svg>`);
3732
+ var root$36 = $.ns_template(`<svg xmlns="http://www.w3.org/2000/svg" style="width: 100%;height: 100%;" viewBox="0 0 640 512"><path d="M48 0C21.5 0 0 21.5 0 48V368c0 26.5 21.5 48 48 48H64c0 53 43 96 96 96s96-43 96-96H384c0 53 43 96 96 96s96-43 96-96h32c17.7 0 32-14.3 32-32s-14.3-32-32-32V288 256 237.3c0-17-6.7-33.3-18.7-45.3L512 114.7c-12-12-28.3-18.7-45.3-18.7H416V48c0-26.5-21.5-48-48-48H48zM416 160h50.7L544 237.3V256H416V160zM112 416a48 48 0 1 1 96 0 48 48 0 1 1 -96 0zm368-48a48 48 0 1 1 0 96 48 48 0 1 1 0-96z"></path></svg>`);
3791
3733
  function IconTrack($$anchor, $$props) {
3792
- let color = $$45.prop($$props, "color", 8);
3734
+ let color = $.prop($$props, "color", 8);
3793
3735
  var svg = root$36();
3794
- var path = $$45.child(svg);
3795
- $$45.reset(svg);
3796
- $$45.template_effect(() => $$45.set_attribute(path, "fill", color()));
3797
- $$45.append($$anchor, svg);
3736
+ var path = $.child(svg);
3737
+ $.reset(svg);
3738
+ $.template_effect(() => $.set_attribute(path, "fill", color()));
3739
+ $.append($$anchor, svg);
3798
3740
  }
3799
3741
 
3800
3742
  //#endregion
3801
3743
  //#region src/components-flex/icon/variants/IconCartShopping.svelte
3802
- var root$35 = $$44.ns_template(`<svg xmlns="http://www.w3.org/2000/svg" style="width: 100%;height: 100%;" viewBox="0 0 576 512"><path d="M0 24C0 10.7 10.7 0 24 0H69.5c22 0 41.5 12.8 50.6 32h411c26.3 0 45.5 25 38.6 50.4l-41 152.3c-8.5 31.4-37 53.3-69.5 53.3H170.7l5.4 28.5c2.2 11.3 12.1 19.5 23.6 19.5H488c13.3 0 24 10.7 24 24s-10.7 24-24 24H199.7c-34.6 0-64.3-24.6-70.7-58.5L77.4 54.5c-.7-3.8-4-6.5-7.9-6.5H24C10.7 48 0 37.3 0 24zM128 464a48 48 0 1 1 96 0 48 48 0 1 1 -96 0zm336-48a48 48 0 1 1 0 96 48 48 0 1 1 0-96z"></path></svg>`);
3744
+ var root$35 = $.ns_template(`<svg xmlns="http://www.w3.org/2000/svg" style="width: 100%;height: 100%;" viewBox="0 0 576 512"><path d="M0 24C0 10.7 10.7 0 24 0H69.5c22 0 41.5 12.8 50.6 32h411c26.3 0 45.5 25 38.6 50.4l-41 152.3c-8.5 31.4-37 53.3-69.5 53.3H170.7l5.4 28.5c2.2 11.3 12.1 19.5 23.6 19.5H488c13.3 0 24 10.7 24 24s-10.7 24-24 24H199.7c-34.6 0-64.3-24.6-70.7-58.5L77.4 54.5c-.7-3.8-4-6.5-7.9-6.5H24C10.7 48 0 37.3 0 24zM128 464a48 48 0 1 1 96 0 48 48 0 1 1 -96 0zm336-48a48 48 0 1 1 0 96 48 48 0 1 1 0-96z"></path></svg>`);
3803
3745
  function IconCartShopping($$anchor, $$props) {
3804
- let color = $$44.prop($$props, "color", 8);
3746
+ let color = $.prop($$props, "color", 8);
3805
3747
  var svg = root$35();
3806
- var path = $$44.child(svg);
3807
- $$44.reset(svg);
3808
- $$44.template_effect(() => $$44.set_attribute(path, "fill", color()));
3809
- $$44.append($$anchor, svg);
3748
+ var path = $.child(svg);
3749
+ $.reset(svg);
3750
+ $.template_effect(() => $.set_attribute(path, "fill", color()));
3751
+ $.append($$anchor, svg);
3810
3752
  }
3811
3753
 
3812
3754
  //#endregion
3813
3755
  //#region src/components-flex/icon/variants/IconCircle.svelte
3814
- var root$34 = $$43.ns_template(`<svg xmlns="http://www.w3.org/2000/svg" style="width: 100%;height: 100%;" viewBox="0 0 512 512"><path d="M256 512c141.4 0 256-114.6 256-256S397.4 0 256 0S0 114.6 0 256S114.6 512 256 512z"></path></svg>`);
3756
+ var root$34 = $.ns_template(`<svg xmlns="http://www.w3.org/2000/svg" style="width: 100%;height: 100%;" viewBox="0 0 512 512"><path d="M256 512c141.4 0 256-114.6 256-256S397.4 0 256 0S0 114.6 0 256S114.6 512 256 512z"></path></svg>`);
3815
3757
  function IconCircle($$anchor, $$props) {
3816
- let color = $$43.prop($$props, "color", 8);
3758
+ let color = $.prop($$props, "color", 8);
3817
3759
  var svg = root$34();
3818
- var path = $$43.child(svg);
3819
- $$43.reset(svg);
3820
- $$43.template_effect(() => $$43.set_attribute(path, "fill", color()));
3821
- $$43.append($$anchor, svg);
3760
+ var path = $.child(svg);
3761
+ $.reset(svg);
3762
+ $.template_effect(() => $.set_attribute(path, "fill", color()));
3763
+ $.append($$anchor, svg);
3822
3764
  }
3823
3765
 
3824
3766
  //#endregion
3825
3767
  //#region src/components-flex/icon/variants/IconCircleQuestion.svelte
3826
- var root$33 = $$42.ns_template(`<svg xmlns="http://www.w3.org/2000/svg" style="width: 100%;height: 100%;" viewBox="0 0 512 512"><path d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM169.8 165.3c7.9-22.3 29.1-37.3 52.8-37.3h58.3c34.9 0 63.1 28.3 63.1 63.1c0 22.6-12.1 43.5-31.7 54.8L280 264.4c-.2 13-10.9 23.6-24 23.6c-13.3 0-24-10.7-24-24V250.5c0-8.6 4.6-16.5 12.1-20.8l44.3-25.4c4.7-2.7 7.6-7.7 7.6-13.1c0-8.4-6.8-15.1-15.1-15.1H222.6c-3.4 0-6.4 2.1-7.5 5.3l-.4 1.2c-4.4 12.5-18.2 19-30.6 14.6s-19-18.2-14.6-30.6l.4-1.2zM224 352a32 32 0 1 1 64 0 32 32 0 1 1 -64 0z"></path></svg>`);
3768
+ var root$33 = $.ns_template(`<svg xmlns="http://www.w3.org/2000/svg" style="width: 100%;height: 100%;" viewBox="0 0 512 512"><path d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM169.8 165.3c7.9-22.3 29.1-37.3 52.8-37.3h58.3c34.9 0 63.1 28.3 63.1 63.1c0 22.6-12.1 43.5-31.7 54.8L280 264.4c-.2 13-10.9 23.6-24 23.6c-13.3 0-24-10.7-24-24V250.5c0-8.6 4.6-16.5 12.1-20.8l44.3-25.4c4.7-2.7 7.6-7.7 7.6-13.1c0-8.4-6.8-15.1-15.1-15.1H222.6c-3.4 0-6.4 2.1-7.5 5.3l-.4 1.2c-4.4 12.5-18.2 19-30.6 14.6s-19-18.2-14.6-30.6l.4-1.2zM224 352a32 32 0 1 1 64 0 32 32 0 1 1 -64 0z"></path></svg>`);
3827
3769
  function IconCircleQuestion($$anchor, $$props) {
3828
- let color = $$42.prop($$props, "color", 8);
3770
+ let color = $.prop($$props, "color", 8);
3829
3771
  var svg = root$33();
3830
- var path = $$42.child(svg);
3831
- $$42.reset(svg);
3832
- $$42.template_effect(() => $$42.set_attribute(path, "fill", color()));
3833
- $$42.append($$anchor, svg);
3772
+ var path = $.child(svg);
3773
+ $.reset(svg);
3774
+ $.template_effect(() => $.set_attribute(path, "fill", color()));
3775
+ $.append($$anchor, svg);
3834
3776
  }
3835
3777
 
3836
3778
  //#endregion
3837
3779
  //#region src/components-flex/icon/variants/IconCheck.svelte
3838
- var root$32 = $$41.ns_template(`<svg xmlns="http://www.w3.org/2000/svg" style="width: 100%;height: 100%;" viewBox="0 0 512 512"><path d="M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"></path></svg>`);
3780
+ var root$32 = $.ns_template(`<svg xmlns="http://www.w3.org/2000/svg" style="width: 100%;height: 100%;" viewBox="0 0 512 512"><path d="M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"></path></svg>`);
3839
3781
  function IconCheck($$anchor, $$props) {
3840
- let color = $$41.prop($$props, "color", 8);
3782
+ let color = $.prop($$props, "color", 8);
3841
3783
  var svg = root$32();
3842
- var path = $$41.child(svg);
3843
- $$41.reset(svg);
3844
- $$41.template_effect(() => $$41.set_attribute(path, "fill", color()));
3845
- $$41.append($$anchor, svg);
3784
+ var path = $.child(svg);
3785
+ $.reset(svg);
3786
+ $.template_effect(() => $.set_attribute(path, "fill", color()));
3787
+ $.append($$anchor, svg);
3846
3788
  }
3847
3789
 
3848
3790
  //#endregion
3849
3791
  //#region src/components-flex/icon/variants/IconXMark.svelte
3850
- var root$31 = $$40.ns_template(`<svg xmlns="http://www.w3.org/2000/svg" style="width: 100%;height: 100%;" viewBox="0 0 320 512"><path d="M310.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L160 210.7 54.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L114.7 256 9.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L160 301.3 265.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L205.3 256 310.6 150.6z"></path></svg>`);
3792
+ var root$31 = $.ns_template(`<svg xmlns="http://www.w3.org/2000/svg" style="width: 100%;height: 100%;" viewBox="0 0 320 512"><path d="M310.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L160 210.7 54.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L114.7 256 9.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L160 301.3 265.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L205.3 256 310.6 150.6z"></path></svg>`);
3851
3793
  function IconXMark($$anchor, $$props) {
3852
- let color = $$40.prop($$props, "color", 8);
3794
+ let color = $.prop($$props, "color", 8);
3853
3795
  var svg = root$31();
3854
- var path = $$40.child(svg);
3855
- $$40.reset(svg);
3856
- $$40.template_effect(() => $$40.set_attribute(path, "fill", color()));
3857
- $$40.append($$anchor, svg);
3796
+ var path = $.child(svg);
3797
+ $.reset(svg);
3798
+ $.template_effect(() => $.set_attribute(path, "fill", color()));
3799
+ $.append($$anchor, svg);
3858
3800
  }
3859
3801
 
3860
3802
  //#endregion
3861
3803
  //#region src/components-flex/icon/variants/IconPaperPlane.svelte
3862
- var root$30 = $$39.ns_template(`<svg xmlns="http://www.w3.org/2000/svg" style="width: 100%;height: 100%;" viewBox="0 0 512 512"><path d="M498.1 5.6c10.1 7 15.4 19.1 13.5 31.2l-64 416c-1.5 9.7-7.4 18.2-16 23s-18.9 5.4-28 1.6L284 427.7l-68.5 74.1c-8.9 9.7-22.9 12.9-35.2 8.1S160 493.2 160 480V396.4c0-4 1.5-7.8 4.2-10.7L331.8 202.8c5.8-6.3 5.6-16-.4-22s-15.7-6.4-22-.7L106 360.8 17.7 316.6C7.1 311.3 .3 300.7 0 288.9s5.9-22.8 16.1-28.7l448-256c10.7-6.1 23.9-5.5 34 1.4z"></path></svg>`);
3804
+ var root$30 = $.ns_template(`<svg xmlns="http://www.w3.org/2000/svg" style="width: 100%;height: 100%;" viewBox="0 0 512 512"><path d="M498.1 5.6c10.1 7 15.4 19.1 13.5 31.2l-64 416c-1.5 9.7-7.4 18.2-16 23s-18.9 5.4-28 1.6L284 427.7l-68.5 74.1c-8.9 9.7-22.9 12.9-35.2 8.1S160 493.2 160 480V396.4c0-4 1.5-7.8 4.2-10.7L331.8 202.8c5.8-6.3 5.6-16-.4-22s-15.7-6.4-22-.7L106 360.8 17.7 316.6C7.1 311.3 .3 300.7 0 288.9s5.9-22.8 16.1-28.7l448-256c10.7-6.1 23.9-5.5 34 1.4z"></path></svg>`);
3863
3805
  function IconPaperPlane($$anchor, $$props) {
3864
- let color = $$39.prop($$props, "color", 8);
3806
+ let color = $.prop($$props, "color", 8);
3865
3807
  var svg = root$30();
3866
- var path = $$39.child(svg);
3867
- $$39.reset(svg);
3868
- $$39.template_effect(() => $$39.set_attribute(path, "fill", color()));
3869
- $$39.append($$anchor, svg);
3808
+ var path = $.child(svg);
3809
+ $.reset(svg);
3810
+ $.template_effect(() => $.set_attribute(path, "fill", color()));
3811
+ $.append($$anchor, svg);
3870
3812
  }
3871
3813
 
3872
3814
  //#endregion
3873
3815
  //#region src/components-flex/icon/variants/IconCopy.svelte
3874
- var root$29 = $$38.ns_template(`<svg xmlns="http://www.w3.org/2000/svg" style="width: 100%;height: 100%;" viewBox="0 0 512 512"><path d="M224 0c-35.3 0-64 28.7-64 64V288c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V64c0-35.3-28.7-64-64-64H224zM64 160c-35.3 0-64 28.7-64 64V448c0 35.3 28.7 64 64 64H288c35.3 0 64-28.7 64-64V384H288v64H64V224h64V160H64z"></path></svg>`);
3816
+ var root$29 = $.ns_template(`<svg xmlns="http://www.w3.org/2000/svg" style="width: 100%;height: 100%;" viewBox="0 0 512 512"><path d="M224 0c-35.3 0-64 28.7-64 64V288c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V64c0-35.3-28.7-64-64-64H224zM64 160c-35.3 0-64 28.7-64 64V448c0 35.3 28.7 64 64 64H288c35.3 0 64-28.7 64-64V384H288v64H64V224h64V160H64z"></path></svg>`);
3875
3817
  function IconCopy($$anchor, $$props) {
3876
- let color = $$38.prop($$props, "color", 8);
3818
+ let color = $.prop($$props, "color", 8);
3877
3819
  var svg = root$29();
3878
- var path = $$38.child(svg);
3879
- $$38.reset(svg);
3880
- $$38.template_effect(() => $$38.set_attribute(path, "fill", color()));
3881
- $$38.append($$anchor, svg);
3820
+ var path = $.child(svg);
3821
+ $.reset(svg);
3822
+ $.template_effect(() => $.set_attribute(path, "fill", color()));
3823
+ $.append($$anchor, svg);
3882
3824
  }
3883
3825
 
3884
3826
  //#endregion
3885
3827
  //#region src/components-flex/icon/variants/IconCircleXMark.svelte
3886
- var root$28 = $$37.ns_template(`<svg xmlns="http://www.w3.org/2000/svg" style="width: 100%;height: 100%;" viewBox="0 0 512 512"><path d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM175 175c9.4-9.4 24.6-9.4 33.9 0l47 47 47-47c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-47 47 47 47c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-47-47-47 47c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l47-47-47-47c-9.4-9.4-9.4-24.6 0-33.9z"></path></svg>`);
3828
+ var root$28 = $.ns_template(`<svg xmlns="http://www.w3.org/2000/svg" style="width: 100%;height: 100%;" viewBox="0 0 512 512"><path d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM175 175c9.4-9.4 24.6-9.4 33.9 0l47 47 47-47c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-47 47 47 47c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-47-47-47 47c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l47-47-47-47c-9.4-9.4-9.4-24.6 0-33.9z"></path></svg>`);
3887
3829
  function IconCircleXMark($$anchor, $$props) {
3888
- let color = $$37.prop($$props, "color", 8);
3830
+ let color = $.prop($$props, "color", 8);
3889
3831
  var svg = root$28();
3890
- var path = $$37.child(svg);
3891
- $$37.reset(svg);
3892
- $$37.template_effect(() => $$37.set_attribute(path, "fill", color()));
3893
- $$37.append($$anchor, svg);
3832
+ var path = $.child(svg);
3833
+ $.reset(svg);
3834
+ $.template_effect(() => $.set_attribute(path, "fill", color()));
3835
+ $.append($$anchor, svg);
3894
3836
  }
3895
3837
 
3896
3838
  //#endregion
3897
3839
  //#region src/components-flex/icon/variants/IconHeart.svelte
3898
- var root$27 = $$36.ns_template(`<svg xmlns="http://www.w3.org/2000/svg" style="width: 100%;height: 100%;" viewBox="0 0 512 512"><path d="M47.6 300.4L228.3 469.1c7.5 7 17.4 10.9 27.7 10.9s20.2-3.9 27.7-10.9L464.4 300.4c30.4-28.3 47.6-68 47.6-109.5v-5.8c0-69.9-50.5-129.5-119.4-141C347 36.5 300.6 51.4 268 84L256 96 244 84c-32.6-32.6-79-47.5-124.6-39.9C50.5 55.6 0 115.2 0 185.1v5.8c0 41.5 17.2 81.2 47.6 109.5z"></path></svg>`);
3840
+ var root$27 = $.ns_template(`<svg xmlns="http://www.w3.org/2000/svg" style="width: 100%;height: 100%;" viewBox="0 0 512 512"><path d="M47.6 300.4L228.3 469.1c7.5 7 17.4 10.9 27.7 10.9s20.2-3.9 27.7-10.9L464.4 300.4c30.4-28.3 47.6-68 47.6-109.5v-5.8c0-69.9-50.5-129.5-119.4-141C347 36.5 300.6 51.4 268 84L256 96 244 84c-32.6-32.6-79-47.5-124.6-39.9C50.5 55.6 0 115.2 0 185.1v5.8c0 41.5 17.2 81.2 47.6 109.5z"></path></svg>`);
3899
3841
  function IconHeart($$anchor, $$props) {
3900
- let color = $$36.prop($$props, "color", 8);
3842
+ let color = $.prop($$props, "color", 8);
3901
3843
  var svg = root$27();
3902
- var path = $$36.child(svg);
3903
- $$36.reset(svg);
3904
- $$36.template_effect(() => $$36.set_attribute(path, "fill", color()));
3905
- $$36.append($$anchor, svg);
3844
+ var path = $.child(svg);
3845
+ $.reset(svg);
3846
+ $.template_effect(() => $.set_attribute(path, "fill", color()));
3847
+ $.append($$anchor, svg);
3906
3848
  }
3907
3849
 
3908
3850
  //#endregion
3909
3851
  //#region src/components-flex/icon/variants/IconMagnifyingGrass.svelte
3910
- var root$26 = $$35.ns_template(`<svg xmlns="http://www.w3.org/2000/svg" style="width: 100%;height: 100%;" viewBox="0 0 512 512"><path d="M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z"></path></svg>`);
3852
+ var root$26 = $.ns_template(`<svg xmlns="http://www.w3.org/2000/svg" style="width: 100%;height: 100%;" viewBox="0 0 512 512"><path d="M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z"></path></svg>`);
3911
3853
  function IconMagnifyingGrass($$anchor, $$props) {
3912
- let color = $$35.prop($$props, "color", 8);
3854
+ let color = $.prop($$props, "color", 8);
3913
3855
  var svg = root$26();
3914
- var path = $$35.child(svg);
3915
- $$35.reset(svg);
3916
- $$35.template_effect(() => $$35.set_attribute(path, "fill", color()));
3917
- $$35.append($$anchor, svg);
3856
+ var path = $.child(svg);
3857
+ $.reset(svg);
3858
+ $.template_effect(() => $.set_attribute(path, "fill", color()));
3859
+ $.append($$anchor, svg);
3918
3860
  }
3919
3861
 
3920
3862
  //#endregion
3921
3863
  //#region src/components-flex/icon/variants/IconStar.svelte
3922
- var root$25 = $$34.ns_template(`<svg xmlns="http://www.w3.org/2000/svg" style="width: 100%;height: 100%;" viewBox="0 0 576 512"><path d="M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z"></path></svg>`);
3864
+ var root$25 = $.ns_template(`<svg xmlns="http://www.w3.org/2000/svg" style="width: 100%;height: 100%;" viewBox="0 0 576 512"><path d="M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z"></path></svg>`);
3923
3865
  function IconStar($$anchor, $$props) {
3924
- let color = $$34.prop($$props, "color", 8);
3866
+ let color = $.prop($$props, "color", 8);
3925
3867
  var svg = root$25();
3926
- var path = $$34.child(svg);
3927
- $$34.reset(svg);
3928
- $$34.template_effect(() => $$34.set_attribute(path, "fill", color()));
3929
- $$34.append($$anchor, svg);
3868
+ var path = $.child(svg);
3869
+ $.reset(svg);
3870
+ $.template_effect(() => $.set_attribute(path, "fill", color()));
3871
+ $.append($$anchor, svg);
3930
3872
  }
3931
3873
 
3932
3874
  //#endregion
3933
3875
  //#region src/components-flex/icon/variants/IconCircleInfo.svelte
3934
- var root$24 = $$33.ns_template(`<svg xmlns="http://www.w3.org/2000/svg" style="width: 100%;height: 100%;" viewBox="0 0 512 512"><path d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336h24V272H216c-13.3 0-24-10.7-24-24s10.7-24 24-24h48c13.3 0 24 10.7 24 24v88h8c13.3 0 24 10.7 24 24s-10.7 24-24 24H216c-13.3 0-24-10.7-24-24s10.7-24 24-24zm40-208a32 32 0 1 1 0 64 32 32 0 1 1 0-64z"></path></svg>`);
3876
+ var root$24 = $.ns_template(`<svg xmlns="http://www.w3.org/2000/svg" style="width: 100%;height: 100%;" viewBox="0 0 512 512"><path d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336h24V272H216c-13.3 0-24-10.7-24-24s10.7-24 24-24h48c13.3 0 24 10.7 24 24v88h8c13.3 0 24 10.7 24 24s-10.7 24-24 24H216c-13.3 0-24-10.7-24-24s10.7-24 24-24zm40-208a32 32 0 1 1 0 64 32 32 0 1 1 0-64z"></path></svg>`);
3935
3877
  function IconCircleInfo($$anchor, $$props) {
3936
- let color = $$33.prop($$props, "color", 8);
3878
+ let color = $.prop($$props, "color", 8);
3937
3879
  var svg = root$24();
3938
- var path = $$33.child(svg);
3939
- $$33.reset(svg);
3940
- $$33.template_effect(() => $$33.set_attribute(path, "fill", color()));
3941
- $$33.append($$anchor, svg);
3880
+ var path = $.child(svg);
3881
+ $.reset(svg);
3882
+ $.template_effect(() => $.set_attribute(path, "fill", color()));
3883
+ $.append($$anchor, svg);
3942
3884
  }
3943
3885
 
3944
3886
  //#endregion
3945
3887
  //#region src/components-flex/icon/variants/IconEnvelope.svelte
3946
- var root$23 = $$32.ns_template(`<svg xmlns="http://www.w3.org/2000/svg" style="width: 100%;height: 100%;" viewBox="0 0 512 512"><path d="M48 64C21.5 64 0 85.5 0 112c0 15.1 7.1 29.3 19.2 38.4L236.8 313.6c11.4 8.5 27 8.5 38.4 0L492.8 150.4c12.1-9.1 19.2-23.3 19.2-38.4c0-26.5-21.5-48-48-48H48zM0 176V384c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V176L294.4 339.2c-22.8 17.1-54 17.1-76.8 0L0 176z"></path></svg>`);
3888
+ var root$23 = $.ns_template(`<svg xmlns="http://www.w3.org/2000/svg" style="width: 100%;height: 100%;" viewBox="0 0 512 512"><path d="M48 64C21.5 64 0 85.5 0 112c0 15.1 7.1 29.3 19.2 38.4L236.8 313.6c11.4 8.5 27 8.5 38.4 0L492.8 150.4c12.1-9.1 19.2-23.3 19.2-38.4c0-26.5-21.5-48-48-48H48zM0 176V384c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V176L294.4 339.2c-22.8 17.1-54 17.1-76.8 0L0 176z"></path></svg>`);
3947
3889
  function IconEnvelope($$anchor, $$props) {
3948
- let color = $$32.prop($$props, "color", 8);
3890
+ let color = $.prop($$props, "color", 8);
3949
3891
  var svg = root$23();
3950
- var path = $$32.child(svg);
3951
- $$32.reset(svg);
3952
- $$32.template_effect(() => $$32.set_attribute(path, "fill", color()));
3953
- $$32.append($$anchor, svg);
3892
+ var path = $.child(svg);
3893
+ $.reset(svg);
3894
+ $.template_effect(() => $.set_attribute(path, "fill", color()));
3895
+ $.append($$anchor, svg);
3954
3896
  }
3955
3897
 
3956
3898
  //#endregion
3957
3899
  //#region src/components-flex/icon/variants/IconGift.svelte
3958
- var root$22 = $$31.ns_template(`<svg xmlns="http://www.w3.org/2000/svg" style="width: 100%;height: 100%;" viewBox="0 0 512 512"><path d="M190.5 68.8L225.3 128H224 152c-22.1 0-40-17.9-40-40s17.9-40 40-40h2.2c14.9 0 28.8 7.9 36.3 20.8zM64 88c0 14.4 3.5 28 9.6 40H32c-17.7 0-32 14.3-32 32v64c0 17.7 14.3 32 32 32H480c17.7 0 32-14.3 32-32V160c0-17.7-14.3-32-32-32H438.4c6.1-12 9.6-25.6 9.6-40c0-48.6-39.4-88-88-88h-2.2c-31.9 0-61.5 16.9-77.7 44.4L256 85.5l-24.1-41C215.7 16.9 186.1 0 154.2 0H152C103.4 0 64 39.4 64 88zm336 0c0 22.1-17.9 40-40 40H288h-1.3l34.8-59.2C329.1 55.9 342.9 48 357.8 48H360c22.1 0 40 17.9 40 40zM32 288V464c0 26.5 21.5 48 48 48H224V288H32zM288 512H432c26.5 0 48-21.5 48-48V288H288V512z"></path></svg>`);
3900
+ var root$22 = $.ns_template(`<svg xmlns="http://www.w3.org/2000/svg" style="width: 100%;height: 100%;" viewBox="0 0 512 512"><path d="M190.5 68.8L225.3 128H224 152c-22.1 0-40-17.9-40-40s17.9-40 40-40h2.2c14.9 0 28.8 7.9 36.3 20.8zM64 88c0 14.4 3.5 28 9.6 40H32c-17.7 0-32 14.3-32 32v64c0 17.7 14.3 32 32 32H480c17.7 0 32-14.3 32-32V160c0-17.7-14.3-32-32-32H438.4c6.1-12 9.6-25.6 9.6-40c0-48.6-39.4-88-88-88h-2.2c-31.9 0-61.5 16.9-77.7 44.4L256 85.5l-24.1-41C215.7 16.9 186.1 0 154.2 0H152C103.4 0 64 39.4 64 88zm336 0c0 22.1-17.9 40-40 40H288h-1.3l34.8-59.2C329.1 55.9 342.9 48 357.8 48H360c22.1 0 40 17.9 40 40zM32 288V464c0 26.5 21.5 48 48 48H224V288H32zM288 512H432c26.5 0 48-21.5 48-48V288H288V512z"></path></svg>`);
3959
3901
  function IconGift($$anchor, $$props) {
3960
- let color = $$31.prop($$props, "color", 8);
3902
+ let color = $.prop($$props, "color", 8);
3961
3903
  var svg = root$22();
3962
- var path = $$31.child(svg);
3963
- $$31.reset(svg);
3964
- $$31.template_effect(() => $$31.set_attribute(path, "fill", color()));
3965
- $$31.append($$anchor, svg);
3904
+ var path = $.child(svg);
3905
+ $.reset(svg);
3906
+ $.template_effect(() => $.set_attribute(path, "fill", color()));
3907
+ $.append($$anchor, svg);
3966
3908
  }
3967
3909
 
3968
3910
  //#endregion
3969
3911
  //#region src/components-flex/icon/variants/IconPaperclip.svelte
3970
- var root$21 = $$30.ns_template(`<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 448 512"><path d="M364.2 83.8c-24.4-24.4-64-24.4-88.4 0l-184 184c-42.1 42.1-42.1 110.3 0 152.4s110.3 42.1 152.4 0l152-152c10.9-10.9 28.7-10.9 39.6 0s10.9 28.7 0 39.6l-152 152c-64 64-167.6 64-231.6 0s-64-167.6 0-231.6l184-184c46.3-46.3 121.3-46.3 167.6 0s46.3 121.3 0 167.6l-176 176c-28.6 28.6-75 28.6-103.6 0s-28.6-75 0-103.6l144-144c10.9-10.9 28.7-10.9 39.6 0s10.9 28.7 0 39.6l-144 144c-6.7 6.7-6.7 17.7 0 24.4s17.7 6.7 24.4 0l176-176c24.4-24.4 24.4-64 0-88.4z"></path></svg>`);
3912
+ var root$21 = $.ns_template(`<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 448 512"><path d="M364.2 83.8c-24.4-24.4-64-24.4-88.4 0l-184 184c-42.1 42.1-42.1 110.3 0 152.4s110.3 42.1 152.4 0l152-152c10.9-10.9 28.7-10.9 39.6 0s10.9 28.7 0 39.6l-152 152c-64 64-167.6 64-231.6 0s-64-167.6 0-231.6l184-184c46.3-46.3 121.3-46.3 167.6 0s46.3 121.3 0 167.6l-176 176c-28.6 28.6-75 28.6-103.6 0s-28.6-75 0-103.6l144-144c10.9-10.9 28.7-10.9 39.6 0s10.9 28.7 0 39.6l-144 144c-6.7 6.7-6.7 17.7 0 24.4s17.7 6.7 24.4 0l176-176c24.4-24.4 24.4-64 0-88.4z"></path></svg>`);
3971
3913
  function IconPaperclip($$anchor, $$props) {
3972
- let color = $$30.prop($$props, "color", 8);
3914
+ let color = $.prop($$props, "color", 8);
3973
3915
  var svg = root$21();
3974
- var path = $$30.child(svg);
3975
- $$30.reset(svg);
3976
- $$30.template_effect(() => $$30.set_attribute(path, "fill", color()));
3977
- $$30.append($$anchor, svg);
3916
+ var path = $.child(svg);
3917
+ $.reset(svg);
3918
+ $.template_effect(() => $.set_attribute(path, "fill", color()));
3919
+ $.append($$anchor, svg);
3978
3920
  }
3979
3921
 
3980
3922
  //#endregion
3981
3923
  //#region src/components-flex/icon/variants/IconFire.svelte
3982
- var root$20 = $$29.ns_template(`<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 448 512"><path d="M159.3 5.4c7.8-7.3 19.9-7.2 27.7 .1c27.6 25.9 53.5 53.8 77.7 84c11-14.4 23.5-30.1 37-42.9c7.9-7.4 20.1-7.4 28 .1c34.6 33 63.9 76.6 84.5 118c20.3 40.8 33.8 82.5 33.8 111.9C448 404.2 348.2 512 224 512C98.4 512 0 404.1 0 276.5c0-38.4 17.8-85.3 45.4-131.7C73.3 97.7 112.7 48.6 159.3 5.4zM225.7 416c25.3 0 47.7-7 68.8-21c42.1-29.4 53.4-88.2 28.1-134.4c-4.5-9-16-9.6-22.5-2l-25.2 29.3c-6.6 7.6-18.5 7.4-24.7-.5c-16.5-21-46-58.5-62.8-79.8c-6.3-8-18.3-8.1-24.7-.1c-33.8 42.5-50.8 69.3-50.8 99.4C112 375.4 162.6 416 225.7 416z"></path></svg>`);
3924
+ var root$20 = $.ns_template(`<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 448 512"><path d="M159.3 5.4c7.8-7.3 19.9-7.2 27.7 .1c27.6 25.9 53.5 53.8 77.7 84c11-14.4 23.5-30.1 37-42.9c7.9-7.4 20.1-7.4 28 .1c34.6 33 63.9 76.6 84.5 118c20.3 40.8 33.8 82.5 33.8 111.9C448 404.2 348.2 512 224 512C98.4 512 0 404.1 0 276.5c0-38.4 17.8-85.3 45.4-131.7C73.3 97.7 112.7 48.6 159.3 5.4zM225.7 416c25.3 0 47.7-7 68.8-21c42.1-29.4 53.4-88.2 28.1-134.4c-4.5-9-16-9.6-22.5-2l-25.2 29.3c-6.6 7.6-18.5 7.4-24.7-.5c-16.5-21-46-58.5-62.8-79.8c-6.3-8-18.3-8.1-24.7-.1c-33.8 42.5-50.8 69.3-50.8 99.4C112 375.4 162.6 416 225.7 416z"></path></svg>`);
3983
3925
  function IconFire($$anchor, $$props) {
3984
- let color = $$29.prop($$props, "color", 8);
3926
+ let color = $.prop($$props, "color", 8);
3985
3927
  var svg = root$20();
3986
- var path = $$29.child(svg);
3987
- $$29.reset(svg);
3988
- $$29.template_effect(() => $$29.set_attribute(path, "fill", color()));
3989
- $$29.append($$anchor, svg);
3928
+ var path = $.child(svg);
3929
+ $.reset(svg);
3930
+ $.template_effect(() => $.set_attribute(path, "fill", color()));
3931
+ $.append($$anchor, svg);
3990
3932
  }
3991
3933
 
3992
3934
  //#endregion
3993
3935
  //#region src/components-flex/icon/variants/IconLink.svelte
3994
- var root$19 = $$28.ns_template(`<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 640 512"><path d="M579.8 267.7c56.5-56.5 56.5-148 0-204.5c-50-50-128.8-56.5-186.3-15.4l-1.6 1.1c-14.4 10.3-17.7 30.3-7.4 44.6s30.3 17.7 44.6 7.4l1.6-1.1c32.1-22.9 76-19.3 103.8 8.6c31.5 31.5 31.5 82.5 0 114L422.3 334.8c-31.5 31.5-82.5 31.5-114 0c-27.9-27.9-31.5-71.8-8.6-103.8l1.1-1.6c10.3-14.4 6.9-34.4-7.4-44.6s-34.4-6.9-44.6 7.4l-1.1 1.6C206.5 251.2 213 330 263 380c56.5 56.5 148 56.5 204.5 0L579.8 267.7zM60.2 244.3c-56.5 56.5-56.5 148 0 204.5c50 50 128.8 56.5 186.3 15.4l1.6-1.1c14.4-10.3 17.7-30.3 7.4-44.6s-30.3-17.7-44.6-7.4l-1.6 1.1c-32.1 22.9-76 19.3-103.8-8.6C74 372 74 321 105.5 289.5L217.7 177.2c31.5-31.5 82.5-31.5 114 0c27.9 27.9 31.5 71.8 8.6 103.9l-1.1 1.6c-10.3 14.4-6.9 34.4 7.4 44.6s34.4 6.9 44.6-7.4l1.1-1.6C433.5 260.8 427 182 377 132c-56.5-56.5-148-56.5-204.5 0L60.2 244.3z"></path></svg>`);
3936
+ var root$19 = $.ns_template(`<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 640 512"><path d="M579.8 267.7c56.5-56.5 56.5-148 0-204.5c-50-50-128.8-56.5-186.3-15.4l-1.6 1.1c-14.4 10.3-17.7 30.3-7.4 44.6s30.3 17.7 44.6 7.4l1.6-1.1c32.1-22.9 76-19.3 103.8 8.6c31.5 31.5 31.5 82.5 0 114L422.3 334.8c-31.5 31.5-82.5 31.5-114 0c-27.9-27.9-31.5-71.8-8.6-103.8l1.1-1.6c10.3-14.4 6.9-34.4-7.4-44.6s-34.4-6.9-44.6 7.4l-1.1 1.6C206.5 251.2 213 330 263 380c56.5 56.5 148 56.5 204.5 0L579.8 267.7zM60.2 244.3c-56.5 56.5-56.5 148 0 204.5c50 50 128.8 56.5 186.3 15.4l1.6-1.1c14.4-10.3 17.7-30.3 7.4-44.6s-30.3-17.7-44.6-7.4l-1.6 1.1c-32.1 22.9-76 19.3-103.8-8.6C74 372 74 321 105.5 289.5L217.7 177.2c31.5-31.5 82.5-31.5 114 0c27.9 27.9 31.5 71.8 8.6 103.9l-1.1 1.6c-10.3 14.4-6.9 34.4 7.4 44.6s34.4 6.9 44.6-7.4l1.1-1.6C433.5 260.8 427 182 377 132c-56.5-56.5-148-56.5-204.5 0L60.2 244.3z"></path></svg>`);
3995
3937
  function IconLink($$anchor, $$props) {
3996
- let color = $$28.prop($$props, "color", 8);
3938
+ let color = $.prop($$props, "color", 8);
3997
3939
  var svg = root$19();
3998
- var path = $$28.child(svg);
3999
- $$28.reset(svg);
4000
- $$28.template_effect(() => $$28.set_attribute(path, "fill", color()));
4001
- $$28.append($$anchor, svg);
3940
+ var path = $.child(svg);
3941
+ $.reset(svg);
3942
+ $.template_effect(() => $.set_attribute(path, "fill", color()));
3943
+ $.append($$anchor, svg);
4002
3944
  }
4003
3945
 
4004
3946
  //#endregion
4005
3947
  //#region src/components-flex/icon/variants/IconBuildings.svelte
4006
- var root$18 = $$27.ns_template(`<svg xmlns="http://www.w3.org/2000/svg" style="width: 100%; height: 100%;" viewBox="0 0 512 512"><path d="M256 0c-35.3 0-64 28.7-64 64l0 64L64 128c-35.3 0-64 28.7-64 64L0 448c0 35.3 28.7 64 64 64l192 0 192 0c35.3 0 64-28.7 64-64l0-256 0-128c0-35.3-28.7-64-64-64L256 0zM64 304c0-8.8 7.2-16 16-16l32 0c8.8 0 16 7.2 16 16l0 32c0 8.8-7.2 16-16 16l-32 0c-8.8 0-16-7.2-16-16l0-32zm208 16c-8.8 0-16-7.2-16-16l0-32c0-8.8 7.2-16 16-16l32 0c8.8 0 16 7.2 16 16l0 32c0 8.8-7.2 16-16 16l-32 0zm112-16l0-32c0-8.8 7.2-16 16-16l32 0c8.8 0 16 7.2 16 16l0 32c0 8.8-7.2 16-16 16l-32 0c-8.8 0-16-7.2-16-16zM80 192l32 0c8.8 0 16 7.2 16 16l0 32c0 8.8-7.2 16-16 16l-32 0c-8.8 0-16-7.2-16-16l0-32c0-8.8 7.2-16 16-16zM256 80c0-8.8 7.2-16 16-16l32 0c8.8 0 16 7.2 16 16l0 32c0 8.8-7.2 16-16 16l-32 0c-8.8 0-16-7.2-16-16l0-32zM400 64l32 0c8.8 0 16 7.2 16 16l0 32c0 8.8-7.2 16-16 16l-32 0c-8.8 0-16-7.2-16-16l0-32c0-8.8 7.2-16 16-16zM256 208l0-32c0-8.8 7.2-16 16-16l32 0c8.8 0 16 7.2 16 16l0 32c0 8.8-7.2 16-16 16l-32 0c-8.8 0-16-7.2-16-16zm144 16c-8.8 0-16-7.2-16-16l0-32c0-8.8 7.2-16 16-16l32 0c8.8 0 16 7.2 16 16l0 32c0 8.8-7.2 16-16 16l-32 0z"></path></svg>`);
3948
+ var root$18 = $.ns_template(`<svg xmlns="http://www.w3.org/2000/svg" style="width: 100%; height: 100%;" viewBox="0 0 512 512"><path d="M256 0c-35.3 0-64 28.7-64 64l0 64L64 128c-35.3 0-64 28.7-64 64L0 448c0 35.3 28.7 64 64 64l192 0 192 0c35.3 0 64-28.7 64-64l0-256 0-128c0-35.3-28.7-64-64-64L256 0zM64 304c0-8.8 7.2-16 16-16l32 0c8.8 0 16 7.2 16 16l0 32c0 8.8-7.2 16-16 16l-32 0c-8.8 0-16-7.2-16-16l0-32zm208 16c-8.8 0-16-7.2-16-16l0-32c0-8.8 7.2-16 16-16l32 0c8.8 0 16 7.2 16 16l0 32c0 8.8-7.2 16-16 16l-32 0zm112-16l0-32c0-8.8 7.2-16 16-16l32 0c8.8 0 16 7.2 16 16l0 32c0 8.8-7.2 16-16 16l-32 0c-8.8 0-16-7.2-16-16zM80 192l32 0c8.8 0 16 7.2 16 16l0 32c0 8.8-7.2 16-16 16l-32 0c-8.8 0-16-7.2-16-16l0-32c0-8.8 7.2-16 16-16zM256 80c0-8.8 7.2-16 16-16l32 0c8.8 0 16 7.2 16 16l0 32c0 8.8-7.2 16-16 16l-32 0c-8.8 0-16-7.2-16-16l0-32zM400 64l32 0c8.8 0 16 7.2 16 16l0 32c0 8.8-7.2 16-16 16l-32 0c-8.8 0-16-7.2-16-16l0-32c0-8.8 7.2-16 16-16zM256 208l0-32c0-8.8 7.2-16 16-16l32 0c8.8 0 16 7.2 16 16l0 32c0 8.8-7.2 16-16 16l-32 0c-8.8 0-16-7.2-16-16zm144 16c-8.8 0-16-7.2-16-16l0-32c0-8.8 7.2-16 16-16l32 0c8.8 0 16 7.2 16 16l0 32c0 8.8-7.2 16-16 16l-32 0z"></path></svg>`);
4007
3949
  function IconBuildings($$anchor, $$props) {
4008
- let color = $$27.prop($$props, "color", 8);
3950
+ let color = $.prop($$props, "color", 8);
4009
3951
  var svg = root$18();
4010
- var path = $$27.child(svg);
4011
- $$27.reset(svg);
4012
- $$27.template_effect(() => $$27.set_attribute(path, "fill", color()));
4013
- $$27.append($$anchor, svg);
3952
+ var path = $.child(svg);
3953
+ $.reset(svg);
3954
+ $.template_effect(() => $.set_attribute(path, "fill", color()));
3955
+ $.append($$anchor, svg);
4014
3956
  }
4015
3957
 
4016
3958
  //#endregion
4017
3959
  //#region src/components-flex/icon/variants/IconChevronsRight.svelte
4018
- var root$17 = $$26.ns_template(`<svg xmlns="http://www.w3.org/2000/svg" style="width: 100%; height: 100%;" viewBox="0 0 512 512"><path d="M470.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-192-192c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L402.7 256 233.4 425.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l192-192zm-384 192l192-192c12.5-12.5 12.5-32.8 0-45.3l-192-192c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L210.7 256 41.4 425.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0z"></path></svg>`);
3960
+ var root$17 = $.ns_template(`<svg xmlns="http://www.w3.org/2000/svg" style="width: 100%; height: 100%;" viewBox="0 0 512 512"><path d="M470.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-192-192c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L402.7 256 233.4 425.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l192-192zm-384 192l192-192c12.5-12.5 12.5-32.8 0-45.3l-192-192c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L210.7 256 41.4 425.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0z"></path></svg>`);
4019
3961
  function IconChevronsRight($$anchor, $$props) {
4020
- let color = $$26.prop($$props, "color", 8);
3962
+ let color = $.prop($$props, "color", 8);
4021
3963
  var svg = root$17();
4022
- var path = $$26.child(svg);
4023
- $$26.reset(svg);
4024
- $$26.template_effect(() => $$26.set_attribute(path, "fill", color()));
4025
- $$26.append($$anchor, svg);
3964
+ var path = $.child(svg);
3965
+ $.reset(svg);
3966
+ $.template_effect(() => $.set_attribute(path, "fill", color()));
3967
+ $.append($$anchor, svg);
4026
3968
  }
4027
3969
 
4028
3970
  //#endregion
4029
3971
  //#region src/components-flex/icon/variants/IconChevronRight.svelte
4030
- var root$16 = $$25.ns_template(`<svg xmlns="http://www.w3.org/2000/svg" style="width: 100%; height: 100%;" viewBox="0 0 320 512"><path d="M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z"></path></svg>`);
3972
+ var root$16 = $.ns_template(`<svg xmlns="http://www.w3.org/2000/svg" style="width: 100%; height: 100%;" viewBox="0 0 320 512"><path d="M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z"></path></svg>`);
4031
3973
  function IconChevronRight($$anchor, $$props) {
4032
- let color = $$25.prop($$props, "color", 8);
3974
+ let color = $.prop($$props, "color", 8);
4033
3975
  var svg = root$16();
4034
- var path = $$25.child(svg);
4035
- $$25.reset(svg);
4036
- $$25.template_effect(() => $$25.set_attribute(path, "fill", color()));
4037
- $$25.append($$anchor, svg);
3976
+ var path = $.child(svg);
3977
+ $.reset(svg);
3978
+ $.template_effect(() => $.set_attribute(path, "fill", color()));
3979
+ $.append($$anchor, svg);
4038
3980
  }
4039
3981
 
4040
3982
  //#endregion
4041
3983
  //#region src/components-flex/icon/variants/IconPhone.svelte
4042
- var root$15 = $$24.ns_template(`<svg xmlns="http://www.w3.org/2000/svg" style="width: 100%;height: 100%;" viewBox="0 0 512 512"><path d="M164.9 24.6c-7.7-18.6-28-28.5-47.4-23.2l-88 24C12.1 30.2 0 46 0 64C0 311.4 200.6 512 448 512c18 0 33.8-12.1 38.6-29.5l24-88c5.3-19.4-4.6-39.7-23.2-47.4l-96-40c-16.3-6.8-35.2-2.1-46.3 11.6L304.7 368C234.3 334.7 177.3 277.7 144 207.3L193.3 167c13.7-11.2 18.4-30 11.6-46.3l-40-96z"></path></svg>`);
3984
+ var root$15 = $.ns_template(`<svg xmlns="http://www.w3.org/2000/svg" style="width: 100%;height: 100%;" viewBox="0 0 512 512"><path d="M164.9 24.6c-7.7-18.6-28-28.5-47.4-23.2l-88 24C12.1 30.2 0 46 0 64C0 311.4 200.6 512 448 512c18 0 33.8-12.1 38.6-29.5l24-88c5.3-19.4-4.6-39.7-23.2-47.4l-96-40c-16.3-6.8-35.2-2.1-46.3 11.6L304.7 368C234.3 334.7 177.3 277.7 144 207.3L193.3 167c13.7-11.2 18.4-30 11.6-46.3l-40-96z"></path></svg>`);
4043
3985
  function IconPhone($$anchor, $$props) {
4044
- let color = $$24.prop($$props, "color", 8);
3986
+ let color = $.prop($$props, "color", 8);
4045
3987
  var svg = root$15();
4046
- var path = $$24.child(svg);
4047
- $$24.reset(svg);
4048
- $$24.template_effect(() => $$24.set_attribute(path, "fill", color()));
4049
- $$24.append($$anchor, svg);
3988
+ var path = $.child(svg);
3989
+ $.reset(svg);
3990
+ $.template_effect(() => $.set_attribute(path, "fill", color()));
3991
+ $.append($$anchor, svg);
4050
3992
  }
4051
3993
 
4052
3994
  //#endregion
4053
3995
  //#region src/components-flex/icon/variants/IconLocationDot.svelte
4054
- var root$14 = $$23.ns_template(`<svg xmlns="http://www.w3.org/2000/svg" style="width: 100%;height: 100%;" viewBox="0 0 384 512"><path d="M215.7 499.2C267 435 384 279.4 384 192C384 86 298 0 192 0S0 86 0 192c0 87.4 117 243 168.3 307.2c12.3 15.3 35.1 15.3 47.4 0zM192 128a64 64 0 1 1 0 128 64 64 0 1 1 0-128z"></path></svg>`);
3996
+ var root$14 = $.ns_template(`<svg xmlns="http://www.w3.org/2000/svg" style="width: 100%;height: 100%;" viewBox="0 0 384 512"><path d="M215.7 499.2C267 435 384 279.4 384 192C384 86 298 0 192 0S0 86 0 192c0 87.4 117 243 168.3 307.2c12.3 15.3 35.1 15.3 47.4 0zM192 128a64 64 0 1 1 0 128 64 64 0 1 1 0-128z"></path></svg>`);
4055
3997
  function IconLocationDot($$anchor, $$props) {
4056
- let color = $$23.prop($$props, "color", 8);
3998
+ let color = $.prop($$props, "color", 8);
4057
3999
  var svg = root$14();
4058
- var path = $$23.child(svg);
4059
- $$23.reset(svg);
4060
- $$23.template_effect(() => $$23.set_attribute(path, "fill", color()));
4061
- $$23.append($$anchor, svg);
4000
+ var path = $.child(svg);
4001
+ $.reset(svg);
4002
+ $.template_effect(() => $.set_attribute(path, "fill", color()));
4003
+ $.append($$anchor, svg);
4062
4004
  }
4063
4005
 
4064
4006
  //#endregion
@@ -4134,12 +4076,12 @@ const $$css$21 = {
4134
4076
  code: ".icon.svelte-1kl9m59 {display:flex;align-items:center;overflow:hidden;width:auto;cursor:pointer;text-decoration:none;border:0;background:none;padding:0;margin:0;text-align:left;-webkit-appearance:none;}"
4135
4077
  };
4136
4078
  function Icon($$anchor, $$props) {
4137
- $$22.push($$props, false);
4138
- $$22.append_styles($$anchor, $$css$21);
4139
- const style = $$22.mutable_state();
4140
- const IconComponent = $$22.mutable_state();
4141
- let props = $$22.prop($$props, "props", 24, () => ({}));
4142
- let layerId = $$22.prop($$props, "layerId", 8, "");
4079
+ $.push($$props, false);
4080
+ $.append_styles($$anchor, $$css$21);
4081
+ const style = $.mutable_state();
4082
+ const IconComponent = $.mutable_state();
4083
+ let props = $.prop($$props, "props", 24, () => ({}));
4084
+ let layerId = $.prop($$props, "layerId", 8, "");
4143
4085
  useInjectCustomizeCss(props());
4144
4086
  const { attributes, element, handleClick } = useClickable_default(props());
4145
4087
  const getSizeCss = () => {
@@ -4149,40 +4091,40 @@ function Icon($$anchor, $$props) {
4149
4091
  height: props().height ? props().height : ICON_SIZE[props().size ?? "medium"].value
4150
4092
  };
4151
4093
  };
4152
- $$22.legacy_pre_effect(() => $$22.deep_read_state(props()), () => {
4153
- $$22.set(style, objToStyle({
4094
+ $.legacy_pre_effect(() => $.deep_read_state(props()), () => {
4095
+ $.set(style, objToStyle({
4154
4096
  ...getSizeCss(),
4155
4097
  ...toCssCommon(props())
4156
4098
  }));
4157
4099
  });
4158
- $$22.legacy_pre_effect(() => $$22.deep_read_state(props()), () => {
4159
- $$22.set(IconComponent, ICON_VARIANTS[props().variant] ?? void 0);
4100
+ $.legacy_pre_effect(() => $.deep_read_state(props()), () => {
4101
+ $.set(IconComponent, ICON_VARIANTS[props().variant] ?? void 0);
4160
4102
  });
4161
- $$22.legacy_pre_effect_reset();
4162
- $$22.init();
4163
- var fragment = $$22.comment();
4164
- var node = $$22.first_child(fragment);
4165
- $$22.element(node, () => element, false, ($$element, $$anchor$1) => {
4103
+ $.legacy_pre_effect_reset();
4104
+ $.init();
4105
+ var fragment = $.comment();
4106
+ var node = $.first_child(fragment);
4107
+ $.element(node, () => element, false, ($$element, $$anchor$1) => {
4166
4108
  let attributes_1;
4167
- $$22.template_effect(() => attributes_1 = $$22.set_attributes($$element, attributes_1, {
4109
+ $.template_effect(() => attributes_1 = $.set_attributes($$element, attributes_1, {
4168
4110
  ...attributes,
4169
4111
  class: "icon",
4170
- style: $$22.get(style),
4112
+ style: $.get(style),
4171
4113
  "data-layer-id": layerId()
4172
4114
  }, "svelte-1kl9m59"));
4173
- $$22.event("click", $$element, handleClick);
4174
- var fragment_1 = $$22.comment();
4175
- var node_1 = $$22.first_child(fragment_1);
4176
- const expression = $$22.derived_safe_equal(() => props().color ?? "currentColor");
4177
- $$22.component(node_1, () => $$22.get(IconComponent), ($$anchor$2, $$component) => {
4115
+ $.event("click", $$element, handleClick);
4116
+ var fragment_1 = $.comment();
4117
+ var node_1 = $.first_child(fragment_1);
4118
+ const expression = $.derived_safe_equal(() => props().color ?? "currentColor");
4119
+ $.component(node_1, () => $.get(IconComponent), ($$anchor$2, $$component) => {
4178
4120
  $$component($$anchor$2, { get color() {
4179
- return $$22.get(expression);
4121
+ return $.get(expression);
4180
4122
  } });
4181
4123
  });
4182
- $$22.append($$anchor$1, fragment_1);
4124
+ $.append($$anchor$1, fragment_1);
4183
4125
  });
4184
- $$22.append($$anchor, fragment);
4185
- $$22.pop();
4126
+ $.append($$anchor, fragment);
4127
+ $.pop();
4186
4128
  }
4187
4129
 
4188
4130
  //#endregion
@@ -4354,19 +4296,19 @@ function darkenColor(color, percent) {
4354
4296
 
4355
4297
  //#endregion
4356
4298
  //#region src/components-flex/button/Button.svelte
4357
- var root_2$4 = $$21.template(`<div class="button-icon svelte-l0rauj"><!></div>`);
4358
- var root_1$7 = $$21.template(`<!> <span class="button-label"> </span>`, 1);
4299
+ var root_2$4 = $.template(`<div class="button-icon svelte-l0rauj"><!></div>`);
4300
+ var root_1$7 = $.template(`<!> <span class="button-label"> </span>`, 1);
4359
4301
  const $$css$20 = {
4360
4302
  hash: "svelte-l0rauj",
4361
4303
  code: ".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;}"
4362
4304
  };
4363
4305
  function Button($$anchor, $$props) {
4364
- $$21.push($$props, false);
4365
- $$21.append_styles($$anchor, $$css$20);
4366
- const variables$1 = $$21.mutable_state();
4367
- const style = $$21.mutable_state();
4368
- let props = $$21.prop($$props, "props", 24, () => ({}));
4369
- let layerId = $$21.prop($$props, "layerId", 8, "");
4306
+ $.push($$props, false);
4307
+ $.append_styles($$anchor, $$css$20);
4308
+ const variables$1 = $.mutable_state();
4309
+ const style = $.mutable_state();
4310
+ let props = $.prop($$props, "props", 24, () => ({}));
4311
+ let layerId = $.prop($$props, "layerId", 8, "");
4370
4312
  useInjectCustomizeCss(props());
4371
4313
  const { attributes, element, handleClick } = useClickable_default(props());
4372
4314
  const { brandKit } = useBrandKit();
@@ -4381,8 +4323,8 @@ function Button($$anchor, $$props) {
4381
4323
  }
4382
4324
  })();
4383
4325
  const buttonSizeStyle = BUTTON_SIZE_STYLES[props().size] || BUTTON_SIZE_STYLES[buttonPropsDefault.size];
4384
- $$21.legacy_pre_effect(() => ($$21.deep_read_state(props()), darkenColor), () => {
4385
- $$21.set(variables$1, (() => {
4326
+ $.legacy_pre_effect(() => ($.deep_read_state(props()), darkenColor), () => {
4327
+ $.set(variables$1, (() => {
4386
4328
  switch (variant) {
4387
4329
  case "outline": return {
4388
4330
  "--color": props().color ?? buttonThemeStyle.color,
@@ -4408,8 +4350,8 @@ function Button($$anchor, $$props) {
4408
4350
  }
4409
4351
  })());
4410
4352
  });
4411
- $$21.legacy_pre_effect(() => ($$21.deep_read_state(props()), $$21.get(variables$1)), () => {
4412
- $$21.set(style, objToStyle({
4353
+ $.legacy_pre_effect(() => ($.deep_read_state(props()), $.get(variables$1)), () => {
4354
+ $.set(style, objToStyle({
4413
4355
  width: props().width,
4414
4356
  fontWeight: props().fontWeight ?? "bold",
4415
4357
  ...BUTTON_WRAP_STYLES[props().wrap ?? buttonPropsDefault.wrap],
@@ -4427,53 +4369,53 @@ function Button($$anchor, $$props) {
4427
4369
  ...toCssCommon(props()),
4428
4370
  ...toCssBorder(props()),
4429
4371
  ...toCssShadow(props()),
4430
- ...$$21.get(variables$1)
4372
+ ...$.get(variables$1)
4431
4373
  }));
4432
4374
  });
4433
- $$21.legacy_pre_effect_reset();
4434
- $$21.init();
4435
- var fragment = $$21.comment();
4436
- var node = $$21.first_child(fragment);
4437
- $$21.element(node, () => element, false, ($$element, $$anchor$1) => {
4375
+ $.legacy_pre_effect_reset();
4376
+ $.init();
4377
+ var fragment = $.comment();
4378
+ var node = $.first_child(fragment);
4379
+ $.element(node, () => element, false, ($$element, $$anchor$1) => {
4438
4380
  let attributes_1;
4439
- $$21.template_effect(() => attributes_1 = $$21.set_attributes($$element, attributes_1, {
4381
+ $.template_effect(() => attributes_1 = $.set_attributes($$element, attributes_1, {
4440
4382
  ...attributes,
4441
4383
  class: "button",
4442
- style: $$21.get(style),
4384
+ style: $.get(style),
4443
4385
  "data-layer-id": layerId(),
4444
4386
  "data-variant": variant
4445
4387
  }, "svelte-l0rauj"));
4446
- $$21.event("click", $$element, handleClick);
4388
+ $.event("click", $$element, handleClick);
4447
4389
  var fragment_1 = root_1$7();
4448
- var node_1 = $$21.first_child(fragment_1);
4390
+ var node_1 = $.first_child(fragment_1);
4449
4391
  {
4450
4392
  var consequent = ($$anchor$2) => {
4451
4393
  var div = root_2$4();
4452
- var node_2 = $$21.child(div);
4453
- const expression = $$21.derived_safe_equal(() => ({
4394
+ var node_2 = $.child(div);
4395
+ const expression = $.derived_safe_equal(() => ({
4454
4396
  variant: props().iconVariant,
4455
4397
  color: props().iconColor ?? props().color ?? buttonThemeStyle.color,
4456
4398
  width: "1em",
4457
4399
  height: "1em"
4458
4400
  }));
4459
4401
  Icon(node_2, { get props() {
4460
- return $$21.get(expression);
4402
+ return $.get(expression);
4461
4403
  } });
4462
- $$21.reset(div);
4463
- $$21.append($$anchor$2, div);
4404
+ $.reset(div);
4405
+ $.append($$anchor$2, div);
4464
4406
  };
4465
- $$21.if(node_1, ($$render) => {
4407
+ $.if(node_1, ($$render) => {
4466
4408
  if (props().isIcon && props().iconVariant) $$render(consequent);
4467
4409
  });
4468
4410
  }
4469
- var span = $$21.sibling(node_1, 2);
4470
- var text = $$21.child(span, true);
4471
- $$21.reset(span);
4472
- $$21.template_effect(() => $$21.set_text(text, props().label ?? buttonPropsDefault.label));
4473
- $$21.append($$anchor$1, fragment_1);
4411
+ var span = $.sibling(node_1, 2);
4412
+ var text = $.child(span, true);
4413
+ $.reset(span);
4414
+ $.template_effect(() => $.set_text(text, props().label ?? buttonPropsDefault.label));
4415
+ $.append($$anchor$1, fragment_1);
4474
4416
  });
4475
- $$21.append($$anchor, fragment);
4476
- $$21.pop();
4417
+ $.append($$anchor, fragment);
4418
+ $.pop();
4477
4419
  }
4478
4420
 
4479
4421
  //#endregion
@@ -4571,33 +4513,33 @@ const BUTTON_OUTLINED_WRAP_STYLES = {
4571
4513
 
4572
4514
  //#endregion
4573
4515
  //#region src/components-flex/button-outlined/ButtonOutlined.svelte
4574
- var root_2$3 = $$20.template(`<div class="button-outlined-icon svelte-z8gomx"><!></div>`);
4575
- var root_1$6 = $$20.template(`<!> <span class="button-outlined-label svelte-z8gomx"> </span>`, 1);
4516
+ var root_2$3 = $.template(`<div class="button-outlined-icon svelte-z8gomx"><!></div>`);
4517
+ var root_1$6 = $.template(`<!> <span class="button-outlined-label svelte-z8gomx"> </span>`, 1);
4576
4518
  const $$css$19 = {
4577
4519
  hash: "svelte-z8gomx",
4578
4520
  code: ".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;}"
4579
4521
  };
4580
4522
  function ButtonOutlined($$anchor, $$props) {
4581
- $$20.push($$props, false);
4582
- $$20.append_styles($$anchor, $$css$19);
4583
- const variables$1 = $$20.mutable_state();
4584
- const style = $$20.mutable_state();
4585
- let props = $$20.prop($$props, "props", 24, () => ({}));
4586
- let layerId = $$20.prop($$props, "layerId", 8, "");
4523
+ $.push($$props, false);
4524
+ $.append_styles($$anchor, $$css$19);
4525
+ const variables$1 = $.mutable_state();
4526
+ const style = $.mutable_state();
4527
+ let props = $.prop($$props, "props", 24, () => ({}));
4528
+ let layerId = $.prop($$props, "layerId", 8, "");
4587
4529
  useInjectCustomizeCss(props());
4588
4530
  const { brandKit } = useBrandKit();
4589
4531
  const { attributes, element, handleClick } = useClickable_default(props());
4590
4532
  const buttonThemeStyles = getButtonOutlinedThemeStyles(brandKit);
4591
4533
  const buttonThemeStyle = buttonThemeStyles[props().theme ?? buttonOutlinedPropsDefault.theme];
4592
4534
  const buttonSizeStyle = BUTTON_OUTLINED_SIZE_STYLES[props().size ?? buttonOutlinedPropsDefault.size];
4593
- $$20.legacy_pre_effect(() => ($$20.deep_read_state(props()), darkenColor), () => {
4594
- $$20.set(variables$1, {
4535
+ $.legacy_pre_effect(() => ($.deep_read_state(props()), darkenColor), () => {
4536
+ $.set(variables$1, {
4595
4537
  "--bg-color": props().backgroundColor ?? buttonThemeStyle.backgroundColor,
4596
4538
  "--hover-bg-color": darkenColor(props().backgroundColor ?? buttonThemeStyle.backgroundColor, .032)
4597
4539
  });
4598
4540
  });
4599
- $$20.legacy_pre_effect(() => ($$20.deep_read_state(props()), $$20.get(variables$1)), () => {
4600
- $$20.set(style, objToStyle({
4541
+ $.legacy_pre_effect(() => ($.deep_read_state(props()), $.get(variables$1)), () => {
4542
+ $.set(style, objToStyle({
4601
4543
  width: props().width,
4602
4544
  color: props().color ?? buttonThemeStyle.color,
4603
4545
  borderColor: props().borderColor ?? props().color ?? buttonThemeStyle.borderColor,
@@ -4612,52 +4554,52 @@ function ButtonOutlined($$anchor, $$props) {
4612
4554
  ...toCssCommon(props()),
4613
4555
  ...toCssBorder(props()),
4614
4556
  ...toCssShadow(props()),
4615
- ...$$20.get(variables$1)
4557
+ ...$.get(variables$1)
4616
4558
  }));
4617
4559
  });
4618
- $$20.legacy_pre_effect_reset();
4619
- $$20.init();
4620
- var fragment = $$20.comment();
4621
- var node = $$20.first_child(fragment);
4622
- $$20.element(node, () => element, false, ($$element, $$anchor$1) => {
4560
+ $.legacy_pre_effect_reset();
4561
+ $.init();
4562
+ var fragment = $.comment();
4563
+ var node = $.first_child(fragment);
4564
+ $.element(node, () => element, false, ($$element, $$anchor$1) => {
4623
4565
  let attributes_1;
4624
- $$20.template_effect(() => attributes_1 = $$20.set_attributes($$element, attributes_1, {
4566
+ $.template_effect(() => attributes_1 = $.set_attributes($$element, attributes_1, {
4625
4567
  ...attributes,
4626
4568
  class: "button-outlined",
4627
- style: $$20.get(style),
4569
+ style: $.get(style),
4628
4570
  "data-layer-id": layerId()
4629
4571
  }, "svelte-z8gomx"));
4630
- $$20.event("click", $$element, handleClick);
4572
+ $.event("click", $$element, handleClick);
4631
4573
  var fragment_1 = root_1$6();
4632
- var node_1 = $$20.first_child(fragment_1);
4574
+ var node_1 = $.first_child(fragment_1);
4633
4575
  {
4634
4576
  var consequent = ($$anchor$2) => {
4635
4577
  var div = root_2$3();
4636
- var node_2 = $$20.child(div);
4637
- const expression = $$20.derived_safe_equal(() => ({
4578
+ var node_2 = $.child(div);
4579
+ const expression = $.derived_safe_equal(() => ({
4638
4580
  variant: props().iconVariant,
4639
4581
  color: props().iconColor ?? props().color ?? buttonThemeStyle.color,
4640
4582
  width: "1em",
4641
4583
  height: "1em"
4642
4584
  }));
4643
4585
  Icon(node_2, { get props() {
4644
- return $$20.get(expression);
4586
+ return $.get(expression);
4645
4587
  } });
4646
- $$20.reset(div);
4647
- $$20.append($$anchor$2, div);
4588
+ $.reset(div);
4589
+ $.append($$anchor$2, div);
4648
4590
  };
4649
- $$20.if(node_1, ($$render) => {
4591
+ $.if(node_1, ($$render) => {
4650
4592
  if (props().isIcon && props().iconVariant) $$render(consequent);
4651
4593
  });
4652
4594
  }
4653
- var span = $$20.sibling(node_1, 2);
4654
- var text = $$20.child(span, true);
4655
- $$20.reset(span);
4656
- $$20.template_effect(() => $$20.set_text(text, props().label ?? buttonOutlinedPropsDefault.label));
4657
- $$20.append($$anchor$1, fragment_1);
4595
+ var span = $.sibling(node_1, 2);
4596
+ var text = $.child(span, true);
4597
+ $.reset(span);
4598
+ $.template_effect(() => $.set_text(text, props().label ?? buttonOutlinedPropsDefault.label));
4599
+ $.append($$anchor$1, fragment_1);
4658
4600
  });
4659
- $$20.append($$anchor, fragment);
4660
- $$20.pop();
4601
+ $.append($$anchor, fragment);
4602
+ $.pop();
4661
4603
  }
4662
4604
 
4663
4605
  //#endregion
@@ -4720,30 +4662,30 @@ const getButtonTextThemeStyles = getPropStyles(callback$2);
4720
4662
 
4721
4663
  //#endregion
4722
4664
  //#region src/components-flex/button-text/ButtonText.svelte
4723
- var root_2$2 = $$19.template(`<div class="button-text-icon svelte-l90o4j"><!></div>`);
4724
- var root_1$5 = $$19.template(`<!> <span class="button-text-label svelte-l90o4j"> </span>`, 1);
4665
+ var root_2$2 = $.template(`<div class="button-text-icon svelte-l90o4j"><!></div>`);
4666
+ var root_1$5 = $.template(`<!> <span class="button-text-label svelte-l90o4j"> </span>`, 1);
4725
4667
  const $$css$18 = {
4726
4668
  hash: "svelte-l90o4j",
4727
4669
  code: ".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;}"
4728
4670
  };
4729
4671
  function ButtonText($$anchor, $$props) {
4730
- $$19.push($$props, false);
4731
- $$19.append_styles($$anchor, $$css$18);
4732
- const variables$1 = $$19.mutable_state();
4733
- const style = $$19.mutable_state();
4734
- let props = $$19.prop($$props, "props", 24, () => ({}));
4735
- let layerId = $$19.prop($$props, "layerId", 8, "");
4672
+ $.push($$props, false);
4673
+ $.append_styles($$anchor, $$css$18);
4674
+ const variables$1 = $.mutable_state();
4675
+ const style = $.mutable_state();
4676
+ let props = $.prop($$props, "props", 24, () => ({}));
4677
+ let layerId = $.prop($$props, "layerId", 8, "");
4736
4678
  useInjectCustomizeCss(props());
4737
4679
  const { brandKit } = useBrandKit();
4738
4680
  const { attributes, element, handleClick } = useClickable_default(props());
4739
4681
  const themeStyles = getButtonTextThemeStyles(brandKit);
4740
4682
  const buttonThemeStyle = themeStyles[props().theme ?? "default"];
4741
4683
  const buttonSizeStyle = BUTTON_TEXT_SIZE_STYLES[props().size ?? "medium"];
4742
- $$19.legacy_pre_effect(() => $$19.deep_read_state(props()), () => {
4743
- $$19.set(variables$1, { "--hover-bg-color": props().backgroundColor ?? buttonThemeStyle.backgroundColor });
4684
+ $.legacy_pre_effect(() => $.deep_read_state(props()), () => {
4685
+ $.set(variables$1, { "--hover-bg-color": props().backgroundColor ?? buttonThemeStyle.backgroundColor });
4744
4686
  });
4745
- $$19.legacy_pre_effect(() => ($$19.deep_read_state(props()), $$19.get(variables$1)), () => {
4746
- $$19.set(style, objToStyle({
4687
+ $.legacy_pre_effect(() => ($.deep_read_state(props()), $.get(variables$1)), () => {
4688
+ $.set(style, objToStyle({
4747
4689
  width: props().width,
4748
4690
  height: props().height ?? buttonSizeStyle.height,
4749
4691
  paddingLeft: props().paddingLeft ?? buttonSizeStyle.paddingLeft,
@@ -4755,52 +4697,52 @@ function ButtonText($$anchor, $$props) {
4755
4697
  ...BUTTON_ROUND_STYLES[props().round ?? buttonPropsDefault.round],
4756
4698
  ...props().iconAngle ? { flexDirection: props().iconAngle } : {},
4757
4699
  ...toCssCommon(props()),
4758
- ...$$19.get(variables$1)
4700
+ ...$.get(variables$1)
4759
4701
  }));
4760
4702
  });
4761
- $$19.legacy_pre_effect_reset();
4762
- $$19.init();
4763
- var fragment = $$19.comment();
4764
- var node = $$19.first_child(fragment);
4765
- $$19.element(node, () => element, false, ($$element, $$anchor$1) => {
4703
+ $.legacy_pre_effect_reset();
4704
+ $.init();
4705
+ var fragment = $.comment();
4706
+ var node = $.first_child(fragment);
4707
+ $.element(node, () => element, false, ($$element, $$anchor$1) => {
4766
4708
  let attributes_1;
4767
- $$19.template_effect(() => attributes_1 = $$19.set_attributes($$element, attributes_1, {
4709
+ $.template_effect(() => attributes_1 = $.set_attributes($$element, attributes_1, {
4768
4710
  ...attributes,
4769
4711
  class: "button-text",
4770
- style: $$19.get(style),
4712
+ style: $.get(style),
4771
4713
  "data-layer-id": layerId()
4772
4714
  }, "svelte-l90o4j"));
4773
- $$19.event("click", $$element, handleClick);
4715
+ $.event("click", $$element, handleClick);
4774
4716
  var fragment_1 = root_1$5();
4775
- var node_1 = $$19.first_child(fragment_1);
4717
+ var node_1 = $.first_child(fragment_1);
4776
4718
  {
4777
4719
  var consequent = ($$anchor$2) => {
4778
4720
  var div = root_2$2();
4779
- var node_2 = $$19.child(div);
4780
- const expression = $$19.derived_safe_equal(() => ({
4721
+ var node_2 = $.child(div);
4722
+ const expression = $.derived_safe_equal(() => ({
4781
4723
  variant: props().iconVariant,
4782
4724
  color: props().color ?? buttonThemeStyle.color,
4783
4725
  width: "1em",
4784
4726
  height: "1em"
4785
4727
  }));
4786
4728
  Icon(node_2, { get props() {
4787
- return $$19.get(expression);
4729
+ return $.get(expression);
4788
4730
  } });
4789
- $$19.reset(div);
4790
- $$19.append($$anchor$2, div);
4731
+ $.reset(div);
4732
+ $.append($$anchor$2, div);
4791
4733
  };
4792
- $$19.if(node_1, ($$render) => {
4734
+ $.if(node_1, ($$render) => {
4793
4735
  if (props().isIcon && props().iconVariant) $$render(consequent);
4794
4736
  });
4795
4737
  }
4796
- var span = $$19.sibling(node_1, 2);
4797
- var text = $$19.child(span, true);
4798
- $$19.reset(span);
4799
- $$19.template_effect(() => $$19.set_text(text, props().label));
4800
- $$19.append($$anchor$1, fragment_1);
4738
+ var span = $.sibling(node_1, 2);
4739
+ var text = $.child(span, true);
4740
+ $.reset(span);
4741
+ $.template_effect(() => $.set_text(text, props().label));
4742
+ $.append($$anchor$1, fragment_1);
4801
4743
  });
4802
- $$19.append($$anchor, fragment);
4803
- $$19.pop();
4744
+ $.append($$anchor, fragment);
4745
+ $.pop();
4804
4746
  }
4805
4747
 
4806
4748
  //#endregion
@@ -4837,26 +4779,26 @@ const getTextThemeStyles = getPropStyles(callback$1);
4837
4779
 
4838
4780
  //#endregion
4839
4781
  //#region src/components-flex/close-button/CloseButton.svelte
4840
- var root_2$1 = $$18.template(`<span></span>`);
4841
- 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);
4782
+ var root_2$1 = $.template(`<span></span>`);
4783
+ var root_1$4 = $.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);
4842
4784
  const $$css$17 = {
4843
4785
  hash: "svelte-18wmfyq",
4844
4786
  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;}"
4845
4787
  };
4846
4788
  function CloseButton($$anchor, $$props) {
4847
- $$18.push($$props, false);
4848
- $$18.append_styles($$anchor, $$css$17);
4849
- const hasLabel = $$18.mutable_state();
4850
- const styleObj = $$18.mutable_state();
4851
- const style = $$18.mutable_state();
4852
- const borderWidth = $$18.mutable_state();
4853
- const paddingSize = $$18.mutable_state();
4854
- const labelStyle = $$18.mutable_state();
4855
- const iconStyle = $$18.mutable_state();
4856
- let props = $$18.prop($$props, "props", 24, () => ({}));
4857
- let layerId = $$18.prop($$props, "layerId", 8, "");
4858
- let eventName = $$18.prop($$props, "eventName", 8, "");
4859
- let eventValue = $$18.prop($$props, "eventValue", 8, void 0);
4789
+ $.push($$props, false);
4790
+ $.append_styles($$anchor, $$css$17);
4791
+ const hasLabel = $.mutable_state();
4792
+ const styleObj = $.mutable_state();
4793
+ const style = $.mutable_state();
4794
+ const borderWidth = $.mutable_state();
4795
+ const paddingSize = $.mutable_state();
4796
+ const labelStyle = $.mutable_state();
4797
+ const iconStyle = $.mutable_state();
4798
+ let props = $.prop($$props, "props", 24, () => ({}));
4799
+ let layerId = $.prop($$props, "layerId", 8, "");
4800
+ let eventName = $.prop($$props, "eventName", 8, "");
4801
+ let eventValue = $.prop($$props, "eventValue", 8, void 0);
4860
4802
  const { brandKit } = useBrandKit();
4861
4803
  useInjectCustomizeCss(props());
4862
4804
  const { attributes, element, handleClick } = useClickable_default({
@@ -4896,11 +4838,11 @@ function CloseButton($$anchor, $$props) {
4896
4838
  const color = props().color ?? getTextThemeStyles(brandKit)[props().colorVariant]?.color ?? "#666";
4897
4839
  const label = props().label;
4898
4840
  const isLeftLabelPlacement = props().labelPlacement === "left";
4899
- $$18.legacy_pre_effect(() => {}, () => {
4900
- $$18.set(hasLabel, label !== void 0 && label !== "");
4841
+ $.legacy_pre_effect(() => {}, () => {
4842
+ $.set(hasLabel, label !== void 0 && label !== "");
4901
4843
  });
4902
- $$18.legacy_pre_effect(() => ($$18.deep_read_state(props()), toCssBorder), () => {
4903
- $$18.set(styleObj, {
4844
+ $.legacy_pre_effect(() => ($.deep_read_state(props()), toCssBorder), () => {
4845
+ $.set(styleObj, {
4904
4846
  ...props().bordered && {
4905
4847
  borderTopWidth: "1px",
4906
4848
  borderLeftWidth: "1px",
@@ -4918,67 +4860,67 @@ function CloseButton($$anchor, $$props) {
4918
4860
  ...toCssBorder(props())
4919
4861
  });
4920
4862
  });
4921
- $$18.legacy_pre_effect(() => $$18.get(styleObj), () => {
4922
- $$18.set(style, objToStyle($$18.get(styleObj)));
4863
+ $.legacy_pre_effect(() => $.get(styleObj), () => {
4864
+ $.set(style, objToStyle($.get(styleObj)));
4923
4865
  });
4924
- $$18.legacy_pre_effect(() => $$18.get(styleObj), () => {
4925
- $$18.set(borderWidth, $$18.get(styleObj).borderTopWidth ? parseInt($$18.get(styleObj).borderTopWidth) : 0);
4866
+ $.legacy_pre_effect(() => $.get(styleObj), () => {
4867
+ $.set(borderWidth, $.get(styleObj).borderTopWidth ? parseInt($.get(styleObj).borderTopWidth) : 0);
4926
4868
  });
4927
- $$18.legacy_pre_effect(() => $$18.get(styleObj), () => {
4928
- $$18.set(paddingSize, $$18.get(styleObj).paddingTop ? parseInt($$18.get(styleObj).paddingTop) : 6);
4869
+ $.legacy_pre_effect(() => $.get(styleObj), () => {
4870
+ $.set(paddingSize, $.get(styleObj).paddingTop ? parseInt($.get(styleObj).paddingTop) : 6);
4929
4871
  });
4930
- $$18.legacy_pre_effect(() => ($$18.deep_read_state(props()), getTextThemeStyles), () => {
4931
- $$18.set(labelStyle, objToStyle({
4872
+ $.legacy_pre_effect(() => ($.deep_read_state(props()), getTextThemeStyles), () => {
4873
+ $.set(labelStyle, objToStyle({
4932
4874
  color: props().labelColor ?? getTextThemeStyles(brandKit)[props().labelColorVariant]?.color ?? color,
4933
4875
  fontSize: `${size / 2.1}px`
4934
4876
  }));
4935
4877
  });
4936
- $$18.legacy_pre_effect(() => ($$18.get(paddingSize), $$18.get(borderWidth)), () => {
4937
- $$18.set(iconStyle, objToStyle({
4938
- width: `${size - $$18.get(paddingSize) * 2 - $$18.get(borderWidth) * 2}px`,
4939
- height: `${size - $$18.get(paddingSize) * 2 - $$18.get(borderWidth) * 2}px`,
4878
+ $.legacy_pre_effect(() => ($.get(paddingSize), $.get(borderWidth)), () => {
4879
+ $.set(iconStyle, objToStyle({
4880
+ width: `${size - $.get(paddingSize) * 2 - $.get(borderWidth) * 2}px`,
4881
+ height: `${size - $.get(paddingSize) * 2 - $.get(borderWidth) * 2}px`,
4940
4882
  display: "flex",
4941
4883
  alignItems: "center",
4942
4884
  justifyContent: "center",
4943
4885
  flexShrink: 0
4944
4886
  }));
4945
4887
  });
4946
- $$18.legacy_pre_effect_reset();
4947
- $$18.init();
4948
- var fragment = $$18.comment();
4949
- var node = $$18.first_child(fragment);
4950
- $$18.element(node, () => element, false, ($$element, $$anchor$1) => {
4888
+ $.legacy_pre_effect_reset();
4889
+ $.init();
4890
+ var fragment = $.comment();
4891
+ var node = $.first_child(fragment);
4892
+ $.element(node, () => element, false, ($$element, $$anchor$1) => {
4951
4893
  let attributes_1;
4952
- $$18.template_effect(() => attributes_1 = $$18.set_attributes($$element, attributes_1, {
4894
+ $.template_effect(() => attributes_1 = $.set_attributes($$element, attributes_1, {
4953
4895
  ...attributes,
4954
4896
  class: `close-button ${isLeftLabelPlacement ? "close-button-order-two" : ""}`,
4955
4897
  "data-layer-id": layerId(),
4956
- style: $$18.get(style)
4898
+ style: $.get(style)
4957
4899
  }, "svelte-18wmfyq"));
4958
- $$18.event("click", $$element, handleClick);
4900
+ $.event("click", $$element, handleClick);
4959
4901
  var fragment_1 = root_1$4();
4960
- var span = $$18.first_child(fragment_1);
4961
- var svg = $$18.child(span);
4962
- $$18.set_attribute(svg, "fill", color);
4963
- $$18.reset(span);
4964
- var node_1 = $$18.sibling(span, 2);
4902
+ var span = $.first_child(fragment_1);
4903
+ var svg = $.child(span);
4904
+ $.set_attribute(svg, "fill", color);
4905
+ $.reset(span);
4906
+ var node_1 = $.sibling(span, 2);
4965
4907
  {
4966
4908
  var consequent = ($$anchor$2) => {
4967
4909
  var span_1 = root_2$1();
4968
- $$18.set_class(span_1, 1, `close-button-label ${isLeftLabelPlacement ? "close-button-order-one" : ""}`, "svelte-18wmfyq");
4910
+ $.set_class(span_1, 1, `close-button-label ${isLeftLabelPlacement ? "close-button-order-one" : ""}`, "svelte-18wmfyq");
4969
4911
  span_1.textContent = label;
4970
- $$18.template_effect(() => $$18.set_style(span_1, $$18.get(labelStyle)));
4971
- $$18.append($$anchor$2, span_1);
4912
+ $.template_effect(() => $.set_style(span_1, $.get(labelStyle)));
4913
+ $.append($$anchor$2, span_1);
4972
4914
  };
4973
- $$18.if(node_1, ($$render) => {
4974
- if ($$18.get(hasLabel)) $$render(consequent);
4915
+ $.if(node_1, ($$render) => {
4916
+ if ($.get(hasLabel)) $$render(consequent);
4975
4917
  });
4976
4918
  }
4977
- $$18.template_effect(() => $$18.set_style(span, $$18.get(iconStyle)));
4978
- $$18.append($$anchor$1, fragment_1);
4919
+ $.template_effect(() => $.set_style(span, $.get(iconStyle)));
4920
+ $.append($$anchor$1, fragment_1);
4979
4921
  });
4980
- $$18.append($$anchor, fragment);
4981
- $$18.pop();
4922
+ $.append($$anchor, fragment);
4923
+ $.pop();
4982
4924
  }
4983
4925
 
4984
4926
  //#endregion
@@ -5057,19 +4999,19 @@ const IMAGE_ROUND_STYLES = {
5057
4999
 
5058
5000
  //#endregion
5059
5001
  //#region src/components-flex/image/Image.svelte
5060
- var root_1$3 = $$17.template(`<img class="image-img svelte-1olvu11">`);
5002
+ var root_1$3 = $.template(`<img class="image-img svelte-1olvu11">`);
5061
5003
  const $$css$16 = {
5062
5004
  hash: "svelte-1olvu11",
5063
5005
  code: ".image.svelte-1olvu11 {max-width:100%;overflow:hidden;display:flex;align-items:center;justify-content:center;border:0;background:none;padding:0;margin:0;text-align:left;-webkit-appearance:none;}.image-img.svelte-1olvu11 {vertical-align:top;width:100%;height:100%;object-fit:cover;user-select:none;-webkit-user-drag:none;}"
5064
5006
  };
5065
5007
  function Image($$anchor, $$props) {
5066
- $$17.push($$props, false);
5067
- $$17.append_styles($$anchor, $$css$16);
5068
- const styleObj = $$17.mutable_state();
5069
- const style = $$17.mutable_state();
5070
- const imgStyle = $$17.mutable_state();
5071
- let props = $$17.prop($$props, "props", 24, () => ({}));
5072
- let layerId = $$17.prop($$props, "layerId", 8, "");
5008
+ $.push($$props, false);
5009
+ $.append_styles($$anchor, $$css$16);
5010
+ const styleObj = $.mutable_state();
5011
+ const style = $.mutable_state();
5012
+ const imgStyle = $.mutable_state();
5013
+ let props = $.prop($$props, "props", 24, () => ({}));
5014
+ let layerId = $.prop($$props, "layerId", 8, "");
5073
5015
  useInjectCustomizeCss(props());
5074
5016
  const { attributes, element, handleClick } = useClickable_default(props());
5075
5017
  const aspectVariantStyles = ASPECT_VARIANT[props().aspectVariant]?.getProps();
@@ -5080,8 +5022,8 @@ function Image($$anchor, $$props) {
5080
5022
  if (parentRadius === "100%") return "100%";
5081
5023
  return radiusSize > 0 ? `calc(${parentRadius} - ${borderWidth})` : void 0;
5082
5024
  };
5083
- $$17.legacy_pre_effect(() => ($$17.deep_read_state(props()), toCssPadding), () => {
5084
- $$17.set(styleObj, {
5025
+ $.legacy_pre_effect(() => ($.deep_read_state(props()), toCssPadding), () => {
5026
+ $.set(styleObj, {
5085
5027
  ...props().borderTopLeftRadius ? toCssRadius(props()) : IMAGE_ROUND_STYLES[props().shape ?? "square"],
5086
5028
  width,
5087
5029
  flexShrink: String(width).indexOf("px") !== -1 ? 0 : 1,
@@ -5092,40 +5034,40 @@ function Image($$anchor, $$props) {
5092
5034
  ...toCssPadding(props())
5093
5035
  });
5094
5036
  });
5095
- $$17.legacy_pre_effect(() => $$17.get(styleObj), () => {
5096
- $$17.set(style, objToStyle($$17.get(styleObj)));
5037
+ $.legacy_pre_effect(() => $.get(styleObj), () => {
5038
+ $.set(style, objToStyle($.get(styleObj)));
5097
5039
  });
5098
- $$17.legacy_pre_effect(() => $$17.get(styleObj), () => {
5099
- $$17.set(imgStyle, objToStyle({ ...toCssRadius({
5100
- borderTopLeftRadius: calcImgRadius($$17.get(styleObj).borderTopLeftRadius, $$17.get(styleObj).borderTopWidth),
5101
- borderTopRightRadius: calcImgRadius($$17.get(styleObj).borderTopRightRadius, $$17.get(styleObj).borderTopWidth),
5102
- borderBottomLeftRadius: calcImgRadius($$17.get(styleObj).borderBottomLeftRadius, $$17.get(styleObj).borderTopWidth),
5103
- borderBottomRightRadius: calcImgRadius($$17.get(styleObj).borderBottomRightRadius, $$17.get(styleObj).borderTopWidth)
5040
+ $.legacy_pre_effect(() => $.get(styleObj), () => {
5041
+ $.set(imgStyle, objToStyle({ ...toCssRadius({
5042
+ borderTopLeftRadius: calcImgRadius($.get(styleObj).borderTopLeftRadius, $.get(styleObj).borderTopWidth),
5043
+ borderTopRightRadius: calcImgRadius($.get(styleObj).borderTopRightRadius, $.get(styleObj).borderTopWidth),
5044
+ borderBottomLeftRadius: calcImgRadius($.get(styleObj).borderBottomLeftRadius, $.get(styleObj).borderTopWidth),
5045
+ borderBottomRightRadius: calcImgRadius($.get(styleObj).borderBottomRightRadius, $.get(styleObj).borderTopWidth)
5104
5046
  }) }));
5105
5047
  });
5106
- $$17.legacy_pre_effect_reset();
5107
- $$17.init();
5108
- var fragment = $$17.comment();
5109
- var node = $$17.first_child(fragment);
5110
- $$17.element(node, () => element, false, ($$element, $$anchor$1) => {
5048
+ $.legacy_pre_effect_reset();
5049
+ $.init();
5050
+ var fragment = $.comment();
5051
+ var node = $.first_child(fragment);
5052
+ $.element(node, () => element, false, ($$element, $$anchor$1) => {
5111
5053
  let attributes_1;
5112
- $$17.template_effect(() => attributes_1 = $$17.set_attributes($$element, attributes_1, {
5054
+ $.template_effect(() => attributes_1 = $.set_attributes($$element, attributes_1, {
5113
5055
  ...attributes,
5114
5056
  class: "image",
5115
- style: $$17.get(style),
5057
+ style: $.get(style),
5116
5058
  "data-layer-id": layerId()
5117
5059
  }, "svelte-1olvu11"));
5118
- $$17.event("click", $$element, handleClick);
5060
+ $.event("click", $$element, handleClick);
5119
5061
  var img = root_1$3();
5120
- $$17.template_effect(() => {
5121
- $$17.set_attribute(img, "src", props().image);
5122
- $$17.set_attribute(img, "alt", props().alt);
5123
- $$17.set_style(img, $$17.get(imgStyle));
5062
+ $.template_effect(() => {
5063
+ $.set_attribute(img, "src", props().image);
5064
+ $.set_attribute(img, "alt", props().alt);
5065
+ $.set_style(img, $.get(imgStyle));
5124
5066
  });
5125
- $$17.append($$anchor$1, img);
5067
+ $.append($$anchor$1, img);
5126
5068
  });
5127
- $$17.append($$anchor, fragment);
5128
- $$17.pop();
5069
+ $.append($$anchor, fragment);
5070
+ $.pop();
5129
5071
  }
5130
5072
 
5131
5073
  //#endregion
@@ -5155,16 +5097,16 @@ const $$css$15 = {
5155
5097
  code: ".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;}"
5156
5098
  };
5157
5099
  function Layout($$anchor, $$props) {
5158
- $$16.push($$props, false);
5159
- $$16.append_styles($$anchor, $$css$15);
5160
- const style = $$16.mutable_state();
5161
- let props = $$16.prop($$props, "props", 24, () => ({}));
5162
- let layerId = $$16.prop($$props, "layerId", 8, "");
5100
+ $.push($$props, false);
5101
+ $.append_styles($$anchor, $$css$15);
5102
+ const style = $.mutable_state();
5103
+ let props = $.prop($$props, "props", 24, () => ({}));
5104
+ let layerId = $.prop($$props, "layerId", 8, "");
5163
5105
  const { brandKit } = useBrandKit();
5164
5106
  useInjectCustomizeCss(props());
5165
5107
  const { attributes, element, handleClick } = useClickable_default(props());
5166
- $$16.legacy_pre_effect(() => ($$16.deep_read_state(props()), toCssBorder), () => {
5167
- $$16.set(style, objToStyle({
5108
+ $.legacy_pre_effect(() => ($.deep_read_state(props()), toCssBorder), () => {
5109
+ $.set(style, objToStyle({
5168
5110
  display: props().display ?? "flex",
5169
5111
  flexDirection: props().direction,
5170
5112
  alignItems: props().align,
@@ -5182,26 +5124,26 @@ function Layout($$anchor, $$props) {
5182
5124
  ...toCssBorder(props(), brandKit)
5183
5125
  }));
5184
5126
  });
5185
- $$16.legacy_pre_effect_reset();
5186
- $$16.init();
5187
- var fragment = $$16.comment();
5188
- var node = $$16.first_child(fragment);
5189
- $$16.element(node, () => "div", false, ($$element, $$anchor$1) => {
5127
+ $.legacy_pre_effect_reset();
5128
+ $.init();
5129
+ var fragment = $.comment();
5130
+ var node = $.first_child(fragment);
5131
+ $.element(node, () => "div", false, ($$element, $$anchor$1) => {
5190
5132
  let attributes_1;
5191
- $$16.template_effect(() => attributes_1 = $$16.set_attributes($$element, attributes_1, {
5133
+ $.template_effect(() => attributes_1 = $.set_attributes($$element, attributes_1, {
5192
5134
  ...attributes,
5193
5135
  class: "layout",
5194
- style: $$16.get(style),
5136
+ style: $.get(style),
5195
5137
  "data-layer-id": layerId()
5196
5138
  }, "svelte-1o103hp"));
5197
- $$16.event("click", $$element, handleClick);
5198
- var fragment_1 = $$16.comment();
5199
- var node_1 = $$16.first_child(fragment_1);
5200
- $$16.slot(node_1, $$props, "default", {}, null);
5201
- $$16.append($$anchor$1, fragment_1);
5139
+ $.event("click", $$element, handleClick);
5140
+ var fragment_1 = $.comment();
5141
+ var node_1 = $.first_child(fragment_1);
5142
+ $.slot(node_1, $$props, "default", {}, null);
5143
+ $.append($$anchor$1, fragment_1);
5202
5144
  });
5203
- $$16.append($$anchor, fragment);
5204
- $$16.pop();
5145
+ $.append($$anchor, fragment);
5146
+ $.pop();
5205
5147
  }
5206
5148
 
5207
5149
  //#endregion
@@ -5232,33 +5174,33 @@ const LAYOUT_JUSTIFY = [
5232
5174
 
5233
5175
  //#endregion
5234
5176
  //#region src/components-flex/slider/Slider.svelte
5235
- var root_1$2 = $$15.template(`<button><i></i></button>`);
5236
- var root$13 = $$15.template(`<div class="slider svelte-wwv1o"><div class="slider-container svelte-wwv1o"><ul class="slider-list svelte-wwv1o"><!></ul></div> <div></div></div>`);
5177
+ var root_1$2 = $.template(`<button><i></i></button>`);
5178
+ var root$13 = $.template(`<div class="slider svelte-wwv1o"><div class="slider-container svelte-wwv1o"><ul class="slider-list svelte-wwv1o"><!></ul></div> <div></div></div>`);
5237
5179
  const $$css$14 = {
5238
5180
  hash: "svelte-wwv1o",
5239
5181
  code: ".slider.svelte-wwv1o {width:100%;overflow:hidden;overscroll-behavior:contain;touch-action:pan-y;}.slider-container.svelte-wwv1o {width:100%;overflow:hidden;overscroll-behavior:contain;touch-action:pan-y;}.slider-list.svelte-wwv1o {-webkit-user-drag:none;margin:0;padding:0;list-style:none;will-change:transform;}"
5240
5182
  };
5241
5183
  function Slider($$anchor, $$props) {
5242
- $$15.push($$props, false);
5243
- $$15.append_styles($$anchor, $$css$14);
5244
- const indicators = $$15.mutable_state();
5245
- const itemWidthPercentage = $$15.mutable_state();
5246
- const baseContainerStyle = $$15.mutable_state();
5247
- const containerStyle = $$15.mutable_state();
5248
- const indicatorListStyle = $$15.mutable_state();
5249
- const indicatorItemStyle = $$15.mutable_state();
5250
- let layerId = $$15.prop($$props, "layerId", 8);
5251
- let props = $$15.prop($$props, "props", 8);
5252
- let overrideStyle = $$15.prop($$props, "overrideStyle", 8);
5184
+ $.push($$props, false);
5185
+ $.append_styles($$anchor, $$css$14);
5186
+ const indicators = $.mutable_state();
5187
+ const itemWidthPercentage = $.mutable_state();
5188
+ const baseContainerStyle = $.mutable_state();
5189
+ const containerStyle = $.mutable_state();
5190
+ const indicatorListStyle = $.mutable_state();
5191
+ const indicatorItemStyle = $.mutable_state();
5192
+ let layerId = $.prop($$props, "layerId", 8);
5193
+ let props = $.prop($$props, "props", 8);
5194
+ let overrideStyle = $.prop($$props, "overrideStyle", 8);
5253
5195
  useInjectCustomizeCss(props());
5254
- let containerElement = $$15.mutable_state();
5255
- let slotElement = $$15.mutable_state();
5256
- let currentIndex = $$15.mutable_state(0);
5196
+ let containerElement = $.mutable_state();
5197
+ let slotElement = $.mutable_state();
5198
+ let currentIndex = $.mutable_state(0);
5257
5199
  let isDragging = false;
5258
5200
  let startX = 0;
5259
- let movedX = $$15.mutable_state(null);
5260
- let childCount = $$15.mutable_state(0);
5261
- let transformX = $$15.mutable_state();
5201
+ let movedX = $.mutable_state(null);
5202
+ let childCount = $.mutable_state(0);
5203
+ let transformX = $.mutable_state();
5262
5204
  let lastFrame = 0;
5263
5205
  const THROTTLE = 16;
5264
5206
  const computeTransformX = (index, itemCount, movedX$1, itemWidthPercentage$1, gap) => {
@@ -5271,24 +5213,24 @@ function Slider($$anchor, $$props) {
5271
5213
  return `translate3d(calc(-${result}% - ${gap * index}px${moved}), 0, 0)`;
5272
5214
  };
5273
5215
  const handleClickIndicator = (index) => {
5274
- $$15.set(currentIndex, index);
5216
+ $.set(currentIndex, index);
5275
5217
  };
5276
5218
  const setChildCount = () => {
5277
- const count = $$15.get(slotElement)?.children?.length ?? 0;
5278
- if (count !== $$15.get(childCount)) $$15.set(childCount, $$15.get(slotElement)?.children?.length ?? 0);
5219
+ const count = $.get(slotElement)?.children?.length ?? 0;
5220
+ if (count !== $.get(childCount)) $.set(childCount, $.get(slotElement)?.children?.length ?? 0);
5279
5221
  };
5280
5222
  const toNext = () => {
5281
- if ($$15.get(currentIndex) < $$15.get(childCount) - 1) $$15.set(currentIndex, $$15.get(currentIndex) + 1);
5282
- else if (props().loop) $$15.set(currentIndex, 0);
5223
+ if ($.get(currentIndex) < $.get(childCount) - 1) $.set(currentIndex, $.get(currentIndex) + 1);
5224
+ else if (props().loop) $.set(currentIndex, 0);
5283
5225
  };
5284
5226
  const toPrev = () => {
5285
- if ($$15.get(currentIndex) > 0) $$15.set(currentIndex, $$15.get(currentIndex) - 1);
5286
- else if (props().loop) $$15.set(currentIndex, $$15.get(childCount) - 1);
5227
+ if ($.get(currentIndex) > 0) $.set(currentIndex, $.get(currentIndex) - 1);
5228
+ else if (props().loop) $.set(currentIndex, $.get(childCount) - 1);
5287
5229
  };
5288
5230
  const handleClick = (e) => {
5289
5231
  const isParentContainer = (el) => {
5290
5232
  if (!el) return false;
5291
- return el === $$15.get(containerElement) || isParentContainer(el.parentElement);
5233
+ return el === $.get(containerElement) || isParentContainer(el.parentElement);
5292
5234
  };
5293
5235
  if (isParentContainer(e.target) && isDragging) {
5294
5236
  e.preventDefault();
@@ -5296,7 +5238,7 @@ function Slider($$anchor, $$props) {
5296
5238
  }
5297
5239
  };
5298
5240
  const move = (moved) => {
5299
- $$15.set(movedX, moved);
5241
+ $.set(movedX, moved);
5300
5242
  if ((moved > 10 || moved < -10) && !isDragging) isDragging = true;
5301
5243
  };
5302
5244
  const handleTouchmove = (e) => {
@@ -5306,9 +5248,9 @@ function Slider($$anchor, $$props) {
5306
5248
  lastFrame = now;
5307
5249
  };
5308
5250
  const handleTouchend = () => {
5309
- if ($$15.get(movedX) >= 32) toNext();
5310
- else if ($$15.get(movedX) <= -32) toPrev();
5311
- $$15.set(movedX, null);
5251
+ if ($.get(movedX) >= 32) toNext();
5252
+ else if ($.get(movedX) <= -32) toPrev();
5253
+ $.set(movedX, null);
5312
5254
  document.removeEventListener("touchmove", handleTouchmove);
5313
5255
  document.removeEventListener("touchend", handleTouchend);
5314
5256
  document.removeEventListener("click", handleClick);
@@ -5324,9 +5266,9 @@ function Slider($$anchor, $$props) {
5324
5266
  move(startX - e.clientX);
5325
5267
  };
5326
5268
  const handleMouseup = (e) => {
5327
- if ($$15.get(movedX) >= 32) toNext();
5328
- else if ($$15.get(movedX) <= -32) toPrev();
5329
- $$15.set(movedX, null);
5269
+ if ($.get(movedX) >= 32) toNext();
5270
+ else if ($.get(movedX) <= -32) toPrev();
5271
+ $.set(movedX, null);
5330
5272
  if (isDragging) e.stopPropagation();
5331
5273
  document.removeEventListener("mousemove", handleMousemove);
5332
5274
  document.removeEventListener("mouseup", handleMouseup);
@@ -5349,49 +5291,49 @@ function Slider($$anchor, $$props) {
5349
5291
  if (autoSlideTimer) clearInterval(autoSlideTimer);
5350
5292
  };
5351
5293
  });
5352
- $$15.legacy_pre_effect(() => $$15.get(slotElement), () => {
5353
- if ($$15.get(slotElement)) $$15.set(childCount, $$15.get(slotElement).children.length);
5294
+ $.legacy_pre_effect(() => $.get(slotElement), () => {
5295
+ if ($.get(slotElement)) $.set(childCount, $.get(slotElement).children.length);
5354
5296
  });
5355
- $$15.legacy_pre_effect(() => ($$15.get(childCount), $$15.get(currentIndex)), () => {
5356
- $$15.set(indicators, [...Array($$15.get(childCount))].map((_, i) => ({
5297
+ $.legacy_pre_effect(() => ($.get(childCount), $.get(currentIndex)), () => {
5298
+ $.set(indicators, [...Array($.get(childCount))].map((_, i) => ({
5357
5299
  index: i,
5358
- isActive: i === $$15.get(currentIndex)
5300
+ isActive: i === $.get(currentIndex)
5359
5301
  })));
5360
5302
  });
5361
- $$15.legacy_pre_effect(() => $$15.deep_read_state(props()), () => {
5362
- $$15.set(itemWidthPercentage, props().itemWidthPercentage ?? 100);
5303
+ $.legacy_pre_effect(() => $.deep_read_state(props()), () => {
5304
+ $.set(itemWidthPercentage, props().itemWidthPercentage ?? 100);
5363
5305
  });
5364
- $$15.legacy_pre_effect(() => ($$15.get(currentIndex), $$15.get(childCount), $$15.get(movedX), $$15.get(itemWidthPercentage), $$15.deep_read_state(props())), () => {
5365
- $$15.set(transformX, computeTransformX($$15.get(currentIndex), $$15.get(childCount), $$15.get(movedX), $$15.get(itemWidthPercentage), props().gap ?? 0));
5306
+ $.legacy_pre_effect(() => ($.get(currentIndex), $.get(childCount), $.get(movedX), $.get(itemWidthPercentage), $.deep_read_state(props())), () => {
5307
+ $.set(transformX, computeTransformX($.get(currentIndex), $.get(childCount), $.get(movedX), $.get(itemWidthPercentage), props().gap ?? 0));
5366
5308
  });
5367
- $$15.legacy_pre_effect(() => ($$15.deep_read_state(props()), $$15.get(itemWidthPercentage), $$15.get(movedX)), () => {
5368
- $$15.set(baseContainerStyle, {
5309
+ $.legacy_pre_effect(() => ($.deep_read_state(props()), $.get(itemWidthPercentage), $.get(movedX)), () => {
5310
+ $.set(baseContainerStyle, {
5369
5311
  display: "grid",
5370
5312
  gap: `${props().gap}px`,
5371
- gridTemplateColumns: `repeat(auto-fill, minmax(${$$15.get(itemWidthPercentage)}%, 1fr))`,
5313
+ gridTemplateColumns: `repeat(auto-fill, minmax(${$.get(itemWidthPercentage)}%, 1fr))`,
5372
5314
  gridAutoFlow: "column",
5373
- gridAutoColumns: `minmax(${$$15.get(itemWidthPercentage)}%, 1fr)`,
5315
+ gridAutoColumns: `minmax(${$.get(itemWidthPercentage)}%, 1fr)`,
5374
5316
  flexShrink: 0,
5375
- transition: $$15.get(movedX) === null ? "transform 0.5s" : void 0,
5317
+ transition: $.get(movedX) === null ? "transform 0.5s" : void 0,
5376
5318
  userSelect: "none"
5377
5319
  });
5378
5320
  });
5379
- $$15.legacy_pre_effect(() => ($$15.get(baseContainerStyle), $$15.get(transformX)), () => {
5380
- $$15.set(containerStyle, objToStyle({
5381
- ...$$15.get(baseContainerStyle),
5382
- transform: $$15.get(transformX)
5321
+ $.legacy_pre_effect(() => ($.get(baseContainerStyle), $.get(transformX)), () => {
5322
+ $.set(containerStyle, objToStyle({
5323
+ ...$.get(baseContainerStyle),
5324
+ transform: $.get(transformX)
5383
5325
  }));
5384
5326
  });
5385
- $$15.legacy_pre_effect(() => objToStyle, () => {
5386
- $$15.set(indicatorListStyle, objToStyle({
5327
+ $.legacy_pre_effect(() => objToStyle, () => {
5328
+ $.set(indicatorListStyle, objToStyle({
5387
5329
  display: "flex",
5388
5330
  justifyContent: "center",
5389
5331
  gap: "4px",
5390
5332
  marginTop: "12px"
5391
5333
  }));
5392
5334
  });
5393
- $$15.legacy_pre_effect(() => {}, () => {
5394
- $$15.set(indicatorItemStyle, {
5335
+ $.legacy_pre_effect(() => {}, () => {
5336
+ $.set(indicatorItemStyle, {
5395
5337
  width: "8px",
5396
5338
  height: "8px",
5397
5339
  borderRadius: "100%",
@@ -5401,82 +5343,82 @@ function Slider($$anchor, $$props) {
5401
5343
  cursor: "pointer"
5402
5344
  });
5403
5345
  });
5404
- $$15.legacy_pre_effect_reset();
5405
- $$15.init();
5346
+ $.legacy_pre_effect_reset();
5347
+ $.init();
5406
5348
  var div = root$13();
5407
- var div_1 = $$15.child(div);
5408
- var ul = $$15.child(div_1);
5409
- var node = $$15.child(ul);
5410
- $$15.slot(node, $$props, "default", {}, null);
5411
- $$15.reset(ul);
5412
- $$15.bind_this(ul, ($$value) => $$15.set(slotElement, $$value), () => $$15.get(slotElement));
5413
- $$15.reset(div_1);
5414
- $$15.bind_this(div_1, ($$value) => $$15.set(containerElement, $$value), () => $$15.get(containerElement));
5415
- var div_2 = $$15.sibling(div_1, 2);
5416
- $$15.each(div_2, 5, () => $$15.get(indicators) ?? [], $$15.index, ($$anchor$1, indicator, i) => {
5349
+ var div_1 = $.child(div);
5350
+ var ul = $.child(div_1);
5351
+ var node = $.child(ul);
5352
+ $.slot(node, $$props, "default", {}, null);
5353
+ $.reset(ul);
5354
+ $.bind_this(ul, ($$value) => $.set(slotElement, $$value), () => $.get(slotElement));
5355
+ $.reset(div_1);
5356
+ $.bind_this(div_1, ($$value) => $.set(containerElement, $$value), () => $.get(containerElement));
5357
+ var div_2 = $.sibling(div_1, 2);
5358
+ $.each(div_2, 5, () => $.get(indicators) ?? [], $.index, ($$anchor$1, indicator, i) => {
5417
5359
  var button = root_1$2();
5418
- var i_1 = $$15.child(button);
5419
- $$15.reset(button);
5420
- $$15.template_effect(($0, $1) => {
5421
- $$15.set_style(button, $0);
5422
- $$15.set_style(i_1, $1);
5360
+ var i_1 = $.child(button);
5361
+ $.reset(button);
5362
+ $.template_effect(($0, $1) => {
5363
+ $.set_style(button, $0);
5364
+ $.set_style(i_1, $1);
5423
5365
  }, [() => objToStyle({
5424
5366
  padding: "4px",
5425
5367
  border: 0,
5426
5368
  background: "none"
5427
5369
  }), () => objToStyle({
5428
- ...$$15.get(indicatorItemStyle),
5429
- background: $$15.get(indicator).isActive ? "#555555" : "#AAAAAA"
5430
- })], $$15.derived_safe_equal);
5431
- $$15.event("click", button, () => handleClickIndicator(i));
5432
- $$15.append($$anchor$1, button);
5433
- });
5434
- $$15.reset(div_2);
5435
- $$15.reset(div);
5436
- $$15.template_effect(($0) => {
5437
- $$15.set_attribute(div, "data-layer-id", layerId());
5438
- $$15.set_style(ul, $0);
5439
- $$15.set_style(div_2, $$15.get(indicatorListStyle));
5440
- }, [() => [$$15.get(containerStyle), overrideStyle()].join(" ")], $$15.derived_safe_equal);
5441
- $$15.event("mousedown", div_1, handleMousedown);
5442
- $$15.event("touchstart", div_1, handleTouchstart);
5443
- $$15.append($$anchor, div);
5444
- $$15.pop();
5370
+ ...$.get(indicatorItemStyle),
5371
+ background: $.get(indicator).isActive ? "#555555" : "#AAAAAA"
5372
+ })], $.derived_safe_equal);
5373
+ $.event("click", button, () => handleClickIndicator(i));
5374
+ $.append($$anchor$1, button);
5375
+ });
5376
+ $.reset(div_2);
5377
+ $.reset(div);
5378
+ $.template_effect(($0) => {
5379
+ $.set_attribute(div, "data-layer-id", layerId());
5380
+ $.set_style(ul, $0);
5381
+ $.set_style(div_2, $.get(indicatorListStyle));
5382
+ }, [() => [$.get(containerStyle), overrideStyle()].join(" ")], $.derived_safe_equal);
5383
+ $.event("mousedown", div_1, handleMousedown);
5384
+ $.event("touchstart", div_1, handleTouchstart);
5385
+ $.append($$anchor, div);
5386
+ $.pop();
5445
5387
  }
5446
5388
 
5447
5389
  //#endregion
5448
5390
  //#region src/components-flex/slider/SliderItem.svelte
5449
- var root$12 = $$14.template(`<li class="slider-item svelte-1m93md9"><!></li>`);
5391
+ var root$12 = $.template(`<li class="slider-item svelte-1m93md9"><!></li>`);
5450
5392
  const $$css$13 = {
5451
5393
  hash: "svelte-1m93md9",
5452
5394
  code: ".slider-item.svelte-1m93md9 {overflow:hidden;}.slider-item-inner.svelte-1m93md9 {text-decoration:none;border:0;background:none;padding:0;margin:0;text-align:left;-webkit-appearance:none;text-align:left;color:inherit;-webkit-user-drag:none;user-select:none;}"
5453
5395
  };
5454
5396
  function SliderItem($$anchor, $$props) {
5455
- $$14.push($$props, false);
5456
- $$14.append_styles($$anchor, $$css$13);
5457
- let layerId = $$14.prop($$props, "layerId", 8);
5458
- let props = $$14.prop($$props, "props", 8);
5397
+ $.push($$props, false);
5398
+ $.append_styles($$anchor, $$css$13);
5399
+ let layerId = $.prop($$props, "layerId", 8);
5400
+ let props = $.prop($$props, "props", 8);
5459
5401
  useInjectCustomizeCss(props());
5460
5402
  const { attributes, element, handleClick } = useClickable_default(props());
5461
- $$14.init();
5403
+ $.init();
5462
5404
  var li = root$12();
5463
- var node = $$14.child(li);
5464
- $$14.element(node, () => element, false, ($$element, $$anchor$1) => {
5405
+ var node = $.child(li);
5406
+ $.element(node, () => element, false, ($$element, $$anchor$1) => {
5465
5407
  let attributes_1;
5466
- $$14.template_effect(() => attributes_1 = $$14.set_attributes($$element, attributes_1, {
5408
+ $.template_effect(() => attributes_1 = $.set_attributes($$element, attributes_1, {
5467
5409
  ...attributes,
5468
5410
  class: "slider-item-inner"
5469
5411
  }, "svelte-1m93md9"));
5470
- $$14.event("click", $$element, handleClick);
5471
- var fragment = $$14.comment();
5472
- var node_1 = $$14.first_child(fragment);
5473
- $$14.slot(node_1, $$props, "default", {}, null);
5474
- $$14.append($$anchor$1, fragment);
5475
- });
5476
- $$14.reset(li);
5477
- $$14.template_effect(() => $$14.set_attribute(li, "data-layer-id", layerId()));
5478
- $$14.append($$anchor, li);
5479
- $$14.pop();
5412
+ $.event("click", $$element, handleClick);
5413
+ var fragment = $.comment();
5414
+ var node_1 = $.first_child(fragment);
5415
+ $.slot(node_1, $$props, "default", {}, null);
5416
+ $.append($$anchor$1, fragment);
5417
+ });
5418
+ $.reset(li);
5419
+ $.template_effect(() => $.set_attribute(li, "data-layer-id", layerId()));
5420
+ $.append($$anchor, li);
5421
+ $.pop();
5480
5422
  }
5481
5423
 
5482
5424
  //#endregion
@@ -5521,18 +5463,18 @@ const TEXT_VARIANTS = { size: {
5521
5463
 
5522
5464
  //#endregion
5523
5465
  //#region src/components-flex/text/Text.svelte
5524
- var root$11 = $$13.template(`<p class="text svelte-vifn7y"><!></p>`);
5466
+ var root$11 = $.template(`<p class="text svelte-vifn7y"><!></p>`);
5525
5467
  const $$css$12 = {
5526
5468
  hash: "svelte-vifn7y",
5527
5469
  code: ".text.svelte-vifn7y {margin:0;word-break:break-all;text-decoration:none;}"
5528
5470
  };
5529
5471
  function Text($$anchor, $$props) {
5530
- $$13.push($$props, false);
5531
- $$13.append_styles($$anchor, $$css$12);
5532
- const escapedHTML = $$13.mutable_state();
5533
- const style = $$13.mutable_state();
5534
- let props = $$13.prop($$props, "props", 24, () => ({ content: "" }));
5535
- let layerId = $$13.prop($$props, "layerId", 8, "");
5472
+ $.push($$props, false);
5473
+ $.append_styles($$anchor, $$css$12);
5474
+ const escapedHTML = $.mutable_state();
5475
+ const style = $.mutable_state();
5476
+ let props = $.prop($$props, "props", 24, () => ({ content: "" }));
5477
+ let layerId = $.prop($$props, "layerId", 8, "");
5536
5478
  useInjectCustomizeCss(props());
5537
5479
  const { brandKit } = useBrandKit();
5538
5480
  const themeStyles = getTextThemeStyles(brandKit);
@@ -5581,11 +5523,11 @@ function Text($$anchor, $$props) {
5581
5523
  overflow: "hidden"
5582
5524
  };
5583
5525
  })();
5584
- $$13.legacy_pre_effect(() => $$13.deep_read_state(props()), () => {
5585
- $$13.set(escapedHTML, props().content.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#x27;").replace(/\n/g, "<br />"));
5526
+ $.legacy_pre_effect(() => $.deep_read_state(props()), () => {
5527
+ $.set(escapedHTML, props().content.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#x27;").replace(/\n/g, "<br />"));
5586
5528
  });
5587
- $$13.legacy_pre_effect(() => ($$13.deep_read_state(props()), toCssBorder), () => {
5588
- $$13.set(style, objToStyle({
5529
+ $.legacy_pre_effect(() => ($.deep_read_state(props()), toCssBorder), () => {
5530
+ $.set(style, objToStyle({
5589
5531
  position: props()?.position ?? "static",
5590
5532
  textAlign: props().align,
5591
5533
  width: props().width,
@@ -5601,33 +5543,33 @@ function Text($$anchor, $$props) {
5601
5543
  ...toCssBorder(props())
5602
5544
  }));
5603
5545
  });
5604
- $$13.legacy_pre_effect_reset();
5605
- $$13.init();
5546
+ $.legacy_pre_effect_reset();
5547
+ $.init();
5606
5548
  var p = root$11();
5607
- var node = $$13.child(p);
5608
- $$13.html(node, () => $$13.get(escapedHTML), false, false);
5609
- $$13.reset(p);
5610
- $$13.template_effect(() => {
5611
- $$13.set_attribute(p, "data-layer-id", layerId());
5612
- $$13.set_style(p, $$13.get(style));
5549
+ var node = $.child(p);
5550
+ $.html(node, () => $.get(escapedHTML), false, false);
5551
+ $.reset(p);
5552
+ $.template_effect(() => {
5553
+ $.set_attribute(p, "data-layer-id", layerId());
5554
+ $.set_style(p, $.get(style));
5613
5555
  });
5614
- $$13.append($$anchor, p);
5615
- $$13.pop();
5556
+ $.append($$anchor, p);
5557
+ $.pop();
5616
5558
  }
5617
5559
 
5618
5560
  //#endregion
5619
5561
  //#region src/components-flex/rich-text/RichText.svelte
5620
- var root$10 = $$12.template(`<div class="rich-text svelte-dxr423"><!></div>`);
5562
+ var root$10 = $.template(`<div class="rich-text svelte-dxr423"><!></div>`);
5621
5563
  const $$css$11 = {
5622
5564
  hash: "svelte-dxr423",
5623
5565
  code: ".rich-text.svelte-dxr423 p {margin:0;word-break:break-all;text-decoration:none;}.rich-text.svelte-dxr423 p + p {margin-top:0.75em;}"
5624
5566
  };
5625
5567
  function RichText($$anchor, $$props) {
5626
- $$12.push($$props, false);
5627
- $$12.append_styles($$anchor, $$css$11);
5628
- const style = $$12.mutable_state();
5629
- let props = $$12.prop($$props, "props", 24, () => ({ content: "" }));
5630
- let layerId = $$12.prop($$props, "layerId", 8, "");
5568
+ $.push($$props, false);
5569
+ $.append_styles($$anchor, $$css$11);
5570
+ const style = $.mutable_state();
5571
+ let props = $.prop($$props, "props", 24, () => ({ content: "" }));
5572
+ let layerId = $.prop($$props, "layerId", 8, "");
5631
5573
  useInjectCustomizeCss(props());
5632
5574
  const { brandKit } = useBrandKit();
5633
5575
  const themeStyles = getTextThemeStyles(brandKit);
@@ -5661,8 +5603,8 @@ function RichText($$anchor, $$props) {
5661
5603
  fontWeight: getFontWeight()
5662
5604
  };
5663
5605
  };
5664
- $$12.legacy_pre_effect(() => ($$12.deep_read_state(props()), toCssPosition), () => {
5665
- $$12.set(style, objToStyle({
5606
+ $.legacy_pre_effect(() => ($.deep_read_state(props()), toCssPosition), () => {
5607
+ $.set(style, objToStyle({
5666
5608
  position: props()?.position ?? "static",
5667
5609
  textAlign: props().align,
5668
5610
  width: props().width,
@@ -5673,18 +5615,18 @@ function RichText($$anchor, $$props) {
5673
5615
  ...toCssPosition(props())
5674
5616
  }));
5675
5617
  });
5676
- $$12.legacy_pre_effect_reset();
5677
- $$12.init();
5618
+ $.legacy_pre_effect_reset();
5619
+ $.init();
5678
5620
  var div = root$10();
5679
- var node = $$12.child(div);
5680
- $$12.html(node, () => props().content, false, false);
5681
- $$12.reset(div);
5682
- $$12.template_effect(() => {
5683
- $$12.set_style(div, $$12.get(style));
5684
- $$12.set_attribute(div, "data-layer-id", layerId());
5621
+ var node = $.child(div);
5622
+ $.html(node, () => props().content, false, false);
5623
+ $.reset(div);
5624
+ $.template_effect(() => {
5625
+ $.set_style(div, $.get(style));
5626
+ $.set_attribute(div, "data-layer-id", layerId());
5685
5627
  });
5686
- $$12.append($$anchor, div);
5687
- $$12.pop();
5628
+ $.append($$anchor, div);
5629
+ $.pop();
5688
5630
  }
5689
5631
 
5690
5632
  //#endregion
@@ -5741,19 +5683,19 @@ const getTextLinkThemeStyles = getPropStyles(callback);
5741
5683
 
5742
5684
  //#endregion
5743
5685
  //#region src/components-flex/text-link/TextLink.svelte
5744
- var root_1$1 = $$11.template(`<!> <span><!></span>`, 1);
5686
+ var root_1$1 = $.template(`<!> <span><!></span>`, 1);
5745
5687
  const $$css$10 = {
5746
5688
  hash: "svelte-dc9m5n",
5747
5689
  code: ".link.svelte-dc9m5n {-webkit-appearance:none;border:0;background:none;padding:0;display:inline-flex;}.link.svelte-dc9m5n,\n .link.svelte-dc9m5n:visited,\n .link.svelte-dc9m5n:link {color:var(--color);}.link.svelte-dc9m5n:hover {color:var(--hover-color);}.link.svelte-dc9m5n:active {color:var(--active-color);}.link.underline-hover-on.svelte-dc9m5n {text-decoration:none;}.link.underline-hover-on.svelte-dc9m5n:hover {text-decoration:underline;}.link.underline-hover-off.svelte-dc9m5n {text-decoration:underline;}.link.underline-hover-off.svelte-dc9m5n:hover {text-decoration:none;}.link.underline-on.svelte-dc9m5n {text-decoration:underline;}.link.underline-off.svelte-dc9m5n {text-decoration:none;}"
5748
5690
  };
5749
5691
  function TextLink($$anchor, $$props) {
5750
- $$11.push($$props, false);
5751
- $$11.append_styles($$anchor, $$css$10);
5752
- const escapedHTML = $$11.mutable_state();
5753
- const variables$1 = $$11.mutable_state();
5754
- const style = $$11.mutable_state();
5755
- let props = $$11.prop($$props, "props", 24, () => ({ label: "" }));
5756
- let layerId = $$11.prop($$props, "layerId", 8, "");
5692
+ $.push($$props, false);
5693
+ $.append_styles($$anchor, $$css$10);
5694
+ const escapedHTML = $.mutable_state();
5695
+ const variables$1 = $.mutable_state();
5696
+ const style = $.mutable_state();
5697
+ let props = $.prop($$props, "props", 24, () => ({ label: "" }));
5698
+ let layerId = $.prop($$props, "layerId", 8, "");
5757
5699
  useInjectCustomizeCss(props());
5758
5700
  const { brandKit } = useBrandKit();
5759
5701
  const { attributes, element, handleClick } = useClickable_default({
@@ -5775,18 +5717,18 @@ function TextLink($$anchor, $$props) {
5775
5717
  default: return "underline-hover-on";
5776
5718
  }
5777
5719
  })();
5778
- $$11.legacy_pre_effect(() => $$11.deep_read_state(props()), () => {
5779
- $$11.set(escapedHTML, props().label.replace(/&/g, "&lt;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#x27;").replace(/\n/g, "<br />"));
5720
+ $.legacy_pre_effect(() => $.deep_read_state(props()), () => {
5721
+ $.set(escapedHTML, props().label.replace(/&/g, "&lt;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#x27;").replace(/\n/g, "<br />"));
5780
5722
  });
5781
- $$11.legacy_pre_effect(() => ($$11.deep_read_state(props()), darkenColor), () => {
5782
- $$11.set(variables$1, {
5723
+ $.legacy_pre_effect(() => ($.deep_read_state(props()), darkenColor), () => {
5724
+ $.set(variables$1, {
5783
5725
  "--color": props().color ?? themeStyle.color,
5784
5726
  "--hover-color": darkenColor(props().color ?? themeStyle.color, .12),
5785
5727
  "--active-color": darkenColor(props().color ?? themeStyle.color, .2)
5786
5728
  });
5787
5729
  });
5788
- $$11.legacy_pre_effect(() => ($$11.deep_read_state(props()), $$11.get(variables$1)), () => {
5789
- $$11.set(style, objToStyle({
5730
+ $.legacy_pre_effect(() => ($.deep_read_state(props()), $.get(variables$1)), () => {
5731
+ $.set(style, objToStyle({
5790
5732
  display: "inline-flex",
5791
5733
  gap: "0.5em",
5792
5734
  alignItems: "center",
@@ -5798,48 +5740,48 @@ function TextLink($$anchor, $$props) {
5798
5740
  cursor: "pointer",
5799
5741
  ...toCssCommon(props()),
5800
5742
  ...toCssPosition(props()),
5801
- ...$$11.get(variables$1)
5743
+ ...$.get(variables$1)
5802
5744
  }));
5803
5745
  });
5804
- $$11.legacy_pre_effect_reset();
5805
- $$11.init();
5806
- var fragment = $$11.comment();
5807
- var node = $$11.first_child(fragment);
5808
- $$11.element(node, () => element, false, ($$element, $$anchor$1) => {
5746
+ $.legacy_pre_effect_reset();
5747
+ $.init();
5748
+ var fragment = $.comment();
5749
+ var node = $.first_child(fragment);
5750
+ $.element(node, () => element, false, ($$element, $$anchor$1) => {
5809
5751
  let attributes_1;
5810
- $$11.template_effect(() => attributes_1 = $$11.set_attributes($$element, attributes_1, {
5752
+ $.template_effect(() => attributes_1 = $.set_attributes($$element, attributes_1, {
5811
5753
  ...attributes,
5812
5754
  class: `link ${underlineClass}`,
5813
- style: $$11.get(style),
5755
+ style: $.get(style),
5814
5756
  "data-layer-id": layerId()
5815
5757
  }, "svelte-dc9m5n"));
5816
- $$11.event("click", $$element, handleClick);
5758
+ $.event("click", $$element, handleClick);
5817
5759
  var fragment_1 = root_1$1();
5818
- var node_1 = $$11.first_child(fragment_1);
5760
+ var node_1 = $.first_child(fragment_1);
5819
5761
  {
5820
5762
  var consequent = ($$anchor$2) => {
5821
- const expression = $$11.derived_safe_equal(() => ({
5763
+ const expression = $.derived_safe_equal(() => ({
5822
5764
  variant: props().iconVariant,
5823
5765
  color: props().iconColor ?? props().color,
5824
5766
  width: "1em",
5825
5767
  height: "1em"
5826
5768
  }));
5827
5769
  Icon($$anchor$2, { get props() {
5828
- return $$11.get(expression);
5770
+ return $.get(expression);
5829
5771
  } });
5830
5772
  };
5831
- $$11.if(node_1, ($$render) => {
5773
+ $.if(node_1, ($$render) => {
5832
5774
  if (props().isIcon && props().iconVariant) $$render(consequent);
5833
5775
  });
5834
5776
  }
5835
- var span = $$11.sibling(node_1, 2);
5836
- var node_2 = $$11.child(span);
5837
- $$11.html(node_2, () => $$11.get(escapedHTML), false, false);
5838
- $$11.reset(span);
5839
- $$11.append($$anchor$1, fragment_1);
5777
+ var span = $.sibling(node_1, 2);
5778
+ var node_2 = $.child(span);
5779
+ $.html(node_2, () => $.get(escapedHTML), false, false);
5780
+ $.reset(span);
5781
+ $.append($$anchor$1, fragment_1);
5840
5782
  });
5841
- $$11.append($$anchor, fragment);
5842
- $$11.pop();
5783
+ $.append($$anchor, fragment);
5784
+ $.pop();
5843
5785
  }
5844
5786
 
5845
5787
  //#endregion
@@ -5866,83 +5808,83 @@ const TEXT_LINK_UNDERLINE = {
5866
5808
 
5867
5809
  //#endregion
5868
5810
  //#region src/components-flex/background-overlay/BackgroundOverlay.svelte
5869
- var root_1 = $$10.template(`<div></div>`);
5811
+ var root_1 = $.template(`<div></div>`);
5870
5812
  const $$css$9 = {
5871
5813
  hash: "svelte-18nkdjz",
5872
5814
  code: ".v2-background.svelte-18nkdjz {position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.3);z-index:2147483646;}"
5873
5815
  };
5874
5816
  function BackgroundOverlay($$anchor, $$props) {
5875
- $$10.push($$props, false);
5876
- $$10.append_styles($$anchor, $$css$9);
5877
- let backgroundOverlay = $$10.prop($$props, "backgroundOverlay", 8, false);
5878
- let className = $$10.prop($$props, "class", 8, void 0);
5817
+ $.push($$props, false);
5818
+ $.append_styles($$anchor, $$css$9);
5819
+ let backgroundOverlay = $.prop($$props, "backgroundOverlay", 8, false);
5820
+ let className = $.prop($$props, "class", 8, void 0);
5879
5821
  const dispatch = createEventDispatcher();
5880
- $$10.init();
5881
- var fragment = $$10.comment();
5882
- var node = $$10.first_child(fragment);
5822
+ $.init();
5823
+ var fragment = $.comment();
5824
+ var node = $.first_child(fragment);
5883
5825
  {
5884
5826
  var consequent = ($$anchor$1) => {
5885
5827
  var div = root_1();
5886
- $$10.template_effect(($0) => $$10.set_class(div, 1, $0, "svelte-18nkdjz"), [() => $$10.clsx(["v2-background", className() || ""].join(" "))], $$10.derived_safe_equal);
5887
- $$10.event("click", div, () => dispatch("click"));
5888
- $$10.append($$anchor$1, div);
5828
+ $.template_effect(($0) => $.set_class(div, 1, $0, "svelte-18nkdjz"), [() => $.clsx(["v2-background", className() || ""].join(" "))], $.derived_safe_equal);
5829
+ $.event("click", div, () => dispatch("click"));
5830
+ $.append($$anchor$1, div);
5889
5831
  };
5890
- $$10.if(node, ($$render) => {
5832
+ $.if(node, ($$render) => {
5891
5833
  if (backgroundOverlay()) $$render(consequent);
5892
5834
  });
5893
5835
  }
5894
- $$10.append($$anchor, fragment);
5895
- $$10.pop();
5836
+ $.append($$anchor, fragment);
5837
+ $.pop();
5896
5838
  }
5897
5839
 
5898
5840
  //#endregion
5899
5841
  //#region src/components-flex/modal/Modal.svelte
5900
- var root_2 = $$9.template(`<!> <!>`, 1);
5901
- var root_4 = $$9.template(`<div role="dialog" aria-modal="true"><!></div>`);
5902
- var root$9 = $$9.template(`<!> <!>`, 1);
5842
+ var root_2 = $.template(`<!> <!>`, 1);
5843
+ var root_4 = $.template(`<div role="dialog" aria-modal="true"><!></div>`);
5844
+ var root$9 = $.template(`<!> <!>`, 1);
5903
5845
  const $$css$8 = {
5904
5846
  hash: "svelte-45ue06",
5905
5847
  code: "* {box-sizing:border-box;}.modal.svelte-45ue06 {position:fixed;z-index:2147483647;display:flex;}.modal.svelte-45ue06 > .button {flex:auto;display:flex;}\n /* PC */\n @media screen and (min-width: 641px) {.modal-bp.svelte-45ue06 {height:var(--modal-bp-height-pc) !important;width:var(--modal-bp-width-pc) !important;top:var(--modal-bp-top-pc) !important;left:var(--modal-bp-left-pc) !important;bottom:var(--modal-bp-bottom-pc) !important;right:var(--modal-bp-right-pc) !important;transform:var(--modal-bp-transform-pc);margin:var(--modal-bp-margin-pc) !important;}.background-bp-pc {display:block;}.background-bp-sp {display:none;}\n }\n\n /* SP */\n @media screen and (max-width: 640px) {.modal-bp.svelte-45ue06 {height:var(--modal-bp-height-sp) !important;width:var(--modal-bp-width-sp) !important;top:var(--modal-bp-top-sp) !important;left:var(--modal-bp-left-sp) !important;bottom:var(--modal-bp-bottom-sp) !important;right:var(--modal-bp-right-sp) !important;transform:var(--modal-bp-transform-sp);margin:var(--modal-bp-margin-sp) !important;}.background-bp-pc {display:none;}.background-bp-sp {display:block;}\n }"
5906
5848
  };
5907
5849
  function Modal($$anchor, $$props) {
5908
- $$9.push($$props, false);
5909
- $$9.append_styles($$anchor, $$css$8);
5910
- const close$1 = $$9.mutable_state();
5911
- const backgroundClick = $$9.mutable_state();
5912
- const backgroundClickPC = $$9.mutable_state();
5913
- const backgroundClickSP = $$9.mutable_state();
5914
- const handle_keydown = $$9.mutable_state();
5915
- const visible = $$9.mutable_state();
5916
- let useBreakPoint = $$9.prop($$props, "useBreakPoint", 8, false);
5917
- let placement = $$9.prop($$props, "placement", 8);
5918
- let breakPoint = $$9.prop($$props, "breakPoint", 8);
5919
- let elasticity = $$9.prop($$props, "elasticity", 8);
5920
- let animation = $$9.prop($$props, "animation", 8, "none");
5921
- let props = $$9.prop($$props, "props", 24, () => ({}));
5922
- let closeEventName = $$9.prop($$props, "closeEventName", 8, "");
5923
- let closeEventValue = $$9.prop($$props, "closeEventValue", 8, null);
5924
- let layerId = $$9.prop($$props, "layerId", 8, "");
5850
+ $.push($$props, false);
5851
+ $.append_styles($$anchor, $$css$8);
5852
+ const close$1 = $.mutable_state();
5853
+ const backgroundClick = $.mutable_state();
5854
+ const backgroundClickPC = $.mutable_state();
5855
+ const backgroundClickSP = $.mutable_state();
5856
+ const handle_keydown = $.mutable_state();
5857
+ const visible = $.mutable_state();
5858
+ let useBreakPoint = $.prop($$props, "useBreakPoint", 8, false);
5859
+ let placement = $.prop($$props, "placement", 8);
5860
+ let breakPoint = $.prop($$props, "breakPoint", 8);
5861
+ let elasticity = $.prop($$props, "elasticity", 8);
5862
+ let animation = $.prop($$props, "animation", 8, "none");
5863
+ let props = $.prop($$props, "props", 24, () => ({}));
5864
+ let closeEventName = $.prop($$props, "closeEventName", 8, "");
5865
+ let closeEventValue = $.prop($$props, "closeEventValue", 8, null);
5866
+ let layerId = $.prop($$props, "layerId", 8, "");
5925
5867
  const { brandKit } = useBrandKit();
5926
5868
  const isExistBackgroundOverlayValue = placement() && placement().backgroundOverlay !== void 0;
5927
5869
  const position = placement()?.position ?? "center";
5928
- let backgroundOverlay = $$9.mutable_state(position === "center");
5929
- let backgroundOverlayPC = $$9.mutable_state(position === "center");
5930
- let backgroundOverlaySP = $$9.mutable_state(position === "center");
5931
- let backgroundClickFunction = $$9.mutable_state(DefaultModalPlacement.backgroundClick);
5932
- let backgroundClickFunctionPC = $$9.mutable_state(DefaultModalPlacement.backgroundClick);
5933
- let backgroundClickFunctionSP = $$9.mutable_state(DefaultModalPlacement.backgroundClick);
5934
- let modalStyles = new Set([]);
5935
- let transforms = $$9.mutable_state([{
5870
+ let backgroundOverlay = $.mutable_state(position === "center");
5871
+ let backgroundOverlayPC = $.mutable_state(position === "center");
5872
+ let backgroundOverlaySP = $.mutable_state(position === "center");
5873
+ let backgroundClickFunction = $.mutable_state(DefaultModalPlacement.backgroundClick);
5874
+ let backgroundClickFunctionPC = $.mutable_state(DefaultModalPlacement.backgroundClick);
5875
+ let backgroundClickFunctionSP = $.mutable_state(DefaultModalPlacement.backgroundClick);
5876
+ let modalStyles = /* @__PURE__ */ new Set([]);
5877
+ let transforms = $.mutable_state([{
5936
5878
  query: null,
5937
5879
  ...getTransform("center")
5938
5880
  }]);
5939
- let modal = $$9.mutable_state();
5881
+ let modal = $.mutable_state();
5940
5882
  onMount$1(() => {
5941
- $$9.set(visible, true);
5883
+ $.set(visible, true);
5942
5884
  });
5943
5885
  onDestroy$1(() => setPreviousFocus());
5944
- $$9.legacy_pre_effect(() => ($$9.deep_read_state(closeEventName()), $$9.deep_read_state(closeEventValue()), execOnClickOperation), () => {
5945
- $$9.set(close$1, () => {
5886
+ $.legacy_pre_effect(() => ($.deep_read_state(closeEventName()), $.deep_read_state(closeEventValue()), execOnClickOperation), () => {
5887
+ $.set(close$1, () => {
5946
5888
  const onClose$1 = {
5947
5889
  operation: "closeApp",
5948
5890
  args: ["button"]
@@ -5951,53 +5893,53 @@ function Modal($$anchor, $$props) {
5951
5893
  execOnClickOperation(onClose$1);
5952
5894
  });
5953
5895
  });
5954
- $$9.legacy_pre_effect(() => ($$9.deep_read_state(placement()), $$9.deep_read_state(useBreakPoint()), $$9.deep_read_state(breakPoint())), () => {
5955
- if (!isCanvasPreview() && isExistBackgroundOverlayValue) $$9.set(backgroundOverlay, placement().backgroundOverlay);
5896
+ $.legacy_pre_effect(() => ($.deep_read_state(placement()), $.deep_read_state(useBreakPoint()), $.deep_read_state(breakPoint())), () => {
5897
+ if (!isCanvasPreview() && isExistBackgroundOverlayValue) $.set(backgroundOverlay, placement().backgroundOverlay);
5956
5898
  if (useBreakPoint()) {
5957
5899
  const pc = breakPoint()?.PC?.placement?.backgroundOverlay;
5958
- $$9.set(backgroundOverlayPC, pc ?? false);
5900
+ $.set(backgroundOverlayPC, pc ?? false);
5959
5901
  const sp = breakPoint()?.SP?.placement?.backgroundOverlay;
5960
- $$9.set(backgroundOverlaySP, sp ?? false);
5902
+ $.set(backgroundOverlaySP, sp ?? false);
5961
5903
  }
5962
5904
  });
5963
- $$9.legacy_pre_effect(() => ($$9.deep_read_state(placement()), $$9.deep_read_state(useBreakPoint()), $$9.deep_read_state(breakPoint())), () => {
5964
- if (placement() && placement().backgroundClick) $$9.set(backgroundClickFunction, placement().backgroundClick);
5905
+ $.legacy_pre_effect(() => ($.deep_read_state(placement()), $.deep_read_state(useBreakPoint()), $.deep_read_state(breakPoint())), () => {
5906
+ if (placement() && placement().backgroundClick) $.set(backgroundClickFunction, placement().backgroundClick);
5965
5907
  if (useBreakPoint()) {
5966
5908
  const pc = breakPoint()?.PC?.placement?.backgroundClick;
5967
- if (pc) $$9.set(backgroundClickFunctionPC, pc);
5909
+ if (pc) $.set(backgroundClickFunctionPC, pc);
5968
5910
  const sp = breakPoint()?.SP?.placement?.backgroundClick;
5969
- if (sp) $$9.set(backgroundClickFunctionSP, sp);
5911
+ if (sp) $.set(backgroundClickFunctionSP, sp);
5970
5912
  }
5971
5913
  });
5972
- $$9.legacy_pre_effect(() => ($$9.deep_read_state(closeEventName()), $$9.deep_read_state(closeEventValue()), $$9.get(backgroundClickFunction)), () => {
5973
- $$9.set(backgroundClick, () => {
5914
+ $.legacy_pre_effect(() => ($.deep_read_state(closeEventName()), $.deep_read_state(closeEventValue()), $.get(backgroundClickFunction)), () => {
5915
+ $.set(backgroundClick, () => {
5974
5916
  if (closeEventName()) send_event(closeEventName(), closeEventValue());
5975
- execOnClickOperation($$9.get(backgroundClickFunction));
5917
+ execOnClickOperation($.get(backgroundClickFunction));
5976
5918
  });
5977
5919
  });
5978
- $$9.legacy_pre_effect(() => ($$9.deep_read_state(closeEventName()), $$9.deep_read_state(closeEventValue()), $$9.get(backgroundClickFunctionPC)), () => {
5979
- $$9.set(backgroundClickPC, () => {
5920
+ $.legacy_pre_effect(() => ($.deep_read_state(closeEventName()), $.deep_read_state(closeEventValue()), $.get(backgroundClickFunctionPC)), () => {
5921
+ $.set(backgroundClickPC, () => {
5980
5922
  if (closeEventName()) send_event(closeEventName(), closeEventValue());
5981
- execOnClickOperation($$9.get(backgroundClickFunctionPC));
5923
+ execOnClickOperation($.get(backgroundClickFunctionPC));
5982
5924
  });
5983
5925
  });
5984
- $$9.legacy_pre_effect(() => ($$9.deep_read_state(closeEventName()), $$9.deep_read_state(closeEventValue()), $$9.get(backgroundClickFunctionSP)), () => {
5985
- $$9.set(backgroundClickSP, () => {
5926
+ $.legacy_pre_effect(() => ($.deep_read_state(closeEventName()), $.deep_read_state(closeEventValue()), $.get(backgroundClickFunctionSP)), () => {
5927
+ $.set(backgroundClickSP, () => {
5986
5928
  if (closeEventName()) send_event(closeEventName(), closeEventValue());
5987
- execOnClickOperation($$9.get(backgroundClickFunctionSP));
5929
+ execOnClickOperation($.get(backgroundClickFunctionSP));
5988
5930
  });
5989
5931
  });
5990
- $$9.legacy_pre_effect(() => ($$9.deep_read_state(placement()), $$9.deep_read_state(useBreakPoint()), $$9.get(transforms), $$9.deep_read_state(breakPoint()), parseStyle), () => {
5932
+ $.legacy_pre_effect(() => ($.deep_read_state(placement()), $.deep_read_state(useBreakPoint()), $.get(transforms), $.deep_read_state(breakPoint()), parseStyle), () => {
5991
5933
  let position$1 = DefaultModalPlacement.position;
5992
5934
  if (!isCanvasPreview() && placement() && placement().position !== null) position$1 = placement().position;
5993
5935
  let positionStyle = getPositionStyle(position$1);
5994
5936
  if (!useBreakPoint()) modalStyles.add(positionStyle);
5995
5937
  if (brandKit) modalStyles.add(`font-family: ${brandKit.font_family}`);
5996
- $$9.set(transforms, []);
5938
+ $.set(transforms, []);
5997
5939
  DEVICE_IDS.forEach((deviceId) => {
5998
5940
  if (!isCanvasPreview() && useBreakPoint()) {
5999
5941
  const positionWithBp = breakPoint()[deviceId]?.placement?.position;
6000
- $$9.get(transforms).push({
5942
+ $.get(transforms).push({
6001
5943
  query: DEVICE_QUERIES[deviceId],
6002
5944
  ...getTransform(positionWithBp)
6003
5945
  });
@@ -6010,12 +5952,12 @@ function Modal($$anchor, $$props) {
6010
5952
  }));
6011
5953
  modalStyles.add(positionVariables);
6012
5954
  });
6013
- $$9.get(transforms).push({
5955
+ $.get(transforms).push({
6014
5956
  query: null,
6015
5957
  ...getTransform(position$1)
6016
5958
  });
6017
5959
  });
6018
- $$9.legacy_pre_effect(() => ($$9.deep_read_state(placement()), $$9.deep_read_state(useBreakPoint()), $$9.deep_read_state(breakPoint()), $$9.deep_read_state(props()), toCssBorder), () => {
5960
+ $.legacy_pre_effect(() => ($.deep_read_state(placement()), $.deep_read_state(useBreakPoint()), $.deep_read_state(breakPoint()), $.deep_read_state(props()), toCssBorder), () => {
6019
5961
  let margin = DefaultModalPlacement.margin;
6020
5962
  if (!isCanvasPreview() && placement() && placement().margin !== null) margin = placement().margin;
6021
5963
  let marginStyle = getMarginStyle(margin);
@@ -6042,110 +5984,110 @@ function Modal($$anchor, $$props) {
6042
5984
  });
6043
5985
  modalStyles.add(propsStyle);
6044
5986
  });
6045
- $$9.legacy_pre_effect(() => {}, () => {
6046
- $$9.set(modal, null);
5987
+ $.legacy_pre_effect(() => {}, () => {
5988
+ $.set(modal, null);
6047
5989
  });
6048
- $$9.legacy_pre_effect(() => $$9.get(close$1), () => {
6049
- $$9.set(handle_keydown, handleKeydown({ Escape: $$9.get(close$1) }));
5990
+ $.legacy_pre_effect(() => $.get(close$1), () => {
5991
+ $.set(handle_keydown, handleKeydown({ Escape: $.get(close$1) }));
6050
5992
  });
6051
- $$9.legacy_pre_effect(() => {}, () => {
6052
- $$9.set(visible, false);
5993
+ $.legacy_pre_effect(() => {}, () => {
5994
+ $.set(visible, false);
6053
5995
  });
6054
- $$9.legacy_pre_effect_reset();
6055
- $$9.init();
5996
+ $.legacy_pre_effect_reset();
5997
+ $.init();
6056
5998
  var fragment = root$9();
6057
- $$9.event("keydown", $$9.window, function(...$$args) {
6058
- $$9.get(handle_keydown)?.apply(this, $$args);
5999
+ $.event("keydown", $.window, function(...$$args) {
6000
+ $.get(handle_keydown)?.apply(this, $$args);
6059
6001
  });
6060
- var node = $$9.first_child(fragment);
6002
+ var node = $.first_child(fragment);
6061
6003
  {
6062
6004
  var consequent = ($$anchor$1) => {};
6063
6005
  var alternate = ($$anchor$1, $$elseif) => {
6064
6006
  {
6065
6007
  var consequent_1 = ($$anchor$2) => {
6066
6008
  var fragment_1 = root_2();
6067
- var node_1 = $$9.first_child(fragment_1);
6009
+ var node_1 = $.first_child(fragment_1);
6068
6010
  BackgroundOverlay(node_1, {
6069
6011
  class: "background-bp-pc",
6070
6012
  get backgroundOverlay() {
6071
- return $$9.get(backgroundOverlayPC);
6013
+ return $.get(backgroundOverlayPC);
6072
6014
  },
6073
6015
  $$events: { click(...$$args) {
6074
- $$9.get(backgroundClickPC)?.apply(this, $$args);
6016
+ $.get(backgroundClickPC)?.apply(this, $$args);
6075
6017
  } }
6076
6018
  });
6077
- var node_2 = $$9.sibling(node_1, 2);
6019
+ var node_2 = $.sibling(node_1, 2);
6078
6020
  BackgroundOverlay(node_2, {
6079
6021
  class: "background-bp-sp ",
6080
6022
  get backgroundOverlay() {
6081
- return $$9.get(backgroundOverlaySP);
6023
+ return $.get(backgroundOverlaySP);
6082
6024
  },
6083
6025
  $$events: { click(...$$args) {
6084
- $$9.get(backgroundClickSP)?.apply(this, $$args);
6026
+ $.get(backgroundClickSP)?.apply(this, $$args);
6085
6027
  } }
6086
6028
  });
6087
- $$9.append($$anchor$2, fragment_1);
6029
+ $.append($$anchor$2, fragment_1);
6088
6030
  };
6089
6031
  var alternate_1 = ($$anchor$2) => {
6090
6032
  BackgroundOverlay($$anchor$2, {
6091
6033
  get backgroundOverlay() {
6092
- return $$9.get(backgroundOverlay);
6034
+ return $.get(backgroundOverlay);
6093
6035
  },
6094
6036
  $$events: { click(...$$args) {
6095
- $$9.get(backgroundClick)?.apply(this, $$args);
6037
+ $.get(backgroundClick)?.apply(this, $$args);
6096
6038
  } }
6097
6039
  });
6098
6040
  };
6099
- $$9.if($$anchor$1, ($$render) => {
6041
+ $.if($$anchor$1, ($$render) => {
6100
6042
  if (useBreakPoint()) $$render(consequent_1);
6101
6043
  else $$render(alternate_1, false);
6102
6044
  }, $$elseif);
6103
6045
  }
6104
6046
  };
6105
- $$9.if(node, ($$render) => {
6047
+ $.if(node, ($$render) => {
6106
6048
  if (isCanvasPreview()) $$render(consequent);
6107
6049
  else $$render(alternate, false);
6108
6050
  });
6109
6051
  }
6110
- var node_3 = $$9.sibling(node, 2);
6052
+ var node_3 = $.sibling(node, 2);
6111
6053
  {
6112
6054
  var consequent_2 = ($$anchor$1) => {
6113
6055
  var div = root_4();
6114
- var node_4 = $$9.child(div);
6115
- $$9.slot(node_4, $$props, "default", {}, null);
6116
- $$9.reset(div);
6117
- $$9.bind_this(div, ($$value) => $$9.set(modal, $$value), () => $$9.get(modal));
6118
- $$9.template_effect(($0, $1) => {
6119
- $$9.set_class(div, 1, $0, "svelte-45ue06");
6120
- $$9.set_attribute(div, "data-layer-id", layerId());
6121
- $$9.set_style(div, $1);
6122
- }, [() => $$9.clsx(["modal", useBreakPoint() ? "modal-bp" : ""].join(" ")), () => Array.from(modalStyles).join(";")], $$9.derived_safe_equal);
6123
- $$9.transition(1, div, () => customAnimation, () => ({
6124
- transforms: $$9.get(transforms),
6056
+ var node_4 = $.child(div);
6057
+ $.slot(node_4, $$props, "default", {}, null);
6058
+ $.reset(div);
6059
+ $.bind_this(div, ($$value) => $.set(modal, $$value), () => $.get(modal));
6060
+ $.template_effect(($0, $1) => {
6061
+ $.set_class(div, 1, $0, "svelte-45ue06");
6062
+ $.set_attribute(div, "data-layer-id", layerId());
6063
+ $.set_style(div, $1);
6064
+ }, [() => $.clsx(["modal", useBreakPoint() ? "modal-bp" : ""].join(" ")), () => Array.from(modalStyles).join(";")], $.derived_safe_equal);
6065
+ $.transition(1, div, () => customAnimation, () => ({
6066
+ transforms: $.get(transforms),
6125
6067
  animationStyle: animation()
6126
6068
  }));
6127
- $$9.append($$anchor$1, div);
6069
+ $.append($$anchor$1, div);
6128
6070
  };
6129
- $$9.if(node_3, ($$render) => {
6130
- if ($$9.get(visible)) $$render(consequent_2);
6071
+ $.if(node_3, ($$render) => {
6072
+ if ($.get(visible)) $$render(consequent_2);
6131
6073
  });
6132
6074
  }
6133
- $$9.append($$anchor, fragment);
6134
- $$9.pop();
6075
+ $.append($$anchor, fragment);
6076
+ $.pop();
6135
6077
  }
6136
6078
 
6137
6079
  //#endregion
6138
6080
  //#region src/components-flex/code/Code.svelte
6139
- var root$8 = $$8.template(`<div class="code svelte-igivoz"><!></div>`);
6081
+ var root$8 = $.template(`<div class="code svelte-igivoz"><!></div>`);
6140
6082
  const $$css$7 = {
6141
6083
  hash: "svelte-igivoz",
6142
6084
  code: ".code.svelte-igivoz {flex-grow:1;flex-shrink:0;align-self:stretch;}\n /*{@html props.rawCss}*/"
6143
6085
  };
6144
6086
  function Code($$anchor, $$props) {
6145
- $$8.push($$props, false);
6146
- $$8.append_styles($$anchor, $$css$7);
6147
- let props = $$8.prop($$props, "props", 24, () => ({}));
6148
- let layerId = $$8.prop($$props, "layerId", 8, "");
6087
+ $.push($$props, false);
6088
+ $.append_styles($$anchor, $$css$7);
6089
+ let props = $.prop($$props, "props", 24, () => ({}));
6090
+ let layerId = $.prop($$props, "layerId", 8, "");
6149
6091
  function unescapeBraces(str) {
6150
6092
  if (!str) return str;
6151
6093
  return str.replace(/\\([{}])/g, "$1");
@@ -6175,14 +6117,14 @@ function Code($$anchor, $$props) {
6175
6117
  removeCss();
6176
6118
  };
6177
6119
  });
6178
- $$8.init();
6120
+ $.init();
6179
6121
  var div = root$8();
6180
- var node = $$8.child(div);
6181
- $$8.html(node, () => props().rawHtml, false, false);
6182
- $$8.reset(div);
6183
- $$8.template_effect(() => $$8.set_attribute(div, "data-layer-id", layerId()));
6184
- $$8.append($$anchor, div);
6185
- $$8.pop();
6122
+ var node = $.child(div);
6123
+ $.html(node, () => props().rawHtml, false, false);
6124
+ $.reset(div);
6125
+ $.template_effect(() => $.set_attribute(div, "data-layer-id", layerId()));
6126
+ $.append($$anchor, div);
6127
+ $.pop();
6186
6128
  }
6187
6129
 
6188
6130
  //#endregion
@@ -6191,35 +6133,35 @@ const LIST_ITEM_CONTEXT_KEY = "ListItemContext";
6191
6133
 
6192
6134
  //#endregion
6193
6135
  //#region src/components-flex/list/ListItem.svelte
6194
- var root$7 = $$7.template(`<li class="list-item svelte-b4b4gh"><!></li>`);
6136
+ var root$7 = $.template(`<li class="list-item svelte-b4b4gh"><!></li>`);
6195
6137
  const $$css$6 = {
6196
6138
  hash: "svelte-b4b4gh",
6197
6139
  code: ".list-item.svelte-b4b4gh {margin:0;padding:0;}.list-item-inner.svelte-b4b4gh {display:flex;align-items:center;width:100%;text-decoration:none;color:inherit;border:0;background:none;padding:0;margin:0;text-align:left;-webkit-appearance:none;}.list-item-inner.svelte-b4b4gh:hover {opacity:0.8;}.list-item.svelte-b4b4gh:not(:first-child) {border-top-width:var(--list-item-border-width);border-top-style:var(--list-item-border-style);border-top-color:var(--list-item-border-color);}"
6198
6140
  };
6199
6141
  function ListItem($$anchor, $$props) {
6200
- $$7.push($$props, false);
6201
- $$7.append_styles($$anchor, $$css$6);
6202
- const variables$1 = $$7.mutable_state();
6203
- const style = $$7.mutable_state();
6204
- const innerStyle = $$7.mutable_state();
6205
- let layerId = $$7.prop($$props, "layerId", 8);
6206
- let props = $$7.prop($$props, "props", 8);
6207
- let item = $$7.prop($$props, "item", 8);
6142
+ $.push($$props, false);
6143
+ $.append_styles($$anchor, $$css$6);
6144
+ const variables$1 = $.mutable_state();
6145
+ const style = $.mutable_state();
6146
+ const innerStyle = $.mutable_state();
6147
+ let layerId = $.prop($$props, "layerId", 8);
6148
+ let props = $.prop($$props, "props", 8);
6149
+ let item = $.prop($$props, "item", 8);
6208
6150
  useInjectCustomizeCss(props());
6209
6151
  const { attributes, element, handleClick } = useClickable_default(props());
6210
6152
  const context = getContext(LIST_ITEM_CONTEXT_KEY) || {};
6211
- $$7.legacy_pre_effect(() => {}, () => {
6212
- $$7.set(variables$1, { ...context.borderTopWidth ? {
6153
+ $.legacy_pre_effect(() => {}, () => {
6154
+ $.set(variables$1, { ...context.borderTopWidth ? {
6213
6155
  "--list-item-border-width": context.borderTopWidth ?? "0",
6214
6156
  "--list-item-border-color": context.borderTopColor ?? "rgba(255,255,255,0)",
6215
6157
  "--list-item-border-style": context.borderTopStyle ?? "solid"
6216
6158
  } : {} });
6217
6159
  });
6218
- $$7.legacy_pre_effect(() => $$7.get(variables$1), () => {
6219
- $$7.set(style, objToStyle($$7.get(variables$1)));
6160
+ $.legacy_pre_effect(() => $.get(variables$1), () => {
6161
+ $.set(style, objToStyle($.get(variables$1)));
6220
6162
  });
6221
- $$7.legacy_pre_effect(() => objToStyle, () => {
6222
- $$7.set(innerStyle, objToStyle({
6163
+ $.legacy_pre_effect(() => objToStyle, () => {
6164
+ $.set(innerStyle, objToStyle({
6223
6165
  paddingTop: context.paddingTop,
6224
6166
  paddingBottom: context.paddingBottom,
6225
6167
  paddingLeft: context.paddingLeft,
@@ -6227,48 +6169,48 @@ function ListItem($$anchor, $$props) {
6227
6169
  gap: context.gap
6228
6170
  }));
6229
6171
  });
6230
- $$7.legacy_pre_effect_reset();
6231
- $$7.init();
6172
+ $.legacy_pre_effect_reset();
6173
+ $.init();
6232
6174
  var li = root$7();
6233
- var node = $$7.child(li);
6234
- $$7.element(node, () => element, false, ($$element, $$anchor$1) => {
6175
+ var node = $.child(li);
6176
+ $.element(node, () => element, false, ($$element, $$anchor$1) => {
6235
6177
  let attributes_1;
6236
- $$7.template_effect(() => attributes_1 = $$7.set_attributes($$element, attributes_1, {
6178
+ $.template_effect(() => attributes_1 = $.set_attributes($$element, attributes_1, {
6237
6179
  ...attributes,
6238
6180
  class: "list-item-inner",
6239
- style: $$7.get(innerStyle)
6181
+ style: $.get(innerStyle)
6240
6182
  }, "svelte-b4b4gh"));
6241
- $$7.event("click", $$element, handleClick);
6242
- var fragment = $$7.comment();
6243
- var node_1 = $$7.first_child(fragment);
6244
- $$7.slot(node_1, $$props, "default", {}, null);
6245
- $$7.append($$anchor$1, fragment);
6183
+ $.event("click", $$element, handleClick);
6184
+ var fragment = $.comment();
6185
+ var node_1 = $.first_child(fragment);
6186
+ $.slot(node_1, $$props, "default", {}, null);
6187
+ $.append($$anchor$1, fragment);
6246
6188
  });
6247
- $$7.reset(li);
6248
- $$7.template_effect(() => {
6249
- $$7.set_attribute(li, "data-layer-id", layerId());
6250
- $$7.set_style(li, $$7.get(style));
6189
+ $.reset(li);
6190
+ $.template_effect(() => {
6191
+ $.set_attribute(li, "data-layer-id", layerId());
6192
+ $.set_style(li, $.get(style));
6251
6193
  });
6252
- $$7.append($$anchor, li);
6253
- $$7.pop();
6194
+ $.append($$anchor, li);
6195
+ $.pop();
6254
6196
  }
6255
6197
 
6256
6198
  //#endregion
6257
6199
  //#region src/components-flex/list/List.svelte
6258
- var root$6 = $$6.template(`<ul class="list svelte-v2vy6p"><!></ul>`);
6200
+ var root$6 = $.template(`<ul class="list svelte-v2vy6p"><!></ul>`);
6259
6201
  const $$css$5 = {
6260
6202
  hash: "svelte-v2vy6p",
6261
6203
  code: ".list.svelte-v2vy6p {padding:0;margin:0;list-style:none;display:flex;flex-direction:column;--border-width: 0;--border-style: solit;--border-color: rgba(255, 255, 255, 0);border-top-width:var(--border-width);border-top-style:var(--border-style);border-top-color:var(--border-color);border-bottom-width:var(--border-width);border-bottom-style:var(--border-style);border-bottom-color:var(--border-color);}"
6262
6204
  };
6263
6205
  function List($$anchor, $$props) {
6264
- $$6.push($$props, false);
6265
- $$6.append_styles($$anchor, $$css$5);
6266
- const variables$1 = $$6.mutable_state();
6267
- const actionTableData = $$6.mutable_state();
6268
- const items = $$6.mutable_state();
6269
- const style = $$6.mutable_state();
6270
- let layerId = $$6.prop($$props, "layerId", 8);
6271
- let props = $$6.prop($$props, "props", 8);
6206
+ $.push($$props, false);
6207
+ $.append_styles($$anchor, $$css$5);
6208
+ const variables$1 = $.mutable_state();
6209
+ const actionTableData = $.mutable_state();
6210
+ const items = $.mutable_state();
6211
+ const style = $.mutable_state();
6212
+ let layerId = $.prop($$props, "layerId", 8);
6213
+ let props = $.prop($$props, "props", 8);
6272
6214
  const { brandKit } = useBrandKit();
6273
6215
  useInjectCustomizeCss(props());
6274
6216
  const vars = getVariables();
@@ -6283,37 +6225,37 @@ function List($$anchor, $$props) {
6283
6225
  borderTopStyle: "solid",
6284
6226
  gap: props().itemGap
6285
6227
  });
6286
- $$6.legacy_pre_effect(() => $$6.deep_read_state(props()), () => {
6287
- $$6.set(variables$1, { ...props().borderWidth ? {
6228
+ $.legacy_pre_effect(() => $.deep_read_state(props()), () => {
6229
+ $.set(variables$1, { ...props().borderWidth ? {
6288
6230
  "--border-width": props().borderWidth,
6289
6231
  "--border-color": props().borderColor,
6290
6232
  "--border-style": props().borderStyle ?? "solid"
6291
6233
  } : {} });
6292
6234
  });
6293
- $$6.legacy_pre_effect(() => $$6.deep_read_state(props()), () => {
6294
- $$6.set(actionTableData, vars[props().actionTableKey]);
6235
+ $.legacy_pre_effect(() => $.deep_read_state(props()), () => {
6236
+ $.set(actionTableData, vars[props().actionTableKey]);
6295
6237
  });
6296
- $$6.legacy_pre_effect(() => $$6.get(actionTableData), () => {
6297
- $$6.set(items, Array.isArray($$6.get(actionTableData)) ? $$6.get(actionTableData) : null);
6238
+ $.legacy_pre_effect(() => $.get(actionTableData), () => {
6239
+ $.set(items, Array.isArray($.get(actionTableData)) ? $.get(actionTableData) : null);
6298
6240
  });
6299
- $$6.legacy_pre_effect(() => ($$6.deep_read_state(props()), $$6.get(variables$1)), () => {
6300
- $$6.set(style, objToStyle({
6241
+ $.legacy_pre_effect(() => ($.deep_read_state(props()), $.get(variables$1)), () => {
6242
+ $.set(style, objToStyle({
6301
6243
  width: props().width ?? "100%",
6302
- ...$$6.get(variables$1)
6244
+ ...$.get(variables$1)
6303
6245
  }));
6304
6246
  });
6305
- $$6.legacy_pre_effect_reset();
6306
- $$6.init();
6247
+ $.legacy_pre_effect_reset();
6248
+ $.init();
6307
6249
  var ul = root$6();
6308
- var node = $$6.child(ul);
6309
- $$6.slot(node, $$props, "default", {}, null);
6310
- $$6.reset(ul);
6311
- $$6.template_effect(() => {
6312
- $$6.set_attribute(ul, "data-layer-id", layerId());
6313
- $$6.set_style(ul, $$6.get(style));
6250
+ var node = $.child(ul);
6251
+ $.slot(node, $$props, "default", {}, null);
6252
+ $.reset(ul);
6253
+ $.template_effect(() => {
6254
+ $.set_attribute(ul, "data-layer-id", layerId());
6255
+ $.set_style(ul, $.get(style));
6314
6256
  });
6315
- $$6.append($$anchor, ul);
6316
- $$6.pop();
6257
+ $.append($$anchor, ul);
6258
+ $.pop();
6317
6259
  }
6318
6260
 
6319
6261
  //#endregion
@@ -6341,17 +6283,17 @@ function splitNumberAndUnit(value) {
6341
6283
 
6342
6284
  //#endregion
6343
6285
  //#region src/components-flex/multi-column/MultiColumn.svelte
6344
- var root$5 = $$5.template(`<ul class="list svelte-aoppwp"><!></ul>`);
6286
+ var root$5 = $.template(`<ul class="list svelte-aoppwp"><!></ul>`);
6345
6287
  const $$css$4 = {
6346
6288
  hash: "svelte-aoppwp",
6347
6289
  code: ".list.svelte-aoppwp {padding:0;margin:0;list-style:none;display:flex;flex-direction:row;}"
6348
6290
  };
6349
6291
  function MultiColumn($$anchor, $$props) {
6350
- $$5.push($$props, false);
6351
- $$5.append_styles($$anchor, $$css$4);
6352
- const style = $$5.mutable_state();
6353
- let layerId = $$5.prop($$props, "layerId", 8);
6354
- let props = $$5.prop($$props, "props", 8);
6292
+ $.push($$props, false);
6293
+ $.append_styles($$anchor, $$css$4);
6294
+ const style = $.mutable_state();
6295
+ let layerId = $.prop($$props, "layerId", 8);
6296
+ let props = $.prop($$props, "props", 8);
6355
6297
  const { brandKit } = useBrandKit();
6356
6298
  useInjectCustomizeCss(props());
6357
6299
  let listGap = (() => {
@@ -6375,46 +6317,46 @@ function MultiColumn($$anchor, $$props) {
6375
6317
  gap: listGap,
6376
6318
  innerGap: props().itemGap
6377
6319
  });
6378
- $$5.legacy_pre_effect(() => $$5.deep_read_state(props()), () => {
6379
- $$5.set(style, objToStyle({
6320
+ $.legacy_pre_effect(() => $.deep_read_state(props()), () => {
6321
+ $.set(style, objToStyle({
6380
6322
  width: `calc(${props().width ?? "100%"} + ${props().gap})`,
6381
6323
  marginLeft: listNegativeMargin,
6382
6324
  marginRight: listNegativeMargin
6383
6325
  }));
6384
6326
  });
6385
- $$5.legacy_pre_effect_reset();
6386
- $$5.init();
6327
+ $.legacy_pre_effect_reset();
6328
+ $.init();
6387
6329
  var ul = root$5();
6388
- var node = $$5.child(ul);
6389
- $$5.slot(node, $$props, "default", {}, null);
6390
- $$5.reset(ul);
6391
- $$5.template_effect(() => {
6392
- $$5.set_attribute(ul, "data-layer-id", layerId());
6393
- $$5.set_style(ul, $$5.get(style));
6330
+ var node = $.child(ul);
6331
+ $.slot(node, $$props, "default", {}, null);
6332
+ $.reset(ul);
6333
+ $.template_effect(() => {
6334
+ $.set_attribute(ul, "data-layer-id", layerId());
6335
+ $.set_style(ul, $.get(style));
6394
6336
  });
6395
- $$5.append($$anchor, ul);
6396
- $$5.pop();
6337
+ $.append($$anchor, ul);
6338
+ $.pop();
6397
6339
  }
6398
6340
 
6399
6341
  //#endregion
6400
6342
  //#region src/components-flex/multi-column/MultiColumnItem.svelte
6401
- var root$4 = $$4.template(`<li class="multi-column-item svelte-18bwzrs"><!></li>`);
6343
+ var root$4 = $.template(`<li class="multi-column-item svelte-18bwzrs"><!></li>`);
6402
6344
  const $$css$3 = {
6403
6345
  hash: "svelte-18bwzrs",
6404
6346
  code: ".multi-column-item.svelte-18bwzrs {margin:0;width:100%;padding-top:0;padding-bottom:0;padding-left:var(--multi-column-item-padding);padding-right:var(--multi-column-item-padding);}.multi-column-item-inner.svelte-18bwzrs {display:flex;flex-direction:column;align-items:center;gap:var(--multi-column-item-gap);width:100%;text-decoration:none;border:0;background:none;margin:0;text-align:left;-webkit-appearance:none;padding-top:var(--multi-column-item-padding-top);padding-left:var(--multi-column-item-padding-left);padding-right:var(--multi-column-item-padding-right);padding-bottom:var(--multi-column-item-padding-bottom);}.multi-column-item-inner.svelte-18bwzrs:hover {opacity:0.8;}.multi-column-item.svelte-18bwzrs:not(:first-child) {border-left-width:var(--multi-column-item-border-width);border-left-style:var(--multi-column-item-border-style);border-left-color:var(--multi-column-item-border-color);}"
6405
6347
  };
6406
6348
  function MultiColumnItem($$anchor, $$props) {
6407
- $$4.push($$props, false);
6408
- $$4.append_styles($$anchor, $$css$3);
6409
- const variables$1 = $$4.mutable_state();
6410
- const style = $$4.mutable_state();
6411
- let layerId = $$4.prop($$props, "layerId", 8);
6412
- let props = $$4.prop($$props, "props", 8);
6349
+ $.push($$props, false);
6350
+ $.append_styles($$anchor, $$css$3);
6351
+ const variables$1 = $.mutable_state();
6352
+ const style = $.mutable_state();
6353
+ let layerId = $.prop($$props, "layerId", 8);
6354
+ let props = $.prop($$props, "props", 8);
6413
6355
  useInjectCustomizeCss(props());
6414
6356
  const { attributes, element, handleClick } = useClickable_default(props());
6415
6357
  const context = getContext(MULTI_COLUMN_ITEM_CONTEXT_KEY) || {};
6416
- $$4.legacy_pre_effect(() => {}, () => {
6417
- $$4.set(variables$1, {
6358
+ $.legacy_pre_effect(() => {}, () => {
6359
+ $.set(variables$1, {
6418
6360
  "--multi-column-item-padding-top": context.paddingTop ?? "0",
6419
6361
  "--multi-column-item-padding-left": context.paddingLeft ?? "0",
6420
6362
  "--multi-column-item-padding-right": context.paddingRight ?? "0",
@@ -6428,47 +6370,47 @@ function MultiColumnItem($$anchor, $$props) {
6428
6370
  } : {}
6429
6371
  });
6430
6372
  });
6431
- $$4.legacy_pre_effect(() => $$4.get(variables$1), () => {
6432
- $$4.set(style, objToStyle($$4.get(variables$1)));
6373
+ $.legacy_pre_effect(() => $.get(variables$1), () => {
6374
+ $.set(style, objToStyle($.get(variables$1)));
6433
6375
  });
6434
- $$4.legacy_pre_effect_reset();
6435
- $$4.init();
6376
+ $.legacy_pre_effect_reset();
6377
+ $.init();
6436
6378
  var li = root$4();
6437
- var node = $$4.child(li);
6438
- $$4.element(node, () => element, false, ($$element, $$anchor$1) => {
6379
+ var node = $.child(li);
6380
+ $.element(node, () => element, false, ($$element, $$anchor$1) => {
6439
6381
  let attributes_1;
6440
- $$4.template_effect(() => attributes_1 = $$4.set_attributes($$element, attributes_1, {
6382
+ $.template_effect(() => attributes_1 = $.set_attributes($$element, attributes_1, {
6441
6383
  ...attributes,
6442
6384
  class: "multi-column-item-inner"
6443
6385
  }, "svelte-18bwzrs"));
6444
- $$4.event("click", $$element, handleClick);
6445
- var fragment = $$4.comment();
6446
- var node_1 = $$4.first_child(fragment);
6447
- $$4.slot(node_1, $$props, "default", {}, null);
6448
- $$4.append($$anchor$1, fragment);
6386
+ $.event("click", $$element, handleClick);
6387
+ var fragment = $.comment();
6388
+ var node_1 = $.first_child(fragment);
6389
+ $.slot(node_1, $$props, "default", {}, null);
6390
+ $.append($$anchor$1, fragment);
6449
6391
  });
6450
- $$4.reset(li);
6451
- $$4.template_effect(() => {
6452
- $$4.set_attribute(li, "data-layer-id", layerId());
6453
- $$4.set_style(li, $$4.get(style));
6392
+ $.reset(li);
6393
+ $.template_effect(() => {
6394
+ $.set_attribute(li, "data-layer-id", layerId());
6395
+ $.set_style(li, $.get(style));
6454
6396
  });
6455
- $$4.append($$anchor, li);
6456
- $$4.pop();
6397
+ $.append($$anchor, li);
6398
+ $.pop();
6457
6399
  }
6458
6400
 
6459
6401
  //#endregion
6460
6402
  //#region src/components-flex/youtube/Youtube.svelte
6461
- var root$3 = $$3.template(`<div class="youtube svelte-odfkc2"><div class="youtube-player"></div></div>`);
6403
+ var root$3 = $.template(`<div class="youtube svelte-odfkc2"><div class="youtube-player"></div></div>`);
6462
6404
  const $$css$2 = {
6463
6405
  hash: "svelte-odfkc2",
6464
6406
  code: ".youtube.svelte-odfkc2 {position:relative;aspect-ratio:16 / 9;width:100%;border-radius:3px;}.youtube.svelte-odfkc2 iframe {position:absolute;width:100%;height:100%;object-fit:cover;}"
6465
6407
  };
6466
6408
  function Youtube($$anchor, $$props) {
6467
- $$3.push($$props, false);
6468
- $$3.append_styles($$anchor, $$css$2);
6469
- const style = $$3.mutable_state();
6470
- let props = $$3.prop($$props, "props", 24, () => ({}));
6471
- let layerId = $$3.prop($$props, "layerId", 8, "");
6409
+ $.push($$props, false);
6410
+ $.append_styles($$anchor, $$css$2);
6411
+ const style = $.mutable_state();
6412
+ let props = $.prop($$props, "props", 24, () => ({}));
6413
+ let layerId = $.prop($$props, "layerId", 8, "");
6472
6414
  useInjectCustomizeCss(props());
6473
6415
  if (!window.YT) {
6474
6416
  const tag = document.createElement("script");
@@ -6476,7 +6418,7 @@ function Youtube($$anchor, $$props) {
6476
6418
  const firstScriptTag = document.getElementsByTagName("script")[0];
6477
6419
  firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
6478
6420
  }
6479
- let playerRef = $$3.mutable_state(void 0);
6421
+ let playerRef = $.mutable_state(void 0);
6480
6422
  let player = null;
6481
6423
  function onPlayerReady() {
6482
6424
  if (props().mute || props().autoplay) player.setVolume(0);
@@ -6517,7 +6459,7 @@ function Youtube($$anchor, $$props) {
6517
6459
  };
6518
6460
  };
6519
6461
  const createPlayer = () => {
6520
- player = new window.YT.Player($$3.get(playerRef), {
6462
+ player = new window.YT.Player($.get(playerRef), {
6521
6463
  videoId: props().videoId,
6522
6464
  playerVars: getPlayerVars(),
6523
6465
  events: {
@@ -6540,41 +6482,41 @@ function Youtube($$anchor, $$props) {
6540
6482
  window.onYouTubeIframeAPIReady = () => {
6541
6483
  createPlayer();
6542
6484
  };
6543
- $$3.legacy_pre_effect(() => $$3.deep_read_state(props()), () => {
6544
- $$3.set(style, objToStyle({ width: props().width }));
6485
+ $.legacy_pre_effect(() => $.deep_read_state(props()), () => {
6486
+ $.set(style, objToStyle({ width: props().width }));
6545
6487
  });
6546
- $$3.legacy_pre_effect_reset();
6547
- $$3.init();
6488
+ $.legacy_pre_effect_reset();
6489
+ $.init();
6548
6490
  var div = root$3();
6549
- var div_1 = $$3.child(div);
6550
- $$3.bind_this(div_1, ($$value) => $$3.set(playerRef, $$value), () => $$3.get(playerRef));
6551
- $$3.reset(div);
6552
- $$3.template_effect(() => {
6553
- $$3.set_style(div, $$3.get(style));
6554
- $$3.set_attribute(div, "data-layer-id", layerId());
6491
+ var div_1 = $.child(div);
6492
+ $.bind_this(div_1, ($$value) => $.set(playerRef, $$value), () => $.get(playerRef));
6493
+ $.reset(div);
6494
+ $.template_effect(() => {
6495
+ $.set_style(div, $.get(style));
6496
+ $.set_attribute(div, "data-layer-id", layerId());
6555
6497
  });
6556
- $$3.append($$anchor, div);
6557
- $$3.pop();
6498
+ $.append($$anchor, div);
6499
+ $.pop();
6558
6500
  }
6559
6501
 
6560
6502
  //#endregion
6561
6503
  //#region src/components-flex/count-down/CountDown.svelte
6562
- var root$2 = $$2.template(`<div class="countdown svelte-1n395il"><!></div>`);
6504
+ var root$2 = $.template(`<div class="countdown svelte-1n395il"><!></div>`);
6563
6505
  const $$css$1 = {
6564
6506
  hash: "svelte-1n395il",
6565
6507
  code: ".countdown.svelte-1n395il {display:flex;align-items:center;gap:4px;}"
6566
6508
  };
6567
6509
  function CountDown($$anchor, $$props) {
6568
- $$2.push($$props, false);
6569
- $$2.append_styles($$anchor, $$css$1);
6570
- const day = $$2.mutable_state();
6571
- const hour = $$2.mutable_state();
6572
- const min = $$2.mutable_state();
6573
- const sec = $$2.mutable_state();
6574
- let props = $$2.prop($$props, "props", 24, () => ({}));
6575
- let layerId = $$2.prop($$props, "layerId", 8, "");
6510
+ $.push($$props, false);
6511
+ $.append_styles($$anchor, $$css$1);
6512
+ const day = $.mutable_state();
6513
+ const hour = $.mutable_state();
6514
+ const min = $.mutable_state();
6515
+ const sec = $.mutable_state();
6516
+ let props = $.prop($$props, "props", 24, () => ({}));
6517
+ let layerId = $.prop($$props, "layerId", 8, "");
6576
6518
  useInjectCustomizeCss(props());
6577
- let remainingTime = $$2.mutable_state();
6519
+ let remainingTime = $.mutable_state();
6578
6520
  let timeLimit = props().timeLimit ? new Date(props().timeLimit) : /* @__PURE__ */ new Date();
6579
6521
  function calcRemainingTime(limit) {
6580
6522
  return limit - (/* @__PURE__ */ new Date()).getTime();
@@ -6593,9 +6535,9 @@ function CountDown($$anchor, $$props) {
6593
6535
  }
6594
6536
  function onEachSecond() {
6595
6537
  const _remainingTime = calcRemainingTime(timeLimit.getTime());
6596
- if (_remainingTime > 0) $$2.set(remainingTime, formatTimeDiff(_remainingTime));
6538
+ if (_remainingTime > 0) $.set(remainingTime, formatTimeDiff(_remainingTime));
6597
6539
  else {
6598
- $$2.set(remainingTime, formatTimeDiff(0));
6540
+ $.set(remainingTime, formatTimeDiff(0));
6599
6541
  if (props().onEnd) execOnClickOperation(props().onEnd);
6600
6542
  }
6601
6543
  }
@@ -6608,40 +6550,40 @@ function CountDown($$anchor, $$props) {
6608
6550
  };
6609
6551
  });
6610
6552
  onEachSecond();
6611
- $$2.legacy_pre_effect(() => $$2.get(remainingTime), () => {
6612
- $$2.set(day, $$2.get(remainingTime).day);
6553
+ $.legacy_pre_effect(() => $.get(remainingTime), () => {
6554
+ $.set(day, $.get(remainingTime).day);
6613
6555
  });
6614
- $$2.legacy_pre_effect(() => $$2.get(remainingTime), () => {
6615
- $$2.set(hour, $$2.get(remainingTime).hour);
6556
+ $.legacy_pre_effect(() => $.get(remainingTime), () => {
6557
+ $.set(hour, $.get(remainingTime).hour);
6616
6558
  });
6617
- $$2.legacy_pre_effect(() => $$2.get(remainingTime), () => {
6618
- $$2.set(min, $$2.get(remainingTime).min);
6559
+ $.legacy_pre_effect(() => $.get(remainingTime), () => {
6560
+ $.set(min, $.get(remainingTime).min);
6619
6561
  });
6620
- $$2.legacy_pre_effect(() => $$2.get(remainingTime), () => {
6621
- $$2.set(sec, $$2.get(remainingTime).sec);
6562
+ $.legacy_pre_effect(() => $.get(remainingTime), () => {
6563
+ $.set(sec, $.get(remainingTime).sec);
6622
6564
  });
6623
- $$2.legacy_pre_effect_reset();
6624
- $$2.init();
6565
+ $.legacy_pre_effect_reset();
6566
+ $.init();
6625
6567
  var div = root$2();
6626
- var node = $$2.child(div);
6627
- $$2.slot(node, $$props, "default", {
6568
+ var node = $.child(div);
6569
+ $.slot(node, $$props, "default", {
6628
6570
  get day() {
6629
- return $$2.get(day);
6571
+ return $.get(day);
6630
6572
  },
6631
6573
  get hour() {
6632
- return $$2.get(hour);
6574
+ return $.get(hour);
6633
6575
  },
6634
6576
  get min() {
6635
- return $$2.get(min);
6577
+ return $.get(min);
6636
6578
  },
6637
6579
  get sec() {
6638
- return $$2.get(sec);
6580
+ return $.get(sec);
6639
6581
  }
6640
6582
  }, null);
6641
- $$2.reset(div);
6642
- $$2.template_effect(() => $$2.set_attribute(div, "data-layer-id", layerId()));
6643
- $$2.append($$anchor, div);
6644
- $$2.pop();
6583
+ $.reset(div);
6584
+ $.template_effect(() => $.set_attribute(div, "data-layer-id", layerId()));
6585
+ $.append($$anchor, div);
6586
+ $.pop();
6645
6587
  }
6646
6588
 
6647
6589
  //#endregion
@@ -6703,18 +6645,18 @@ const useText = (props) => {
6703
6645
 
6704
6646
  //#endregion
6705
6647
  //#region src/components-flex/count-down/CountDownValue.svelte
6706
- var root$1 = $$1.template(`<span class="count-down-value"> </span>`);
6648
+ var root$1 = $.template(`<span class="count-down-value"> </span>`);
6707
6649
  function CountDownValue($$anchor, $$props) {
6708
- $$1.push($$props, false);
6709
- const [$$stores, $$cleanup] = $$1.setup_stores();
6710
- const $countdownStore = () => $$1.store_get(countdownStore, "$countdownStore", $$stores);
6711
- const value = $$1.mutable_state();
6712
- let props = $$1.prop($$props, "props", 24, () => ({}));
6713
- let layerId = $$1.prop($$props, "layerId", 8, "");
6650
+ $.push($$props, false);
6651
+ const [$$stores, $$cleanup] = $.setup_stores();
6652
+ const $countdownStore = () => $.store_get(countdownStore, "$countdownStore", $$stores);
6653
+ const value = $.mutable_state();
6654
+ let props = $.prop($$props, "props", 24, () => ({}));
6655
+ let layerId = $.prop($$props, "layerId", 8, "");
6714
6656
  let countdownStore = getContext("countdownStore");
6715
6657
  let { style } = useText(props());
6716
- $$1.legacy_pre_effect(() => ($countdownStore(), $$1.deep_read_state(props())), () => {
6717
- $$1.set(value, (() => {
6658
+ $.legacy_pre_effect(() => ($countdownStore(), $.deep_read_state(props())), () => {
6659
+ $.set(value, (() => {
6718
6660
  const { day, hour, min, sec } = $countdownStore();
6719
6661
  switch (props().type) {
6720
6662
  case "day": return day?.toString().padStart(2, "0") ?? "";
@@ -6725,18 +6667,18 @@ function CountDownValue($$anchor, $$props) {
6725
6667
  }
6726
6668
  })());
6727
6669
  });
6728
- $$1.legacy_pre_effect_reset();
6729
- $$1.init();
6670
+ $.legacy_pre_effect_reset();
6671
+ $.init();
6730
6672
  var span = root$1();
6731
- $$1.set_style(span, style);
6732
- var text = $$1.child(span, true);
6733
- $$1.reset(span);
6734
- $$1.template_effect(() => {
6735
- $$1.set_attribute(span, "data-layer-id", layerId());
6736
- $$1.set_text(text, $$1.get(value));
6737
- });
6738
- $$1.append($$anchor, span);
6739
- $$1.pop();
6673
+ $.set_style(span, style);
6674
+ var text = $.child(span, true);
6675
+ $.reset(span);
6676
+ $.template_effect(() => {
6677
+ $.set_attribute(span, "data-layer-id", layerId());
6678
+ $.set_text(text, $.get(value));
6679
+ });
6680
+ $.append($$anchor, span);
6681
+ $.pop();
6740
6682
  $$cleanup();
6741
6683
  }
6742
6684