@plaidev/karte-action-sdk 1.1.269-29161921.5f4ecb39 → 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
 
@@ -1958,7 +1900,7 @@ function createModal(App, options = {
1958
1900
  });
1959
1901
  finalize();
1960
1902
  dispatchDestroyEvent();
1961
- if (app != null) svelte.unmount(app);
1903
+ if (app != null) unmount(app);
1962
1904
  app = null;
1963
1905
  return NOOP;
1964
1906
  };
@@ -2017,7 +1959,7 @@ function createModal(App, options = {
2017
1959
  }
2018
1960
  }
2019
1961
  };
2020
- app = svelte.mount(App, props);
1962
+ app = mount(App, props);
2021
1963
  };
2022
1964
  const handleShow = (event) => {
2023
1965
  const trigger = event?.detail?.trigger ? event.detail.trigger : "none";
@@ -2072,7 +2014,7 @@ function createModal(App, options = {
2072
2014
  });
2073
2015
  if (options.onCreate) options.onCreate(actionProps);
2074
2016
  const appCleanup = () => {
2075
- if (app != null) svelte.unmount(app);
2017
+ if (app != null) unmount(app);
2076
2018
  actionTablePromise = null;
2077
2019
  showTriggerCleanups.forEach((c) => c());
2078
2020
  closeTriggerCleanups.forEach((c) => c());
@@ -2142,7 +2084,7 @@ function createApp(App, options = {
2142
2084
  let app = null;
2143
2085
  const close$1 = () => {
2144
2086
  if (app) {
2145
- svelte.unmount(app);
2087
+ unmount(app);
2146
2088
  app = null;
2147
2089
  }
2148
2090
  };
@@ -2165,7 +2107,7 @@ function createApp(App, options = {
2165
2107
  show: () => {
2166
2108
  if (app) return;
2167
2109
  options.send("message_open");
2168
- app = svelte.mount(App, appArgs);
2110
+ app = mount(App, appArgs);
2169
2111
  }
2170
2112
  };
2171
2113
  }
@@ -2916,37 +2858,37 @@ const LAYOUT_COMPONENT_NAMES = [
2916
2858
 
2917
2859
  //#endregion
2918
2860
  //#region src/components-flex/state/Header.svelte
2919
- var root_2$5 = $$57.template(`<link type="text/css" rel="stylesheet">`);
2861
+ var root_2$5 = $.template(`<link type="text/css" rel="stylesheet">`);
2920
2862
  function Header($$anchor, $$props) {
2921
- $$57.push($$props, false);
2922
- const [$$stores, $$cleanup] = $$57.setup_stores();
2923
- const $fonts = () => $$57.store_get(fonts, "$fonts", $$stores);
2924
- let googleFontUrl = $$57.mutable_state("");
2925
- $$57.legacy_pre_effect(() => $fonts(), () => {
2926
- if (isPreview()) $$57.set(googleFontUrl, makeGoogleFontUrl(Fonts.filter((font) => font !== SYSTEM_FONT)));
2927
- else if ($fonts().length > 0) $$57.set(googleFontUrl, makeGoogleFontUrl($fonts()));
2928
- });
2929
- $$57.legacy_pre_effect(() => ($$57.get(googleFontUrl), loadGlobalStyle), () => {
2930
- if ($$57.get(googleFontUrl)) loadGlobalStyle($$57.get(googleFontUrl));
2931
- });
2932
- $$57.legacy_pre_effect_reset();
2933
- $$57.init();
2934
- $$57.head(($$anchor$1) => {
2935
- var fragment = $$57.comment();
2936
- var node = $$57.first_child(fragment);
2863
+ $.push($$props, false);
2864
+ const [$$stores, $$cleanup] = $.setup_stores();
2865
+ const $fonts = () => $.store_get(fonts, "$fonts", $$stores);
2866
+ let googleFontUrl = $.mutable_state("");
2867
+ $.legacy_pre_effect(() => $fonts(), () => {
2868
+ if (isPreview()) $.set(googleFontUrl, makeGoogleFontUrl(Fonts.filter((font) => font !== SYSTEM_FONT)));
2869
+ else if ($fonts().length > 0) $.set(googleFontUrl, makeGoogleFontUrl($fonts()));
2870
+ });
2871
+ $.legacy_pre_effect(() => ($.get(googleFontUrl), loadGlobalStyle), () => {
2872
+ if ($.get(googleFontUrl)) loadGlobalStyle($.get(googleFontUrl));
2873
+ });
2874
+ $.legacy_pre_effect_reset();
2875
+ $.init();
2876
+ $.head(($$anchor$1) => {
2877
+ var fragment = $.comment();
2878
+ var node = $.first_child(fragment);
2937
2879
  {
2938
2880
  var consequent = ($$anchor$2) => {
2939
2881
  var link = root_2$5();
2940
- $$57.template_effect(() => $$57.set_attribute(link, "href", $$57.get(googleFontUrl)));
2941
- $$57.append($$anchor$2, link);
2882
+ $.template_effect(() => $.set_attribute(link, "href", $.get(googleFontUrl)));
2883
+ $.append($$anchor$2, link);
2942
2884
  };
2943
- $$57.if(node, ($$render) => {
2944
- if ($$57.get(googleFontUrl)) $$render(consequent);
2885
+ $.if(node, ($$render) => {
2886
+ if ($.get(googleFontUrl)) $$render(consequent);
2945
2887
  });
2946
2888
  }
2947
- $$57.append($$anchor$1, fragment);
2889
+ $.append($$anchor$1, fragment);
2948
2890
  });
2949
- $$57.pop();
2891
+ $.pop();
2950
2892
  $$cleanup();
2951
2893
  }
2952
2894
 
@@ -2984,58 +2926,58 @@ const useBrandKit = () => {
2984
2926
 
2985
2927
  //#endregion
2986
2928
  //#region src/components-flex/state/State.svelte
2987
- var root$45 = $$56.template(`<!> <!>`, 1);
2929
+ var root$45 = $.template(`<!> <!>`, 1);
2988
2930
  function State($$anchor, $$props) {
2989
- $$56.push($$props, false);
2990
- let customBrandKit = $$56.prop($$props, "customBrandKit", 8, void 0);
2931
+ $.push($$props, false);
2932
+ let customBrandKit = $.prop($$props, "customBrandKit", 8, void 0);
2991
2933
  setContext("brandKit", getBrandKit(customBrandKit()));
2992
- $$56.init();
2934
+ $.init();
2993
2935
  var fragment = root$45();
2994
- var node = $$56.first_child(fragment);
2936
+ var node = $.first_child(fragment);
2995
2937
  Header(node, {});
2996
- var node_1 = $$56.sibling(node, 2);
2997
- $$56.slot(node_1, $$props, "default", {}, null);
2998
- $$56.append($$anchor, fragment);
2999
- $$56.pop();
2938
+ var node_1 = $.sibling(node, 2);
2939
+ $.slot(node_1, $$props, "default", {}, null);
2940
+ $.append($$anchor, fragment);
2941
+ $.pop();
3000
2942
  }
3001
2943
 
3002
2944
  //#endregion
3003
2945
  //#region src/components-flex/state/StateItem.svelte
3004
2946
  const STATE_ITEM_CONTEXT_KEY = Symbol();
3005
- var root_1$9 = $$55.template(`<div class="state-item svelte-2qb6dm"></div> <!>`, 1);
2947
+ var root_1$9 = $.template(`<div class="state-item svelte-2qb6dm"></div> <!>`, 1);
3006
2948
  const $$css$23 = {
3007
2949
  hash: "svelte-2qb6dm",
3008
2950
  code: ".state-item.svelte-2qb6dm {position:absolute;display:none;}"
3009
2951
  };
3010
2952
  function StateItem($$anchor, $$props) {
3011
- $$55.push($$props, false);
3012
- $$55.append_styles($$anchor, $$css$23);
3013
- const [$$stores, $$cleanup] = $$55.setup_stores();
3014
- const $state = () => $$55.store_get(state, "$state", $$stores);
3015
- let path = $$55.prop($$props, "path", 8);
2953
+ $.push($$props, false);
2954
+ $.append_styles($$anchor, $$css$23);
2955
+ const [$$stores, $$cleanup] = $.setup_stores();
2956
+ const $state = () => $.store_get(state, "$state", $$stores);
2957
+ let path = $.prop($$props, "path", 8);
3016
2958
  setContext(STATE_ITEM_CONTEXT_KEY, { path: path() });
3017
- $$55.legacy_pre_effect(() => $$55.deep_read_state(path()), () => {
2959
+ $.legacy_pre_effect(() => $.deep_read_state(path()), () => {
3018
2960
  addState(path());
3019
2961
  });
3020
- $$55.legacy_pre_effect_reset();
3021
- $$55.init();
3022
- var fragment = $$55.comment();
3023
- var node = $$55.first_child(fragment);
2962
+ $.legacy_pre_effect_reset();
2963
+ $.init();
2964
+ var fragment = $.comment();
2965
+ var node = $.first_child(fragment);
3024
2966
  {
3025
2967
  var consequent = ($$anchor$1) => {
3026
2968
  var fragment_1 = root_1$9();
3027
- var div = $$55.first_child(fragment_1);
3028
- var node_1 = $$55.sibling(div, 2);
3029
- $$55.slot(node_1, $$props, "default", {}, null);
3030
- $$55.template_effect(() => $$55.set_attribute(div, "data-state-path", path()));
3031
- $$55.append($$anchor$1, fragment_1);
2969
+ var div = $.first_child(fragment_1);
2970
+ var node_1 = $.sibling(div, 2);
2971
+ $.slot(node_1, $$props, "default", {}, null);
2972
+ $.template_effect(() => $.set_attribute(div, "data-state-path", path()));
2973
+ $.append($$anchor$1, fragment_1);
3032
2974
  };
3033
- $$55.if(node, ($$render) => {
2975
+ $.if(node, ($$render) => {
3034
2976
  if ($state() === path()) $$render(consequent);
3035
2977
  });
3036
2978
  }
3037
- $$55.append($$anchor, fragment);
3038
- $$55.pop();
2979
+ $.append($$anchor, fragment);
2980
+ $.pop();
3039
2981
  $$cleanup();
3040
2982
  }
3041
2983
 
@@ -3591,19 +3533,19 @@ const AVATAR_SIZE_STYLES = {
3591
3533
 
3592
3534
  //#endregion
3593
3535
  //#region src/components-flex/avatar/Avatar.svelte
3594
- var root_1$8 = $$54.template(`<img class="avatar-image svelte-1xhdr99">`);
3536
+ var root_1$8 = $.template(`<img class="avatar-image svelte-1xhdr99">`);
3595
3537
  const $$css$22 = {
3596
3538
  hash: "svelte-1xhdr99",
3597
3539
  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;}"
3598
3540
  };
3599
3541
  function Avatar($$anchor, $$props) {
3600
- $$54.push($$props, false);
3601
- $$54.append_styles($$anchor, $$css$22);
3602
- const styleObj = $$54.mutable_state();
3603
- const style = $$54.mutable_state();
3604
- const imgStyle = $$54.mutable_state();
3605
- let props = $$54.prop($$props, "props", 24, () => ({}));
3606
- let layerId = $$54.prop($$props, "layerId", 8, "");
3542
+ $.push($$props, false);
3543
+ $.append_styles($$anchor, $$css$22);
3544
+ const styleObj = $.mutable_state();
3545
+ const style = $.mutable_state();
3546
+ const imgStyle = $.mutable_state();
3547
+ let props = $.prop($$props, "props", 24, () => ({}));
3548
+ let layerId = $.prop($$props, "layerId", 8, "");
3607
3549
  useInjectCustomizeCss(props());
3608
3550
  const { attributes, element, handleClick } = useClickable_default(props());
3609
3551
  const avatarSizeStyle = !isNaN(Number(props().size)) ? {
@@ -3621,8 +3563,8 @@ function Avatar($$anchor, $$props) {
3621
3563
  if (parentRadius === "100%") return "100%";
3622
3564
  return radiusSize > 0 ? `calc(${parentRadius} - ${borderWidth})` : void 0;
3623
3565
  };
3624
- $$54.legacy_pre_effect(() => ($$54.deep_read_state(props()), toCssPadding), () => {
3625
- $$54.set(styleObj, {
3566
+ $.legacy_pre_effect(() => ($.deep_read_state(props()), toCssPadding), () => {
3567
+ $.set(styleObj, {
3626
3568
  ...VARIANTS.shape[props().shape ?? "square"],
3627
3569
  width: props().width ?? avatarSizeStyle.width,
3628
3570
  height: props().height ?? avatarSizeStyle.height,
@@ -3631,45 +3573,45 @@ function Avatar($$anchor, $$props) {
3631
3573
  ...toCssPadding(props())
3632
3574
  });
3633
3575
  });
3634
- $$54.legacy_pre_effect(() => $$54.get(styleObj), () => {
3635
- $$54.set(style, objToStyle($$54.get(styleObj)));
3576
+ $.legacy_pre_effect(() => $.get(styleObj), () => {
3577
+ $.set(style, objToStyle($.get(styleObj)));
3636
3578
  });
3637
- $$54.legacy_pre_effect(() => $$54.get(styleObj), () => {
3638
- $$54.set(imgStyle, objToStyle({
3579
+ $.legacy_pre_effect(() => $.get(styleObj), () => {
3580
+ $.set(imgStyle, objToStyle({
3639
3581
  width: "100%",
3640
3582
  height: "100%",
3641
3583
  objectFit: "cover",
3642
3584
  ...toCssRadius({
3643
- borderTopLeftRadius: calcImgRadius($$54.get(styleObj).borderRadius, $$54.get(styleObj).borderTopWidth),
3644
- borderTopRightRadius: calcImgRadius($$54.get(styleObj).borderRadius, $$54.get(styleObj).borderTopWidth),
3645
- borderBottomLeftRadius: calcImgRadius($$54.get(styleObj).borderRadius, $$54.get(styleObj).borderTopWidth),
3646
- borderBottomRightRadius: calcImgRadius($$54.get(styleObj).borderRadius, $$54.get(styleObj).borderTopWidth)
3585
+ borderTopLeftRadius: calcImgRadius($.get(styleObj).borderRadius, $.get(styleObj).borderTopWidth),
3586
+ borderTopRightRadius: calcImgRadius($.get(styleObj).borderRadius, $.get(styleObj).borderTopWidth),
3587
+ borderBottomLeftRadius: calcImgRadius($.get(styleObj).borderRadius, $.get(styleObj).borderTopWidth),
3588
+ borderBottomRightRadius: calcImgRadius($.get(styleObj).borderRadius, $.get(styleObj).borderTopWidth)
3647
3589
  })
3648
3590
  }));
3649
3591
  });
3650
- $$54.legacy_pre_effect_reset();
3651
- $$54.init();
3652
- var fragment = $$54.comment();
3653
- var node = $$54.first_child(fragment);
3654
- $$54.element(node, () => element, false, ($$element, $$anchor$1) => {
3592
+ $.legacy_pre_effect_reset();
3593
+ $.init();
3594
+ var fragment = $.comment();
3595
+ var node = $.first_child(fragment);
3596
+ $.element(node, () => element, false, ($$element, $$anchor$1) => {
3655
3597
  let attributes_1;
3656
- $$54.template_effect(() => attributes_1 = $$54.set_attributes($$element, attributes_1, {
3598
+ $.template_effect(() => attributes_1 = $.set_attributes($$element, attributes_1, {
3657
3599
  ...attributes,
3658
3600
  class: "avatar",
3659
- style: $$54.get(style),
3601
+ style: $.get(style),
3660
3602
  "data-layer-id": layerId()
3661
3603
  }, "svelte-1xhdr99"));
3662
- $$54.event("click", $$element, handleClick);
3604
+ $.event("click", $$element, handleClick);
3663
3605
  var img = root_1$8();
3664
- $$54.template_effect(() => {
3665
- $$54.set_attribute(img, "src", props().image);
3666
- $$54.set_attribute(img, "alt", props().alt);
3667
- $$54.set_style(img, $$54.get(imgStyle));
3606
+ $.template_effect(() => {
3607
+ $.set_attribute(img, "src", props().image);
3608
+ $.set_attribute(img, "alt", props().alt);
3609
+ $.set_style(img, $.get(imgStyle));
3668
3610
  });
3669
- $$54.append($$anchor$1, img);
3611
+ $.append($$anchor$1, img);
3670
3612
  });
3671
- $$54.append($$anchor, fragment);
3672
- $$54.pop();
3613
+ $.append($$anchor, fragment);
3614
+ $.pop();
3673
3615
  }
3674
3616
 
3675
3617
  //#endregion
@@ -3722,374 +3664,374 @@ const buttonPropsDefault = {
3722
3664
 
3723
3665
  //#endregion
3724
3666
  //#region src/components-flex/icon/variants/IconArrowDown.svelte
3725
- 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>`);
3667
+ 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>`);
3726
3668
  function IconArrowDown($$anchor, $$props) {
3727
- let color = $$53.prop($$props, "color", 8);
3669
+ let color = $.prop($$props, "color", 8);
3728
3670
  var svg = root$44();
3729
- var path = $$53.child(svg);
3730
- $$53.reset(svg);
3731
- $$53.template_effect(() => $$53.set_attribute(path, "fill", color()));
3732
- $$53.append($$anchor, svg);
3671
+ var path = $.child(svg);
3672
+ $.reset(svg);
3673
+ $.template_effect(() => $.set_attribute(path, "fill", color()));
3674
+ $.append($$anchor, svg);
3733
3675
  }
3734
3676
 
3735
3677
  //#endregion
3736
3678
  //#region src/components-flex/icon/variants/IconArrowUp.svelte
3737
- 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>`);
3679
+ 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>`);
3738
3680
  function IconArrowUp($$anchor, $$props) {
3739
- let color = $$52.prop($$props, "color", 8);
3681
+ let color = $.prop($$props, "color", 8);
3740
3682
  var svg = root$43();
3741
- var path = $$52.child(svg);
3742
- $$52.reset(svg);
3743
- $$52.template_effect(() => $$52.set_attribute(path, "fill", color()));
3744
- $$52.append($$anchor, svg);
3683
+ var path = $.child(svg);
3684
+ $.reset(svg);
3685
+ $.template_effect(() => $.set_attribute(path, "fill", color()));
3686
+ $.append($$anchor, svg);
3745
3687
  }
3746
3688
 
3747
3689
  //#endregion
3748
3690
  //#region src/components-flex/icon/variants/IconUsers.svelte
3749
- 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>`);
3691
+ 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>`);
3750
3692
  function IconUsers($$anchor, $$props) {
3751
- let color = $$51.prop($$props, "color", 8);
3693
+ let color = $.prop($$props, "color", 8);
3752
3694
  var svg = root$42();
3753
- var path = $$51.child(svg);
3754
- $$51.reset(svg);
3755
- $$51.template_effect(() => $$51.set_attribute(path, "fill", color()));
3756
- $$51.append($$anchor, svg);
3695
+ var path = $.child(svg);
3696
+ $.reset(svg);
3697
+ $.template_effect(() => $.set_attribute(path, "fill", color()));
3698
+ $.append($$anchor, svg);
3757
3699
  }
3758
3700
 
3759
3701
  //#endregion
3760
3702
  //#region src/components-flex/icon/variants/IconArrowLeft.svelte
3761
- 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>`);
3703
+ 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>`);
3762
3704
  function IconArrowLeft($$anchor, $$props) {
3763
- let color = $$50.prop($$props, "color", 8);
3705
+ let color = $.prop($$props, "color", 8);
3764
3706
  var svg = root$41();
3765
- var path = $$50.child(svg);
3766
- $$50.reset(svg);
3767
- $$50.template_effect(() => $$50.set_attribute(path, "fill", color()));
3768
- $$50.append($$anchor, svg);
3707
+ var path = $.child(svg);
3708
+ $.reset(svg);
3709
+ $.template_effect(() => $.set_attribute(path, "fill", color()));
3710
+ $.append($$anchor, svg);
3769
3711
  }
3770
3712
 
3771
3713
  //#endregion
3772
3714
  //#region src/components-flex/icon/variants/IconArrowRight.svelte
3773
- 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>`);
3715
+ 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>`);
3774
3716
  function IconArrowRight($$anchor, $$props) {
3775
- let color = $$49.prop($$props, "color", 8);
3717
+ let color = $.prop($$props, "color", 8);
3776
3718
  var svg = root$40();
3777
- var path = $$49.child(svg);
3778
- $$49.reset(svg);
3779
- $$49.template_effect(() => $$49.set_attribute(path, "fill", color()));
3780
- $$49.append($$anchor, svg);
3719
+ var path = $.child(svg);
3720
+ $.reset(svg);
3721
+ $.template_effect(() => $.set_attribute(path, "fill", color()));
3722
+ $.append($$anchor, svg);
3781
3723
  }
3782
3724
 
3783
3725
  //#endregion
3784
3726
  //#region src/components-flex/icon/variants/IconBell.svelte
3785
- 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>`);
3727
+ 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>`);
3786
3728
  function IconBell($$anchor, $$props) {
3787
- let color = $$48.prop($$props, "color", 8);
3729
+ let color = $.prop($$props, "color", 8);
3788
3730
  var svg = root$39();
3789
- var path = $$48.child(svg);
3790
- $$48.reset(svg);
3791
- $$48.template_effect(() => $$48.set_attribute(path, "fill", color()));
3792
- $$48.append($$anchor, svg);
3731
+ var path = $.child(svg);
3732
+ $.reset(svg);
3733
+ $.template_effect(() => $.set_attribute(path, "fill", color()));
3734
+ $.append($$anchor, svg);
3793
3735
  }
3794
3736
 
3795
3737
  //#endregion
3796
3738
  //#region src/components-flex/icon/variants/IconArrowUpFromSquare.svelte
3797
- 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>`);
3739
+ 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>`);
3798
3740
  function IconArrowUpFromSquare($$anchor, $$props) {
3799
- let color = $$47.prop($$props, "color", 8);
3741
+ let color = $.prop($$props, "color", 8);
3800
3742
  var svg = root$38();
3801
- var path = $$47.child(svg);
3802
- $$47.reset(svg);
3803
- $$47.template_effect(() => $$47.set_attribute(path, "fill", color()));
3804
- $$47.append($$anchor, svg);
3743
+ var path = $.child(svg);
3744
+ $.reset(svg);
3745
+ $.template_effect(() => $.set_attribute(path, "fill", color()));
3746
+ $.append($$anchor, svg);
3805
3747
  }
3806
3748
 
3807
3749
  //#endregion
3808
3750
  //#region src/components-flex/icon/variants/IconTicket.svelte
3809
- 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>`);
3751
+ 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>`);
3810
3752
  function IconTicket($$anchor, $$props) {
3811
- let color = $$46.prop($$props, "color", 8);
3753
+ let color = $.prop($$props, "color", 8);
3812
3754
  var svg = root$37();
3813
- var path = $$46.child(svg);
3814
- $$46.reset(svg);
3815
- $$46.template_effect(() => $$46.set_attribute(path, "fill", color()));
3816
- $$46.append($$anchor, svg);
3755
+ var path = $.child(svg);
3756
+ $.reset(svg);
3757
+ $.template_effect(() => $.set_attribute(path, "fill", color()));
3758
+ $.append($$anchor, svg);
3817
3759
  }
3818
3760
 
3819
3761
  //#endregion
3820
3762
  //#region src/components-flex/icon/variants/IconTrack.svelte
3821
- 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>`);
3763
+ 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>`);
3822
3764
  function IconTrack($$anchor, $$props) {
3823
- let color = $$45.prop($$props, "color", 8);
3765
+ let color = $.prop($$props, "color", 8);
3824
3766
  var svg = root$36();
3825
- var path = $$45.child(svg);
3826
- $$45.reset(svg);
3827
- $$45.template_effect(() => $$45.set_attribute(path, "fill", color()));
3828
- $$45.append($$anchor, svg);
3767
+ var path = $.child(svg);
3768
+ $.reset(svg);
3769
+ $.template_effect(() => $.set_attribute(path, "fill", color()));
3770
+ $.append($$anchor, svg);
3829
3771
  }
3830
3772
 
3831
3773
  //#endregion
3832
3774
  //#region src/components-flex/icon/variants/IconCartShopping.svelte
3833
- 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>`);
3775
+ 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>`);
3834
3776
  function IconCartShopping($$anchor, $$props) {
3835
- let color = $$44.prop($$props, "color", 8);
3777
+ let color = $.prop($$props, "color", 8);
3836
3778
  var svg = root$35();
3837
- var path = $$44.child(svg);
3838
- $$44.reset(svg);
3839
- $$44.template_effect(() => $$44.set_attribute(path, "fill", color()));
3840
- $$44.append($$anchor, svg);
3779
+ var path = $.child(svg);
3780
+ $.reset(svg);
3781
+ $.template_effect(() => $.set_attribute(path, "fill", color()));
3782
+ $.append($$anchor, svg);
3841
3783
  }
3842
3784
 
3843
3785
  //#endregion
3844
3786
  //#region src/components-flex/icon/variants/IconCircle.svelte
3845
- 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>`);
3787
+ 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>`);
3846
3788
  function IconCircle($$anchor, $$props) {
3847
- let color = $$43.prop($$props, "color", 8);
3789
+ let color = $.prop($$props, "color", 8);
3848
3790
  var svg = root$34();
3849
- var path = $$43.child(svg);
3850
- $$43.reset(svg);
3851
- $$43.template_effect(() => $$43.set_attribute(path, "fill", color()));
3852
- $$43.append($$anchor, svg);
3791
+ var path = $.child(svg);
3792
+ $.reset(svg);
3793
+ $.template_effect(() => $.set_attribute(path, "fill", color()));
3794
+ $.append($$anchor, svg);
3853
3795
  }
3854
3796
 
3855
3797
  //#endregion
3856
3798
  //#region src/components-flex/icon/variants/IconCircleQuestion.svelte
3857
- 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>`);
3799
+ 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>`);
3858
3800
  function IconCircleQuestion($$anchor, $$props) {
3859
- let color = $$42.prop($$props, "color", 8);
3801
+ let color = $.prop($$props, "color", 8);
3860
3802
  var svg = root$33();
3861
- var path = $$42.child(svg);
3862
- $$42.reset(svg);
3863
- $$42.template_effect(() => $$42.set_attribute(path, "fill", color()));
3864
- $$42.append($$anchor, svg);
3803
+ var path = $.child(svg);
3804
+ $.reset(svg);
3805
+ $.template_effect(() => $.set_attribute(path, "fill", color()));
3806
+ $.append($$anchor, svg);
3865
3807
  }
3866
3808
 
3867
3809
  //#endregion
3868
3810
  //#region src/components-flex/icon/variants/IconCheck.svelte
3869
- 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>`);
3811
+ 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>`);
3870
3812
  function IconCheck($$anchor, $$props) {
3871
- let color = $$41.prop($$props, "color", 8);
3813
+ let color = $.prop($$props, "color", 8);
3872
3814
  var svg = root$32();
3873
- var path = $$41.child(svg);
3874
- $$41.reset(svg);
3875
- $$41.template_effect(() => $$41.set_attribute(path, "fill", color()));
3876
- $$41.append($$anchor, svg);
3815
+ var path = $.child(svg);
3816
+ $.reset(svg);
3817
+ $.template_effect(() => $.set_attribute(path, "fill", color()));
3818
+ $.append($$anchor, svg);
3877
3819
  }
3878
3820
 
3879
3821
  //#endregion
3880
3822
  //#region src/components-flex/icon/variants/IconXMark.svelte
3881
- 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>`);
3823
+ 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>`);
3882
3824
  function IconXMark($$anchor, $$props) {
3883
- let color = $$40.prop($$props, "color", 8);
3825
+ let color = $.prop($$props, "color", 8);
3884
3826
  var svg = root$31();
3885
- var path = $$40.child(svg);
3886
- $$40.reset(svg);
3887
- $$40.template_effect(() => $$40.set_attribute(path, "fill", color()));
3888
- $$40.append($$anchor, svg);
3827
+ var path = $.child(svg);
3828
+ $.reset(svg);
3829
+ $.template_effect(() => $.set_attribute(path, "fill", color()));
3830
+ $.append($$anchor, svg);
3889
3831
  }
3890
3832
 
3891
3833
  //#endregion
3892
3834
  //#region src/components-flex/icon/variants/IconPaperPlane.svelte
3893
- 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>`);
3835
+ 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>`);
3894
3836
  function IconPaperPlane($$anchor, $$props) {
3895
- let color = $$39.prop($$props, "color", 8);
3837
+ let color = $.prop($$props, "color", 8);
3896
3838
  var svg = root$30();
3897
- var path = $$39.child(svg);
3898
- $$39.reset(svg);
3899
- $$39.template_effect(() => $$39.set_attribute(path, "fill", color()));
3900
- $$39.append($$anchor, svg);
3839
+ var path = $.child(svg);
3840
+ $.reset(svg);
3841
+ $.template_effect(() => $.set_attribute(path, "fill", color()));
3842
+ $.append($$anchor, svg);
3901
3843
  }
3902
3844
 
3903
3845
  //#endregion
3904
3846
  //#region src/components-flex/icon/variants/IconCopy.svelte
3905
- 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>`);
3847
+ 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>`);
3906
3848
  function IconCopy($$anchor, $$props) {
3907
- let color = $$38.prop($$props, "color", 8);
3849
+ let color = $.prop($$props, "color", 8);
3908
3850
  var svg = root$29();
3909
- var path = $$38.child(svg);
3910
- $$38.reset(svg);
3911
- $$38.template_effect(() => $$38.set_attribute(path, "fill", color()));
3912
- $$38.append($$anchor, svg);
3851
+ var path = $.child(svg);
3852
+ $.reset(svg);
3853
+ $.template_effect(() => $.set_attribute(path, "fill", color()));
3854
+ $.append($$anchor, svg);
3913
3855
  }
3914
3856
 
3915
3857
  //#endregion
3916
3858
  //#region src/components-flex/icon/variants/IconCircleXMark.svelte
3917
- 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>`);
3859
+ 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>`);
3918
3860
  function IconCircleXMark($$anchor, $$props) {
3919
- let color = $$37.prop($$props, "color", 8);
3861
+ let color = $.prop($$props, "color", 8);
3920
3862
  var svg = root$28();
3921
- var path = $$37.child(svg);
3922
- $$37.reset(svg);
3923
- $$37.template_effect(() => $$37.set_attribute(path, "fill", color()));
3924
- $$37.append($$anchor, svg);
3863
+ var path = $.child(svg);
3864
+ $.reset(svg);
3865
+ $.template_effect(() => $.set_attribute(path, "fill", color()));
3866
+ $.append($$anchor, svg);
3925
3867
  }
3926
3868
 
3927
3869
  //#endregion
3928
3870
  //#region src/components-flex/icon/variants/IconHeart.svelte
3929
- 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>`);
3871
+ 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>`);
3930
3872
  function IconHeart($$anchor, $$props) {
3931
- let color = $$36.prop($$props, "color", 8);
3873
+ let color = $.prop($$props, "color", 8);
3932
3874
  var svg = root$27();
3933
- var path = $$36.child(svg);
3934
- $$36.reset(svg);
3935
- $$36.template_effect(() => $$36.set_attribute(path, "fill", color()));
3936
- $$36.append($$anchor, svg);
3875
+ var path = $.child(svg);
3876
+ $.reset(svg);
3877
+ $.template_effect(() => $.set_attribute(path, "fill", color()));
3878
+ $.append($$anchor, svg);
3937
3879
  }
3938
3880
 
3939
3881
  //#endregion
3940
3882
  //#region src/components-flex/icon/variants/IconMagnifyingGrass.svelte
3941
- 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>`);
3883
+ 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>`);
3942
3884
  function IconMagnifyingGrass($$anchor, $$props) {
3943
- let color = $$35.prop($$props, "color", 8);
3885
+ let color = $.prop($$props, "color", 8);
3944
3886
  var svg = root$26();
3945
- var path = $$35.child(svg);
3946
- $$35.reset(svg);
3947
- $$35.template_effect(() => $$35.set_attribute(path, "fill", color()));
3948
- $$35.append($$anchor, svg);
3887
+ var path = $.child(svg);
3888
+ $.reset(svg);
3889
+ $.template_effect(() => $.set_attribute(path, "fill", color()));
3890
+ $.append($$anchor, svg);
3949
3891
  }
3950
3892
 
3951
3893
  //#endregion
3952
3894
  //#region src/components-flex/icon/variants/IconStar.svelte
3953
- 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>`);
3895
+ 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>`);
3954
3896
  function IconStar($$anchor, $$props) {
3955
- let color = $$34.prop($$props, "color", 8);
3897
+ let color = $.prop($$props, "color", 8);
3956
3898
  var svg = root$25();
3957
- var path = $$34.child(svg);
3958
- $$34.reset(svg);
3959
- $$34.template_effect(() => $$34.set_attribute(path, "fill", color()));
3960
- $$34.append($$anchor, svg);
3899
+ var path = $.child(svg);
3900
+ $.reset(svg);
3901
+ $.template_effect(() => $.set_attribute(path, "fill", color()));
3902
+ $.append($$anchor, svg);
3961
3903
  }
3962
3904
 
3963
3905
  //#endregion
3964
3906
  //#region src/components-flex/icon/variants/IconCircleInfo.svelte
3965
- 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>`);
3907
+ 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>`);
3966
3908
  function IconCircleInfo($$anchor, $$props) {
3967
- let color = $$33.prop($$props, "color", 8);
3909
+ let color = $.prop($$props, "color", 8);
3968
3910
  var svg = root$24();
3969
- var path = $$33.child(svg);
3970
- $$33.reset(svg);
3971
- $$33.template_effect(() => $$33.set_attribute(path, "fill", color()));
3972
- $$33.append($$anchor, svg);
3911
+ var path = $.child(svg);
3912
+ $.reset(svg);
3913
+ $.template_effect(() => $.set_attribute(path, "fill", color()));
3914
+ $.append($$anchor, svg);
3973
3915
  }
3974
3916
 
3975
3917
  //#endregion
3976
3918
  //#region src/components-flex/icon/variants/IconEnvelope.svelte
3977
- 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>`);
3919
+ 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>`);
3978
3920
  function IconEnvelope($$anchor, $$props) {
3979
- let color = $$32.prop($$props, "color", 8);
3921
+ let color = $.prop($$props, "color", 8);
3980
3922
  var svg = root$23();
3981
- var path = $$32.child(svg);
3982
- $$32.reset(svg);
3983
- $$32.template_effect(() => $$32.set_attribute(path, "fill", color()));
3984
- $$32.append($$anchor, svg);
3923
+ var path = $.child(svg);
3924
+ $.reset(svg);
3925
+ $.template_effect(() => $.set_attribute(path, "fill", color()));
3926
+ $.append($$anchor, svg);
3985
3927
  }
3986
3928
 
3987
3929
  //#endregion
3988
3930
  //#region src/components-flex/icon/variants/IconGift.svelte
3989
- 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>`);
3931
+ 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>`);
3990
3932
  function IconGift($$anchor, $$props) {
3991
- let color = $$31.prop($$props, "color", 8);
3933
+ let color = $.prop($$props, "color", 8);
3992
3934
  var svg = root$22();
3993
- var path = $$31.child(svg);
3994
- $$31.reset(svg);
3995
- $$31.template_effect(() => $$31.set_attribute(path, "fill", color()));
3996
- $$31.append($$anchor, svg);
3935
+ var path = $.child(svg);
3936
+ $.reset(svg);
3937
+ $.template_effect(() => $.set_attribute(path, "fill", color()));
3938
+ $.append($$anchor, svg);
3997
3939
  }
3998
3940
 
3999
3941
  //#endregion
4000
3942
  //#region src/components-flex/icon/variants/IconPaperclip.svelte
4001
- 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>`);
3943
+ 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>`);
4002
3944
  function IconPaperclip($$anchor, $$props) {
4003
- let color = $$30.prop($$props, "color", 8);
3945
+ let color = $.prop($$props, "color", 8);
4004
3946
  var svg = root$21();
4005
- var path = $$30.child(svg);
4006
- $$30.reset(svg);
4007
- $$30.template_effect(() => $$30.set_attribute(path, "fill", color()));
4008
- $$30.append($$anchor, svg);
3947
+ var path = $.child(svg);
3948
+ $.reset(svg);
3949
+ $.template_effect(() => $.set_attribute(path, "fill", color()));
3950
+ $.append($$anchor, svg);
4009
3951
  }
4010
3952
 
4011
3953
  //#endregion
4012
3954
  //#region src/components-flex/icon/variants/IconFire.svelte
4013
- 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>`);
3955
+ 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>`);
4014
3956
  function IconFire($$anchor, $$props) {
4015
- let color = $$29.prop($$props, "color", 8);
3957
+ let color = $.prop($$props, "color", 8);
4016
3958
  var svg = root$20();
4017
- var path = $$29.child(svg);
4018
- $$29.reset(svg);
4019
- $$29.template_effect(() => $$29.set_attribute(path, "fill", color()));
4020
- $$29.append($$anchor, svg);
3959
+ var path = $.child(svg);
3960
+ $.reset(svg);
3961
+ $.template_effect(() => $.set_attribute(path, "fill", color()));
3962
+ $.append($$anchor, svg);
4021
3963
  }
4022
3964
 
4023
3965
  //#endregion
4024
3966
  //#region src/components-flex/icon/variants/IconLink.svelte
4025
- 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>`);
3967
+ 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>`);
4026
3968
  function IconLink($$anchor, $$props) {
4027
- let color = $$28.prop($$props, "color", 8);
3969
+ let color = $.prop($$props, "color", 8);
4028
3970
  var svg = root$19();
4029
- var path = $$28.child(svg);
4030
- $$28.reset(svg);
4031
- $$28.template_effect(() => $$28.set_attribute(path, "fill", color()));
4032
- $$28.append($$anchor, svg);
3971
+ var path = $.child(svg);
3972
+ $.reset(svg);
3973
+ $.template_effect(() => $.set_attribute(path, "fill", color()));
3974
+ $.append($$anchor, svg);
4033
3975
  }
4034
3976
 
4035
3977
  //#endregion
4036
3978
  //#region src/components-flex/icon/variants/IconBuildings.svelte
4037
- 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>`);
3979
+ 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>`);
4038
3980
  function IconBuildings($$anchor, $$props) {
4039
- let color = $$27.prop($$props, "color", 8);
3981
+ let color = $.prop($$props, "color", 8);
4040
3982
  var svg = root$18();
4041
- var path = $$27.child(svg);
4042
- $$27.reset(svg);
4043
- $$27.template_effect(() => $$27.set_attribute(path, "fill", color()));
4044
- $$27.append($$anchor, svg);
3983
+ var path = $.child(svg);
3984
+ $.reset(svg);
3985
+ $.template_effect(() => $.set_attribute(path, "fill", color()));
3986
+ $.append($$anchor, svg);
4045
3987
  }
4046
3988
 
4047
3989
  //#endregion
4048
3990
  //#region src/components-flex/icon/variants/IconChevronsRight.svelte
4049
- 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>`);
3991
+ 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>`);
4050
3992
  function IconChevronsRight($$anchor, $$props) {
4051
- let color = $$26.prop($$props, "color", 8);
3993
+ let color = $.prop($$props, "color", 8);
4052
3994
  var svg = root$17();
4053
- var path = $$26.child(svg);
4054
- $$26.reset(svg);
4055
- $$26.template_effect(() => $$26.set_attribute(path, "fill", color()));
4056
- $$26.append($$anchor, svg);
3995
+ var path = $.child(svg);
3996
+ $.reset(svg);
3997
+ $.template_effect(() => $.set_attribute(path, "fill", color()));
3998
+ $.append($$anchor, svg);
4057
3999
  }
4058
4000
 
4059
4001
  //#endregion
4060
4002
  //#region src/components-flex/icon/variants/IconChevronRight.svelte
4061
- 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>`);
4003
+ 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>`);
4062
4004
  function IconChevronRight($$anchor, $$props) {
4063
- let color = $$25.prop($$props, "color", 8);
4005
+ let color = $.prop($$props, "color", 8);
4064
4006
  var svg = root$16();
4065
- var path = $$25.child(svg);
4066
- $$25.reset(svg);
4067
- $$25.template_effect(() => $$25.set_attribute(path, "fill", color()));
4068
- $$25.append($$anchor, svg);
4007
+ var path = $.child(svg);
4008
+ $.reset(svg);
4009
+ $.template_effect(() => $.set_attribute(path, "fill", color()));
4010
+ $.append($$anchor, svg);
4069
4011
  }
4070
4012
 
4071
4013
  //#endregion
4072
4014
  //#region src/components-flex/icon/variants/IconPhone.svelte
4073
- 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>`);
4015
+ 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>`);
4074
4016
  function IconPhone($$anchor, $$props) {
4075
- let color = $$24.prop($$props, "color", 8);
4017
+ let color = $.prop($$props, "color", 8);
4076
4018
  var svg = root$15();
4077
- var path = $$24.child(svg);
4078
- $$24.reset(svg);
4079
- $$24.template_effect(() => $$24.set_attribute(path, "fill", color()));
4080
- $$24.append($$anchor, svg);
4019
+ var path = $.child(svg);
4020
+ $.reset(svg);
4021
+ $.template_effect(() => $.set_attribute(path, "fill", color()));
4022
+ $.append($$anchor, svg);
4081
4023
  }
4082
4024
 
4083
4025
  //#endregion
4084
4026
  //#region src/components-flex/icon/variants/IconLocationDot.svelte
4085
- 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>`);
4027
+ 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>`);
4086
4028
  function IconLocationDot($$anchor, $$props) {
4087
- let color = $$23.prop($$props, "color", 8);
4029
+ let color = $.prop($$props, "color", 8);
4088
4030
  var svg = root$14();
4089
- var path = $$23.child(svg);
4090
- $$23.reset(svg);
4091
- $$23.template_effect(() => $$23.set_attribute(path, "fill", color()));
4092
- $$23.append($$anchor, svg);
4031
+ var path = $.child(svg);
4032
+ $.reset(svg);
4033
+ $.template_effect(() => $.set_attribute(path, "fill", color()));
4034
+ $.append($$anchor, svg);
4093
4035
  }
4094
4036
 
4095
4037
  //#endregion
@@ -4165,12 +4107,12 @@ const $$css$21 = {
4165
4107
  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;}"
4166
4108
  };
4167
4109
  function Icon($$anchor, $$props) {
4168
- $$22.push($$props, false);
4169
- $$22.append_styles($$anchor, $$css$21);
4170
- const style = $$22.mutable_state();
4171
- const IconComponent = $$22.mutable_state();
4172
- let props = $$22.prop($$props, "props", 24, () => ({}));
4173
- let layerId = $$22.prop($$props, "layerId", 8, "");
4110
+ $.push($$props, false);
4111
+ $.append_styles($$anchor, $$css$21);
4112
+ const style = $.mutable_state();
4113
+ const IconComponent = $.mutable_state();
4114
+ let props = $.prop($$props, "props", 24, () => ({}));
4115
+ let layerId = $.prop($$props, "layerId", 8, "");
4174
4116
  useInjectCustomizeCss(props());
4175
4117
  const { attributes, element, handleClick } = useClickable_default(props());
4176
4118
  const getSizeCss = () => {
@@ -4180,40 +4122,40 @@ function Icon($$anchor, $$props) {
4180
4122
  height: props().height ? props().height : ICON_SIZE[props().size ?? "medium"].value
4181
4123
  };
4182
4124
  };
4183
- $$22.legacy_pre_effect(() => $$22.deep_read_state(props()), () => {
4184
- $$22.set(style, objToStyle({
4125
+ $.legacy_pre_effect(() => $.deep_read_state(props()), () => {
4126
+ $.set(style, objToStyle({
4185
4127
  ...getSizeCss(),
4186
4128
  ...toCssCommon(props())
4187
4129
  }));
4188
4130
  });
4189
- $$22.legacy_pre_effect(() => $$22.deep_read_state(props()), () => {
4190
- $$22.set(IconComponent, ICON_VARIANTS[props().variant] ?? void 0);
4131
+ $.legacy_pre_effect(() => $.deep_read_state(props()), () => {
4132
+ $.set(IconComponent, ICON_VARIANTS[props().variant] ?? void 0);
4191
4133
  });
4192
- $$22.legacy_pre_effect_reset();
4193
- $$22.init();
4194
- var fragment = $$22.comment();
4195
- var node = $$22.first_child(fragment);
4196
- $$22.element(node, () => element, false, ($$element, $$anchor$1) => {
4134
+ $.legacy_pre_effect_reset();
4135
+ $.init();
4136
+ var fragment = $.comment();
4137
+ var node = $.first_child(fragment);
4138
+ $.element(node, () => element, false, ($$element, $$anchor$1) => {
4197
4139
  let attributes_1;
4198
- $$22.template_effect(() => attributes_1 = $$22.set_attributes($$element, attributes_1, {
4140
+ $.template_effect(() => attributes_1 = $.set_attributes($$element, attributes_1, {
4199
4141
  ...attributes,
4200
4142
  class: "icon",
4201
- style: $$22.get(style),
4143
+ style: $.get(style),
4202
4144
  "data-layer-id": layerId()
4203
4145
  }, "svelte-1kl9m59"));
4204
- $$22.event("click", $$element, handleClick);
4205
- var fragment_1 = $$22.comment();
4206
- var node_1 = $$22.first_child(fragment_1);
4207
- const expression = $$22.derived_safe_equal(() => props().color ?? "currentColor");
4208
- $$22.component(node_1, () => $$22.get(IconComponent), ($$anchor$2, $$component) => {
4146
+ $.event("click", $$element, handleClick);
4147
+ var fragment_1 = $.comment();
4148
+ var node_1 = $.first_child(fragment_1);
4149
+ const expression = $.derived_safe_equal(() => props().color ?? "currentColor");
4150
+ $.component(node_1, () => $.get(IconComponent), ($$anchor$2, $$component) => {
4209
4151
  $$component($$anchor$2, { get color() {
4210
- return $$22.get(expression);
4152
+ return $.get(expression);
4211
4153
  } });
4212
4154
  });
4213
- $$22.append($$anchor$1, fragment_1);
4155
+ $.append($$anchor$1, fragment_1);
4214
4156
  });
4215
- $$22.append($$anchor, fragment);
4216
- $$22.pop();
4157
+ $.append($$anchor, fragment);
4158
+ $.pop();
4217
4159
  }
4218
4160
 
4219
4161
  //#endregion
@@ -4385,19 +4327,19 @@ function darkenColor(color, percent) {
4385
4327
 
4386
4328
  //#endregion
4387
4329
  //#region src/components-flex/button/Button.svelte
4388
- var root_2$4 = $$21.template(`<div class="button-icon svelte-l0rauj"><!></div>`);
4389
- var root_1$7 = $$21.template(`<!> <span class="button-label"> </span>`, 1);
4330
+ var root_2$4 = $.template(`<div class="button-icon svelte-l0rauj"><!></div>`);
4331
+ var root_1$7 = $.template(`<!> <span class="button-label"> </span>`, 1);
4390
4332
  const $$css$20 = {
4391
4333
  hash: "svelte-l0rauj",
4392
4334
  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;}"
4393
4335
  };
4394
4336
  function Button($$anchor, $$props) {
4395
- $$21.push($$props, false);
4396
- $$21.append_styles($$anchor, $$css$20);
4397
- const variables$1 = $$21.mutable_state();
4398
- const style = $$21.mutable_state();
4399
- let props = $$21.prop($$props, "props", 24, () => ({}));
4400
- let layerId = $$21.prop($$props, "layerId", 8, "");
4337
+ $.push($$props, false);
4338
+ $.append_styles($$anchor, $$css$20);
4339
+ const variables$1 = $.mutable_state();
4340
+ const style = $.mutable_state();
4341
+ let props = $.prop($$props, "props", 24, () => ({}));
4342
+ let layerId = $.prop($$props, "layerId", 8, "");
4401
4343
  useInjectCustomizeCss(props());
4402
4344
  const { attributes, element, handleClick } = useClickable_default(props());
4403
4345
  const { brandKit } = useBrandKit();
@@ -4412,8 +4354,8 @@ function Button($$anchor, $$props) {
4412
4354
  }
4413
4355
  })();
4414
4356
  const buttonSizeStyle = BUTTON_SIZE_STYLES[props().size] || BUTTON_SIZE_STYLES[buttonPropsDefault.size];
4415
- $$21.legacy_pre_effect(() => ($$21.deep_read_state(props()), darkenColor), () => {
4416
- $$21.set(variables$1, (() => {
4357
+ $.legacy_pre_effect(() => ($.deep_read_state(props()), darkenColor), () => {
4358
+ $.set(variables$1, (() => {
4417
4359
  switch (variant) {
4418
4360
  case "outline": return {
4419
4361
  "--color": props().color ?? buttonThemeStyle.color,
@@ -4439,8 +4381,8 @@ function Button($$anchor, $$props) {
4439
4381
  }
4440
4382
  })());
4441
4383
  });
4442
- $$21.legacy_pre_effect(() => ($$21.deep_read_state(props()), $$21.get(variables$1)), () => {
4443
- $$21.set(style, objToStyle({
4384
+ $.legacy_pre_effect(() => ($.deep_read_state(props()), $.get(variables$1)), () => {
4385
+ $.set(style, objToStyle({
4444
4386
  width: props().width,
4445
4387
  fontWeight: props().fontWeight ?? "bold",
4446
4388
  ...BUTTON_WRAP_STYLES[props().wrap ?? buttonPropsDefault.wrap],
@@ -4458,53 +4400,53 @@ function Button($$anchor, $$props) {
4458
4400
  ...toCssCommon(props()),
4459
4401
  ...toCssBorder(props()),
4460
4402
  ...toCssShadow(props()),
4461
- ...$$21.get(variables$1)
4403
+ ...$.get(variables$1)
4462
4404
  }));
4463
4405
  });
4464
- $$21.legacy_pre_effect_reset();
4465
- $$21.init();
4466
- var fragment = $$21.comment();
4467
- var node = $$21.first_child(fragment);
4468
- $$21.element(node, () => element, false, ($$element, $$anchor$1) => {
4406
+ $.legacy_pre_effect_reset();
4407
+ $.init();
4408
+ var fragment = $.comment();
4409
+ var node = $.first_child(fragment);
4410
+ $.element(node, () => element, false, ($$element, $$anchor$1) => {
4469
4411
  let attributes_1;
4470
- $$21.template_effect(() => attributes_1 = $$21.set_attributes($$element, attributes_1, {
4412
+ $.template_effect(() => attributes_1 = $.set_attributes($$element, attributes_1, {
4471
4413
  ...attributes,
4472
4414
  class: "button",
4473
- style: $$21.get(style),
4415
+ style: $.get(style),
4474
4416
  "data-layer-id": layerId(),
4475
4417
  "data-variant": variant
4476
4418
  }, "svelte-l0rauj"));
4477
- $$21.event("click", $$element, handleClick);
4419
+ $.event("click", $$element, handleClick);
4478
4420
  var fragment_1 = root_1$7();
4479
- var node_1 = $$21.first_child(fragment_1);
4421
+ var node_1 = $.first_child(fragment_1);
4480
4422
  {
4481
4423
  var consequent = ($$anchor$2) => {
4482
4424
  var div = root_2$4();
4483
- var node_2 = $$21.child(div);
4484
- const expression = $$21.derived_safe_equal(() => ({
4425
+ var node_2 = $.child(div);
4426
+ const expression = $.derived_safe_equal(() => ({
4485
4427
  variant: props().iconVariant,
4486
4428
  color: props().iconColor ?? props().color ?? buttonThemeStyle.color,
4487
4429
  width: "1em",
4488
4430
  height: "1em"
4489
4431
  }));
4490
4432
  Icon(node_2, { get props() {
4491
- return $$21.get(expression);
4433
+ return $.get(expression);
4492
4434
  } });
4493
- $$21.reset(div);
4494
- $$21.append($$anchor$2, div);
4435
+ $.reset(div);
4436
+ $.append($$anchor$2, div);
4495
4437
  };
4496
- $$21.if(node_1, ($$render) => {
4438
+ $.if(node_1, ($$render) => {
4497
4439
  if (props().isIcon && props().iconVariant) $$render(consequent);
4498
4440
  });
4499
4441
  }
4500
- var span = $$21.sibling(node_1, 2);
4501
- var text = $$21.child(span, true);
4502
- $$21.reset(span);
4503
- $$21.template_effect(() => $$21.set_text(text, props().label ?? buttonPropsDefault.label));
4504
- $$21.append($$anchor$1, fragment_1);
4442
+ var span = $.sibling(node_1, 2);
4443
+ var text = $.child(span, true);
4444
+ $.reset(span);
4445
+ $.template_effect(() => $.set_text(text, props().label ?? buttonPropsDefault.label));
4446
+ $.append($$anchor$1, fragment_1);
4505
4447
  });
4506
- $$21.append($$anchor, fragment);
4507
- $$21.pop();
4448
+ $.append($$anchor, fragment);
4449
+ $.pop();
4508
4450
  }
4509
4451
 
4510
4452
  //#endregion
@@ -4602,33 +4544,33 @@ const BUTTON_OUTLINED_WRAP_STYLES = {
4602
4544
 
4603
4545
  //#endregion
4604
4546
  //#region src/components-flex/button-outlined/ButtonOutlined.svelte
4605
- var root_2$3 = $$20.template(`<div class="button-outlined-icon svelte-z8gomx"><!></div>`);
4606
- var root_1$6 = $$20.template(`<!> <span class="button-outlined-label svelte-z8gomx"> </span>`, 1);
4547
+ var root_2$3 = $.template(`<div class="button-outlined-icon svelte-z8gomx"><!></div>`);
4548
+ var root_1$6 = $.template(`<!> <span class="button-outlined-label svelte-z8gomx"> </span>`, 1);
4607
4549
  const $$css$19 = {
4608
4550
  hash: "svelte-z8gomx",
4609
4551
  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;}"
4610
4552
  };
4611
4553
  function ButtonOutlined($$anchor, $$props) {
4612
- $$20.push($$props, false);
4613
- $$20.append_styles($$anchor, $$css$19);
4614
- const variables$1 = $$20.mutable_state();
4615
- const style = $$20.mutable_state();
4616
- let props = $$20.prop($$props, "props", 24, () => ({}));
4617
- let layerId = $$20.prop($$props, "layerId", 8, "");
4554
+ $.push($$props, false);
4555
+ $.append_styles($$anchor, $$css$19);
4556
+ const variables$1 = $.mutable_state();
4557
+ const style = $.mutable_state();
4558
+ let props = $.prop($$props, "props", 24, () => ({}));
4559
+ let layerId = $.prop($$props, "layerId", 8, "");
4618
4560
  useInjectCustomizeCss(props());
4619
4561
  const { brandKit } = useBrandKit();
4620
4562
  const { attributes, element, handleClick } = useClickable_default(props());
4621
4563
  const buttonThemeStyles = getButtonOutlinedThemeStyles(brandKit);
4622
4564
  const buttonThemeStyle = buttonThemeStyles[props().theme ?? buttonOutlinedPropsDefault.theme];
4623
4565
  const buttonSizeStyle = BUTTON_OUTLINED_SIZE_STYLES[props().size ?? buttonOutlinedPropsDefault.size];
4624
- $$20.legacy_pre_effect(() => ($$20.deep_read_state(props()), darkenColor), () => {
4625
- $$20.set(variables$1, {
4566
+ $.legacy_pre_effect(() => ($.deep_read_state(props()), darkenColor), () => {
4567
+ $.set(variables$1, {
4626
4568
  "--bg-color": props().backgroundColor ?? buttonThemeStyle.backgroundColor,
4627
4569
  "--hover-bg-color": darkenColor(props().backgroundColor ?? buttonThemeStyle.backgroundColor, .032)
4628
4570
  });
4629
4571
  });
4630
- $$20.legacy_pre_effect(() => ($$20.deep_read_state(props()), $$20.get(variables$1)), () => {
4631
- $$20.set(style, objToStyle({
4572
+ $.legacy_pre_effect(() => ($.deep_read_state(props()), $.get(variables$1)), () => {
4573
+ $.set(style, objToStyle({
4632
4574
  width: props().width,
4633
4575
  color: props().color ?? buttonThemeStyle.color,
4634
4576
  borderColor: props().borderColor ?? props().color ?? buttonThemeStyle.borderColor,
@@ -4643,52 +4585,52 @@ function ButtonOutlined($$anchor, $$props) {
4643
4585
  ...toCssCommon(props()),
4644
4586
  ...toCssBorder(props()),
4645
4587
  ...toCssShadow(props()),
4646
- ...$$20.get(variables$1)
4588
+ ...$.get(variables$1)
4647
4589
  }));
4648
4590
  });
4649
- $$20.legacy_pre_effect_reset();
4650
- $$20.init();
4651
- var fragment = $$20.comment();
4652
- var node = $$20.first_child(fragment);
4653
- $$20.element(node, () => element, false, ($$element, $$anchor$1) => {
4591
+ $.legacy_pre_effect_reset();
4592
+ $.init();
4593
+ var fragment = $.comment();
4594
+ var node = $.first_child(fragment);
4595
+ $.element(node, () => element, false, ($$element, $$anchor$1) => {
4654
4596
  let attributes_1;
4655
- $$20.template_effect(() => attributes_1 = $$20.set_attributes($$element, attributes_1, {
4597
+ $.template_effect(() => attributes_1 = $.set_attributes($$element, attributes_1, {
4656
4598
  ...attributes,
4657
4599
  class: "button-outlined",
4658
- style: $$20.get(style),
4600
+ style: $.get(style),
4659
4601
  "data-layer-id": layerId()
4660
4602
  }, "svelte-z8gomx"));
4661
- $$20.event("click", $$element, handleClick);
4603
+ $.event("click", $$element, handleClick);
4662
4604
  var fragment_1 = root_1$6();
4663
- var node_1 = $$20.first_child(fragment_1);
4605
+ var node_1 = $.first_child(fragment_1);
4664
4606
  {
4665
4607
  var consequent = ($$anchor$2) => {
4666
4608
  var div = root_2$3();
4667
- var node_2 = $$20.child(div);
4668
- const expression = $$20.derived_safe_equal(() => ({
4609
+ var node_2 = $.child(div);
4610
+ const expression = $.derived_safe_equal(() => ({
4669
4611
  variant: props().iconVariant,
4670
4612
  color: props().iconColor ?? props().color ?? buttonThemeStyle.color,
4671
4613
  width: "1em",
4672
4614
  height: "1em"
4673
4615
  }));
4674
4616
  Icon(node_2, { get props() {
4675
- return $$20.get(expression);
4617
+ return $.get(expression);
4676
4618
  } });
4677
- $$20.reset(div);
4678
- $$20.append($$anchor$2, div);
4619
+ $.reset(div);
4620
+ $.append($$anchor$2, div);
4679
4621
  };
4680
- $$20.if(node_1, ($$render) => {
4622
+ $.if(node_1, ($$render) => {
4681
4623
  if (props().isIcon && props().iconVariant) $$render(consequent);
4682
4624
  });
4683
4625
  }
4684
- var span = $$20.sibling(node_1, 2);
4685
- var text = $$20.child(span, true);
4686
- $$20.reset(span);
4687
- $$20.template_effect(() => $$20.set_text(text, props().label ?? buttonOutlinedPropsDefault.label));
4688
- $$20.append($$anchor$1, fragment_1);
4626
+ var span = $.sibling(node_1, 2);
4627
+ var text = $.child(span, true);
4628
+ $.reset(span);
4629
+ $.template_effect(() => $.set_text(text, props().label ?? buttonOutlinedPropsDefault.label));
4630
+ $.append($$anchor$1, fragment_1);
4689
4631
  });
4690
- $$20.append($$anchor, fragment);
4691
- $$20.pop();
4632
+ $.append($$anchor, fragment);
4633
+ $.pop();
4692
4634
  }
4693
4635
 
4694
4636
  //#endregion
@@ -4751,30 +4693,30 @@ const getButtonTextThemeStyles = getPropStyles(callback$2);
4751
4693
 
4752
4694
  //#endregion
4753
4695
  //#region src/components-flex/button-text/ButtonText.svelte
4754
- var root_2$2 = $$19.template(`<div class="button-text-icon svelte-l90o4j"><!></div>`);
4755
- var root_1$5 = $$19.template(`<!> <span class="button-text-label svelte-l90o4j"> </span>`, 1);
4696
+ var root_2$2 = $.template(`<div class="button-text-icon svelte-l90o4j"><!></div>`);
4697
+ var root_1$5 = $.template(`<!> <span class="button-text-label svelte-l90o4j"> </span>`, 1);
4756
4698
  const $$css$18 = {
4757
4699
  hash: "svelte-l90o4j",
4758
4700
  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;}"
4759
4701
  };
4760
4702
  function ButtonText($$anchor, $$props) {
4761
- $$19.push($$props, false);
4762
- $$19.append_styles($$anchor, $$css$18);
4763
- const variables$1 = $$19.mutable_state();
4764
- const style = $$19.mutable_state();
4765
- let props = $$19.prop($$props, "props", 24, () => ({}));
4766
- let layerId = $$19.prop($$props, "layerId", 8, "");
4703
+ $.push($$props, false);
4704
+ $.append_styles($$anchor, $$css$18);
4705
+ const variables$1 = $.mutable_state();
4706
+ const style = $.mutable_state();
4707
+ let props = $.prop($$props, "props", 24, () => ({}));
4708
+ let layerId = $.prop($$props, "layerId", 8, "");
4767
4709
  useInjectCustomizeCss(props());
4768
4710
  const { brandKit } = useBrandKit();
4769
4711
  const { attributes, element, handleClick } = useClickable_default(props());
4770
4712
  const themeStyles = getButtonTextThemeStyles(brandKit);
4771
4713
  const buttonThemeStyle = themeStyles[props().theme ?? "default"];
4772
4714
  const buttonSizeStyle = BUTTON_TEXT_SIZE_STYLES[props().size ?? "medium"];
4773
- $$19.legacy_pre_effect(() => $$19.deep_read_state(props()), () => {
4774
- $$19.set(variables$1, { "--hover-bg-color": props().backgroundColor ?? buttonThemeStyle.backgroundColor });
4715
+ $.legacy_pre_effect(() => $.deep_read_state(props()), () => {
4716
+ $.set(variables$1, { "--hover-bg-color": props().backgroundColor ?? buttonThemeStyle.backgroundColor });
4775
4717
  });
4776
- $$19.legacy_pre_effect(() => ($$19.deep_read_state(props()), $$19.get(variables$1)), () => {
4777
- $$19.set(style, objToStyle({
4718
+ $.legacy_pre_effect(() => ($.deep_read_state(props()), $.get(variables$1)), () => {
4719
+ $.set(style, objToStyle({
4778
4720
  width: props().width,
4779
4721
  height: props().height ?? buttonSizeStyle.height,
4780
4722
  paddingLeft: props().paddingLeft ?? buttonSizeStyle.paddingLeft,
@@ -4786,52 +4728,52 @@ function ButtonText($$anchor, $$props) {
4786
4728
  ...BUTTON_ROUND_STYLES[props().round ?? buttonPropsDefault.round],
4787
4729
  ...props().iconAngle ? { flexDirection: props().iconAngle } : {},
4788
4730
  ...toCssCommon(props()),
4789
- ...$$19.get(variables$1)
4731
+ ...$.get(variables$1)
4790
4732
  }));
4791
4733
  });
4792
- $$19.legacy_pre_effect_reset();
4793
- $$19.init();
4794
- var fragment = $$19.comment();
4795
- var node = $$19.first_child(fragment);
4796
- $$19.element(node, () => element, false, ($$element, $$anchor$1) => {
4734
+ $.legacy_pre_effect_reset();
4735
+ $.init();
4736
+ var fragment = $.comment();
4737
+ var node = $.first_child(fragment);
4738
+ $.element(node, () => element, false, ($$element, $$anchor$1) => {
4797
4739
  let attributes_1;
4798
- $$19.template_effect(() => attributes_1 = $$19.set_attributes($$element, attributes_1, {
4740
+ $.template_effect(() => attributes_1 = $.set_attributes($$element, attributes_1, {
4799
4741
  ...attributes,
4800
4742
  class: "button-text",
4801
- style: $$19.get(style),
4743
+ style: $.get(style),
4802
4744
  "data-layer-id": layerId()
4803
4745
  }, "svelte-l90o4j"));
4804
- $$19.event("click", $$element, handleClick);
4746
+ $.event("click", $$element, handleClick);
4805
4747
  var fragment_1 = root_1$5();
4806
- var node_1 = $$19.first_child(fragment_1);
4748
+ var node_1 = $.first_child(fragment_1);
4807
4749
  {
4808
4750
  var consequent = ($$anchor$2) => {
4809
4751
  var div = root_2$2();
4810
- var node_2 = $$19.child(div);
4811
- const expression = $$19.derived_safe_equal(() => ({
4752
+ var node_2 = $.child(div);
4753
+ const expression = $.derived_safe_equal(() => ({
4812
4754
  variant: props().iconVariant,
4813
4755
  color: props().color ?? buttonThemeStyle.color,
4814
4756
  width: "1em",
4815
4757
  height: "1em"
4816
4758
  }));
4817
4759
  Icon(node_2, { get props() {
4818
- return $$19.get(expression);
4760
+ return $.get(expression);
4819
4761
  } });
4820
- $$19.reset(div);
4821
- $$19.append($$anchor$2, div);
4762
+ $.reset(div);
4763
+ $.append($$anchor$2, div);
4822
4764
  };
4823
- $$19.if(node_1, ($$render) => {
4765
+ $.if(node_1, ($$render) => {
4824
4766
  if (props().isIcon && props().iconVariant) $$render(consequent);
4825
4767
  });
4826
4768
  }
4827
- var span = $$19.sibling(node_1, 2);
4828
- var text = $$19.child(span, true);
4829
- $$19.reset(span);
4830
- $$19.template_effect(() => $$19.set_text(text, props().label));
4831
- $$19.append($$anchor$1, fragment_1);
4769
+ var span = $.sibling(node_1, 2);
4770
+ var text = $.child(span, true);
4771
+ $.reset(span);
4772
+ $.template_effect(() => $.set_text(text, props().label));
4773
+ $.append($$anchor$1, fragment_1);
4832
4774
  });
4833
- $$19.append($$anchor, fragment);
4834
- $$19.pop();
4775
+ $.append($$anchor, fragment);
4776
+ $.pop();
4835
4777
  }
4836
4778
 
4837
4779
  //#endregion
@@ -4868,26 +4810,26 @@ const getTextThemeStyles = getPropStyles(callback$1);
4868
4810
 
4869
4811
  //#endregion
4870
4812
  //#region src/components-flex/close-button/CloseButton.svelte
4871
- var root_2$1 = $$18.template(`<span></span>`);
4872
- 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);
4813
+ var root_2$1 = $.template(`<span></span>`);
4814
+ 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);
4873
4815
  const $$css$17 = {
4874
4816
  hash: "svelte-18wmfyq",
4875
4817
  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;}"
4876
4818
  };
4877
4819
  function CloseButton($$anchor, $$props) {
4878
- $$18.push($$props, false);
4879
- $$18.append_styles($$anchor, $$css$17);
4880
- const hasLabel = $$18.mutable_state();
4881
- const styleObj = $$18.mutable_state();
4882
- const style = $$18.mutable_state();
4883
- const borderWidth = $$18.mutable_state();
4884
- const paddingSize = $$18.mutable_state();
4885
- const labelStyle = $$18.mutable_state();
4886
- const iconStyle = $$18.mutable_state();
4887
- let props = $$18.prop($$props, "props", 24, () => ({}));
4888
- let layerId = $$18.prop($$props, "layerId", 8, "");
4889
- let eventName = $$18.prop($$props, "eventName", 8, "");
4890
- let eventValue = $$18.prop($$props, "eventValue", 8, void 0);
4820
+ $.push($$props, false);
4821
+ $.append_styles($$anchor, $$css$17);
4822
+ const hasLabel = $.mutable_state();
4823
+ const styleObj = $.mutable_state();
4824
+ const style = $.mutable_state();
4825
+ const borderWidth = $.mutable_state();
4826
+ const paddingSize = $.mutable_state();
4827
+ const labelStyle = $.mutable_state();
4828
+ const iconStyle = $.mutable_state();
4829
+ let props = $.prop($$props, "props", 24, () => ({}));
4830
+ let layerId = $.prop($$props, "layerId", 8, "");
4831
+ let eventName = $.prop($$props, "eventName", 8, "");
4832
+ let eventValue = $.prop($$props, "eventValue", 8, void 0);
4891
4833
  const { brandKit } = useBrandKit();
4892
4834
  useInjectCustomizeCss(props());
4893
4835
  const { attributes, element, handleClick } = useClickable_default({
@@ -4927,11 +4869,11 @@ function CloseButton($$anchor, $$props) {
4927
4869
  const color = props().color ?? getTextThemeStyles(brandKit)[props().colorVariant]?.color ?? "#666";
4928
4870
  const label = props().label;
4929
4871
  const isLeftLabelPlacement = props().labelPlacement === "left";
4930
- $$18.legacy_pre_effect(() => {}, () => {
4931
- $$18.set(hasLabel, label !== void 0 && label !== "");
4872
+ $.legacy_pre_effect(() => {}, () => {
4873
+ $.set(hasLabel, label !== void 0 && label !== "");
4932
4874
  });
4933
- $$18.legacy_pre_effect(() => ($$18.deep_read_state(props()), toCssBorder), () => {
4934
- $$18.set(styleObj, {
4875
+ $.legacy_pre_effect(() => ($.deep_read_state(props()), toCssBorder), () => {
4876
+ $.set(styleObj, {
4935
4877
  ...props().bordered && {
4936
4878
  borderTopWidth: "1px",
4937
4879
  borderLeftWidth: "1px",
@@ -4949,67 +4891,67 @@ function CloseButton($$anchor, $$props) {
4949
4891
  ...toCssBorder(props())
4950
4892
  });
4951
4893
  });
4952
- $$18.legacy_pre_effect(() => $$18.get(styleObj), () => {
4953
- $$18.set(style, objToStyle($$18.get(styleObj)));
4894
+ $.legacy_pre_effect(() => $.get(styleObj), () => {
4895
+ $.set(style, objToStyle($.get(styleObj)));
4954
4896
  });
4955
- $$18.legacy_pre_effect(() => $$18.get(styleObj), () => {
4956
- $$18.set(borderWidth, $$18.get(styleObj).borderTopWidth ? parseInt($$18.get(styleObj).borderTopWidth) : 0);
4897
+ $.legacy_pre_effect(() => $.get(styleObj), () => {
4898
+ $.set(borderWidth, $.get(styleObj).borderTopWidth ? parseInt($.get(styleObj).borderTopWidth) : 0);
4957
4899
  });
4958
- $$18.legacy_pre_effect(() => $$18.get(styleObj), () => {
4959
- $$18.set(paddingSize, $$18.get(styleObj).paddingTop ? parseInt($$18.get(styleObj).paddingTop) : 6);
4900
+ $.legacy_pre_effect(() => $.get(styleObj), () => {
4901
+ $.set(paddingSize, $.get(styleObj).paddingTop ? parseInt($.get(styleObj).paddingTop) : 6);
4960
4902
  });
4961
- $$18.legacy_pre_effect(() => ($$18.deep_read_state(props()), getTextThemeStyles), () => {
4962
- $$18.set(labelStyle, objToStyle({
4903
+ $.legacy_pre_effect(() => ($.deep_read_state(props()), getTextThemeStyles), () => {
4904
+ $.set(labelStyle, objToStyle({
4963
4905
  color: props().labelColor ?? getTextThemeStyles(brandKit)[props().labelColorVariant]?.color ?? color,
4964
4906
  fontSize: `${size / 2.1}px`
4965
4907
  }));
4966
4908
  });
4967
- $$18.legacy_pre_effect(() => ($$18.get(paddingSize), $$18.get(borderWidth)), () => {
4968
- $$18.set(iconStyle, objToStyle({
4969
- width: `${size - $$18.get(paddingSize) * 2 - $$18.get(borderWidth) * 2}px`,
4970
- height: `${size - $$18.get(paddingSize) * 2 - $$18.get(borderWidth) * 2}px`,
4909
+ $.legacy_pre_effect(() => ($.get(paddingSize), $.get(borderWidth)), () => {
4910
+ $.set(iconStyle, objToStyle({
4911
+ width: `${size - $.get(paddingSize) * 2 - $.get(borderWidth) * 2}px`,
4912
+ height: `${size - $.get(paddingSize) * 2 - $.get(borderWidth) * 2}px`,
4971
4913
  display: "flex",
4972
4914
  alignItems: "center",
4973
4915
  justifyContent: "center",
4974
4916
  flexShrink: 0
4975
4917
  }));
4976
4918
  });
4977
- $$18.legacy_pre_effect_reset();
4978
- $$18.init();
4979
- var fragment = $$18.comment();
4980
- var node = $$18.first_child(fragment);
4981
- $$18.element(node, () => element, false, ($$element, $$anchor$1) => {
4919
+ $.legacy_pre_effect_reset();
4920
+ $.init();
4921
+ var fragment = $.comment();
4922
+ var node = $.first_child(fragment);
4923
+ $.element(node, () => element, false, ($$element, $$anchor$1) => {
4982
4924
  let attributes_1;
4983
- $$18.template_effect(() => attributes_1 = $$18.set_attributes($$element, attributes_1, {
4925
+ $.template_effect(() => attributes_1 = $.set_attributes($$element, attributes_1, {
4984
4926
  ...attributes,
4985
4927
  class: `close-button ${isLeftLabelPlacement ? "close-button-order-two" : ""}`,
4986
4928
  "data-layer-id": layerId(),
4987
- style: $$18.get(style)
4929
+ style: $.get(style)
4988
4930
  }, "svelte-18wmfyq"));
4989
- $$18.event("click", $$element, handleClick);
4931
+ $.event("click", $$element, handleClick);
4990
4932
  var fragment_1 = root_1$4();
4991
- var span = $$18.first_child(fragment_1);
4992
- var svg = $$18.child(span);
4993
- $$18.set_attribute(svg, "fill", color);
4994
- $$18.reset(span);
4995
- var node_1 = $$18.sibling(span, 2);
4933
+ var span = $.first_child(fragment_1);
4934
+ var svg = $.child(span);
4935
+ $.set_attribute(svg, "fill", color);
4936
+ $.reset(span);
4937
+ var node_1 = $.sibling(span, 2);
4996
4938
  {
4997
4939
  var consequent = ($$anchor$2) => {
4998
4940
  var span_1 = root_2$1();
4999
- $$18.set_class(span_1, 1, `close-button-label ${isLeftLabelPlacement ? "close-button-order-one" : ""}`, "svelte-18wmfyq");
4941
+ $.set_class(span_1, 1, `close-button-label ${isLeftLabelPlacement ? "close-button-order-one" : ""}`, "svelte-18wmfyq");
5000
4942
  span_1.textContent = label;
5001
- $$18.template_effect(() => $$18.set_style(span_1, $$18.get(labelStyle)));
5002
- $$18.append($$anchor$2, span_1);
4943
+ $.template_effect(() => $.set_style(span_1, $.get(labelStyle)));
4944
+ $.append($$anchor$2, span_1);
5003
4945
  };
5004
- $$18.if(node_1, ($$render) => {
5005
- if ($$18.get(hasLabel)) $$render(consequent);
4946
+ $.if(node_1, ($$render) => {
4947
+ if ($.get(hasLabel)) $$render(consequent);
5006
4948
  });
5007
4949
  }
5008
- $$18.template_effect(() => $$18.set_style(span, $$18.get(iconStyle)));
5009
- $$18.append($$anchor$1, fragment_1);
4950
+ $.template_effect(() => $.set_style(span, $.get(iconStyle)));
4951
+ $.append($$anchor$1, fragment_1);
5010
4952
  });
5011
- $$18.append($$anchor, fragment);
5012
- $$18.pop();
4953
+ $.append($$anchor, fragment);
4954
+ $.pop();
5013
4955
  }
5014
4956
 
5015
4957
  //#endregion
@@ -5088,19 +5030,19 @@ const IMAGE_ROUND_STYLES = {
5088
5030
 
5089
5031
  //#endregion
5090
5032
  //#region src/components-flex/image/Image.svelte
5091
- var root_1$3 = $$17.template(`<img class="image-img svelte-1olvu11">`);
5033
+ var root_1$3 = $.template(`<img class="image-img svelte-1olvu11">`);
5092
5034
  const $$css$16 = {
5093
5035
  hash: "svelte-1olvu11",
5094
5036
  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;}"
5095
5037
  };
5096
5038
  function Image($$anchor, $$props) {
5097
- $$17.push($$props, false);
5098
- $$17.append_styles($$anchor, $$css$16);
5099
- const styleObj = $$17.mutable_state();
5100
- const style = $$17.mutable_state();
5101
- const imgStyle = $$17.mutable_state();
5102
- let props = $$17.prop($$props, "props", 24, () => ({}));
5103
- let layerId = $$17.prop($$props, "layerId", 8, "");
5039
+ $.push($$props, false);
5040
+ $.append_styles($$anchor, $$css$16);
5041
+ const styleObj = $.mutable_state();
5042
+ const style = $.mutable_state();
5043
+ const imgStyle = $.mutable_state();
5044
+ let props = $.prop($$props, "props", 24, () => ({}));
5045
+ let layerId = $.prop($$props, "layerId", 8, "");
5104
5046
  useInjectCustomizeCss(props());
5105
5047
  const { attributes, element, handleClick } = useClickable_default(props());
5106
5048
  const aspectVariantStyles = ASPECT_VARIANT[props().aspectVariant]?.getProps();
@@ -5111,8 +5053,8 @@ function Image($$anchor, $$props) {
5111
5053
  if (parentRadius === "100%") return "100%";
5112
5054
  return radiusSize > 0 ? `calc(${parentRadius} - ${borderWidth})` : void 0;
5113
5055
  };
5114
- $$17.legacy_pre_effect(() => ($$17.deep_read_state(props()), toCssPadding), () => {
5115
- $$17.set(styleObj, {
5056
+ $.legacy_pre_effect(() => ($.deep_read_state(props()), toCssPadding), () => {
5057
+ $.set(styleObj, {
5116
5058
  ...props().borderTopLeftRadius ? toCssRadius(props()) : IMAGE_ROUND_STYLES[props().shape ?? "square"],
5117
5059
  width,
5118
5060
  flexShrink: String(width).indexOf("px") !== -1 ? 0 : 1,
@@ -5123,40 +5065,40 @@ function Image($$anchor, $$props) {
5123
5065
  ...toCssPadding(props())
5124
5066
  });
5125
5067
  });
5126
- $$17.legacy_pre_effect(() => $$17.get(styleObj), () => {
5127
- $$17.set(style, objToStyle($$17.get(styleObj)));
5068
+ $.legacy_pre_effect(() => $.get(styleObj), () => {
5069
+ $.set(style, objToStyle($.get(styleObj)));
5128
5070
  });
5129
- $$17.legacy_pre_effect(() => $$17.get(styleObj), () => {
5130
- $$17.set(imgStyle, objToStyle({ ...toCssRadius({
5131
- borderTopLeftRadius: calcImgRadius($$17.get(styleObj).borderTopLeftRadius, $$17.get(styleObj).borderTopWidth),
5132
- borderTopRightRadius: calcImgRadius($$17.get(styleObj).borderTopRightRadius, $$17.get(styleObj).borderTopWidth),
5133
- borderBottomLeftRadius: calcImgRadius($$17.get(styleObj).borderBottomLeftRadius, $$17.get(styleObj).borderTopWidth),
5134
- borderBottomRightRadius: calcImgRadius($$17.get(styleObj).borderBottomRightRadius, $$17.get(styleObj).borderTopWidth)
5071
+ $.legacy_pre_effect(() => $.get(styleObj), () => {
5072
+ $.set(imgStyle, objToStyle({ ...toCssRadius({
5073
+ borderTopLeftRadius: calcImgRadius($.get(styleObj).borderTopLeftRadius, $.get(styleObj).borderTopWidth),
5074
+ borderTopRightRadius: calcImgRadius($.get(styleObj).borderTopRightRadius, $.get(styleObj).borderTopWidth),
5075
+ borderBottomLeftRadius: calcImgRadius($.get(styleObj).borderBottomLeftRadius, $.get(styleObj).borderTopWidth),
5076
+ borderBottomRightRadius: calcImgRadius($.get(styleObj).borderBottomRightRadius, $.get(styleObj).borderTopWidth)
5135
5077
  }) }));
5136
5078
  });
5137
- $$17.legacy_pre_effect_reset();
5138
- $$17.init();
5139
- var fragment = $$17.comment();
5140
- var node = $$17.first_child(fragment);
5141
- $$17.element(node, () => element, false, ($$element, $$anchor$1) => {
5079
+ $.legacy_pre_effect_reset();
5080
+ $.init();
5081
+ var fragment = $.comment();
5082
+ var node = $.first_child(fragment);
5083
+ $.element(node, () => element, false, ($$element, $$anchor$1) => {
5142
5084
  let attributes_1;
5143
- $$17.template_effect(() => attributes_1 = $$17.set_attributes($$element, attributes_1, {
5085
+ $.template_effect(() => attributes_1 = $.set_attributes($$element, attributes_1, {
5144
5086
  ...attributes,
5145
5087
  class: "image",
5146
- style: $$17.get(style),
5088
+ style: $.get(style),
5147
5089
  "data-layer-id": layerId()
5148
5090
  }, "svelte-1olvu11"));
5149
- $$17.event("click", $$element, handleClick);
5091
+ $.event("click", $$element, handleClick);
5150
5092
  var img = root_1$3();
5151
- $$17.template_effect(() => {
5152
- $$17.set_attribute(img, "src", props().image);
5153
- $$17.set_attribute(img, "alt", props().alt);
5154
- $$17.set_style(img, $$17.get(imgStyle));
5093
+ $.template_effect(() => {
5094
+ $.set_attribute(img, "src", props().image);
5095
+ $.set_attribute(img, "alt", props().alt);
5096
+ $.set_style(img, $.get(imgStyle));
5155
5097
  });
5156
- $$17.append($$anchor$1, img);
5098
+ $.append($$anchor$1, img);
5157
5099
  });
5158
- $$17.append($$anchor, fragment);
5159
- $$17.pop();
5100
+ $.append($$anchor, fragment);
5101
+ $.pop();
5160
5102
  }
5161
5103
 
5162
5104
  //#endregion
@@ -5186,16 +5128,16 @@ const $$css$15 = {
5186
5128
  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;}"
5187
5129
  };
5188
5130
  function Layout($$anchor, $$props) {
5189
- $$16.push($$props, false);
5190
- $$16.append_styles($$anchor, $$css$15);
5191
- const style = $$16.mutable_state();
5192
- let props = $$16.prop($$props, "props", 24, () => ({}));
5193
- let layerId = $$16.prop($$props, "layerId", 8, "");
5131
+ $.push($$props, false);
5132
+ $.append_styles($$anchor, $$css$15);
5133
+ const style = $.mutable_state();
5134
+ let props = $.prop($$props, "props", 24, () => ({}));
5135
+ let layerId = $.prop($$props, "layerId", 8, "");
5194
5136
  const { brandKit } = useBrandKit();
5195
5137
  useInjectCustomizeCss(props());
5196
5138
  const { attributes, element, handleClick } = useClickable_default(props());
5197
- $$16.legacy_pre_effect(() => ($$16.deep_read_state(props()), toCssBorder), () => {
5198
- $$16.set(style, objToStyle({
5139
+ $.legacy_pre_effect(() => ($.deep_read_state(props()), toCssBorder), () => {
5140
+ $.set(style, objToStyle({
5199
5141
  display: props().display ?? "flex",
5200
5142
  flexDirection: props().direction,
5201
5143
  alignItems: props().align,
@@ -5213,26 +5155,26 @@ function Layout($$anchor, $$props) {
5213
5155
  ...toCssBorder(props(), brandKit)
5214
5156
  }));
5215
5157
  });
5216
- $$16.legacy_pre_effect_reset();
5217
- $$16.init();
5218
- var fragment = $$16.comment();
5219
- var node = $$16.first_child(fragment);
5220
- $$16.element(node, () => "div", false, ($$element, $$anchor$1) => {
5158
+ $.legacy_pre_effect_reset();
5159
+ $.init();
5160
+ var fragment = $.comment();
5161
+ var node = $.first_child(fragment);
5162
+ $.element(node, () => "div", false, ($$element, $$anchor$1) => {
5221
5163
  let attributes_1;
5222
- $$16.template_effect(() => attributes_1 = $$16.set_attributes($$element, attributes_1, {
5164
+ $.template_effect(() => attributes_1 = $.set_attributes($$element, attributes_1, {
5223
5165
  ...attributes,
5224
5166
  class: "layout",
5225
- style: $$16.get(style),
5167
+ style: $.get(style),
5226
5168
  "data-layer-id": layerId()
5227
5169
  }, "svelte-1o103hp"));
5228
- $$16.event("click", $$element, handleClick);
5229
- var fragment_1 = $$16.comment();
5230
- var node_1 = $$16.first_child(fragment_1);
5231
- $$16.slot(node_1, $$props, "default", {}, null);
5232
- $$16.append($$anchor$1, fragment_1);
5170
+ $.event("click", $$element, handleClick);
5171
+ var fragment_1 = $.comment();
5172
+ var node_1 = $.first_child(fragment_1);
5173
+ $.slot(node_1, $$props, "default", {}, null);
5174
+ $.append($$anchor$1, fragment_1);
5233
5175
  });
5234
- $$16.append($$anchor, fragment);
5235
- $$16.pop();
5176
+ $.append($$anchor, fragment);
5177
+ $.pop();
5236
5178
  }
5237
5179
 
5238
5180
  //#endregion
@@ -5263,33 +5205,33 @@ const LAYOUT_JUSTIFY = [
5263
5205
 
5264
5206
  //#endregion
5265
5207
  //#region src/components-flex/slider/Slider.svelte
5266
- var root_1$2 = $$15.template(`<button><i></i></button>`);
5267
- 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>`);
5208
+ var root_1$2 = $.template(`<button><i></i></button>`);
5209
+ 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>`);
5268
5210
  const $$css$14 = {
5269
5211
  hash: "svelte-wwv1o",
5270
5212
  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;}"
5271
5213
  };
5272
5214
  function Slider($$anchor, $$props) {
5273
- $$15.push($$props, false);
5274
- $$15.append_styles($$anchor, $$css$14);
5275
- const indicators = $$15.mutable_state();
5276
- const itemWidthPercentage = $$15.mutable_state();
5277
- const baseContainerStyle = $$15.mutable_state();
5278
- const containerStyle = $$15.mutable_state();
5279
- const indicatorListStyle = $$15.mutable_state();
5280
- const indicatorItemStyle = $$15.mutable_state();
5281
- let layerId = $$15.prop($$props, "layerId", 8);
5282
- let props = $$15.prop($$props, "props", 8);
5283
- let overrideStyle = $$15.prop($$props, "overrideStyle", 8);
5215
+ $.push($$props, false);
5216
+ $.append_styles($$anchor, $$css$14);
5217
+ const indicators = $.mutable_state();
5218
+ const itemWidthPercentage = $.mutable_state();
5219
+ const baseContainerStyle = $.mutable_state();
5220
+ const containerStyle = $.mutable_state();
5221
+ const indicatorListStyle = $.mutable_state();
5222
+ const indicatorItemStyle = $.mutable_state();
5223
+ let layerId = $.prop($$props, "layerId", 8);
5224
+ let props = $.prop($$props, "props", 8);
5225
+ let overrideStyle = $.prop($$props, "overrideStyle", 8);
5284
5226
  useInjectCustomizeCss(props());
5285
- let containerElement = $$15.mutable_state();
5286
- let slotElement = $$15.mutable_state();
5287
- let currentIndex = $$15.mutable_state(0);
5227
+ let containerElement = $.mutable_state();
5228
+ let slotElement = $.mutable_state();
5229
+ let currentIndex = $.mutable_state(0);
5288
5230
  let isDragging = false;
5289
5231
  let startX = 0;
5290
- let movedX = $$15.mutable_state(null);
5291
- let childCount = $$15.mutable_state(0);
5292
- let transformX = $$15.mutable_state();
5232
+ let movedX = $.mutable_state(null);
5233
+ let childCount = $.mutable_state(0);
5234
+ let transformX = $.mutable_state();
5293
5235
  let lastFrame = 0;
5294
5236
  const THROTTLE = 16;
5295
5237
  const computeTransformX = (index, itemCount, movedX$1, itemWidthPercentage$1, gap) => {
@@ -5302,24 +5244,24 @@ function Slider($$anchor, $$props) {
5302
5244
  return `translate3d(calc(-${result}% - ${gap * index}px${moved}), 0, 0)`;
5303
5245
  };
5304
5246
  const handleClickIndicator = (index) => {
5305
- $$15.set(currentIndex, index);
5247
+ $.set(currentIndex, index);
5306
5248
  };
5307
5249
  const setChildCount = () => {
5308
- const count = $$15.get(slotElement)?.children?.length ?? 0;
5309
- if (count !== $$15.get(childCount)) $$15.set(childCount, $$15.get(slotElement)?.children?.length ?? 0);
5250
+ const count = $.get(slotElement)?.children?.length ?? 0;
5251
+ if (count !== $.get(childCount)) $.set(childCount, $.get(slotElement)?.children?.length ?? 0);
5310
5252
  };
5311
5253
  const toNext = () => {
5312
- if ($$15.get(currentIndex) < $$15.get(childCount) - 1) $$15.set(currentIndex, $$15.get(currentIndex) + 1);
5313
- else if (props().loop) $$15.set(currentIndex, 0);
5254
+ if ($.get(currentIndex) < $.get(childCount) - 1) $.set(currentIndex, $.get(currentIndex) + 1);
5255
+ else if (props().loop) $.set(currentIndex, 0);
5314
5256
  };
5315
5257
  const toPrev = () => {
5316
- if ($$15.get(currentIndex) > 0) $$15.set(currentIndex, $$15.get(currentIndex) - 1);
5317
- else if (props().loop) $$15.set(currentIndex, $$15.get(childCount) - 1);
5258
+ if ($.get(currentIndex) > 0) $.set(currentIndex, $.get(currentIndex) - 1);
5259
+ else if (props().loop) $.set(currentIndex, $.get(childCount) - 1);
5318
5260
  };
5319
5261
  const handleClick = (e) => {
5320
5262
  const isParentContainer = (el) => {
5321
5263
  if (!el) return false;
5322
- return el === $$15.get(containerElement) || isParentContainer(el.parentElement);
5264
+ return el === $.get(containerElement) || isParentContainer(el.parentElement);
5323
5265
  };
5324
5266
  if (isParentContainer(e.target) && isDragging) {
5325
5267
  e.preventDefault();
@@ -5327,7 +5269,7 @@ function Slider($$anchor, $$props) {
5327
5269
  }
5328
5270
  };
5329
5271
  const move = (moved) => {
5330
- $$15.set(movedX, moved);
5272
+ $.set(movedX, moved);
5331
5273
  if ((moved > 10 || moved < -10) && !isDragging) isDragging = true;
5332
5274
  };
5333
5275
  const handleTouchmove = (e) => {
@@ -5337,9 +5279,9 @@ function Slider($$anchor, $$props) {
5337
5279
  lastFrame = now;
5338
5280
  };
5339
5281
  const handleTouchend = () => {
5340
- if ($$15.get(movedX) >= 32) toNext();
5341
- else if ($$15.get(movedX) <= -32) toPrev();
5342
- $$15.set(movedX, null);
5282
+ if ($.get(movedX) >= 32) toNext();
5283
+ else if ($.get(movedX) <= -32) toPrev();
5284
+ $.set(movedX, null);
5343
5285
  document.removeEventListener("touchmove", handleTouchmove);
5344
5286
  document.removeEventListener("touchend", handleTouchend);
5345
5287
  document.removeEventListener("click", handleClick);
@@ -5355,9 +5297,9 @@ function Slider($$anchor, $$props) {
5355
5297
  move(startX - e.clientX);
5356
5298
  };
5357
5299
  const handleMouseup = (e) => {
5358
- if ($$15.get(movedX) >= 32) toNext();
5359
- else if ($$15.get(movedX) <= -32) toPrev();
5360
- $$15.set(movedX, null);
5300
+ if ($.get(movedX) >= 32) toNext();
5301
+ else if ($.get(movedX) <= -32) toPrev();
5302
+ $.set(movedX, null);
5361
5303
  if (isDragging) e.stopPropagation();
5362
5304
  document.removeEventListener("mousemove", handleMousemove);
5363
5305
  document.removeEventListener("mouseup", handleMouseup);
@@ -5380,49 +5322,49 @@ function Slider($$anchor, $$props) {
5380
5322
  if (autoSlideTimer) clearInterval(autoSlideTimer);
5381
5323
  };
5382
5324
  });
5383
- $$15.legacy_pre_effect(() => $$15.get(slotElement), () => {
5384
- if ($$15.get(slotElement)) $$15.set(childCount, $$15.get(slotElement).children.length);
5325
+ $.legacy_pre_effect(() => $.get(slotElement), () => {
5326
+ if ($.get(slotElement)) $.set(childCount, $.get(slotElement).children.length);
5385
5327
  });
5386
- $$15.legacy_pre_effect(() => ($$15.get(childCount), $$15.get(currentIndex)), () => {
5387
- $$15.set(indicators, [...Array($$15.get(childCount))].map((_, i) => ({
5328
+ $.legacy_pre_effect(() => ($.get(childCount), $.get(currentIndex)), () => {
5329
+ $.set(indicators, [...Array($.get(childCount))].map((_, i) => ({
5388
5330
  index: i,
5389
- isActive: i === $$15.get(currentIndex)
5331
+ isActive: i === $.get(currentIndex)
5390
5332
  })));
5391
5333
  });
5392
- $$15.legacy_pre_effect(() => $$15.deep_read_state(props()), () => {
5393
- $$15.set(itemWidthPercentage, props().itemWidthPercentage ?? 100);
5334
+ $.legacy_pre_effect(() => $.deep_read_state(props()), () => {
5335
+ $.set(itemWidthPercentage, props().itemWidthPercentage ?? 100);
5394
5336
  });
5395
- $$15.legacy_pre_effect(() => ($$15.get(currentIndex), $$15.get(childCount), $$15.get(movedX), $$15.get(itemWidthPercentage), $$15.deep_read_state(props())), () => {
5396
- $$15.set(transformX, computeTransformX($$15.get(currentIndex), $$15.get(childCount), $$15.get(movedX), $$15.get(itemWidthPercentage), props().gap ?? 0));
5337
+ $.legacy_pre_effect(() => ($.get(currentIndex), $.get(childCount), $.get(movedX), $.get(itemWidthPercentage), $.deep_read_state(props())), () => {
5338
+ $.set(transformX, computeTransformX($.get(currentIndex), $.get(childCount), $.get(movedX), $.get(itemWidthPercentage), props().gap ?? 0));
5397
5339
  });
5398
- $$15.legacy_pre_effect(() => ($$15.deep_read_state(props()), $$15.get(itemWidthPercentage), $$15.get(movedX)), () => {
5399
- $$15.set(baseContainerStyle, {
5340
+ $.legacy_pre_effect(() => ($.deep_read_state(props()), $.get(itemWidthPercentage), $.get(movedX)), () => {
5341
+ $.set(baseContainerStyle, {
5400
5342
  display: "grid",
5401
5343
  gap: `${props().gap}px`,
5402
- gridTemplateColumns: `repeat(auto-fill, minmax(${$$15.get(itemWidthPercentage)}%, 1fr))`,
5344
+ gridTemplateColumns: `repeat(auto-fill, minmax(${$.get(itemWidthPercentage)}%, 1fr))`,
5403
5345
  gridAutoFlow: "column",
5404
- gridAutoColumns: `minmax(${$$15.get(itemWidthPercentage)}%, 1fr)`,
5346
+ gridAutoColumns: `minmax(${$.get(itemWidthPercentage)}%, 1fr)`,
5405
5347
  flexShrink: 0,
5406
- transition: $$15.get(movedX) === null ? "transform 0.5s" : void 0,
5348
+ transition: $.get(movedX) === null ? "transform 0.5s" : void 0,
5407
5349
  userSelect: "none"
5408
5350
  });
5409
5351
  });
5410
- $$15.legacy_pre_effect(() => ($$15.get(baseContainerStyle), $$15.get(transformX)), () => {
5411
- $$15.set(containerStyle, objToStyle({
5412
- ...$$15.get(baseContainerStyle),
5413
- transform: $$15.get(transformX)
5352
+ $.legacy_pre_effect(() => ($.get(baseContainerStyle), $.get(transformX)), () => {
5353
+ $.set(containerStyle, objToStyle({
5354
+ ...$.get(baseContainerStyle),
5355
+ transform: $.get(transformX)
5414
5356
  }));
5415
5357
  });
5416
- $$15.legacy_pre_effect(() => objToStyle, () => {
5417
- $$15.set(indicatorListStyle, objToStyle({
5358
+ $.legacy_pre_effect(() => objToStyle, () => {
5359
+ $.set(indicatorListStyle, objToStyle({
5418
5360
  display: "flex",
5419
5361
  justifyContent: "center",
5420
5362
  gap: "4px",
5421
5363
  marginTop: "12px"
5422
5364
  }));
5423
5365
  });
5424
- $$15.legacy_pre_effect(() => {}, () => {
5425
- $$15.set(indicatorItemStyle, {
5366
+ $.legacy_pre_effect(() => {}, () => {
5367
+ $.set(indicatorItemStyle, {
5426
5368
  width: "8px",
5427
5369
  height: "8px",
5428
5370
  borderRadius: "100%",
@@ -5432,82 +5374,82 @@ function Slider($$anchor, $$props) {
5432
5374
  cursor: "pointer"
5433
5375
  });
5434
5376
  });
5435
- $$15.legacy_pre_effect_reset();
5436
- $$15.init();
5377
+ $.legacy_pre_effect_reset();
5378
+ $.init();
5437
5379
  var div = root$13();
5438
- var div_1 = $$15.child(div);
5439
- var ul = $$15.child(div_1);
5440
- var node = $$15.child(ul);
5441
- $$15.slot(node, $$props, "default", {}, null);
5442
- $$15.reset(ul);
5443
- $$15.bind_this(ul, ($$value) => $$15.set(slotElement, $$value), () => $$15.get(slotElement));
5444
- $$15.reset(div_1);
5445
- $$15.bind_this(div_1, ($$value) => $$15.set(containerElement, $$value), () => $$15.get(containerElement));
5446
- var div_2 = $$15.sibling(div_1, 2);
5447
- $$15.each(div_2, 5, () => $$15.get(indicators) ?? [], $$15.index, ($$anchor$1, indicator, i) => {
5380
+ var div_1 = $.child(div);
5381
+ var ul = $.child(div_1);
5382
+ var node = $.child(ul);
5383
+ $.slot(node, $$props, "default", {}, null);
5384
+ $.reset(ul);
5385
+ $.bind_this(ul, ($$value) => $.set(slotElement, $$value), () => $.get(slotElement));
5386
+ $.reset(div_1);
5387
+ $.bind_this(div_1, ($$value) => $.set(containerElement, $$value), () => $.get(containerElement));
5388
+ var div_2 = $.sibling(div_1, 2);
5389
+ $.each(div_2, 5, () => $.get(indicators) ?? [], $.index, ($$anchor$1, indicator, i) => {
5448
5390
  var button = root_1$2();
5449
- var i_1 = $$15.child(button);
5450
- $$15.reset(button);
5451
- $$15.template_effect(($0, $1) => {
5452
- $$15.set_style(button, $0);
5453
- $$15.set_style(i_1, $1);
5391
+ var i_1 = $.child(button);
5392
+ $.reset(button);
5393
+ $.template_effect(($0, $1) => {
5394
+ $.set_style(button, $0);
5395
+ $.set_style(i_1, $1);
5454
5396
  }, [() => objToStyle({
5455
5397
  padding: "4px",
5456
5398
  border: 0,
5457
5399
  background: "none"
5458
5400
  }), () => objToStyle({
5459
- ...$$15.get(indicatorItemStyle),
5460
- background: $$15.get(indicator).isActive ? "#555555" : "#AAAAAA"
5461
- })], $$15.derived_safe_equal);
5462
- $$15.event("click", button, () => handleClickIndicator(i));
5463
- $$15.append($$anchor$1, button);
5464
- });
5465
- $$15.reset(div_2);
5466
- $$15.reset(div);
5467
- $$15.template_effect(($0) => {
5468
- $$15.set_attribute(div, "data-layer-id", layerId());
5469
- $$15.set_style(ul, $0);
5470
- $$15.set_style(div_2, $$15.get(indicatorListStyle));
5471
- }, [() => [$$15.get(containerStyle), overrideStyle()].join(" ")], $$15.derived_safe_equal);
5472
- $$15.event("mousedown", div_1, handleMousedown);
5473
- $$15.event("touchstart", div_1, handleTouchstart);
5474
- $$15.append($$anchor, div);
5475
- $$15.pop();
5401
+ ...$.get(indicatorItemStyle),
5402
+ background: $.get(indicator).isActive ? "#555555" : "#AAAAAA"
5403
+ })], $.derived_safe_equal);
5404
+ $.event("click", button, () => handleClickIndicator(i));
5405
+ $.append($$anchor$1, button);
5406
+ });
5407
+ $.reset(div_2);
5408
+ $.reset(div);
5409
+ $.template_effect(($0) => {
5410
+ $.set_attribute(div, "data-layer-id", layerId());
5411
+ $.set_style(ul, $0);
5412
+ $.set_style(div_2, $.get(indicatorListStyle));
5413
+ }, [() => [$.get(containerStyle), overrideStyle()].join(" ")], $.derived_safe_equal);
5414
+ $.event("mousedown", div_1, handleMousedown);
5415
+ $.event("touchstart", div_1, handleTouchstart);
5416
+ $.append($$anchor, div);
5417
+ $.pop();
5476
5418
  }
5477
5419
 
5478
5420
  //#endregion
5479
5421
  //#region src/components-flex/slider/SliderItem.svelte
5480
- var root$12 = $$14.template(`<li class="slider-item svelte-1m93md9"><!></li>`);
5422
+ var root$12 = $.template(`<li class="slider-item svelte-1m93md9"><!></li>`);
5481
5423
  const $$css$13 = {
5482
5424
  hash: "svelte-1m93md9",
5483
5425
  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;}"
5484
5426
  };
5485
5427
  function SliderItem($$anchor, $$props) {
5486
- $$14.push($$props, false);
5487
- $$14.append_styles($$anchor, $$css$13);
5488
- let layerId = $$14.prop($$props, "layerId", 8);
5489
- let props = $$14.prop($$props, "props", 8);
5428
+ $.push($$props, false);
5429
+ $.append_styles($$anchor, $$css$13);
5430
+ let layerId = $.prop($$props, "layerId", 8);
5431
+ let props = $.prop($$props, "props", 8);
5490
5432
  useInjectCustomizeCss(props());
5491
5433
  const { attributes, element, handleClick } = useClickable_default(props());
5492
- $$14.init();
5434
+ $.init();
5493
5435
  var li = root$12();
5494
- var node = $$14.child(li);
5495
- $$14.element(node, () => element, false, ($$element, $$anchor$1) => {
5436
+ var node = $.child(li);
5437
+ $.element(node, () => element, false, ($$element, $$anchor$1) => {
5496
5438
  let attributes_1;
5497
- $$14.template_effect(() => attributes_1 = $$14.set_attributes($$element, attributes_1, {
5439
+ $.template_effect(() => attributes_1 = $.set_attributes($$element, attributes_1, {
5498
5440
  ...attributes,
5499
5441
  class: "slider-item-inner"
5500
5442
  }, "svelte-1m93md9"));
5501
- $$14.event("click", $$element, handleClick);
5502
- var fragment = $$14.comment();
5503
- var node_1 = $$14.first_child(fragment);
5504
- $$14.slot(node_1, $$props, "default", {}, null);
5505
- $$14.append($$anchor$1, fragment);
5506
- });
5507
- $$14.reset(li);
5508
- $$14.template_effect(() => $$14.set_attribute(li, "data-layer-id", layerId()));
5509
- $$14.append($$anchor, li);
5510
- $$14.pop();
5443
+ $.event("click", $$element, handleClick);
5444
+ var fragment = $.comment();
5445
+ var node_1 = $.first_child(fragment);
5446
+ $.slot(node_1, $$props, "default", {}, null);
5447
+ $.append($$anchor$1, fragment);
5448
+ });
5449
+ $.reset(li);
5450
+ $.template_effect(() => $.set_attribute(li, "data-layer-id", layerId()));
5451
+ $.append($$anchor, li);
5452
+ $.pop();
5511
5453
  }
5512
5454
 
5513
5455
  //#endregion
@@ -5552,18 +5494,18 @@ const TEXT_VARIANTS = { size: {
5552
5494
 
5553
5495
  //#endregion
5554
5496
  //#region src/components-flex/text/Text.svelte
5555
- var root$11 = $$13.template(`<p class="text svelte-vifn7y"><!></p>`);
5497
+ var root$11 = $.template(`<p class="text svelte-vifn7y"><!></p>`);
5556
5498
  const $$css$12 = {
5557
5499
  hash: "svelte-vifn7y",
5558
5500
  code: ".text.svelte-vifn7y {margin:0;word-break:break-all;text-decoration:none;}"
5559
5501
  };
5560
5502
  function Text($$anchor, $$props) {
5561
- $$13.push($$props, false);
5562
- $$13.append_styles($$anchor, $$css$12);
5563
- const escapedHTML = $$13.mutable_state();
5564
- const style = $$13.mutable_state();
5565
- let props = $$13.prop($$props, "props", 24, () => ({ content: "" }));
5566
- let layerId = $$13.prop($$props, "layerId", 8, "");
5503
+ $.push($$props, false);
5504
+ $.append_styles($$anchor, $$css$12);
5505
+ const escapedHTML = $.mutable_state();
5506
+ const style = $.mutable_state();
5507
+ let props = $.prop($$props, "props", 24, () => ({ content: "" }));
5508
+ let layerId = $.prop($$props, "layerId", 8, "");
5567
5509
  useInjectCustomizeCss(props());
5568
5510
  const { brandKit } = useBrandKit();
5569
5511
  const themeStyles = getTextThemeStyles(brandKit);
@@ -5612,11 +5554,11 @@ function Text($$anchor, $$props) {
5612
5554
  overflow: "hidden"
5613
5555
  };
5614
5556
  })();
5615
- $$13.legacy_pre_effect(() => $$13.deep_read_state(props()), () => {
5616
- $$13.set(escapedHTML, props().content.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#x27;").replace(/\n/g, "<br />"));
5557
+ $.legacy_pre_effect(() => $.deep_read_state(props()), () => {
5558
+ $.set(escapedHTML, props().content.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#x27;").replace(/\n/g, "<br />"));
5617
5559
  });
5618
- $$13.legacy_pre_effect(() => ($$13.deep_read_state(props()), toCssBorder), () => {
5619
- $$13.set(style, objToStyle({
5560
+ $.legacy_pre_effect(() => ($.deep_read_state(props()), toCssBorder), () => {
5561
+ $.set(style, objToStyle({
5620
5562
  position: props()?.position ?? "static",
5621
5563
  textAlign: props().align,
5622
5564
  width: props().width,
@@ -5632,33 +5574,33 @@ function Text($$anchor, $$props) {
5632
5574
  ...toCssBorder(props())
5633
5575
  }));
5634
5576
  });
5635
- $$13.legacy_pre_effect_reset();
5636
- $$13.init();
5577
+ $.legacy_pre_effect_reset();
5578
+ $.init();
5637
5579
  var p = root$11();
5638
- var node = $$13.child(p);
5639
- $$13.html(node, () => $$13.get(escapedHTML), false, false);
5640
- $$13.reset(p);
5641
- $$13.template_effect(() => {
5642
- $$13.set_attribute(p, "data-layer-id", layerId());
5643
- $$13.set_style(p, $$13.get(style));
5580
+ var node = $.child(p);
5581
+ $.html(node, () => $.get(escapedHTML), false, false);
5582
+ $.reset(p);
5583
+ $.template_effect(() => {
5584
+ $.set_attribute(p, "data-layer-id", layerId());
5585
+ $.set_style(p, $.get(style));
5644
5586
  });
5645
- $$13.append($$anchor, p);
5646
- $$13.pop();
5587
+ $.append($$anchor, p);
5588
+ $.pop();
5647
5589
  }
5648
5590
 
5649
5591
  //#endregion
5650
5592
  //#region src/components-flex/rich-text/RichText.svelte
5651
- var root$10 = $$12.template(`<div class="rich-text svelte-dxr423"><!></div>`);
5593
+ var root$10 = $.template(`<div class="rich-text svelte-dxr423"><!></div>`);
5652
5594
  const $$css$11 = {
5653
5595
  hash: "svelte-dxr423",
5654
5596
  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;}"
5655
5597
  };
5656
5598
  function RichText($$anchor, $$props) {
5657
- $$12.push($$props, false);
5658
- $$12.append_styles($$anchor, $$css$11);
5659
- const style = $$12.mutable_state();
5660
- let props = $$12.prop($$props, "props", 24, () => ({ content: "" }));
5661
- let layerId = $$12.prop($$props, "layerId", 8, "");
5599
+ $.push($$props, false);
5600
+ $.append_styles($$anchor, $$css$11);
5601
+ const style = $.mutable_state();
5602
+ let props = $.prop($$props, "props", 24, () => ({ content: "" }));
5603
+ let layerId = $.prop($$props, "layerId", 8, "");
5662
5604
  useInjectCustomizeCss(props());
5663
5605
  const { brandKit } = useBrandKit();
5664
5606
  const themeStyles = getTextThemeStyles(brandKit);
@@ -5692,8 +5634,8 @@ function RichText($$anchor, $$props) {
5692
5634
  fontWeight: getFontWeight()
5693
5635
  };
5694
5636
  };
5695
- $$12.legacy_pre_effect(() => ($$12.deep_read_state(props()), toCssPosition), () => {
5696
- $$12.set(style, objToStyle({
5637
+ $.legacy_pre_effect(() => ($.deep_read_state(props()), toCssPosition), () => {
5638
+ $.set(style, objToStyle({
5697
5639
  position: props()?.position ?? "static",
5698
5640
  textAlign: props().align,
5699
5641
  width: props().width,
@@ -5704,18 +5646,18 @@ function RichText($$anchor, $$props) {
5704
5646
  ...toCssPosition(props())
5705
5647
  }));
5706
5648
  });
5707
- $$12.legacy_pre_effect_reset();
5708
- $$12.init();
5649
+ $.legacy_pre_effect_reset();
5650
+ $.init();
5709
5651
  var div = root$10();
5710
- var node = $$12.child(div);
5711
- $$12.html(node, () => props().content, false, false);
5712
- $$12.reset(div);
5713
- $$12.template_effect(() => {
5714
- $$12.set_style(div, $$12.get(style));
5715
- $$12.set_attribute(div, "data-layer-id", layerId());
5652
+ var node = $.child(div);
5653
+ $.html(node, () => props().content, false, false);
5654
+ $.reset(div);
5655
+ $.template_effect(() => {
5656
+ $.set_style(div, $.get(style));
5657
+ $.set_attribute(div, "data-layer-id", layerId());
5716
5658
  });
5717
- $$12.append($$anchor, div);
5718
- $$12.pop();
5659
+ $.append($$anchor, div);
5660
+ $.pop();
5719
5661
  }
5720
5662
 
5721
5663
  //#endregion
@@ -5772,19 +5714,19 @@ const getTextLinkThemeStyles = getPropStyles(callback);
5772
5714
 
5773
5715
  //#endregion
5774
5716
  //#region src/components-flex/text-link/TextLink.svelte
5775
- var root_1$1 = $$11.template(`<!> <span><!></span>`, 1);
5717
+ var root_1$1 = $.template(`<!> <span><!></span>`, 1);
5776
5718
  const $$css$10 = {
5777
5719
  hash: "svelte-dc9m5n",
5778
5720
  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;}"
5779
5721
  };
5780
5722
  function TextLink($$anchor, $$props) {
5781
- $$11.push($$props, false);
5782
- $$11.append_styles($$anchor, $$css$10);
5783
- const escapedHTML = $$11.mutable_state();
5784
- const variables$1 = $$11.mutable_state();
5785
- const style = $$11.mutable_state();
5786
- let props = $$11.prop($$props, "props", 24, () => ({ label: "" }));
5787
- let layerId = $$11.prop($$props, "layerId", 8, "");
5723
+ $.push($$props, false);
5724
+ $.append_styles($$anchor, $$css$10);
5725
+ const escapedHTML = $.mutable_state();
5726
+ const variables$1 = $.mutable_state();
5727
+ const style = $.mutable_state();
5728
+ let props = $.prop($$props, "props", 24, () => ({ label: "" }));
5729
+ let layerId = $.prop($$props, "layerId", 8, "");
5788
5730
  useInjectCustomizeCss(props());
5789
5731
  const { brandKit } = useBrandKit();
5790
5732
  const { attributes, element, handleClick } = useClickable_default({
@@ -5806,18 +5748,18 @@ function TextLink($$anchor, $$props) {
5806
5748
  default: return "underline-hover-on";
5807
5749
  }
5808
5750
  })();
5809
- $$11.legacy_pre_effect(() => $$11.deep_read_state(props()), () => {
5810
- $$11.set(escapedHTML, props().label.replace(/&/g, "&lt;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#x27;").replace(/\n/g, "<br />"));
5751
+ $.legacy_pre_effect(() => $.deep_read_state(props()), () => {
5752
+ $.set(escapedHTML, props().label.replace(/&/g, "&lt;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#x27;").replace(/\n/g, "<br />"));
5811
5753
  });
5812
- $$11.legacy_pre_effect(() => ($$11.deep_read_state(props()), darkenColor), () => {
5813
- $$11.set(variables$1, {
5754
+ $.legacy_pre_effect(() => ($.deep_read_state(props()), darkenColor), () => {
5755
+ $.set(variables$1, {
5814
5756
  "--color": props().color ?? themeStyle.color,
5815
5757
  "--hover-color": darkenColor(props().color ?? themeStyle.color, .12),
5816
5758
  "--active-color": darkenColor(props().color ?? themeStyle.color, .2)
5817
5759
  });
5818
5760
  });
5819
- $$11.legacy_pre_effect(() => ($$11.deep_read_state(props()), $$11.get(variables$1)), () => {
5820
- $$11.set(style, objToStyle({
5761
+ $.legacy_pre_effect(() => ($.deep_read_state(props()), $.get(variables$1)), () => {
5762
+ $.set(style, objToStyle({
5821
5763
  display: "inline-flex",
5822
5764
  gap: "0.5em",
5823
5765
  alignItems: "center",
@@ -5829,48 +5771,48 @@ function TextLink($$anchor, $$props) {
5829
5771
  cursor: "pointer",
5830
5772
  ...toCssCommon(props()),
5831
5773
  ...toCssPosition(props()),
5832
- ...$$11.get(variables$1)
5774
+ ...$.get(variables$1)
5833
5775
  }));
5834
5776
  });
5835
- $$11.legacy_pre_effect_reset();
5836
- $$11.init();
5837
- var fragment = $$11.comment();
5838
- var node = $$11.first_child(fragment);
5839
- $$11.element(node, () => element, false, ($$element, $$anchor$1) => {
5777
+ $.legacy_pre_effect_reset();
5778
+ $.init();
5779
+ var fragment = $.comment();
5780
+ var node = $.first_child(fragment);
5781
+ $.element(node, () => element, false, ($$element, $$anchor$1) => {
5840
5782
  let attributes_1;
5841
- $$11.template_effect(() => attributes_1 = $$11.set_attributes($$element, attributes_1, {
5783
+ $.template_effect(() => attributes_1 = $.set_attributes($$element, attributes_1, {
5842
5784
  ...attributes,
5843
5785
  class: `link ${underlineClass}`,
5844
- style: $$11.get(style),
5786
+ style: $.get(style),
5845
5787
  "data-layer-id": layerId()
5846
5788
  }, "svelte-dc9m5n"));
5847
- $$11.event("click", $$element, handleClick);
5789
+ $.event("click", $$element, handleClick);
5848
5790
  var fragment_1 = root_1$1();
5849
- var node_1 = $$11.first_child(fragment_1);
5791
+ var node_1 = $.first_child(fragment_1);
5850
5792
  {
5851
5793
  var consequent = ($$anchor$2) => {
5852
- const expression = $$11.derived_safe_equal(() => ({
5794
+ const expression = $.derived_safe_equal(() => ({
5853
5795
  variant: props().iconVariant,
5854
5796
  color: props().iconColor ?? props().color,
5855
5797
  width: "1em",
5856
5798
  height: "1em"
5857
5799
  }));
5858
5800
  Icon($$anchor$2, { get props() {
5859
- return $$11.get(expression);
5801
+ return $.get(expression);
5860
5802
  } });
5861
5803
  };
5862
- $$11.if(node_1, ($$render) => {
5804
+ $.if(node_1, ($$render) => {
5863
5805
  if (props().isIcon && props().iconVariant) $$render(consequent);
5864
5806
  });
5865
5807
  }
5866
- var span = $$11.sibling(node_1, 2);
5867
- var node_2 = $$11.child(span);
5868
- $$11.html(node_2, () => $$11.get(escapedHTML), false, false);
5869
- $$11.reset(span);
5870
- $$11.append($$anchor$1, fragment_1);
5808
+ var span = $.sibling(node_1, 2);
5809
+ var node_2 = $.child(span);
5810
+ $.html(node_2, () => $.get(escapedHTML), false, false);
5811
+ $.reset(span);
5812
+ $.append($$anchor$1, fragment_1);
5871
5813
  });
5872
- $$11.append($$anchor, fragment);
5873
- $$11.pop();
5814
+ $.append($$anchor, fragment);
5815
+ $.pop();
5874
5816
  }
5875
5817
 
5876
5818
  //#endregion
@@ -5897,83 +5839,83 @@ const TEXT_LINK_UNDERLINE = {
5897
5839
 
5898
5840
  //#endregion
5899
5841
  //#region src/components-flex/background-overlay/BackgroundOverlay.svelte
5900
- var root_1 = $$10.template(`<div></div>`);
5842
+ var root_1 = $.template(`<div></div>`);
5901
5843
  const $$css$9 = {
5902
5844
  hash: "svelte-18nkdjz",
5903
5845
  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;}"
5904
5846
  };
5905
5847
  function BackgroundOverlay($$anchor, $$props) {
5906
- $$10.push($$props, false);
5907
- $$10.append_styles($$anchor, $$css$9);
5908
- let backgroundOverlay = $$10.prop($$props, "backgroundOverlay", 8, false);
5909
- let className = $$10.prop($$props, "class", 8, void 0);
5848
+ $.push($$props, false);
5849
+ $.append_styles($$anchor, $$css$9);
5850
+ let backgroundOverlay = $.prop($$props, "backgroundOverlay", 8, false);
5851
+ let className = $.prop($$props, "class", 8, void 0);
5910
5852
  const dispatch = createEventDispatcher();
5911
- $$10.init();
5912
- var fragment = $$10.comment();
5913
- var node = $$10.first_child(fragment);
5853
+ $.init();
5854
+ var fragment = $.comment();
5855
+ var node = $.first_child(fragment);
5914
5856
  {
5915
5857
  var consequent = ($$anchor$1) => {
5916
5858
  var div = root_1();
5917
- $$10.template_effect(($0) => $$10.set_class(div, 1, $0, "svelte-18nkdjz"), [() => $$10.clsx(["v2-background", className() || ""].join(" "))], $$10.derived_safe_equal);
5918
- $$10.event("click", div, () => dispatch("click"));
5919
- $$10.append($$anchor$1, div);
5859
+ $.template_effect(($0) => $.set_class(div, 1, $0, "svelte-18nkdjz"), [() => $.clsx(["v2-background", className() || ""].join(" "))], $.derived_safe_equal);
5860
+ $.event("click", div, () => dispatch("click"));
5861
+ $.append($$anchor$1, div);
5920
5862
  };
5921
- $$10.if(node, ($$render) => {
5863
+ $.if(node, ($$render) => {
5922
5864
  if (backgroundOverlay()) $$render(consequent);
5923
5865
  });
5924
5866
  }
5925
- $$10.append($$anchor, fragment);
5926
- $$10.pop();
5867
+ $.append($$anchor, fragment);
5868
+ $.pop();
5927
5869
  }
5928
5870
 
5929
5871
  //#endregion
5930
5872
  //#region src/components-flex/modal/Modal.svelte
5931
- var root_2 = $$9.template(`<!> <!>`, 1);
5932
- var root_4 = $$9.template(`<div role="dialog" aria-modal="true"><!></div>`);
5933
- var root$9 = $$9.template(`<!> <!>`, 1);
5873
+ var root_2 = $.template(`<!> <!>`, 1);
5874
+ var root_4 = $.template(`<div role="dialog" aria-modal="true"><!></div>`);
5875
+ var root$9 = $.template(`<!> <!>`, 1);
5934
5876
  const $$css$8 = {
5935
5877
  hash: "svelte-45ue06",
5936
5878
  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 }"
5937
5879
  };
5938
5880
  function Modal($$anchor, $$props) {
5939
- $$9.push($$props, false);
5940
- $$9.append_styles($$anchor, $$css$8);
5941
- const close$1 = $$9.mutable_state();
5942
- const backgroundClick = $$9.mutable_state();
5943
- const backgroundClickPC = $$9.mutable_state();
5944
- const backgroundClickSP = $$9.mutable_state();
5945
- const handle_keydown = $$9.mutable_state();
5946
- const visible = $$9.mutable_state();
5947
- let useBreakPoint = $$9.prop($$props, "useBreakPoint", 8, false);
5948
- let placement = $$9.prop($$props, "placement", 8);
5949
- let breakPoint = $$9.prop($$props, "breakPoint", 8);
5950
- let elasticity = $$9.prop($$props, "elasticity", 8);
5951
- let animation = $$9.prop($$props, "animation", 8, "none");
5952
- let props = $$9.prop($$props, "props", 24, () => ({}));
5953
- let closeEventName = $$9.prop($$props, "closeEventName", 8, "");
5954
- let closeEventValue = $$9.prop($$props, "closeEventValue", 8, null);
5955
- let layerId = $$9.prop($$props, "layerId", 8, "");
5881
+ $.push($$props, false);
5882
+ $.append_styles($$anchor, $$css$8);
5883
+ const close$1 = $.mutable_state();
5884
+ const backgroundClick = $.mutable_state();
5885
+ const backgroundClickPC = $.mutable_state();
5886
+ const backgroundClickSP = $.mutable_state();
5887
+ const handle_keydown = $.mutable_state();
5888
+ const visible = $.mutable_state();
5889
+ let useBreakPoint = $.prop($$props, "useBreakPoint", 8, false);
5890
+ let placement = $.prop($$props, "placement", 8);
5891
+ let breakPoint = $.prop($$props, "breakPoint", 8);
5892
+ let elasticity = $.prop($$props, "elasticity", 8);
5893
+ let animation = $.prop($$props, "animation", 8, "none");
5894
+ let props = $.prop($$props, "props", 24, () => ({}));
5895
+ let closeEventName = $.prop($$props, "closeEventName", 8, "");
5896
+ let closeEventValue = $.prop($$props, "closeEventValue", 8, null);
5897
+ let layerId = $.prop($$props, "layerId", 8, "");
5956
5898
  const { brandKit } = useBrandKit();
5957
5899
  const isExistBackgroundOverlayValue = placement() && placement().backgroundOverlay !== void 0;
5958
5900
  const position = placement()?.position ?? "center";
5959
- let backgroundOverlay = $$9.mutable_state(position === "center");
5960
- let backgroundOverlayPC = $$9.mutable_state(position === "center");
5961
- let backgroundOverlaySP = $$9.mutable_state(position === "center");
5962
- let backgroundClickFunction = $$9.mutable_state(DefaultModalPlacement.backgroundClick);
5963
- let backgroundClickFunctionPC = $$9.mutable_state(DefaultModalPlacement.backgroundClick);
5964
- let backgroundClickFunctionSP = $$9.mutable_state(DefaultModalPlacement.backgroundClick);
5965
- let modalStyles = new Set([]);
5966
- let transforms = $$9.mutable_state([{
5901
+ let backgroundOverlay = $.mutable_state(position === "center");
5902
+ let backgroundOverlayPC = $.mutable_state(position === "center");
5903
+ let backgroundOverlaySP = $.mutable_state(position === "center");
5904
+ let backgroundClickFunction = $.mutable_state(DefaultModalPlacement.backgroundClick);
5905
+ let backgroundClickFunctionPC = $.mutable_state(DefaultModalPlacement.backgroundClick);
5906
+ let backgroundClickFunctionSP = $.mutable_state(DefaultModalPlacement.backgroundClick);
5907
+ let modalStyles = /* @__PURE__ */ new Set([]);
5908
+ let transforms = $.mutable_state([{
5967
5909
  query: null,
5968
5910
  ...getTransform("center")
5969
5911
  }]);
5970
- let modal = $$9.mutable_state();
5912
+ let modal = $.mutable_state();
5971
5913
  onMount$1(() => {
5972
- $$9.set(visible, true);
5914
+ $.set(visible, true);
5973
5915
  });
5974
5916
  onDestroy$1(() => setPreviousFocus());
5975
- $$9.legacy_pre_effect(() => ($$9.deep_read_state(closeEventName()), $$9.deep_read_state(closeEventValue()), execOnClickOperation), () => {
5976
- $$9.set(close$1, () => {
5917
+ $.legacy_pre_effect(() => ($.deep_read_state(closeEventName()), $.deep_read_state(closeEventValue()), execOnClickOperation), () => {
5918
+ $.set(close$1, () => {
5977
5919
  const onClose$1 = {
5978
5920
  operation: "closeApp",
5979
5921
  args: ["button"]
@@ -5982,53 +5924,53 @@ function Modal($$anchor, $$props) {
5982
5924
  execOnClickOperation(onClose$1);
5983
5925
  });
5984
5926
  });
5985
- $$9.legacy_pre_effect(() => ($$9.deep_read_state(placement()), $$9.deep_read_state(useBreakPoint()), $$9.deep_read_state(breakPoint())), () => {
5986
- if (!isCanvasPreview() && isExistBackgroundOverlayValue) $$9.set(backgroundOverlay, placement().backgroundOverlay);
5927
+ $.legacy_pre_effect(() => ($.deep_read_state(placement()), $.deep_read_state(useBreakPoint()), $.deep_read_state(breakPoint())), () => {
5928
+ if (!isCanvasPreview() && isExistBackgroundOverlayValue) $.set(backgroundOverlay, placement().backgroundOverlay);
5987
5929
  if (useBreakPoint()) {
5988
5930
  const pc = breakPoint()?.PC?.placement?.backgroundOverlay;
5989
- $$9.set(backgroundOverlayPC, pc ?? false);
5931
+ $.set(backgroundOverlayPC, pc ?? false);
5990
5932
  const sp = breakPoint()?.SP?.placement?.backgroundOverlay;
5991
- $$9.set(backgroundOverlaySP, sp ?? false);
5933
+ $.set(backgroundOverlaySP, sp ?? false);
5992
5934
  }
5993
5935
  });
5994
- $$9.legacy_pre_effect(() => ($$9.deep_read_state(placement()), $$9.deep_read_state(useBreakPoint()), $$9.deep_read_state(breakPoint())), () => {
5995
- if (placement() && placement().backgroundClick) $$9.set(backgroundClickFunction, placement().backgroundClick);
5936
+ $.legacy_pre_effect(() => ($.deep_read_state(placement()), $.deep_read_state(useBreakPoint()), $.deep_read_state(breakPoint())), () => {
5937
+ if (placement() && placement().backgroundClick) $.set(backgroundClickFunction, placement().backgroundClick);
5996
5938
  if (useBreakPoint()) {
5997
5939
  const pc = breakPoint()?.PC?.placement?.backgroundClick;
5998
- if (pc) $$9.set(backgroundClickFunctionPC, pc);
5940
+ if (pc) $.set(backgroundClickFunctionPC, pc);
5999
5941
  const sp = breakPoint()?.SP?.placement?.backgroundClick;
6000
- if (sp) $$9.set(backgroundClickFunctionSP, sp);
5942
+ if (sp) $.set(backgroundClickFunctionSP, sp);
6001
5943
  }
6002
5944
  });
6003
- $$9.legacy_pre_effect(() => ($$9.deep_read_state(closeEventName()), $$9.deep_read_state(closeEventValue()), $$9.get(backgroundClickFunction)), () => {
6004
- $$9.set(backgroundClick, () => {
5945
+ $.legacy_pre_effect(() => ($.deep_read_state(closeEventName()), $.deep_read_state(closeEventValue()), $.get(backgroundClickFunction)), () => {
5946
+ $.set(backgroundClick, () => {
6005
5947
  if (closeEventName()) send_event(closeEventName(), closeEventValue());
6006
- execOnClickOperation($$9.get(backgroundClickFunction));
5948
+ execOnClickOperation($.get(backgroundClickFunction));
6007
5949
  });
6008
5950
  });
6009
- $$9.legacy_pre_effect(() => ($$9.deep_read_state(closeEventName()), $$9.deep_read_state(closeEventValue()), $$9.get(backgroundClickFunctionPC)), () => {
6010
- $$9.set(backgroundClickPC, () => {
5951
+ $.legacy_pre_effect(() => ($.deep_read_state(closeEventName()), $.deep_read_state(closeEventValue()), $.get(backgroundClickFunctionPC)), () => {
5952
+ $.set(backgroundClickPC, () => {
6011
5953
  if (closeEventName()) send_event(closeEventName(), closeEventValue());
6012
- execOnClickOperation($$9.get(backgroundClickFunctionPC));
5954
+ execOnClickOperation($.get(backgroundClickFunctionPC));
6013
5955
  });
6014
5956
  });
6015
- $$9.legacy_pre_effect(() => ($$9.deep_read_state(closeEventName()), $$9.deep_read_state(closeEventValue()), $$9.get(backgroundClickFunctionSP)), () => {
6016
- $$9.set(backgroundClickSP, () => {
5957
+ $.legacy_pre_effect(() => ($.deep_read_state(closeEventName()), $.deep_read_state(closeEventValue()), $.get(backgroundClickFunctionSP)), () => {
5958
+ $.set(backgroundClickSP, () => {
6017
5959
  if (closeEventName()) send_event(closeEventName(), closeEventValue());
6018
- execOnClickOperation($$9.get(backgroundClickFunctionSP));
5960
+ execOnClickOperation($.get(backgroundClickFunctionSP));
6019
5961
  });
6020
5962
  });
6021
- $$9.legacy_pre_effect(() => ($$9.deep_read_state(placement()), $$9.deep_read_state(useBreakPoint()), $$9.get(transforms), $$9.deep_read_state(breakPoint()), parseStyle), () => {
5963
+ $.legacy_pre_effect(() => ($.deep_read_state(placement()), $.deep_read_state(useBreakPoint()), $.get(transforms), $.deep_read_state(breakPoint()), parseStyle), () => {
6022
5964
  let position$1 = DefaultModalPlacement.position;
6023
5965
  if (!isCanvasPreview() && placement() && placement().position !== null) position$1 = placement().position;
6024
5966
  let positionStyle = getPositionStyle(position$1);
6025
5967
  if (!useBreakPoint()) modalStyles.add(positionStyle);
6026
5968
  if (brandKit) modalStyles.add(`font-family: ${brandKit.font_family}`);
6027
- $$9.set(transforms, []);
5969
+ $.set(transforms, []);
6028
5970
  DEVICE_IDS.forEach((deviceId) => {
6029
5971
  if (!isCanvasPreview() && useBreakPoint()) {
6030
5972
  const positionWithBp = breakPoint()[deviceId]?.placement?.position;
6031
- $$9.get(transforms).push({
5973
+ $.get(transforms).push({
6032
5974
  query: DEVICE_QUERIES[deviceId],
6033
5975
  ...getTransform(positionWithBp)
6034
5976
  });
@@ -6041,12 +5983,12 @@ function Modal($$anchor, $$props) {
6041
5983
  }));
6042
5984
  modalStyles.add(positionVariables);
6043
5985
  });
6044
- $$9.get(transforms).push({
5986
+ $.get(transforms).push({
6045
5987
  query: null,
6046
5988
  ...getTransform(position$1)
6047
5989
  });
6048
5990
  });
6049
- $$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), () => {
5991
+ $.legacy_pre_effect(() => ($.deep_read_state(placement()), $.deep_read_state(useBreakPoint()), $.deep_read_state(breakPoint()), $.deep_read_state(props()), toCssBorder), () => {
6050
5992
  let margin = DefaultModalPlacement.margin;
6051
5993
  if (!isCanvasPreview() && placement() && placement().margin !== null) margin = placement().margin;
6052
5994
  let marginStyle = getMarginStyle(margin);
@@ -6073,110 +6015,110 @@ function Modal($$anchor, $$props) {
6073
6015
  });
6074
6016
  modalStyles.add(propsStyle);
6075
6017
  });
6076
- $$9.legacy_pre_effect(() => {}, () => {
6077
- $$9.set(modal, null);
6018
+ $.legacy_pre_effect(() => {}, () => {
6019
+ $.set(modal, null);
6078
6020
  });
6079
- $$9.legacy_pre_effect(() => $$9.get(close$1), () => {
6080
- $$9.set(handle_keydown, handleKeydown({ Escape: $$9.get(close$1) }));
6021
+ $.legacy_pre_effect(() => $.get(close$1), () => {
6022
+ $.set(handle_keydown, handleKeydown({ Escape: $.get(close$1) }));
6081
6023
  });
6082
- $$9.legacy_pre_effect(() => {}, () => {
6083
- $$9.set(visible, false);
6024
+ $.legacy_pre_effect(() => {}, () => {
6025
+ $.set(visible, false);
6084
6026
  });
6085
- $$9.legacy_pre_effect_reset();
6086
- $$9.init();
6027
+ $.legacy_pre_effect_reset();
6028
+ $.init();
6087
6029
  var fragment = root$9();
6088
- $$9.event("keydown", $$9.window, function(...$$args) {
6089
- $$9.get(handle_keydown)?.apply(this, $$args);
6030
+ $.event("keydown", $.window, function(...$$args) {
6031
+ $.get(handle_keydown)?.apply(this, $$args);
6090
6032
  });
6091
- var node = $$9.first_child(fragment);
6033
+ var node = $.first_child(fragment);
6092
6034
  {
6093
6035
  var consequent = ($$anchor$1) => {};
6094
6036
  var alternate = ($$anchor$1, $$elseif) => {
6095
6037
  {
6096
6038
  var consequent_1 = ($$anchor$2) => {
6097
6039
  var fragment_1 = root_2();
6098
- var node_1 = $$9.first_child(fragment_1);
6040
+ var node_1 = $.first_child(fragment_1);
6099
6041
  BackgroundOverlay(node_1, {
6100
6042
  class: "background-bp-pc",
6101
6043
  get backgroundOverlay() {
6102
- return $$9.get(backgroundOverlayPC);
6044
+ return $.get(backgroundOverlayPC);
6103
6045
  },
6104
6046
  $$events: { click(...$$args) {
6105
- $$9.get(backgroundClickPC)?.apply(this, $$args);
6047
+ $.get(backgroundClickPC)?.apply(this, $$args);
6106
6048
  } }
6107
6049
  });
6108
- var node_2 = $$9.sibling(node_1, 2);
6050
+ var node_2 = $.sibling(node_1, 2);
6109
6051
  BackgroundOverlay(node_2, {
6110
6052
  class: "background-bp-sp ",
6111
6053
  get backgroundOverlay() {
6112
- return $$9.get(backgroundOverlaySP);
6054
+ return $.get(backgroundOverlaySP);
6113
6055
  },
6114
6056
  $$events: { click(...$$args) {
6115
- $$9.get(backgroundClickSP)?.apply(this, $$args);
6057
+ $.get(backgroundClickSP)?.apply(this, $$args);
6116
6058
  } }
6117
6059
  });
6118
- $$9.append($$anchor$2, fragment_1);
6060
+ $.append($$anchor$2, fragment_1);
6119
6061
  };
6120
6062
  var alternate_1 = ($$anchor$2) => {
6121
6063
  BackgroundOverlay($$anchor$2, {
6122
6064
  get backgroundOverlay() {
6123
- return $$9.get(backgroundOverlay);
6065
+ return $.get(backgroundOverlay);
6124
6066
  },
6125
6067
  $$events: { click(...$$args) {
6126
- $$9.get(backgroundClick)?.apply(this, $$args);
6068
+ $.get(backgroundClick)?.apply(this, $$args);
6127
6069
  } }
6128
6070
  });
6129
6071
  };
6130
- $$9.if($$anchor$1, ($$render) => {
6072
+ $.if($$anchor$1, ($$render) => {
6131
6073
  if (useBreakPoint()) $$render(consequent_1);
6132
6074
  else $$render(alternate_1, false);
6133
6075
  }, $$elseif);
6134
6076
  }
6135
6077
  };
6136
- $$9.if(node, ($$render) => {
6078
+ $.if(node, ($$render) => {
6137
6079
  if (isCanvasPreview()) $$render(consequent);
6138
6080
  else $$render(alternate, false);
6139
6081
  });
6140
6082
  }
6141
- var node_3 = $$9.sibling(node, 2);
6083
+ var node_3 = $.sibling(node, 2);
6142
6084
  {
6143
6085
  var consequent_2 = ($$anchor$1) => {
6144
6086
  var div = root_4();
6145
- var node_4 = $$9.child(div);
6146
- $$9.slot(node_4, $$props, "default", {}, null);
6147
- $$9.reset(div);
6148
- $$9.bind_this(div, ($$value) => $$9.set(modal, $$value), () => $$9.get(modal));
6149
- $$9.template_effect(($0, $1) => {
6150
- $$9.set_class(div, 1, $0, "svelte-45ue06");
6151
- $$9.set_attribute(div, "data-layer-id", layerId());
6152
- $$9.set_style(div, $1);
6153
- }, [() => $$9.clsx(["modal", useBreakPoint() ? "modal-bp" : ""].join(" ")), () => Array.from(modalStyles).join(";")], $$9.derived_safe_equal);
6154
- $$9.transition(1, div, () => customAnimation, () => ({
6155
- transforms: $$9.get(transforms),
6087
+ var node_4 = $.child(div);
6088
+ $.slot(node_4, $$props, "default", {}, null);
6089
+ $.reset(div);
6090
+ $.bind_this(div, ($$value) => $.set(modal, $$value), () => $.get(modal));
6091
+ $.template_effect(($0, $1) => {
6092
+ $.set_class(div, 1, $0, "svelte-45ue06");
6093
+ $.set_attribute(div, "data-layer-id", layerId());
6094
+ $.set_style(div, $1);
6095
+ }, [() => $.clsx(["modal", useBreakPoint() ? "modal-bp" : ""].join(" ")), () => Array.from(modalStyles).join(";")], $.derived_safe_equal);
6096
+ $.transition(1, div, () => customAnimation, () => ({
6097
+ transforms: $.get(transforms),
6156
6098
  animationStyle: animation()
6157
6099
  }));
6158
- $$9.append($$anchor$1, div);
6100
+ $.append($$anchor$1, div);
6159
6101
  };
6160
- $$9.if(node_3, ($$render) => {
6161
- if ($$9.get(visible)) $$render(consequent_2);
6102
+ $.if(node_3, ($$render) => {
6103
+ if ($.get(visible)) $$render(consequent_2);
6162
6104
  });
6163
6105
  }
6164
- $$9.append($$anchor, fragment);
6165
- $$9.pop();
6106
+ $.append($$anchor, fragment);
6107
+ $.pop();
6166
6108
  }
6167
6109
 
6168
6110
  //#endregion
6169
6111
  //#region src/components-flex/code/Code.svelte
6170
- var root$8 = $$8.template(`<div class="code svelte-igivoz"><!></div>`);
6112
+ var root$8 = $.template(`<div class="code svelte-igivoz"><!></div>`);
6171
6113
  const $$css$7 = {
6172
6114
  hash: "svelte-igivoz",
6173
6115
  code: ".code.svelte-igivoz {flex-grow:1;flex-shrink:0;align-self:stretch;}\n /*{@html props.rawCss}*/"
6174
6116
  };
6175
6117
  function Code($$anchor, $$props) {
6176
- $$8.push($$props, false);
6177
- $$8.append_styles($$anchor, $$css$7);
6178
- let props = $$8.prop($$props, "props", 24, () => ({}));
6179
- let layerId = $$8.prop($$props, "layerId", 8, "");
6118
+ $.push($$props, false);
6119
+ $.append_styles($$anchor, $$css$7);
6120
+ let props = $.prop($$props, "props", 24, () => ({}));
6121
+ let layerId = $.prop($$props, "layerId", 8, "");
6180
6122
  function unescapeBraces(str) {
6181
6123
  if (!str) return str;
6182
6124
  return str.replace(/\\([{}])/g, "$1");
@@ -6206,14 +6148,14 @@ function Code($$anchor, $$props) {
6206
6148
  removeCss();
6207
6149
  };
6208
6150
  });
6209
- $$8.init();
6151
+ $.init();
6210
6152
  var div = root$8();
6211
- var node = $$8.child(div);
6212
- $$8.html(node, () => props().rawHtml, false, false);
6213
- $$8.reset(div);
6214
- $$8.template_effect(() => $$8.set_attribute(div, "data-layer-id", layerId()));
6215
- $$8.append($$anchor, div);
6216
- $$8.pop();
6153
+ var node = $.child(div);
6154
+ $.html(node, () => props().rawHtml, false, false);
6155
+ $.reset(div);
6156
+ $.template_effect(() => $.set_attribute(div, "data-layer-id", layerId()));
6157
+ $.append($$anchor, div);
6158
+ $.pop();
6217
6159
  }
6218
6160
 
6219
6161
  //#endregion
@@ -6222,35 +6164,35 @@ const LIST_ITEM_CONTEXT_KEY = "ListItemContext";
6222
6164
 
6223
6165
  //#endregion
6224
6166
  //#region src/components-flex/list/ListItem.svelte
6225
- var root$7 = $$7.template(`<li class="list-item svelte-b4b4gh"><!></li>`);
6167
+ var root$7 = $.template(`<li class="list-item svelte-b4b4gh"><!></li>`);
6226
6168
  const $$css$6 = {
6227
6169
  hash: "svelte-b4b4gh",
6228
6170
  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);}"
6229
6171
  };
6230
6172
  function ListItem($$anchor, $$props) {
6231
- $$7.push($$props, false);
6232
- $$7.append_styles($$anchor, $$css$6);
6233
- const variables$1 = $$7.mutable_state();
6234
- const style = $$7.mutable_state();
6235
- const innerStyle = $$7.mutable_state();
6236
- let layerId = $$7.prop($$props, "layerId", 8);
6237
- let props = $$7.prop($$props, "props", 8);
6238
- let item = $$7.prop($$props, "item", 8);
6173
+ $.push($$props, false);
6174
+ $.append_styles($$anchor, $$css$6);
6175
+ const variables$1 = $.mutable_state();
6176
+ const style = $.mutable_state();
6177
+ const innerStyle = $.mutable_state();
6178
+ let layerId = $.prop($$props, "layerId", 8);
6179
+ let props = $.prop($$props, "props", 8);
6180
+ let item = $.prop($$props, "item", 8);
6239
6181
  useInjectCustomizeCss(props());
6240
6182
  const { attributes, element, handleClick } = useClickable_default(props());
6241
6183
  const context = getContext(LIST_ITEM_CONTEXT_KEY) || {};
6242
- $$7.legacy_pre_effect(() => {}, () => {
6243
- $$7.set(variables$1, { ...context.borderTopWidth ? {
6184
+ $.legacy_pre_effect(() => {}, () => {
6185
+ $.set(variables$1, { ...context.borderTopWidth ? {
6244
6186
  "--list-item-border-width": context.borderTopWidth ?? "0",
6245
6187
  "--list-item-border-color": context.borderTopColor ?? "rgba(255,255,255,0)",
6246
6188
  "--list-item-border-style": context.borderTopStyle ?? "solid"
6247
6189
  } : {} });
6248
6190
  });
6249
- $$7.legacy_pre_effect(() => $$7.get(variables$1), () => {
6250
- $$7.set(style, objToStyle($$7.get(variables$1)));
6191
+ $.legacy_pre_effect(() => $.get(variables$1), () => {
6192
+ $.set(style, objToStyle($.get(variables$1)));
6251
6193
  });
6252
- $$7.legacy_pre_effect(() => objToStyle, () => {
6253
- $$7.set(innerStyle, objToStyle({
6194
+ $.legacy_pre_effect(() => objToStyle, () => {
6195
+ $.set(innerStyle, objToStyle({
6254
6196
  paddingTop: context.paddingTop,
6255
6197
  paddingBottom: context.paddingBottom,
6256
6198
  paddingLeft: context.paddingLeft,
@@ -6258,48 +6200,48 @@ function ListItem($$anchor, $$props) {
6258
6200
  gap: context.gap
6259
6201
  }));
6260
6202
  });
6261
- $$7.legacy_pre_effect_reset();
6262
- $$7.init();
6203
+ $.legacy_pre_effect_reset();
6204
+ $.init();
6263
6205
  var li = root$7();
6264
- var node = $$7.child(li);
6265
- $$7.element(node, () => element, false, ($$element, $$anchor$1) => {
6206
+ var node = $.child(li);
6207
+ $.element(node, () => element, false, ($$element, $$anchor$1) => {
6266
6208
  let attributes_1;
6267
- $$7.template_effect(() => attributes_1 = $$7.set_attributes($$element, attributes_1, {
6209
+ $.template_effect(() => attributes_1 = $.set_attributes($$element, attributes_1, {
6268
6210
  ...attributes,
6269
6211
  class: "list-item-inner",
6270
- style: $$7.get(innerStyle)
6212
+ style: $.get(innerStyle)
6271
6213
  }, "svelte-b4b4gh"));
6272
- $$7.event("click", $$element, handleClick);
6273
- var fragment = $$7.comment();
6274
- var node_1 = $$7.first_child(fragment);
6275
- $$7.slot(node_1, $$props, "default", {}, null);
6276
- $$7.append($$anchor$1, fragment);
6214
+ $.event("click", $$element, handleClick);
6215
+ var fragment = $.comment();
6216
+ var node_1 = $.first_child(fragment);
6217
+ $.slot(node_1, $$props, "default", {}, null);
6218
+ $.append($$anchor$1, fragment);
6277
6219
  });
6278
- $$7.reset(li);
6279
- $$7.template_effect(() => {
6280
- $$7.set_attribute(li, "data-layer-id", layerId());
6281
- $$7.set_style(li, $$7.get(style));
6220
+ $.reset(li);
6221
+ $.template_effect(() => {
6222
+ $.set_attribute(li, "data-layer-id", layerId());
6223
+ $.set_style(li, $.get(style));
6282
6224
  });
6283
- $$7.append($$anchor, li);
6284
- $$7.pop();
6225
+ $.append($$anchor, li);
6226
+ $.pop();
6285
6227
  }
6286
6228
 
6287
6229
  //#endregion
6288
6230
  //#region src/components-flex/list/List.svelte
6289
- var root$6 = $$6.template(`<ul class="list svelte-v2vy6p"><!></ul>`);
6231
+ var root$6 = $.template(`<ul class="list svelte-v2vy6p"><!></ul>`);
6290
6232
  const $$css$5 = {
6291
6233
  hash: "svelte-v2vy6p",
6292
6234
  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);}"
6293
6235
  };
6294
6236
  function List($$anchor, $$props) {
6295
- $$6.push($$props, false);
6296
- $$6.append_styles($$anchor, $$css$5);
6297
- const variables$1 = $$6.mutable_state();
6298
- const actionTableData = $$6.mutable_state();
6299
- const items = $$6.mutable_state();
6300
- const style = $$6.mutable_state();
6301
- let layerId = $$6.prop($$props, "layerId", 8);
6302
- let props = $$6.prop($$props, "props", 8);
6237
+ $.push($$props, false);
6238
+ $.append_styles($$anchor, $$css$5);
6239
+ const variables$1 = $.mutable_state();
6240
+ const actionTableData = $.mutable_state();
6241
+ const items = $.mutable_state();
6242
+ const style = $.mutable_state();
6243
+ let layerId = $.prop($$props, "layerId", 8);
6244
+ let props = $.prop($$props, "props", 8);
6303
6245
  const { brandKit } = useBrandKit();
6304
6246
  useInjectCustomizeCss(props());
6305
6247
  const vars = getVariables();
@@ -6314,37 +6256,37 @@ function List($$anchor, $$props) {
6314
6256
  borderTopStyle: "solid",
6315
6257
  gap: props().itemGap
6316
6258
  });
6317
- $$6.legacy_pre_effect(() => $$6.deep_read_state(props()), () => {
6318
- $$6.set(variables$1, { ...props().borderWidth ? {
6259
+ $.legacy_pre_effect(() => $.deep_read_state(props()), () => {
6260
+ $.set(variables$1, { ...props().borderWidth ? {
6319
6261
  "--border-width": props().borderWidth,
6320
6262
  "--border-color": props().borderColor,
6321
6263
  "--border-style": props().borderStyle ?? "solid"
6322
6264
  } : {} });
6323
6265
  });
6324
- $$6.legacy_pre_effect(() => $$6.deep_read_state(props()), () => {
6325
- $$6.set(actionTableData, vars[props().actionTableKey]);
6266
+ $.legacy_pre_effect(() => $.deep_read_state(props()), () => {
6267
+ $.set(actionTableData, vars[props().actionTableKey]);
6326
6268
  });
6327
- $$6.legacy_pre_effect(() => $$6.get(actionTableData), () => {
6328
- $$6.set(items, Array.isArray($$6.get(actionTableData)) ? $$6.get(actionTableData) : null);
6269
+ $.legacy_pre_effect(() => $.get(actionTableData), () => {
6270
+ $.set(items, Array.isArray($.get(actionTableData)) ? $.get(actionTableData) : null);
6329
6271
  });
6330
- $$6.legacy_pre_effect(() => ($$6.deep_read_state(props()), $$6.get(variables$1)), () => {
6331
- $$6.set(style, objToStyle({
6272
+ $.legacy_pre_effect(() => ($.deep_read_state(props()), $.get(variables$1)), () => {
6273
+ $.set(style, objToStyle({
6332
6274
  width: props().width ?? "100%",
6333
- ...$$6.get(variables$1)
6275
+ ...$.get(variables$1)
6334
6276
  }));
6335
6277
  });
6336
- $$6.legacy_pre_effect_reset();
6337
- $$6.init();
6278
+ $.legacy_pre_effect_reset();
6279
+ $.init();
6338
6280
  var ul = root$6();
6339
- var node = $$6.child(ul);
6340
- $$6.slot(node, $$props, "default", {}, null);
6341
- $$6.reset(ul);
6342
- $$6.template_effect(() => {
6343
- $$6.set_attribute(ul, "data-layer-id", layerId());
6344
- $$6.set_style(ul, $$6.get(style));
6281
+ var node = $.child(ul);
6282
+ $.slot(node, $$props, "default", {}, null);
6283
+ $.reset(ul);
6284
+ $.template_effect(() => {
6285
+ $.set_attribute(ul, "data-layer-id", layerId());
6286
+ $.set_style(ul, $.get(style));
6345
6287
  });
6346
- $$6.append($$anchor, ul);
6347
- $$6.pop();
6288
+ $.append($$anchor, ul);
6289
+ $.pop();
6348
6290
  }
6349
6291
 
6350
6292
  //#endregion
@@ -6372,17 +6314,17 @@ function splitNumberAndUnit(value) {
6372
6314
 
6373
6315
  //#endregion
6374
6316
  //#region src/components-flex/multi-column/MultiColumn.svelte
6375
- var root$5 = $$5.template(`<ul class="list svelte-aoppwp"><!></ul>`);
6317
+ var root$5 = $.template(`<ul class="list svelte-aoppwp"><!></ul>`);
6376
6318
  const $$css$4 = {
6377
6319
  hash: "svelte-aoppwp",
6378
6320
  code: ".list.svelte-aoppwp {padding:0;margin:0;list-style:none;display:flex;flex-direction:row;}"
6379
6321
  };
6380
6322
  function MultiColumn($$anchor, $$props) {
6381
- $$5.push($$props, false);
6382
- $$5.append_styles($$anchor, $$css$4);
6383
- const style = $$5.mutable_state();
6384
- let layerId = $$5.prop($$props, "layerId", 8);
6385
- let props = $$5.prop($$props, "props", 8);
6323
+ $.push($$props, false);
6324
+ $.append_styles($$anchor, $$css$4);
6325
+ const style = $.mutable_state();
6326
+ let layerId = $.prop($$props, "layerId", 8);
6327
+ let props = $.prop($$props, "props", 8);
6386
6328
  const { brandKit } = useBrandKit();
6387
6329
  useInjectCustomizeCss(props());
6388
6330
  let listGap = (() => {
@@ -6406,46 +6348,46 @@ function MultiColumn($$anchor, $$props) {
6406
6348
  gap: listGap,
6407
6349
  innerGap: props().itemGap
6408
6350
  });
6409
- $$5.legacy_pre_effect(() => $$5.deep_read_state(props()), () => {
6410
- $$5.set(style, objToStyle({
6351
+ $.legacy_pre_effect(() => $.deep_read_state(props()), () => {
6352
+ $.set(style, objToStyle({
6411
6353
  width: `calc(${props().width ?? "100%"} + ${props().gap})`,
6412
6354
  marginLeft: listNegativeMargin,
6413
6355
  marginRight: listNegativeMargin
6414
6356
  }));
6415
6357
  });
6416
- $$5.legacy_pre_effect_reset();
6417
- $$5.init();
6358
+ $.legacy_pre_effect_reset();
6359
+ $.init();
6418
6360
  var ul = root$5();
6419
- var node = $$5.child(ul);
6420
- $$5.slot(node, $$props, "default", {}, null);
6421
- $$5.reset(ul);
6422
- $$5.template_effect(() => {
6423
- $$5.set_attribute(ul, "data-layer-id", layerId());
6424
- $$5.set_style(ul, $$5.get(style));
6361
+ var node = $.child(ul);
6362
+ $.slot(node, $$props, "default", {}, null);
6363
+ $.reset(ul);
6364
+ $.template_effect(() => {
6365
+ $.set_attribute(ul, "data-layer-id", layerId());
6366
+ $.set_style(ul, $.get(style));
6425
6367
  });
6426
- $$5.append($$anchor, ul);
6427
- $$5.pop();
6368
+ $.append($$anchor, ul);
6369
+ $.pop();
6428
6370
  }
6429
6371
 
6430
6372
  //#endregion
6431
6373
  //#region src/components-flex/multi-column/MultiColumnItem.svelte
6432
- var root$4 = $$4.template(`<li class="multi-column-item svelte-18bwzrs"><!></li>`);
6374
+ var root$4 = $.template(`<li class="multi-column-item svelte-18bwzrs"><!></li>`);
6433
6375
  const $$css$3 = {
6434
6376
  hash: "svelte-18bwzrs",
6435
6377
  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);}"
6436
6378
  };
6437
6379
  function MultiColumnItem($$anchor, $$props) {
6438
- $$4.push($$props, false);
6439
- $$4.append_styles($$anchor, $$css$3);
6440
- const variables$1 = $$4.mutable_state();
6441
- const style = $$4.mutable_state();
6442
- let layerId = $$4.prop($$props, "layerId", 8);
6443
- let props = $$4.prop($$props, "props", 8);
6380
+ $.push($$props, false);
6381
+ $.append_styles($$anchor, $$css$3);
6382
+ const variables$1 = $.mutable_state();
6383
+ const style = $.mutable_state();
6384
+ let layerId = $.prop($$props, "layerId", 8);
6385
+ let props = $.prop($$props, "props", 8);
6444
6386
  useInjectCustomizeCss(props());
6445
6387
  const { attributes, element, handleClick } = useClickable_default(props());
6446
6388
  const context = getContext(MULTI_COLUMN_ITEM_CONTEXT_KEY) || {};
6447
- $$4.legacy_pre_effect(() => {}, () => {
6448
- $$4.set(variables$1, {
6389
+ $.legacy_pre_effect(() => {}, () => {
6390
+ $.set(variables$1, {
6449
6391
  "--multi-column-item-padding-top": context.paddingTop ?? "0",
6450
6392
  "--multi-column-item-padding-left": context.paddingLeft ?? "0",
6451
6393
  "--multi-column-item-padding-right": context.paddingRight ?? "0",
@@ -6459,47 +6401,47 @@ function MultiColumnItem($$anchor, $$props) {
6459
6401
  } : {}
6460
6402
  });
6461
6403
  });
6462
- $$4.legacy_pre_effect(() => $$4.get(variables$1), () => {
6463
- $$4.set(style, objToStyle($$4.get(variables$1)));
6404
+ $.legacy_pre_effect(() => $.get(variables$1), () => {
6405
+ $.set(style, objToStyle($.get(variables$1)));
6464
6406
  });
6465
- $$4.legacy_pre_effect_reset();
6466
- $$4.init();
6407
+ $.legacy_pre_effect_reset();
6408
+ $.init();
6467
6409
  var li = root$4();
6468
- var node = $$4.child(li);
6469
- $$4.element(node, () => element, false, ($$element, $$anchor$1) => {
6410
+ var node = $.child(li);
6411
+ $.element(node, () => element, false, ($$element, $$anchor$1) => {
6470
6412
  let attributes_1;
6471
- $$4.template_effect(() => attributes_1 = $$4.set_attributes($$element, attributes_1, {
6413
+ $.template_effect(() => attributes_1 = $.set_attributes($$element, attributes_1, {
6472
6414
  ...attributes,
6473
6415
  class: "multi-column-item-inner"
6474
6416
  }, "svelte-18bwzrs"));
6475
- $$4.event("click", $$element, handleClick);
6476
- var fragment = $$4.comment();
6477
- var node_1 = $$4.first_child(fragment);
6478
- $$4.slot(node_1, $$props, "default", {}, null);
6479
- $$4.append($$anchor$1, fragment);
6417
+ $.event("click", $$element, handleClick);
6418
+ var fragment = $.comment();
6419
+ var node_1 = $.first_child(fragment);
6420
+ $.slot(node_1, $$props, "default", {}, null);
6421
+ $.append($$anchor$1, fragment);
6480
6422
  });
6481
- $$4.reset(li);
6482
- $$4.template_effect(() => {
6483
- $$4.set_attribute(li, "data-layer-id", layerId());
6484
- $$4.set_style(li, $$4.get(style));
6423
+ $.reset(li);
6424
+ $.template_effect(() => {
6425
+ $.set_attribute(li, "data-layer-id", layerId());
6426
+ $.set_style(li, $.get(style));
6485
6427
  });
6486
- $$4.append($$anchor, li);
6487
- $$4.pop();
6428
+ $.append($$anchor, li);
6429
+ $.pop();
6488
6430
  }
6489
6431
 
6490
6432
  //#endregion
6491
6433
  //#region src/components-flex/youtube/Youtube.svelte
6492
- var root$3 = $$3.template(`<div class="youtube svelte-odfkc2"><div class="youtube-player"></div></div>`);
6434
+ var root$3 = $.template(`<div class="youtube svelte-odfkc2"><div class="youtube-player"></div></div>`);
6493
6435
  const $$css$2 = {
6494
6436
  hash: "svelte-odfkc2",
6495
6437
  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;}"
6496
6438
  };
6497
6439
  function Youtube($$anchor, $$props) {
6498
- $$3.push($$props, false);
6499
- $$3.append_styles($$anchor, $$css$2);
6500
- const style = $$3.mutable_state();
6501
- let props = $$3.prop($$props, "props", 24, () => ({}));
6502
- let layerId = $$3.prop($$props, "layerId", 8, "");
6440
+ $.push($$props, false);
6441
+ $.append_styles($$anchor, $$css$2);
6442
+ const style = $.mutable_state();
6443
+ let props = $.prop($$props, "props", 24, () => ({}));
6444
+ let layerId = $.prop($$props, "layerId", 8, "");
6503
6445
  useInjectCustomizeCss(props());
6504
6446
  if (!window.YT) {
6505
6447
  const tag = document.createElement("script");
@@ -6507,7 +6449,7 @@ function Youtube($$anchor, $$props) {
6507
6449
  const firstScriptTag = document.getElementsByTagName("script")[0];
6508
6450
  firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
6509
6451
  }
6510
- let playerRef = $$3.mutable_state(void 0);
6452
+ let playerRef = $.mutable_state(void 0);
6511
6453
  let player = null;
6512
6454
  function onPlayerReady() {
6513
6455
  if (props().mute || props().autoplay) player.setVolume(0);
@@ -6548,7 +6490,7 @@ function Youtube($$anchor, $$props) {
6548
6490
  };
6549
6491
  };
6550
6492
  const createPlayer = () => {
6551
- player = new window.YT.Player($$3.get(playerRef), {
6493
+ player = new window.YT.Player($.get(playerRef), {
6552
6494
  videoId: props().videoId,
6553
6495
  playerVars: getPlayerVars(),
6554
6496
  events: {
@@ -6571,41 +6513,41 @@ function Youtube($$anchor, $$props) {
6571
6513
  window.onYouTubeIframeAPIReady = () => {
6572
6514
  createPlayer();
6573
6515
  };
6574
- $$3.legacy_pre_effect(() => $$3.deep_read_state(props()), () => {
6575
- $$3.set(style, objToStyle({ width: props().width }));
6516
+ $.legacy_pre_effect(() => $.deep_read_state(props()), () => {
6517
+ $.set(style, objToStyle({ width: props().width }));
6576
6518
  });
6577
- $$3.legacy_pre_effect_reset();
6578
- $$3.init();
6519
+ $.legacy_pre_effect_reset();
6520
+ $.init();
6579
6521
  var div = root$3();
6580
- var div_1 = $$3.child(div);
6581
- $$3.bind_this(div_1, ($$value) => $$3.set(playerRef, $$value), () => $$3.get(playerRef));
6582
- $$3.reset(div);
6583
- $$3.template_effect(() => {
6584
- $$3.set_style(div, $$3.get(style));
6585
- $$3.set_attribute(div, "data-layer-id", layerId());
6522
+ var div_1 = $.child(div);
6523
+ $.bind_this(div_1, ($$value) => $.set(playerRef, $$value), () => $.get(playerRef));
6524
+ $.reset(div);
6525
+ $.template_effect(() => {
6526
+ $.set_style(div, $.get(style));
6527
+ $.set_attribute(div, "data-layer-id", layerId());
6586
6528
  });
6587
- $$3.append($$anchor, div);
6588
- $$3.pop();
6529
+ $.append($$anchor, div);
6530
+ $.pop();
6589
6531
  }
6590
6532
 
6591
6533
  //#endregion
6592
6534
  //#region src/components-flex/count-down/CountDown.svelte
6593
- var root$2 = $$2.template(`<div class="countdown svelte-1n395il"><!></div>`);
6535
+ var root$2 = $.template(`<div class="countdown svelte-1n395il"><!></div>`);
6594
6536
  const $$css$1 = {
6595
6537
  hash: "svelte-1n395il",
6596
6538
  code: ".countdown.svelte-1n395il {display:flex;align-items:center;gap:4px;}"
6597
6539
  };
6598
6540
  function CountDown($$anchor, $$props) {
6599
- $$2.push($$props, false);
6600
- $$2.append_styles($$anchor, $$css$1);
6601
- const day = $$2.mutable_state();
6602
- const hour = $$2.mutable_state();
6603
- const min = $$2.mutable_state();
6604
- const sec = $$2.mutable_state();
6605
- let props = $$2.prop($$props, "props", 24, () => ({}));
6606
- let layerId = $$2.prop($$props, "layerId", 8, "");
6541
+ $.push($$props, false);
6542
+ $.append_styles($$anchor, $$css$1);
6543
+ const day = $.mutable_state();
6544
+ const hour = $.mutable_state();
6545
+ const min = $.mutable_state();
6546
+ const sec = $.mutable_state();
6547
+ let props = $.prop($$props, "props", 24, () => ({}));
6548
+ let layerId = $.prop($$props, "layerId", 8, "");
6607
6549
  useInjectCustomizeCss(props());
6608
- let remainingTime = $$2.mutable_state();
6550
+ let remainingTime = $.mutable_state();
6609
6551
  let timeLimit = props().timeLimit ? new Date(props().timeLimit) : /* @__PURE__ */ new Date();
6610
6552
  function calcRemainingTime(limit) {
6611
6553
  return limit - (/* @__PURE__ */ new Date()).getTime();
@@ -6624,9 +6566,9 @@ function CountDown($$anchor, $$props) {
6624
6566
  }
6625
6567
  function onEachSecond() {
6626
6568
  const _remainingTime = calcRemainingTime(timeLimit.getTime());
6627
- if (_remainingTime > 0) $$2.set(remainingTime, formatTimeDiff(_remainingTime));
6569
+ if (_remainingTime > 0) $.set(remainingTime, formatTimeDiff(_remainingTime));
6628
6570
  else {
6629
- $$2.set(remainingTime, formatTimeDiff(0));
6571
+ $.set(remainingTime, formatTimeDiff(0));
6630
6572
  if (props().onEnd) execOnClickOperation(props().onEnd);
6631
6573
  }
6632
6574
  }
@@ -6639,40 +6581,40 @@ function CountDown($$anchor, $$props) {
6639
6581
  };
6640
6582
  });
6641
6583
  onEachSecond();
6642
- $$2.legacy_pre_effect(() => $$2.get(remainingTime), () => {
6643
- $$2.set(day, $$2.get(remainingTime).day);
6584
+ $.legacy_pre_effect(() => $.get(remainingTime), () => {
6585
+ $.set(day, $.get(remainingTime).day);
6644
6586
  });
6645
- $$2.legacy_pre_effect(() => $$2.get(remainingTime), () => {
6646
- $$2.set(hour, $$2.get(remainingTime).hour);
6587
+ $.legacy_pre_effect(() => $.get(remainingTime), () => {
6588
+ $.set(hour, $.get(remainingTime).hour);
6647
6589
  });
6648
- $$2.legacy_pre_effect(() => $$2.get(remainingTime), () => {
6649
- $$2.set(min, $$2.get(remainingTime).min);
6590
+ $.legacy_pre_effect(() => $.get(remainingTime), () => {
6591
+ $.set(min, $.get(remainingTime).min);
6650
6592
  });
6651
- $$2.legacy_pre_effect(() => $$2.get(remainingTime), () => {
6652
- $$2.set(sec, $$2.get(remainingTime).sec);
6593
+ $.legacy_pre_effect(() => $.get(remainingTime), () => {
6594
+ $.set(sec, $.get(remainingTime).sec);
6653
6595
  });
6654
- $$2.legacy_pre_effect_reset();
6655
- $$2.init();
6596
+ $.legacy_pre_effect_reset();
6597
+ $.init();
6656
6598
  var div = root$2();
6657
- var node = $$2.child(div);
6658
- $$2.slot(node, $$props, "default", {
6599
+ var node = $.child(div);
6600
+ $.slot(node, $$props, "default", {
6659
6601
  get day() {
6660
- return $$2.get(day);
6602
+ return $.get(day);
6661
6603
  },
6662
6604
  get hour() {
6663
- return $$2.get(hour);
6605
+ return $.get(hour);
6664
6606
  },
6665
6607
  get min() {
6666
- return $$2.get(min);
6608
+ return $.get(min);
6667
6609
  },
6668
6610
  get sec() {
6669
- return $$2.get(sec);
6611
+ return $.get(sec);
6670
6612
  }
6671
6613
  }, null);
6672
- $$2.reset(div);
6673
- $$2.template_effect(() => $$2.set_attribute(div, "data-layer-id", layerId()));
6674
- $$2.append($$anchor, div);
6675
- $$2.pop();
6614
+ $.reset(div);
6615
+ $.template_effect(() => $.set_attribute(div, "data-layer-id", layerId()));
6616
+ $.append($$anchor, div);
6617
+ $.pop();
6676
6618
  }
6677
6619
 
6678
6620
  //#endregion
@@ -6734,18 +6676,18 @@ const useText = (props) => {
6734
6676
 
6735
6677
  //#endregion
6736
6678
  //#region src/components-flex/count-down/CountDownValue.svelte
6737
- var root$1 = $$1.template(`<span class="count-down-value"> </span>`);
6679
+ var root$1 = $.template(`<span class="count-down-value"> </span>`);
6738
6680
  function CountDownValue($$anchor, $$props) {
6739
- $$1.push($$props, false);
6740
- const [$$stores, $$cleanup] = $$1.setup_stores();
6741
- const $countdownStore = () => $$1.store_get(countdownStore, "$countdownStore", $$stores);
6742
- const value = $$1.mutable_state();
6743
- let props = $$1.prop($$props, "props", 24, () => ({}));
6744
- let layerId = $$1.prop($$props, "layerId", 8, "");
6681
+ $.push($$props, false);
6682
+ const [$$stores, $$cleanup] = $.setup_stores();
6683
+ const $countdownStore = () => $.store_get(countdownStore, "$countdownStore", $$stores);
6684
+ const value = $.mutable_state();
6685
+ let props = $.prop($$props, "props", 24, () => ({}));
6686
+ let layerId = $.prop($$props, "layerId", 8, "");
6745
6687
  let countdownStore = getContext("countdownStore");
6746
6688
  let { style } = useText(props());
6747
- $$1.legacy_pre_effect(() => ($countdownStore(), $$1.deep_read_state(props())), () => {
6748
- $$1.set(value, (() => {
6689
+ $.legacy_pre_effect(() => ($countdownStore(), $.deep_read_state(props())), () => {
6690
+ $.set(value, (() => {
6749
6691
  const { day, hour, min, sec } = $countdownStore();
6750
6692
  switch (props().type) {
6751
6693
  case "day": return day?.toString().padStart(2, "0") ?? "";
@@ -6756,18 +6698,18 @@ function CountDownValue($$anchor, $$props) {
6756
6698
  }
6757
6699
  })());
6758
6700
  });
6759
- $$1.legacy_pre_effect_reset();
6760
- $$1.init();
6701
+ $.legacy_pre_effect_reset();
6702
+ $.init();
6761
6703
  var span = root$1();
6762
- $$1.set_style(span, style);
6763
- var text = $$1.child(span, true);
6764
- $$1.reset(span);
6765
- $$1.template_effect(() => {
6766
- $$1.set_attribute(span, "data-layer-id", layerId());
6767
- $$1.set_text(text, $$1.get(value));
6768
- });
6769
- $$1.append($$anchor, span);
6770
- $$1.pop();
6704
+ $.set_style(span, style);
6705
+ var text = $.child(span, true);
6706
+ $.reset(span);
6707
+ $.template_effect(() => {
6708
+ $.set_attribute(span, "data-layer-id", layerId());
6709
+ $.set_text(text, $.get(value));
6710
+ });
6711
+ $.append($$anchor, span);
6712
+ $.pop();
6771
6713
  $$cleanup();
6772
6714
  }
6773
6715