@plaidev/karte-action-sdk 1.1.269-29170394.d1cf0fa0 → 1.1.270-29170585.8999f4d3

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