@billgangcom/theme-lib 1.2.0 → 1.4.0

package/dist/builder.es.js

@@ -1,6 +1,6 @@
-(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode('@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,100..900;1,100..900&display=swap";._icon_21b8w_1 path{fill:var(--icon-fill)}._hoverable_21b8w_5{cursor:pointer}._button_rcjso_1{background-color:#ff3f19;padding:10px 16px;color:#fff;border-radius:12px;cursor:pointer;font-size:16px}._button_rcjso_1:disabled{opacity:.7;cursor:auto}._wrapper_x5ap4_1{display:flex;flex-direction:column;gap:6px;justify-content:start;width:100%}._label_x5ap4_9{width:100%;color:var(--accent-color);line-height:20px;font-size:14px;font-weight:400}._input_x5ap4_17{width:100%;background-color:var(--background-color);border-radius:12px;padding:7px 11px;font-size:16px;line-height:24px;border:1px solid var(--background-color)}._input_x5ap4_17::placeholder{color:#c2c2c2}._input_x5ap4_17:disabled{background-color:var(--background-color);opacity:.7}._required_x5ap4_36{border:1px solid #ff3f19}._wrapper_dmzhr_1{display:flex;flex-direction:column;gap:6px;justify-content:start;width:100%}._label_dmzhr_9{width:100%;color:var(--accent-color);line-height:20px;font-size:14px;font-weight:400}._select_dmzhr_17{width:100%;background-color:var(--background-color);border-radius:12px;padding:10px 12px;font-size:14px;line-height:20px;display:flex;align-items:center;justify-content:space-between;cursor:pointer}._icon_dmzhr_30{transition:.2s}._rotate_dmzhr_34{transform:rotate(180deg)}._content_dmzhr_38{position:relative}._options_dmzhr_42{position:absolute;top:45px;width:100%;background-color:var(--background-color);border-radius:12px;font-size:14px;line-height:20px;display:flex;flex-direction:column;max-height:200px;z-index:10;overflow-y:scroll;cursor:pointer}._option_dmzhr_42{padding:10px 12px;border-radius:12px}._option_dmzhr_42:hover{background-color:#e6e6e6}._switch_1gvxu_1{width:40px;height:24px;background-color:#ccc;border-radius:25px;display:flex;align-items:center;padding:2px;cursor:pointer;transition:background-color .2s}._switch_1gvxu_1._active_1gvxu_12{background:#ff3f19}._switch_1gvxu_1 ._toggle_1gvxu_15{width:14px;height:14px;background-color:#fff;border-radius:16px;transition:transform .2s;transform:translate(2px)}._switch_1gvxu_1._active_1gvxu_12 ._toggle_1gvxu_15{transform:translate(18px)}._wrapper_1inu5_1{border:var(--default-border);width:fit-content;height:fit-content;max-height:500px;max-width:500px;min-width:300px;padding:10px;left:10px;top:10px;position:absolute;z-index:1000;background-color:#fff;display:flex;border-radius:8px;justify-content:center;align-items:center;overflow:hidden}._blocks_1op3c_1{display:flex;align-items:center;gap:8px}._block_1op3c_1{padding:8px;display:flex;align-items:center;justify-content:center;border:1px solid #f8f8f8;background-color:#f8f8f8;border-radius:12px;cursor:pointer}._active_1op3c_18{border:1px solid #ff3f19}._applyButton_1cqw4_2{flex:0 1 50%;font-weight:400}._cancelButton_1cqw4_7{background-color:#f8f8f8;color:var(--accent-color)}._content_1cqw4_12{display:flex;flex-direction:column;width:100%}._label_1cqw4_18{padding:8px 12px;border-radius:8px;display:flex;align-items:center;position:relative;gap:8px;width:100%;background-color:var(--background-color);cursor:pointer}._colorValue_1cqw4_30{width:20px;height:20px;padding:2.5px;border-radius:2px}._modal_1cqw4_37{left:15px;width:288px;overflow-y:auto;z-index:100000000;position:fixed;background-color:#fff;border-radius:12px;padding:10px;border:1px solid #e6e6e6;height:400px;display:flex;flex-direction:column;gap:10px;font-size:16px;line-height:24px;font-weight:700}._colorMap_1cqw4_56{position:relative;width:100%;height:300px;cursor:pointer;border-radius:4px}._indicator_1cqw4_64{position:absolute;width:20px;height:20px;border:4px solid white;border-radius:50%;pointer-events:none}._hueSlider_1cqw4_73{width:80%;left:30px;height:8px;position:absolute;bottom:80px;background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red,red);border-radius:5px}input[type=range]{-webkit-appearance:none;height:8px;outline:none;border-radius:5px;position:relative;display:flex;justify-content:center}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border:5px solid #fff;border-radius:50%;cursor:pointer}._slider_1cqw4_102{width:100%;cursor:pointer}._buttons_1cqw4_107{display:flex;gap:5px;width:100%}._name_1cqw4_113{line-height:20px;padding:0 4px 4px}._secondary_1cqw4_118{width:100%;color:var(--accent-color);line-height:20px;font-size:14px;font-weight:400}._input_1cqw4_126{line-height:20px;font-size:14px;font-weight:400}._modal_1t5at_1{position:fixed;top:0;left:0;right:0;bottom:0;background:#2525253d;z-index:100;display:flex;padding:20px;justify-content:center;align-items:center;overflow:hidden}._wrapper_1qvfi_1{display:flex;flex-direction:column;gap:6px;justify-content:start;width:100%;position:relative}._label_1qvfi_10{width:100%;color:var(--accent-color);line-height:20px;font-size:14px;font-weight:400}._textarea_1qvfi_18{width:100%;background-color:var(--background-color);border-radius:12px;padding:8px 12px;font-size:16px;line-height:24px;resize:none;min-height:80px}._textarea_1qvfi_18::placeholder{color:#c2c2c2}._length_1qvfi_33{position:absolute;bottom:12px;right:12px;color:#c2c2c2;line-height:20px}._wrapper_1fcne_2{display:flex;flex-direction:column;gap:6px;justify-content:start;width:100%}._label_1fcne_10{width:100%;color:var(--accent-color);line-height:20px;font-size:14px;font-weight:400}._options_1fcne_18{display:flex;gap:20px}._radioLabel_1fcne_23{display:flex;align-items:center;cursor:pointer;position:relative}._radio_1fcne_23{position:absolute;opacity:0;cursor:pointer}._custom_1fcne_36{height:20px;width:20px;border-radius:50%;border:1px solid #e6e6e6;display:inline-block;margin-right:8px;position:relative}._radio_1fcne_23:checked+._custom_1fcne_36{border-color:#ff3f19;background:#ffeae5}._custom_1fcne_36:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;border-radius:50%;background-color:#e53e3e;opacity:0}._radio_1fcne_23:checked+._custom_1fcne_36:after{opacity:1}._option_1fcne_18{font-size:16px;line-height:24px;font-weight:400}._tip_pl6k0_1{display:flex;align-items:center;padding:8px;border-radius:12px;gap:8px}._text_pl6k0_9{flex:1 1 auto;line-height:20px;font-size:14px}._warning_pl6k0_15{background:#faf8e6;color:#c1972a}._error_pl6k0_20{background:#ffc3b7;color:#ff3f19}._hide_pl6k0_25{display:none}._buttons_1gn8m_1{display:flex;align-items:center;gap:16px}._button_1gn8m_1{cursor:pointer;padding:10px}._devices_hxl12_1{display:flex;gap:4px;background:var(--background-color);padding:4px;border-radius:16px}._device_hxl12_1{padding:6px 8px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:12px;border:1px solid var(--background-color)}._device_hxl12_1:hover{border:var(--default-border);box-shadow:0 0 1px #dfdfdf}._active_hxl12_23{background-color:#fff}._active_hxl12_23:hover{border:1px solid var(--background-color);box-shadow:none}._header_ltoxx_1{position:absolute;top:0;left:0;width:100%;padding:11px 22px;line-height:20px;border-bottom:var(--default-border);display:flex;align-items:center;justify-content:space-between;gap:24px;z-index:5}._left_ltoxx_16,._right_ltoxx_17{display:flex;align-items:center;gap:24px}._preview_vijvm_2{display:flex;align-items:center;gap:4px;color:var(--accent-color);line-height:20px;padding:10px 16px;cursor:pointer;border:1px solid #fff;border-radius:16px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}._preview_vijvm_2:hover{border:var(--default-border);box-shadow:0 0 1px #dfdfdf}._active_vijvm_22{background-color:var(--background-color)}._active_vijvm_22:hover{border:1px solid #fff;box-shadow:none}._settings_q79q3_1{display:flex;gap:20px;align-items:center;color:var(--accent-color)}._language_1mbvp_1{display:flex;align-items:center;gap:4px;background-color:var(--background-color);padding:10px 12px;border-radius:12px;cursor:pointer}._text_1mbvp_11{padding-right:4px;color:var(--main-color)}._pages_x8pw2_1{position:relative}._default_x8pw2_5{display:flex;align-items:center;gap:4px;padding:10px 12px;background-color:var(--background-color);border-radius:8px;cursor:pointer;position:relative}._text_x8pw2_16{padding-right:4px;color:var(--main-color);flex:1 1 auto}._modal_x8pw2_22{position:absolute;top:45px;width:320px;left:0;z-index:100;background-color:#fff;border:1px solid #e6e6e6;border-radius:8px;padding:8px 12px;display:flex;flex-direction:column}._page_x8pw2_1{display:flex;align-items:center;gap:8px;padding:12px 8px;border-radius:8px;cursor:pointer}._hoverable_x8pw2_45{background-color:var(--background-color)}._separator_x8pw2_49{border-bottom:1px solid #f0f0f0}._button_x8pw2_53{background:inherit;color:#ff3f19;display:flex;align-items:center;justify-content:start;gap:8px;padding:16px 8px 12px;transition:.2s}._button_x8pw2_53:hover{background-color:var(--background-color)}._zoom_a77cn_1{display:flex;align-items:center;gap:4px;background-color:var(--background-color);padding:10px 12px;border-radius:12px;cursor:pointer}._theme_3wxbf_1{display:flex;align-items:center;gap:4px;padding:9px 12px;background:#e5fadd;color:#338b13;border-radius:100px}._exit_2ce42_1{border-bottom:var(--default-border);display:flex;gap:8px;align-items:center;padding:22px;cursor:pointer}._text_2ce42_10{color:#252525;line-height:20px}._navbar_2ac63_1{width:100px;border-right:var(--default-border)}._main_2ac63_6{display:flex;flex-direction:column;gap:8px;padding:16px 12px}._block_2ac63_13{display:flex;align-items:center;flex-direction:column;gap:4px;color:var(--accent-color);line-height:20px;padding:12px 24px;cursor:pointer;border:1px solid #fff;border-radius:16px}._block_2ac63_13:hover{border:var(--default-border);box-shadow:0 0 1px #dfdfdf}._active_2ac63_30{background-color:var(--background-color);color:#252525}._active_2ac63_30:hover{border:1px solid #fff;box-shadow:none}._preview_1jv6k_1{width:100%;background-color:var(--background-color);padding:16px 32px 0;position:relative}._main_1jv6k_8{width:100%;display:flex;flex-direction:column;overflow-y:auto;height:100%;position:relative;z-index:1}._content_1jv6k_18{background-color:#fff;border:var(--default-border);border-bottom:none;height:100%}._loading_1jv6k_25{width:100%;height:100%;display:flex;justify-content:center;align-items:center}._loader_1jv6k_33{border:4px solid rgba(0,0,0,.1);border-left-color:#fff;border-radius:50%;width:40px;height:40px;animation:_spin_1jv6k_1 1s linear infinite}@keyframes _spin_1jv6k_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._header_1t64j_1{display:flex;width:100%;padding:18px;justify-content:center;border:var(--default-border);background-color:#fff;border-top-left-radius:16px;border-top-right-radius:16px;border-bottom:none;z-index:5}._circles_1t64j_14{left:28px;top:28px;position:absolute;display:flex;align-items:center;gap:8px}._circle_1t64j_14{width:12px;height:12px;border-radius:50%;border:.5px solid #e6e6e6}._red_1t64j_30{background:#ff5f57}._green_1t64j_34{background:#28c840}._yellow_1t64j_38{background:#febc2e}._input_1t64j_42{background-color:var(--background-color);padding:6px 8px;display:flex;max-width:480px;width:100%;border-radius:6px}._main_1t64j_51{flex:1 1 auto;display:flex;align-items:center;justify-content:center;gap:4px}._text_1t64j_59{font-weight:600;font-size:12px;line-height:16px;margin:0 0 0 4px}._content_92dk8_1{width:100%;height:100%}._block_92dk8_6{position:relative;cursor:pointer;border-left:1px solid #e6e6e6;border-right:1px solid #e6e6e6}._active_92dk8_13{border:2px solid #ff3f19}._name_92dk8_17{z-index:10;position:absolute;top:-28px;left:-2px;border-top-left-radius:8px;border-top-right-radius:8px;color:#fff;background:#ff3f19;padding:4px 12px;line-height:20px;text-align:center}._empty_92dk8_31{height:100%;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center}._icon_92dk8_42{width:64px;height:64px;background-color:var(--background-color);display:flex;border-radius:50%;justify-content:center;align-items:center;margin:0 0 8px}._title_92dk8_53{font-weight:700;font-size:24px;line-height:32px}._text_92dk8_59{font-size:16px;line-height:24px;color:var(--accent-color)}._sections_92dk8_65{padding:0 20px;margin:20px 0 0;display:flex;flex-wrap:wrap;justify-content:center;gap:24px}._section_92dk8_65{cursor:pointer;display:flex;gap:10px;max-width:288px;width:100%;align-items:center;justify-content:space-between;padding:24px;background-color:var(--background-color);border-radius:24px;color:var(--accent-color)}._sidebar_1f3hk_1{position:absolute;display:flex;height:fit-content();flex-direction:column;right:10px;z-index:20;padding:10px;cursor:auto}._content_1f3hk_12{height:100%;border:1px solid #e6e6e6;border-radius:8px;background-color:#fff;padding:8px;max-width:60px;width:100%}._button_1f3hk_22{display:flex;align-items:center;border-radius:8px;padding:8px;transition:.2s background-color}._moveButton_1f3hk_30:hover{background-color:var(--background-color)}._border_1f3hk_34{border-bottom:var(--default-border)}._deleteButton_1f3hk_38:hover{background-color:#dd6363;color:#fff}._results_f488n_1{display:flex;flex-direction:column;padding:8px;gap:20px}._name_f488n_8{color:var(--main-color);font-weight:600;font-size:16px;line-height:24px}._product_f488n_15{display:flex;align-items:center;justify-content:space-between;cursor:pointer}._search_1s0qp_1{background:var(--background-color);padding:8px 12px;display:flex;align-items:center;border-radius:12px;width:100%;gap:10px;margin:8px 0}._input_1s0qp_12{width:100%;font-size:16px;line-height:24px;color:#252525}._input_1s0qp_12::placeholder{color:#c2c2c2}._sidebar_xqbqi_1{max-width:320px;width:100%;padding:16px;border-right:var(--default-border);height:100%;position:relative;overflow:hidden}._title_xqbqi_11{color:var(--main-color);font-weight:700;font-size:20px;line-height:24px;padding-bottom:8px}._active_xqbqi_19{display:flex;align-items:center;gap:8px}._layers_62wod_1{display:flex;flex-direction:column;position:relative;height:100%}._block_62wod_8{position:relative;display:flex;align-items:center;gap:4px;font-size:16px;line-height:24px;padding:8px 12px;border-radius:8px;cursor:pointer}._block_62wod_8:hover{background-color:var(--background-color)}._dragging_62wod_23{box-shadow:0 2.1px 4.36px #00000004;box-shadow:0 5.3px 10.22px #00000005;border:var(--default-border);box-shadow:0 10.81px 19.93px #00000006;cursor:grabbing}._active_62wod_31{background:#ffeae5}._add_62wod_35{z-index:2;position:absolute;display:flex;justify-content:center;align-items:center;bottom:0;left:0;border-bottom:2px solid #ff3f19;width:100%}._button_62wod_47{position:relative;display:flex;justify-content:center;align-items:center;top:12px;background-color:#ff3f19;width:24px;height:24px;border-radius:50%;padding:4px}._empty_62wod_60{display:flex;flex-direction:column;justify-content:center;height:100%;width:100%;align-items:center;text-align:center;gap:4px;color:var(--accent-color)}._title_62wod_72{font-size:16px;line-height:24px;font-weight:700;color:var(--accent-color)}._icon_62wod_79{margin:0 0 12px}._text_62wod_83{font-size:16px;font-weight:400;line-height:24px}._highlight_62wod_89{color:#ff3f19;cursor:pointer}._theme_1xj36_1{display:flex;flex-direction:column}._block_1xj36_6{justify-content:start;display:flex;align-items:center;gap:8px;width:100%;padding:16px 8px;cursor:pointer;border-radius:8px}._block_1xj36_6:hover{background-color:var(--background-color)}._name_1xj36_20{flex:1 1 auto}._back_1m2pj_1{display:flex;align-items:center;gap:8px;padding-bottom:8px}._render_1m2pj_8{display:flex;flex-direction:column;gap:8px;height:100%;transition:.2s transform;position:absolute;top:0;left:0;padding:16px;width:100%;background:#fff;z-index:3}._open_1m2pj_23{transform:translate(0)}._close_1m2pj_27{transform:translate(320px)}._clicked_1m2pj_31{opacity:0}._title_1m2pj_35{color:var(--main-color);font-weight:700;font-size:20px;line-height:24px}._button_1m2pj_42{align-self:center;flex:1}._settings_1m2pj_47{flex:1 1 auto}._buttons_1m2pj_51{justify-content:space-between;display:flex;gap:10px}._deleteButton_1m2pj_57{display:flex;align-items:center;border-radius:8px;padding:8px;transition:.2s background-color}._deleteButton_1m2pj_57:hover{background-color:#dd6363;color:#fff}._settings_1r85j_1{display:flex;flex-direction:column;gap:8px;height:100%;transition:.2s transform;position:absolute;top:0;left:0;padding:16px;width:100%;background:#fff;z-index:3}._open_1r85j_16{transform:translate(0)}._close_1r85j_20{transform:translate(320px)}._header_1r85j_24{display:flex;align-items:center;gap:8px}._title_1r85j_30{font-weight:700;font-size:20px;line-height:24px;flex:1 1 auto}._addButton_1r85j_37{color:#ff3f19;display:flex;align-items:center;gap:4px;cursor:pointer}._wrapper_n1a7x_1{overflow-y:scroll}._category_n1a7x_5{display:flex;flex-direction:column}._categoryTitle_n1a7x_10{font-weight:600;font-size:16px;line-height:24px}._color_n1a7x_16{display:flex;flex-direction:column}._color_n1a7x_16:not(:last-child){border-bottom:1px solid #f0f0f0}._content_n1a7x_24{padding:12px 0;gap:8px;display:flex;align-items:center;flex:1 1 auto}._preview_n1a7x_32{width:39px;height:39px;flex:0 0 39px;padding:5px;border-radius:50%;border:1px solid #e6e6e6}._wrapper_kb55x_2{overflow-y:scroll}._category_kb55x_6{display:flex;flex-direction:column}._categoryTitle_kb55x_11{font-weight:600;font-size:16px;line-height:24px}._color_kb55x_17{gap:8px;display:flex;flex-direction:column}._name_kb55x_23{line-height:20px;padding:0 4px 4px}._content_kb55x_28{display:flex;flex-direction:column;width:100%}._label_kb55x_34{padding:8px 12px;border-radius:12px;display:flex;align-items:center;gap:5px;width:100%;background-color:var(--background-color);cursor:pointer}._input_kb55x_45[type=color]{width:20px;height:20px;padding:1px}._input_kb55x_45{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:100%;border:none;padding:0;cursor:pointer;border-radius:50%}._input_kb55x_45::-webkit-color-swatch{border-radius:50%;border:none}._input_kb55x_45::-webkit-color-swatch-wrapper{padding:0;border-radius:50%}._title_kb55x_71{width:100%;color:var(--accent-color);line-height:20px;font-size:14px;font-weight:400}._field_kb55x_79{display:flex;flex-direction:column;gap:10px;padding:16px 0}._field_kb55x_79:not(:last-child){border-bottom:1px solid #f0f0f0}._alignments_kb55x_89{display:flex;flex-direction:column;gap:10px}._lineField_kb55x_95{display:flex;justify-content:space-between;align-items:center}._style_kb55x_101{flex:1 0 50%;display:flex;flex-direction:column;gap:8px}._header_kb55x_108{display:flex;align-items:center;justify-content:space-between}._wrapper_k9on2_1{overflow-y:scroll}._category_k9on2_5{display:flex;flex-direction:column}._categoryTitle_k9on2_10{font-weight:600;font-size:16px;line-height:24px}._font_k9on2_16{padding:12px 0;gap:8px;display:flex;align-items:center;position:relative;flex:1 1 auto;cursor:pointer}._font_k9on2_16:hover{background-color:#f8f8f8;border-radius:8px}._font_k9on2_16:not(:last-child){border-bottom:var(--default-border)}._font_k9on2_16:not(:last-child):hover{border-bottom:1px solid #f8f8f8}._content_k9on2_36{display:flex;flex-direction:column;width:100%}._icon_k9on2_42{padding:8px;border-radius:8px;background-color:#f8f8f8;display:flex;align-items:center;justify-content:center}._paragraph_k9on2_51{padding:12px}._deleteIcon_k9on2_55{position:absolute;right:10px;width:20px;height:20px}._iconButton_k9on2_62{width:32px;height:32px}._wrapper_94fpv_1{display:flex;flex-direction:column;gap:8px;height:100%;transition:.2s transform;position:absolute;top:0;left:0;padding:16px;width:100%;background:#fff;z-index:5}._open_94fpv_16{transform:translate(0)}._close_94fpv_20{transform:translate(320px)}._header_94fpv_24{display:flex;align-items:center;gap:8px;margin:0 0 10px}._title_94fpv_31{font-weight:700;font-size:20px;line-height:24px}._options_94fpv_37{display:flex;flex-direction:column;gap:10px;flex:1 1 auto}._clicked_94fpv_44{opacity:0}._wrapper_1j33r_1{display:flex;flex-direction:column;gap:8px;height:100%;transition:.2s transform;position:absolute;top:0;left:0;padding:16px;width:100%;background:#fff;z-index:5}._open_1j33r_16{transform:translate(0)}._close_1j33r_20{transform:translate(320px)}._header_1j33r_24{display:flex;align-items:center;gap:8px;margin:0 0 10px}._title_1j33r_31{font-weight:700;font-size:20px;line-height:24px}._options_1j33r_37{display:flex;flex-direction:column;gap:10px;flex:1 1 auto}._clicked_1j33r_44{opacity:0}._label_1j33r_48{font-size:14px;font-weight:400;line-height:20px;color:var(--accent-color)}._alignments_1j33r_55{display:flex;flex-direction:column;gap:10px}._blocks_1j33r_61{display:flex;align-items:center;gap:8px}._alignment_1j33r_55{padding:8px;border:1px solid #f8f8f8;background-color:#f8f8f8;border-radius:12px;cursor:pointer}._active_1j33r_75{border:1px solid #ff3f19}._wrapper_jjfwh_1{display:flex;flex-direction:column;gap:20px;background:#fff;max-width:640px;width:100%;padding:16px 24px;border-radius:16px}._header_jjfwh_12{display:flex;justify-content:space-between;align-items:center;font-size:24px;font-weight:700;line-height:32px}._content_jjfwh_21{display:flex;flex-direction:column;gap:10px;overflow-y:scroll;max-height:500px}._buttons_jjfwh_29{display:flex;justify-content:end;gap:12px}._cancel_jjfwh_35{background-color:var(--background-color);color:var(--accent-color)}._label_jjfwh_40,._description_jjfwh_41{width:100%;color:var(--accent-color);line-height:20px;font-size:14px;font-weight:400}._preview_jjfwh_49{display:flex;flex-direction:column;gap:10px}._block_jjfwh_55{padding:24px;display:flex;flex-direction:column;border:1px solid var(--background-color);border-radius:8px}._slug_jjfwh_63{line-height:20px;color:#ff3f19;margin-bottom:4px}._title_jjfwh_69{font-weight:600;font-size:16px;line-height:24px}._layout_kjedu_1{width:100%;height:100%;display:flex;position:relative}._main_kjedu_8{display:flex;flex-direction:column;width:100%;position:relative}._content_kjedu_15{position:relative;padding-top:64px;height:100%;display:flex}*{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji"}*{padding:0;margin:0;border:0}*,*:before,*:after{box-sizing:border-box}:focus,:active{outline:none}a:focus,a:active{outline:none}nav,footer,header,aside{display:block}html,body{width:100%;line-height:1;font-size:16px;-ms-text-size-adjust:100%;-moz-text-size-adjust:100%;-webkit-text-size-adjust:100%}input,button,textarea{font-family:inherit}input::-ms-clear{display:none}button{background-color:transparent;cursor:pointer}button::-moz-focus-inner{padding:0;border:0}a,a:visited,a:hover{text-decoration:none}ul li{list-style:none}img{vertical-align:top}h1,h2,h3,h4,h5,h6,a{font-size:inherit}a{color:inherit}*{-webkit-tap-highlight-color:transparent}input{border:none;background:none;outline:none;padding:0}input[type=color]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:40px;height:40px;border:none;background:transparent}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}*{-ms-overflow-style:none;scrollbar-width:none}* ::-webkit-scrollbar{display:none}:root{--default-border: 1px solid #f0f0f0;--accent-color: #757575;--main-color: #252525;--background-color: #f8f8f8}#root{height:100vh}body,html{background-color:#fff;font-family:Archivo,sans-serif;max-height:100vh;overflow:hidden}')),document.head.appendChild(e)}}catch(o){console.error("vite-plugin-css-injected-by-js",o)}})();
-import { j as a, I as O, u as wr, e as k, f as Pe, g as K, h as Q, i as Ce, B as fe, k as V, l as ke, m as Re, n as ae, o as xr, p as Xe, q as Tn, s as ee, c as Vt, r as Sr, C as je, d as Or, a as q, S as we, t as We, b as Gt, P as Wt, v as Dn, w as Er, T as Tr, R as Dr, M as jr } from "./index-SOBckDON.js";
-import T, { createContext as Cr, memo as Nr, useEffect as Ke, useLayoutEffect as Ir, useState as Pr, useCallback as kr, useMemo as M, isValidElement as Rr, cloneElement as Yt, useContext as Ar } from "react";
+(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode('@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,100..900;1,100..900&display=swap";._icon_21b8w_1 path{fill:var(--icon-fill)}._hoverable_21b8w_5{cursor:pointer}._button_rcjso_1{background-color:#ff3f19;padding:10px 16px;color:#fff;border-radius:12px;cursor:pointer;font-size:16px}._button_rcjso_1:disabled{opacity:.7;cursor:auto}._wrapper_1y283_1{display:flex;flex-direction:column;gap:6px;justify-content:start;width:100%}._label_1y283_9{width:100%;color:var(--accent-color);line-height:20px;font-size:14px;font-weight:400}._input_1y283_17{width:100%;background-color:var(--background-color);border-radius:12px;padding:7px 11px;font-size:16px;line-height:24px;border:1px solid var(--background-color)}._input_1y283_17::placeholder{color:#c2c2c2}._input_1y283_17:disabled{background-color:var(--background-color);opacity:.7}._required_1y283_36{border:1px solid #ff3f19}._paddingless_1y283_40{padding:0}._wrapper_dmzhr_1{display:flex;flex-direction:column;gap:6px;justify-content:start;width:100%}._label_dmzhr_9{width:100%;color:var(--accent-color);line-height:20px;font-size:14px;font-weight:400}._select_dmzhr_17{width:100%;background-color:var(--background-color);border-radius:12px;padding:10px 12px;font-size:14px;line-height:20px;display:flex;align-items:center;justify-content:space-between;cursor:pointer}._icon_dmzhr_30{transition:.2s}._rotate_dmzhr_34{transform:rotate(180deg)}._content_dmzhr_38{position:relative}._options_dmzhr_42{position:absolute;top:45px;width:100%;background-color:var(--background-color);border-radius:12px;font-size:14px;line-height:20px;display:flex;flex-direction:column;max-height:200px;z-index:10;overflow-y:scroll;cursor:pointer}._option_dmzhr_42{padding:10px 12px;border-radius:12px}._option_dmzhr_42:hover{background-color:#e6e6e6}._wrapper_3w2ni_1{display:flex;width:fit-content;gap:8px;align-items:center;border-radius:12px;line-height:20px;color:#252525;font-size:14px;font-weight:400}._switch_3w2ni_13{width:40px;height:24px;background-color:#ccc;border-radius:25px;display:flex;align-items:center;padding:2px;cursor:pointer;transition:background-color .2s}._switch_3w2ni_13._active_3w2ni_24{background:#ff3f19}._switch_3w2ni_13 ._toggle_3w2ni_27{width:14px;height:14px;background-color:#fff;border-radius:16px;transition:transform .2s;transform:translate(2px)}._switch_3w2ni_13._active_3w2ni_24 ._toggle_3w2ni_27{transform:translate(18px)}._background_3w2ni_39{background-color:#f8f8f8}._padding_3w2ni_43{padding:8px}._wrapper_1inu5_1{border:var(--default-border);width:fit-content;height:fit-content;max-height:500px;max-width:500px;min-width:300px;padding:10px;left:10px;top:10px;position:absolute;z-index:1000;background-color:#fff;display:flex;border-radius:8px;justify-content:center;align-items:center;overflow:hidden}._blocks_1op3c_1{display:flex;align-items:center;gap:8px}._block_1op3c_1{padding:8px;display:flex;align-items:center;justify-content:center;border:1px solid #f8f8f8;background-color:#f8f8f8;border-radius:12px;cursor:pointer}._active_1op3c_18{border:1px solid #ff3f19}._applyButton_1cqw4_2{flex:0 1 50%;font-weight:400}._cancelButton_1cqw4_7{background-color:#f8f8f8;color:var(--accent-color)}._content_1cqw4_12{display:flex;flex-direction:column;width:100%}._label_1cqw4_18{padding:8px 12px;border-radius:8px;display:flex;align-items:center;position:relative;gap:8px;width:100%;background-color:var(--background-color);cursor:pointer}._colorValue_1cqw4_30{width:20px;height:20px;padding:2.5px;border-radius:2px}._modal_1cqw4_37{left:15px;width:288px;overflow-y:auto;z-index:100000000;position:fixed;background-color:#fff;border-radius:12px;padding:10px;border:1px solid #e6e6e6;height:400px;display:flex;flex-direction:column;gap:10px;font-size:16px;line-height:24px;font-weight:700}._colorMap_1cqw4_56{position:relative;width:100%;height:300px;cursor:pointer;border-radius:4px}._indicator_1cqw4_64{position:absolute;width:20px;height:20px;border:4px solid white;border-radius:50%;pointer-events:none}._hueSlider_1cqw4_73{width:80%;left:30px;height:8px;position:absolute;bottom:80px;background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red,red);border-radius:5px}input[type=range]{-webkit-appearance:none;height:8px;outline:none;border-radius:5px;position:relative;display:flex;justify-content:center}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border:5px solid #fff;border-radius:50%;cursor:pointer}._slider_1cqw4_102{width:100%;cursor:pointer}._buttons_1cqw4_107{display:flex;gap:5px;width:100%}._name_1cqw4_113{line-height:20px;padding:0 4px 4px}._secondary_1cqw4_118{width:100%;color:var(--accent-color);line-height:20px;font-size:14px;font-weight:400}._input_1cqw4_126{line-height:20px;font-size:14px;font-weight:400}._modal_1t5at_1{position:fixed;top:0;left:0;right:0;bottom:0;background:#2525253d;z-index:100;display:flex;padding:20px;justify-content:center;align-items:center;overflow:hidden}._wrapper_1qvfi_1{display:flex;flex-direction:column;gap:6px;justify-content:start;width:100%;position:relative}._label_1qvfi_10{width:100%;color:var(--accent-color);line-height:20px;font-size:14px;font-weight:400}._textarea_1qvfi_18{width:100%;background-color:var(--background-color);border-radius:12px;padding:8px 12px;font-size:16px;line-height:24px;resize:none;min-height:80px}._textarea_1qvfi_18::placeholder{color:#c2c2c2}._length_1qvfi_33{position:absolute;bottom:12px;right:12px;color:#c2c2c2;line-height:20px}._wrapper_1fcne_2{display:flex;flex-direction:column;gap:6px;justify-content:start;width:100%}._label_1fcne_10{width:100%;color:var(--accent-color);line-height:20px;font-size:14px;font-weight:400}._options_1fcne_18{display:flex;gap:20px}._radioLabel_1fcne_23{display:flex;align-items:center;cursor:pointer;position:relative}._radio_1fcne_23{position:absolute;opacity:0;cursor:pointer}._custom_1fcne_36{height:20px;width:20px;border-radius:50%;border:1px solid #e6e6e6;display:inline-block;margin-right:8px;position:relative}._radio_1fcne_23:checked+._custom_1fcne_36{border-color:#ff3f19;background:#ffeae5}._custom_1fcne_36:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;border-radius:50%;background-color:#e53e3e;opacity:0}._radio_1fcne_23:checked+._custom_1fcne_36:after{opacity:1}._option_1fcne_18{font-size:16px;line-height:24px;font-weight:400}._tip_pl6k0_1{display:flex;align-items:center;padding:8px;border-radius:12px;gap:8px}._text_pl6k0_9{flex:1 1 auto;line-height:20px;font-size:14px}._warning_pl6k0_15{background:#faf8e6;color:#c1972a}._error_pl6k0_20{background:#ffc3b7;color:#ff3f19}._hide_pl6k0_25{display:none}._buttons_1gn8m_1{display:flex;align-items:center;gap:16px}._button_1gn8m_1{cursor:pointer;padding:10px}._devices_hxl12_1{display:flex;gap:4px;background:var(--background-color);padding:4px;border-radius:16px}._device_hxl12_1{padding:6px 8px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:12px;border:1px solid var(--background-color)}._device_hxl12_1:hover{border:var(--default-border);box-shadow:0 0 1px #dfdfdf}._active_hxl12_23{background-color:#fff}._active_hxl12_23:hover{border:1px solid var(--background-color);box-shadow:none}._header_wxpoz_1{position:absolute;top:0;left:0;width:100%;padding:11px 22px;line-height:20px;border-bottom:var(--default-border);display:flex;align-items:center;justify-content:space-between;gap:24px;z-index:50000}._left_wxpoz_16,._right_wxpoz_17{display:flex;align-items:center;gap:24px}._preview_vijvm_2{display:flex;align-items:center;gap:4px;color:var(--accent-color);line-height:20px;padding:10px 16px;cursor:pointer;border:1px solid #fff;border-radius:16px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}._preview_vijvm_2:hover{border:var(--default-border);box-shadow:0 0 1px #dfdfdf}._active_vijvm_22{background-color:var(--background-color)}._active_vijvm_22:hover{border:1px solid #fff;box-shadow:none}._settings_q79q3_1{display:flex;gap:20px;align-items:center;color:var(--accent-color)}._language_1mbvp_1{display:flex;align-items:center;gap:4px;background-color:var(--background-color);padding:10px 12px;border-radius:12px;cursor:pointer}._text_1mbvp_11{padding-right:4px;color:var(--main-color)}._pages_x8pw2_1{position:relative}._default_x8pw2_5{display:flex;align-items:center;gap:4px;padding:10px 12px;background-color:var(--background-color);border-radius:8px;cursor:pointer;position:relative}._text_x8pw2_16{padding-right:4px;color:var(--main-color);flex:1 1 auto}._modal_x8pw2_22{position:absolute;top:45px;width:320px;left:0;z-index:100;background-color:#fff;border:1px solid #e6e6e6;border-radius:8px;padding:8px 12px;display:flex;flex-direction:column}._page_x8pw2_1{display:flex;align-items:center;gap:8px;padding:12px 8px;border-radius:8px;cursor:pointer}._hoverable_x8pw2_45{background-color:var(--background-color)}._separator_x8pw2_49{border-bottom:1px solid #f0f0f0}._button_x8pw2_53{background:inherit;color:#ff3f19;display:flex;align-items:center;justify-content:start;gap:8px;padding:16px 8px 12px;transition:.2s}._button_x8pw2_53:hover{background-color:var(--background-color)}._zoom_a77cn_1{display:flex;align-items:center;gap:4px;background-color:var(--background-color);padding:10px 12px;border-radius:12px;cursor:pointer}._theme_3wxbf_1{display:flex;align-items:center;gap:4px;padding:9px 12px;background:#e5fadd;color:#338b13;border-radius:100px}._exit_2ce42_1{border-bottom:var(--default-border);display:flex;gap:8px;align-items:center;padding:22px;cursor:pointer}._text_2ce42_10{color:#252525;line-height:20px}._navbar_2ac63_1{width:100px;border-right:var(--default-border)}._main_2ac63_6{display:flex;flex-direction:column;gap:8px;padding:16px 12px}._block_2ac63_13{display:flex;align-items:center;flex-direction:column;gap:4px;color:var(--accent-color);line-height:20px;padding:12px 24px;cursor:pointer;border:1px solid #fff;border-radius:16px}._block_2ac63_13:hover{border:var(--default-border);box-shadow:0 0 1px #dfdfdf}._active_2ac63_30{background-color:var(--background-color);color:#252525}._active_2ac63_30:hover{border:1px solid #fff;box-shadow:none}._preview_jui5n_1{width:100%;background-color:var(--background-color);padding:16px 32px 0;position:relative;z-index:500}._main_jui5n_9{width:100%;display:flex;flex-direction:column;overflow-y:auto;height:100%;position:relative;z-index:1}._content_jui5n_19{background-color:#fff;border:var(--default-border);border-bottom:none;height:100%}._loading_jui5n_26{width:100%;height:100%;display:flex;justify-content:center;align-items:center}._loader_jui5n_34{border:4px solid rgba(0,0,0,.1);border-left-color:#fff;border-radius:50%;width:40px;height:40px;animation:_spin_jui5n_1 1s linear infinite}@keyframes _spin_jui5n_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._header_1t64j_1{display:flex;width:100%;padding:18px;justify-content:center;border:var(--default-border);background-color:#fff;border-top-left-radius:16px;border-top-right-radius:16px;border-bottom:none;z-index:5}._circles_1t64j_14{left:28px;top:28px;position:absolute;display:flex;align-items:center;gap:8px}._circle_1t64j_14{width:12px;height:12px;border-radius:50%;border:.5px solid #e6e6e6}._red_1t64j_30{background:#ff5f57}._green_1t64j_34{background:#28c840}._yellow_1t64j_38{background:#febc2e}._input_1t64j_42{background-color:var(--background-color);padding:6px 8px;display:flex;max-width:480px;width:100%;border-radius:6px}._main_1t64j_51{flex:1 1 auto;display:flex;align-items:center;justify-content:center;gap:4px}._text_1t64j_59{font-weight:600;font-size:12px;line-height:16px;margin:0 0 0 4px}._content_92dk8_1{width:100%;height:100%}._block_92dk8_6{position:relative;cursor:pointer;border-left:1px solid #e6e6e6;border-right:1px solid #e6e6e6}._active_92dk8_13{border:2px solid #ff3f19}._name_92dk8_17{z-index:10;position:absolute;top:-28px;left:-2px;border-top-left-radius:8px;border-top-right-radius:8px;color:#fff;background:#ff3f19;padding:4px 12px;line-height:20px;text-align:center}._empty_92dk8_31{height:100%;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center}._icon_92dk8_42{width:64px;height:64px;background-color:var(--background-color);display:flex;border-radius:50%;justify-content:center;align-items:center;margin:0 0 8px}._title_92dk8_53{font-weight:700;font-size:24px;line-height:32px}._text_92dk8_59{font-size:16px;line-height:24px;color:var(--accent-color)}._sections_92dk8_65{padding:0 20px;margin:20px 0 0;display:flex;flex-wrap:wrap;justify-content:center;gap:24px}._section_92dk8_65{cursor:pointer;display:flex;gap:10px;max-width:288px;width:100%;align-items:center;justify-content:space-between;padding:24px;background-color:var(--background-color);border-radius:24px;color:var(--accent-color)}._sidebar_1f3hk_1{position:absolute;display:flex;height:fit-content();flex-direction:column;right:10px;z-index:20;padding:10px;cursor:auto}._content_1f3hk_12{height:100%;border:1px solid #e6e6e6;border-radius:8px;background-color:#fff;padding:8px;max-width:60px;width:100%}._button_1f3hk_22{display:flex;align-items:center;border-radius:8px;padding:8px;transition:.2s background-color}._moveButton_1f3hk_30:hover{background-color:var(--background-color)}._border_1f3hk_34{border-bottom:var(--default-border)}._deleteButton_1f3hk_38:hover{background-color:#dd6363;color:#fff}._results_f488n_1{display:flex;flex-direction:column;padding:8px;gap:20px}._name_f488n_8{color:var(--main-color);font-weight:600;font-size:16px;line-height:24px}._product_f488n_15{display:flex;align-items:center;justify-content:space-between;cursor:pointer}._search_1s0qp_1{background:var(--background-color);padding:8px 12px;display:flex;align-items:center;border-radius:12px;width:100%;gap:10px;margin:8px 0}._input_1s0qp_12{width:100%;font-size:16px;line-height:24px;color:#252525}._input_1s0qp_12::placeholder{color:#c2c2c2}._sidebar_1r5sp_1{max-width:320px;width:100%;padding:16px;border-right:var(--default-border);height:100%;position:relative}._title_1r5sp_10{color:var(--main-color);font-weight:700;font-size:20px;line-height:24px;padding-bottom:8px}._active_1r5sp_18{display:flex;align-items:center;gap:8px}._layers_62wod_1{display:flex;flex-direction:column;position:relative;height:100%}._block_62wod_8{position:relative;display:flex;align-items:center;gap:4px;font-size:16px;line-height:24px;padding:8px 12px;border-radius:8px;cursor:pointer}._block_62wod_8:hover{background-color:var(--background-color)}._dragging_62wod_23{box-shadow:0 2.1px 4.36px #00000004;box-shadow:0 5.3px 10.22px #00000005;border:var(--default-border);box-shadow:0 10.81px 19.93px #00000006;cursor:grabbing}._active_62wod_31{background:#ffeae5}._add_62wod_35{z-index:2;position:absolute;display:flex;justify-content:center;align-items:center;bottom:0;left:0;border-bottom:2px solid #ff3f19;width:100%}._button_62wod_47{position:relative;display:flex;justify-content:center;align-items:center;top:12px;background-color:#ff3f19;width:24px;height:24px;border-radius:50%;padding:4px}._empty_62wod_60{display:flex;flex-direction:column;justify-content:center;height:100%;width:100%;align-items:center;text-align:center;gap:4px;color:var(--accent-color)}._title_62wod_72{font-size:16px;line-height:24px;font-weight:700;color:var(--accent-color)}._icon_62wod_79{margin:0 0 12px}._text_62wod_83{font-size:16px;font-weight:400;line-height:24px}._highlight_62wod_89{color:#ff3f19;cursor:pointer}._theme_1xj36_1{display:flex;flex-direction:column}._block_1xj36_6{justify-content:start;display:flex;align-items:center;gap:8px;width:100%;padding:16px 8px;cursor:pointer;border-radius:8px}._block_1xj36_6:hover{background-color:var(--background-color)}._name_1xj36_20{flex:1 1 auto}._back_14yda_1{display:flex;align-items:center;gap:8px;padding-bottom:8px}._render_14yda_8{display:flex;flex-direction:column;gap:8px;height:100%;transition:.2s transform;position:absolute;top:0;left:0;padding:16px;width:100%;background:#fff;z-index:501}._open_14yda_23{animation:.2s _open_14yda_23 forwards}@keyframes _open_14yda_23{0%{transform:translate(320px);z-index:1}99%{z-index:1}to{z-index:5000;transform:translate(0)}}@keyframes _close_14yda_50{0%{z-index:1;transform:translate(0)}to{z-index:1;transform:translate(320px)}}._close_14yda_50{animation:.2s _close_14yda_50 forwards}._clicked_14yda_54{opacity:0}._title_14yda_58{color:var(--main-color);font-weight:700;font-size:20px;line-height:24px}._button_14yda_65{align-self:center;flex:1}._loading_14yda_70{flex:1 1 auto}._settings_14yda_74{flex:1 1 auto;overflow-y:scroll;overflow-x:hidden}._buttons_14yda_80{justify-content:space-between;display:flex;gap:10px}._deleteButton_14yda_86{display:flex;align-items:center;border-radius:8px;padding:8px;transition:.2s background-color}._deleteButton_14yda_86:hover{background-color:#dd6363;color:#fff}._settings_1r85j_1{display:flex;flex-direction:column;gap:8px;height:100%;transition:.2s transform;position:absolute;top:0;left:0;padding:16px;width:100%;background:#fff;z-index:3}._open_1r85j_16{transform:translate(0)}._close_1r85j_20{transform:translate(320px)}._header_1r85j_24{display:flex;align-items:center;gap:8px}._title_1r85j_30{font-weight:700;font-size:20px;line-height:24px;flex:1 1 auto}._addButton_1r85j_37{color:#ff3f19;display:flex;align-items:center;gap:4px;cursor:pointer}._wrapper_n1a7x_1{overflow-y:scroll}._category_n1a7x_5{display:flex;flex-direction:column}._categoryTitle_n1a7x_10{font-weight:600;font-size:16px;line-height:24px}._color_n1a7x_16{display:flex;flex-direction:column}._color_n1a7x_16:not(:last-child){border-bottom:1px solid #f0f0f0}._content_n1a7x_24{padding:12px 0;gap:8px;display:flex;align-items:center;flex:1 1 auto}._preview_n1a7x_32{width:39px;height:39px;flex:0 0 39px;padding:5px;border-radius:50%;border:1px solid #e6e6e6}._wrapper_kb55x_2{overflow-y:scroll}._category_kb55x_6{display:flex;flex-direction:column}._categoryTitle_kb55x_11{font-weight:600;font-size:16px;line-height:24px}._color_kb55x_17{gap:8px;display:flex;flex-direction:column}._name_kb55x_23{line-height:20px;padding:0 4px 4px}._content_kb55x_28{display:flex;flex-direction:column;width:100%}._label_kb55x_34{padding:8px 12px;border-radius:12px;display:flex;align-items:center;gap:5px;width:100%;background-color:var(--background-color);cursor:pointer}._input_kb55x_45[type=color]{width:20px;height:20px;padding:1px}._input_kb55x_45{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:100%;border:none;padding:0;cursor:pointer;border-radius:50%}._input_kb55x_45::-webkit-color-swatch{border-radius:50%;border:none}._input_kb55x_45::-webkit-color-swatch-wrapper{padding:0;border-radius:50%}._title_kb55x_71{width:100%;color:var(--accent-color);line-height:20px;font-size:14px;font-weight:400}._field_kb55x_79{display:flex;flex-direction:column;gap:10px;padding:16px 0}._field_kb55x_79:not(:last-child){border-bottom:1px solid #f0f0f0}._alignments_kb55x_89{display:flex;flex-direction:column;gap:10px}._lineField_kb55x_95{display:flex;justify-content:space-between;align-items:center}._style_kb55x_101{flex:1 0 50%;display:flex;flex-direction:column;gap:8px}._header_kb55x_108{display:flex;align-items:center;justify-content:space-between}._wrapper_k9on2_1{overflow-y:scroll}._category_k9on2_5{display:flex;flex-direction:column}._categoryTitle_k9on2_10{font-weight:600;font-size:16px;line-height:24px}._font_k9on2_16{padding:12px 0;gap:8px;display:flex;align-items:center;position:relative;flex:1 1 auto;cursor:pointer}._font_k9on2_16:hover{background-color:#f8f8f8;border-radius:8px}._font_k9on2_16:not(:last-child){border-bottom:var(--default-border)}._font_k9on2_16:not(:last-child):hover{border-bottom:1px solid #f8f8f8}._content_k9on2_36{display:flex;flex-direction:column;width:100%}._icon_k9on2_42{padding:8px;border-radius:8px;background-color:#f8f8f8;display:flex;align-items:center;justify-content:center}._paragraph_k9on2_51{padding:12px}._deleteIcon_k9on2_55{position:absolute;right:10px;width:20px;height:20px}._iconButton_k9on2_62{width:32px;height:32px}._wrapper_94fpv_1{display:flex;flex-direction:column;gap:8px;height:100%;transition:.2s transform;position:absolute;top:0;left:0;padding:16px;width:100%;background:#fff;z-index:5}._open_94fpv_16{transform:translate(0)}._close_94fpv_20{transform:translate(320px)}._header_94fpv_24{display:flex;align-items:center;gap:8px;margin:0 0 10px}._title_94fpv_31{font-weight:700;font-size:20px;line-height:24px}._options_94fpv_37{display:flex;flex-direction:column;gap:10px;flex:1 1 auto}._clicked_94fpv_44{opacity:0}._wrapper_1j33r_1{display:flex;flex-direction:column;gap:8px;height:100%;transition:.2s transform;position:absolute;top:0;left:0;padding:16px;width:100%;background:#fff;z-index:5}._open_1j33r_16{transform:translate(0)}._close_1j33r_20{transform:translate(320px)}._header_1j33r_24{display:flex;align-items:center;gap:8px;margin:0 0 10px}._title_1j33r_31{font-weight:700;font-size:20px;line-height:24px}._options_1j33r_37{display:flex;flex-direction:column;gap:10px;flex:1 1 auto}._clicked_1j33r_44{opacity:0}._label_1j33r_48{font-size:14px;font-weight:400;line-height:20px;color:var(--accent-color)}._alignments_1j33r_55{display:flex;flex-direction:column;gap:10px}._blocks_1j33r_61{display:flex;align-items:center;gap:8px}._alignment_1j33r_55{padding:8px;border:1px solid #f8f8f8;background-color:#f8f8f8;border-radius:12px;cursor:pointer}._active_1j33r_75{border:1px solid #ff3f19}._wrapper_jjfwh_1{display:flex;flex-direction:column;gap:20px;background:#fff;max-width:640px;width:100%;padding:16px 24px;border-radius:16px}._header_jjfwh_12{display:flex;justify-content:space-between;align-items:center;font-size:24px;font-weight:700;line-height:32px}._content_jjfwh_21{display:flex;flex-direction:column;gap:10px;overflow-y:scroll;max-height:500px}._buttons_jjfwh_29{display:flex;justify-content:end;gap:12px}._cancel_jjfwh_35{background-color:var(--background-color);color:var(--accent-color)}._label_jjfwh_40,._description_jjfwh_41{width:100%;color:var(--accent-color);line-height:20px;font-size:14px;font-weight:400}._preview_jjfwh_49{display:flex;flex-direction:column;gap:10px}._block_jjfwh_55{padding:24px;display:flex;flex-direction:column;border:1px solid var(--background-color);border-radius:8px}._slug_jjfwh_63{line-height:20px;color:#ff3f19;margin-bottom:4px}._title_jjfwh_69{font-weight:600;font-size:16px;line-height:24px}._layout_kjedu_1{width:100%;height:100%;display:flex;position:relative}._main_kjedu_8{display:flex;flex-direction:column;width:100%;position:relative}._content_kjedu_15{position:relative;padding-top:64px;height:100%;display:flex}*{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji"}*{padding:0;margin:0;border:0}*,*:before,*:after{box-sizing:border-box}:focus,:active{outline:none}a:focus,a:active{outline:none}nav,footer,header,aside{display:block}html,body{width:100%;line-height:1;font-size:16px;-ms-text-size-adjust:100%;-moz-text-size-adjust:100%;-webkit-text-size-adjust:100%}input,button,textarea{font-family:inherit}input::-ms-clear{display:none}button{background-color:transparent;cursor:pointer}button::-moz-focus-inner{padding:0;border:0}a,a:visited,a:hover{text-decoration:none}ul li{list-style:none}img{vertical-align:top}h1,h2,h3,h4,h5,h6,a{font-size:inherit}a{color:inherit}*{-webkit-tap-highlight-color:transparent}input{border:none;background:none;outline:none;padding:0}input[type=color]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:40px;height:40px;border:none;background:transparent}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}*{-ms-overflow-style:none;scrollbar-width:none}* ::-webkit-scrollbar{display:none}:root{--default-border: 1px solid #f0f0f0;--accent-color: #757575;--main-color: #252525;--background-color: #f8f8f8}#root{height:100vh}body,html{background-color:#fff;font-family:Archivo,sans-serif;max-height:100vh;overflow:hidden}._wrapper_o1bnv_2{display:flex;flex-direction:column;gap:10px}._alignmentBlock_o1bnv_8{padding:10px 0 16px;display:flex;flex-direction:column;gap:6px;border-bottom:1px solid #f0f0f0}._title_o1bnv_16{font-weight:700;line-height:24px;font-size:16px;color:#252525}._subtitle_o1bnv_23{color:#757575;font-size:14px;line-height:20px;font-weight:400}._alignmentContent_o1bnv_30{display:flex;justify-content:space-between;align-items:stretch;gap:8px}._alignments_o1bnv_37{border-radius:12px;background:#f8f8f8;display:grid;gap:4px;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);flex:0 0 50%}._alignment_o1bnv_8{cursor:pointer;display:flex;height:100%;width:100%;align-items:center;justify-content:center}._circle_o1bnv_56{width:6px;height:6px;border-radius:50%;background-color:#c2c2c2}._paddings_o1bnv_63{border-radius:12px;display:grid;gap:4px;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}._padding_o1bnv_63{width:68px;display:flex;align-items:center;gap:4px;background:#f8f8f8;border-radius:12px;padding:10px 8px}._input_o1bnv_81{width:100%}._subtitle_2zbxx_1{color:#757575;font-size:14px;line-height:20px;font-weight:400}._header_2zbxx_8,._text_2zbxx_9{padding:10px 0 16px;display:flex;flex-direction:column;border-bottom:1px solid #f0f0f0}._top_2zbxx_16{display:flex;justify-content:space-between;align-items:center;margin:0 0 8px}._itemsBlock_2zbxx_23{display:flex;flex-direction:column;gap:6px}._typeTexts_3zlec_1{display:flex;align-items:center;gap:8px}._block_3zlec_7{padding:8px;display:flex;align-items:center;justify-content:center;border:1px solid #f8f8f8;background-color:#f8f8f8;border-radius:12px;cursor:pointer}._active_3zlec_18{border:1px solid #ff3f19}._subtitle_2l7ty_1{color:#757575;font-size:14px;line-height:20px;font-weight:400}._header_2l7ty_8,._text_2l7ty_9,._productsBlock_2l7ty_10{padding:10px 0 16px;display:flex;flex-direction:column;border-bottom:1px solid #f0f0f0;width:100%}._productsBlock_2l7ty_10{position:relative}._top_2l7ty_22{display:flex;justify-content:space-between;align-items:center;margin:0 0 8px}._itemsBlock_2l7ty_29{display:flex;flex-direction:column;gap:6px}._typeTexts_2l7ty_35{display:flex;align-items:center;gap:8px}._block_2l7ty_41{padding:8px;display:flex;align-items:center;justify-content:center;border:1px solid #f8f8f8;background-color:#f8f8f8;border-radius:12px;cursor:pointer}._active_2l7ty_52{border:1px solid #ff3f19}._products_2l7ty_10{width:100%;display:flex;flex-direction:column;gap:8px}._product_2l7ty_10{display:flex;align-items:center;gap:8px;width:100%}._button_2l7ty_70{background:inherit;color:#ff3f19;display:flex;align-items:center;justify-content:center;gap:6px;width:100%}._image_2l7ty_80{border-radius:8px;border:1px solid #f0f0f0;background-color:#fff;padding:4px}._info_2l7ty_87{border-radius:12px;display:flex;gap:4px;justify-content:space-between;align-items:center;flex:1 1 auto;background-color:#f8f8f8;padding:8px 12px}._name_2l7ty_98{flex:1 1 100%}._buttons_2l7ty_102{display:flex;align-items:center;gap:8px}._modal_2l7ty_108{position:fixed;background-color:#fff;right:-300px;top:0;z-index:10000;max-width:276px;width:100%;padding:16px;border-radius:12px}._modal_2l7ty_108 ._top_2l7ty_22{display:flex;align-items:center;justify-content:space-between}._other_2l7ty_125{display:flex;flex-direction:column;gap:6px}._subtitle_1y5sw_1{color:#757575;font-size:14px;line-height:20px;font-weight:400}._header_1y5sw_8,._text_1y5sw_9,._productsBlock_1y5sw_10,._buttonsBlock_1y5sw_11{padding:10px 0 16px;display:flex;flex-direction:column;border-bottom:1px solid #f0f0f0}._buttonsBlock_1y5sw_11{position:relative}._top_1y5sw_22{display:flex;justify-content:space-between;align-items:center;margin:0 0 8px}._itemsBlock_1y5sw_29{display:flex;flex-direction:column;gap:6px}._typeTexts_1y5sw_35{display:flex;align-items:center;gap:8px}._block_1y5sw_41{padding:8px;display:flex;align-items:center;justify-content:center;border:1px solid #f8f8f8;background-color:#f8f8f8;border-radius:12px;cursor:pointer}._active_1y5sw_52{border:1px solid #ff3f19}._products_1y5sw_10{width:100%;display:flex;flex-direction:column;gap:8px}._product_1y5sw_10{display:flex;align-items:center;gap:8px;width:100%}._button_1y5sw_11{background:inherit;color:#ff3f19;display:flex;align-items:center;justify-content:center;gap:6px;width:100%}._image_1y5sw_80{border-radius:8px;border:1px solid #f0f0f0;background-color:#fff;padding:4px}._info_1y5sw_87{border-radius:12px;display:flex;gap:4px;justify-content:space-between;align-items:center;flex:1 1 auto;background-color:#f8f8f8;padding:8px 12px}._name_1y5sw_98{flex:1 1 100%}._buttons_1y5sw_11{display:flex;align-items:center;gap:8px}._modal_1y5sw_108{position:fixed;background-color:#fff;right:-300px;z-index:10000;max-width:276px;width:100%;bottom:20px;padding:16px;border-radius:12px}._modal_1y5sw_108 ._top_1y5sw_22{display:flex;align-items:center;justify-content:space-between}._other_1y5sw_125{display:flex;flex-direction:column;gap:6px}._options_1y5sw_131{display:flex;flex-direction:column;gap:15px}')),document.head.appendChild(e)}}catch(o){console.error("vite-plugin-css-injected-by-js",o)}})();
+import { j as a, I as O, u as wr, c as R, f as Pe, g as K, h as Q, i as je, B as fe, k as V, l as Re, m as ke, n as ae, o as xr, p as Xe, q as Tn, s as ee, d as Vt, r as Sr, C as Ce, e as Or, a as q, b as we, t as We, S as Gt, P as Wt, w as Dn, x as Er, T as Tr, R as Dr, M as Cr } from "./index-ohEJxZVF.js";
+import T, { createContext as jr, memo as Nr, useEffect as Ke, useLayoutEffect as Ir, useState as Pr, useCallback as Rr, useMemo as M, isValidElement as kr, cloneElement as Yt, useContext as Ar } from "react";
 const Br = ["desktop", "tablet", "mobile"], $r = [
   {
     icon: "paint",
@@ -53,7 +53,7 @@ const Br = ["desktop", "tablet", "mobile"], $r = [
   return /* @__PURE__ */ a.jsx("div", { className: ct.devices, children: Br.map((n) => /* @__PURE__ */ a.jsx(
     "div",
     {
-      className: k(ct.device, {
+      className: R(ct.device, {
         [ct.active]: t === n
       }),
       onClick: () => e(n),
@@ -69,7 +69,7 @@ const Br = ["desktop", "tablet", "mobile"], $r = [
     },
     n
   )) });
-}, Yr = "_header_ltoxx_1", Jr = "_left_ltoxx_16", Xr = "_right_ltoxx_17", Me = {
+}, Yr = "_header_wxpoz_1", Jr = "_left_wxpoz_16", Xr = "_right_wxpoz_17", Me = {
   header: Yr,
   left: Jr,
   right: Xr
@@ -81,7 +81,7 @@ const Br = ["desktop", "tablet", "mobile"], $r = [
   return /* @__PURE__ */ a.jsxs(
     "div",
     {
-      className: k(lt.preview, {
+      className: R(lt.preview, {
         [lt.active]: t
       }),
       onClick: () => e(!t),
@@ -122,7 +122,7 @@ const Br = ["desktop", "tablet", "mobile"], $r = [
       height: 20
     }
   )
-] }), os = "_pages_x8pw2_1", is = "_text_x8pw2_16", as = "_modal_x8pw2_22", cs = "_page_x8pw2_1", ls = "_hoverable_x8pw2_45", us = "_separator_x8pw2_49", ds = "_button_x8pw2_53", re = {
+] }), os = "_pages_x8pw2_1", is = "_text_x8pw2_16", as = "_modal_x8pw2_22", cs = "_page_x8pw2_1", ls = "_hoverable_x8pw2_45", us = "_separator_x8pw2_49", ds = "_button_x8pw2_53", se = {
   pages: os,
   default: "_default_x8pw2_5",
   text: is,
@@ -131,34 +131,34 @@ const Br = ["desktop", "tablet", "mobile"], $r = [
   hoverable: ls,
   separator: us,
   button: ds
-}, ne = (t) => t ? t.replace(/_/g, " ").split(" ").map((e) => e.charAt(0).toUpperCase() + e.slice(1)).join(" and ") : "";
-function jn(t, e) {
+}, re = (t) => t ? t.replace(/_/g, " ").split(" ").map((e) => e.charAt(0).toUpperCase() + e.slice(1)).join(" and ") : "";
+function Cn(t, e) {
   return function() {
     return t.apply(e, arguments);
   };
 }
-const { toString: fs } = Object.prototype, { getPrototypeOf: Rt } = Object, Qe = /* @__PURE__ */ ((t) => (e) => {
+const { toString: fs } = Object.prototype, { getPrototypeOf: kt } = Object, Qe = /* @__PURE__ */ ((t) => (e) => {
   const n = fs.call(e);
   return t[n] || (t[n] = n.slice(8, -1).toLowerCase());
 })(/* @__PURE__ */ Object.create(null)), Z = (t) => (t = t.toLowerCase(), (e) => Qe(e) === t), Ze = (t) => (e) => typeof e === t, { isArray: xe } = Array, Ie = Ze("undefined");
 function hs(t) {
   return t !== null && !Ie(t) && t.constructor !== null && !Ie(t.constructor) && F(t.constructor.isBuffer) && t.constructor.isBuffer(t);
 }
-const Cn = Z("ArrayBuffer");
+const jn = Z("ArrayBuffer");
 function ps(t) {
   let e;
-  return typeof ArrayBuffer < "u" && ArrayBuffer.isView ? e = ArrayBuffer.isView(t) : e = t && t.buffer && Cn(t.buffer), e;
+  return typeof ArrayBuffer < "u" && ArrayBuffer.isView ? e = ArrayBuffer.isView(t) : e = t && t.buffer && jn(t.buffer), e;
 }
 const gs = Ze("string"), F = Ze("function"), Nn = Ze("number"), et = (t) => t !== null && typeof t == "object", ms = (t) => t === !0 || t === !1, ze = (t) => {
   if (Qe(t) !== "object")
     return !1;
-  const e = Rt(t);
+  const e = kt(t);
   return (e === null || e === Object.prototype || Object.getPrototypeOf(e) === null) && !(Symbol.toStringTag in t) && !(Symbol.iterator in t);
 }, vs = Z("Date"), bs = Z("File"), ys = Z("Blob"), _s = Z("FileList"), ws = (t) => et(t) && F(t.pipe), xs = (t) => {
   let e;
   return t && (typeof FormData == "function" && t instanceof FormData || F(t.append) && ((e = Qe(t)) === "formdata" || // detect form-data instance
   e === "object" && F(t.toString) && t.toString() === "[object FormData]"));
-}, Ss = Z("URLSearchParams"), [Os, Es, Ts, Ds] = ["ReadableStream", "Request", "Response", "Headers"].map(Z), js = (t) => t.trim ? t.trim() : t.replace(/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g, "");
+}, Ss = Z("URLSearchParams"), [Os, Es, Ts, Ds] = ["ReadableStream", "Request", "Response", "Headers"].map(Z), Cs = (t) => t.trim ? t.trim() : t.replace(/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g, "");
 function Ae(t, e, { allOwnKeys: n = !1 } = {}) {
   if (t === null || typeof t > "u")
     return;
@@ -192,8 +192,8 @@ function xt() {
     arguments[r] && Ae(arguments[r], n);
   return e;
 }
-const Cs = (t, e, n, { allOwnKeys: r } = {}) => (Ae(e, (s, o) => {
-  n && F(s) ? t[o] = jn(s, n) : t[o] = s;
+const js = (t, e, n, { allOwnKeys: r } = {}) => (Ae(e, (s, o) => {
+  n && F(s) ? t[o] = Cn(s, n) : t[o] = s;
 }, { allOwnKeys: r }), t), Ns = (t) => (t.charCodeAt(0) === 65279 && (t = t.slice(1)), t), Is = (t, e, n, r) => {
   t.prototype = Object.create(e.prototype, r), t.prototype.constructor = t, Object.defineProperty(t, "super", {
     value: e.prototype
@@ -205,14 +205,14 @@ const Cs = (t, e, n, { allOwnKeys: r } = {}) => (Ae(e, (s, o) => {
   do {
     for (s = Object.getOwnPropertyNames(t), o = s.length; o-- > 0; )
       i = s[o], (!r || r(i, t, e)) && !c[i] && (e[i] = t[i], c[i] = !0);
-    t = n !== !1 && Rt(t);
+    t = n !== !1 && kt(t);
   } while (t && (!n || n(t, e)) && t !== Object.prototype);
   return e;
-}, ks = (t, e, n) => {
+}, Rs = (t, e, n) => {
   t = String(t), (n === void 0 || n > t.length) && (n = t.length), n -= e.length;
   const r = t.indexOf(e, n);
   return r !== -1 && r === n;
-}, Rs = (t) => {
+}, ks = (t) => {
   if (!t) return null;
   if (xe(t)) return t;
   let e = t.length;
@@ -221,7 +221,7 @@ const Cs = (t, e, n, { allOwnKeys: r } = {}) => (Ae(e, (s, o) => {
   for (; e-- > 0; )
     n[e] = t[e];
   return n;
-}, As = /* @__PURE__ */ ((t) => (e) => t && e instanceof t)(typeof Uint8Array < "u" && Rt(Uint8Array)), Bs = (t, e) => {
+}, As = /* @__PURE__ */ ((t) => (e) => t && e instanceof t)(typeof Uint8Array < "u" && kt(Uint8Array)), Bs = (t, e) => {
   const r = (t && t[Symbol.iterator]).call(t);
   let s;
   for (; (s = r.next()) && !s.done; ) {
@@ -239,14 +239,14 @@ const Cs = (t, e, n, { allOwnKeys: r } = {}) => (Ae(e, (s, o) => {
   function(n, r, s) {
     return r.toUpperCase() + s;
   }
-), Xt = (({ hasOwnProperty: t }) => (e, n) => t.call(e, n))(Object.prototype), Fs = Z("RegExp"), kn = (t, e) => {
+), Xt = (({ hasOwnProperty: t }) => (e, n) => t.call(e, n))(Object.prototype), Fs = Z("RegExp"), Rn = (t, e) => {
   const n = Object.getOwnPropertyDescriptors(t), r = {};
   Ae(n, (s, o) => {
     let i;
     (i = e(s, o, t)) !== !1 && (r[o] = i || s);
   }), Object.defineProperties(t, r);
 }, Us = (t) => {
-  kn(t, (e, n) => {
+  Rn(t, (e, n) => {
     if (F(t) && ["arguments", "caller", "callee"].indexOf(n) !== -1)
       return !1;
     const r = t[n];
@@ -268,11 +268,11 @@ const Cs = (t, e, n, { allOwnKeys: r } = {}) => (Ae(e, (s, o) => {
   };
   return xe(t) ? r(t) : r(String(t).split(e)), n;
 }, qs = () => {
-}, zs = (t, e) => t != null && Number.isFinite(t = +t) ? t : e, ut = "abcdefghijklmnopqrstuvwxyz", Kt = "0123456789", Rn = {
+}, zs = (t, e) => t != null && Number.isFinite(t = +t) ? t : e, ut = "abcdefghijklmnopqrstuvwxyz", Kt = "0123456789", kn = {
   DIGIT: Kt,
   ALPHA: ut,
   ALPHA_DIGIT: ut + ut.toUpperCase() + Kt
-}, Vs = (t = 16, e = Rn.ALPHA_DIGIT) => {
+}, Vs = (t = 16, e = kn.ALPHA_DIGIT) => {
   let n = "";
   const { length: r } = e;
   for (; t--; )
@@ -308,7 +308,7 @@ const Ws = (t) => {
   F(ue.postMessage)
 ), Xs = typeof queueMicrotask < "u" ? queueMicrotask.bind(ue) : typeof process < "u" && process.nextTick || An, f = {
   isArray: xe,
-  isArrayBuffer: Cn,
+  isArrayBuffer: jn,
   isBuffer: hs,
   isFormData: xs,
   isArrayBufferView: ps,
@@ -333,22 +333,22 @@ const Ws = (t) => {
   isFileList: _s,
   forEach: Ae,
   merge: xt,
-  extend: Cs,
-  trim: js,
+  extend: js,
+  trim: Cs,
   stripBOM: Ns,
   inherits: Is,
   toFlatObject: Ps,
   kindOf: Qe,
   kindOfTest: Z,
-  endsWith: ks,
-  toArray: Rs,
+  endsWith: Rs,
+  toArray: ks,
   forEachEntry: Bs,
   matchAll: $s,
   isHTMLForm: Ls,
   hasOwnProperty: Xt,
   hasOwnProp: Xt,
   // an alias to avoid ESLint no-prototype-builtins detection
-  reduceDescriptors: kn,
+  reduceDescriptors: Rn,
   freezeMethods: Us,
   toObjectSet: Hs,
   toCamelCase: Ms,
@@ -357,7 +357,7 @@ const Ws = (t) => {
   findKey: In,
   global: ue,
   isContextDefined: Pn,
-  ALPHABET: Rn,
+  ALPHABET: kn,
   generateString: Vs,
   isSpecCompliantForm: Gs,
   toJSONObject: Ws,
@@ -1159,7 +1159,7 @@ const Gn = (t) => {
     u && i.set(s, u);
   }
   return e;
-}, Do = typeof XMLHttpRequest < "u", jo = Do && function(t) {
+}, Do = typeof XMLHttpRequest < "u", Co = Do && function(t) {
   return new Promise(function(n, r) {
     const s = Gn(t);
     let o = s.data;
@@ -1216,7 +1216,7 @@ const Gn = (t) => {
     }
     g.send(o || null);
   });
-}, Co = (t, e) => {
+}, jo = (t, e) => {
   const { length: n } = t = t ? t.filter(Boolean) : [];
   if (e || n) {
     let r = new AbortController(), s;
@@ -1296,13 +1296,13 @@ const Gn = (t) => {
   }, {
     highWaterMark: 2
   });
-}, nt = typeof fetch == "function" && typeof Request == "function" && typeof Response == "function", Wn = nt && typeof ReadableStream == "function", ko = nt && (typeof TextEncoder == "function" ? /* @__PURE__ */ ((t) => (e) => t.encode(e))(new TextEncoder()) : async (t) => new Uint8Array(await new Response(t).arrayBuffer())), Yn = (t, ...e) => {
+}, nt = typeof fetch == "function" && typeof Request == "function" && typeof Response == "function", Wn = nt && typeof ReadableStream == "function", Ro = nt && (typeof TextEncoder == "function" ? /* @__PURE__ */ ((t) => (e) => t.encode(e))(new TextEncoder()) : async (t) => new Uint8Array(await new Response(t).arrayBuffer())), Yn = (t, ...e) => {
   try {
     return !!t(...e);
   } catch {
     return !1;
   }
-}, Ro = Wn && Yn(() => {
+}, ko = Wn && Yn(() => {
   let t = !1;
   const e = new Request($.origin, {
     body: new ReadableStream(),
@@ -1335,7 +1335,7 @@ const Ao = async (t) => {
   if (f.isArrayBufferView(t) || f.isArrayBuffer(t))
     return t.byteLength;
   if (f.isURLSearchParams(t) && (t = t + ""), f.isString(t))
-    return (await ko(t)).byteLength;
+    return (await Ro(t)).byteLength;
 }, Bo = async (t, e) => {
   const n = f.toFiniteNumber(t.getContentLength());
   return n ?? Ao(e);
@@ -1355,19 +1355,19 @@ const Ao = async (t) => {
     fetchOptions: b
   } = Gn(t);
   u = u ? (u + "").toLowerCase() : "text";
-  let v = Co([s, o && o.toAbortSignal()], i), m;
+  let v = jo([s, o && o.toAbortSignal()], i), m;
   const p = v && v.unsubscribe && (() => {
     v.unsubscribe();
   });
   let g;
   try {
-    if (l && Ro && n !== "get" && n !== "head" && (g = await Bo(d, r)) !== 0) {
+    if (l && ko && n !== "get" && n !== "head" && (g = await Bo(d, r)) !== 0) {
       let D = new Request(e, {
         method: "POST",
         body: r,
         duplex: "half"
-      }), R;
-      if (f.isFormData(r) && (R = D.headers.get("content-type")) && d.setContentType(R), D.body) {
+      }), k;
+      if (f.isFormData(r) && (k = D.headers.get("content-type")) && d.setContentType(k), D.body) {
         const [A, G] = nn(
           g,
           Ye(rn(l))
@@ -1393,8 +1393,8 @@ const Ao = async (t) => {
       ["status", "statusText", "headers"].forEach((E) => {
         D[E] = _[E];
       });
-      const R = f.toFiniteNumber(_.headers.get("content-length")), [A, G] = c && nn(
-        R,
+      const k = f.toFiniteNumber(_.headers.get("content-length")), [A, G] = c && nn(
+        k,
         Ye(rn(c), !0)
       ) || [];
       _ = new Response(
@@ -1406,8 +1406,8 @@ const Ao = async (t) => {
     }
     u = u || "text";
     let N = await Je[f.findKey(Je, u) || "text"](_, t);
-    return !w && p && p(), await new Promise((D, R) => {
-      zn(D, R, {
+    return !w && p && p(), await new Promise((D, k) => {
+      zn(D, k, {
         data: N,
         headers: L.from(_.headers),
         status: _.status,
@@ -1426,7 +1426,7 @@ const Ao = async (t) => {
   }
 }), Tt = {
   http: Ks,
-  xhr: jo,
+  xhr: Co,
   fetch: $o
 };
 f.forEach(Tt, (t, e) => {
@@ -1739,7 +1739,7 @@ function Fo(t) {
 function Uo(t) {
   return f.isObject(t) && t.isAxiosError === !0;
 }
-const jt = {
+const Ct = {
   Continue: 100,
   SwitchingProtocols: 101,
   Processing: 102,
@@ -1804,44 +1804,44 @@ const jt = {
   NotExtended: 510,
   NetworkAuthenticationRequired: 511
 };
-Object.entries(jt).forEach(([t, e]) => {
-  jt[e] = t;
+Object.entries(Ct).forEach(([t, e]) => {
+  Ct[e] = t;
 });
 function Kn(t) {
-  const e = new de(t), n = jn(de.prototype.request, e);
+  const e = new de(t), n = Cn(de.prototype.request, e);
   return f.extend(n, de.prototype, e, { allOwnKeys: !0 }), f.extend(n, e, null, { allOwnKeys: !0 }), n.create = function(s) {
     return Kn(he(t, s));
   }, n;
 }
-const C = Kn(Be);
-C.Axios = de;
-C.CanceledError = Se;
-C.CancelToken = Lt;
-C.isCancel = qn;
-C.VERSION = Xn;
-C.toFormData = tt;
-C.AxiosError = x;
-C.Cancel = C.CanceledError;
-C.all = function(e) {
+const j = Kn(Be);
+j.Axios = de;
+j.CanceledError = Se;
+j.CancelToken = Lt;
+j.isCancel = qn;
+j.VERSION = Xn;
+j.toFormData = tt;
+j.AxiosError = x;
+j.Cancel = j.CanceledError;
+j.all = function(e) {
   return Promise.all(e);
 };
-C.spread = Fo;
-C.isAxiosError = Uo;
-C.mergeConfig = he;
-C.AxiosHeaders = L;
-C.formToJSON = (t) => Hn(f.isHTMLForm(t) ? new FormData(t) : t);
-C.getAdapter = Jn.getAdapter;
-C.HttpStatusCode = jt;
-C.default = C;
+j.spread = Fo;
+j.isAxiosError = Uo;
+j.mergeConfig = he;
+j.AxiosHeaders = L;
+j.formToJSON = (t) => Hn(f.isHTMLForm(t) ? new FormData(t) : t);
+j.getAdapter = Jn.getAdapter;
+j.HttpStatusCode = Ct;
+j.default = j;
 const Ho = "https://g-api.billgang.com", qo = async (t = "get", e, n) => {
   const r = localStorage.getItem("shopId") || void 0, s = `${Ho}/v2/builder/shops/${r}/${e}`, o = localStorage.getItem("accessToken") || void 0;
   if (t.toUpperCase() === "GET")
-    return (await C.get(s, {
+    return (await j.get(s, {
       headers: {
         Authorization: `Bearer ${o}`
       }
     })).data;
-  t.toUpperCase() === "POST" && await C.post(
+  t.toUpperCase() === "POST" && await j.post(
     s,
     {
       ...n
@@ -1851,7 +1851,7 @@ const Ho = "https://g-api.billgang.com", qo = async (t = "get", e, n) => {
         Authorization: `Bearer ${o}`
       }
     }
-  ), t.toUpperCase() === "PUT" && await C.put(
+  ), t.toUpperCase() === "PUT" && await j.put(
     s,
     {
       ...n
@@ -1881,11 +1881,11 @@ const Ho = "https://g-api.billgang.com", qo = async (t = "get", e, n) => {
     return document.body.addEventListener("click", b), () => {
       document.body.removeEventListener("click", b);
     };
-  }, []), /* @__PURE__ */ a.jsxs("div", { className: re.pages, children: [
+  }, []), /* @__PURE__ */ a.jsxs("div", { className: se.pages, children: [
     /* @__PURE__ */ a.jsxs(
       "div",
       {
-        className: re.default,
+        className: se.default,
         onClick: (b) => {
           b.stopPropagation(), l(!c);
         },
@@ -1899,7 +1899,7 @@ const Ho = "https://g-api.billgang.com", qo = async (t = "get", e, n) => {
               height: 20
             }
           ),
-          /* @__PURE__ */ a.jsx("span", { className: re.text, children: Ce.includes(r[t].name) ? `${ne(r[t].name)} page` : r[t].name }),
+          /* @__PURE__ */ a.jsx("span", { className: se.text, children: je.includes(r[t].name) ? `${re(r[t].name)} page` : r[t].name }),
           /* @__PURE__ */ a.jsx(
             O,
             {
@@ -1914,7 +1914,7 @@ const Ho = "https://g-api.billgang.com", qo = async (t = "get", e, n) => {
     c && /* @__PURE__ */ a.jsxs(
       "div",
       {
-        className: re.modal,
+        className: se.modal,
         onClick: (b) => b.stopPropagation(),
         children: [
           Object.keys(r).map((b) => {
@@ -1922,8 +1922,8 @@ const Ho = "https://g-api.billgang.com", qo = async (t = "get", e, n) => {
             return /* @__PURE__ */ a.jsxs(
               "div",
               {
-                className: k(re.page, {
-                  [re.hoverable]: d === b
+                className: R(se.page, {
+                  [se.hoverable]: d === b
                 }),
                 onMouseEnter: () => h(b),
                 onMouseLeave: () => h(""),
@@ -1938,7 +1938,7 @@ const Ho = "https://g-api.billgang.com", qo = async (t = "get", e, n) => {
                       fill: "#252525"
                     }
                   ),
-                  /* @__PURE__ */ a.jsx("span", { className: re.text, children: Ce.includes(v.name) ? `${ne(v.name)} page` : v.name }),
+                  /* @__PURE__ */ a.jsx("span", { className: se.text, children: je.includes(v.name) ? `${re(v.name)} page` : v.name }),
                   d === b && /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
                     /* @__PURE__ */ a.jsx(
                       O,
@@ -1950,7 +1950,7 @@ const Ho = "https://g-api.billgang.com", qo = async (t = "get", e, n) => {
                         }
                       }
                     ),
-                    !Ce.includes(v.name) && /* @__PURE__ */ a.jsx(
+                    !je.includes(v.name) && /* @__PURE__ */ a.jsx(
                       O,
                       {
                         name: "trash",
@@ -1973,11 +1973,11 @@ const Ho = "https://g-api.billgang.com", qo = async (t = "get", e, n) => {
               b
             );
           }),
-          /* @__PURE__ */ a.jsx("div", { className: re.separator }),
+          /* @__PURE__ */ a.jsx("div", { className: se.separator }),
           /* @__PURE__ */ a.jsxs(
             fe,
             {
-              className: re.button,
+              className: se.button,
               onClick: (b) => {
                 b.stopPropagation(), n(!0);
               },
@@ -2037,7 +2037,7 @@ const Ho = "https://g-api.billgang.com", qo = async (t = "get", e, n) => {
   ),
   /* @__PURE__ */ a.jsx("div", { children: "Current Theme" })
 ] }), Qo = () => {
-  const { themeSettings: t } = V(), { settings: e } = ke(), [n, r] = T.useState(null), [s, o] = T.useState(!1), { pages: i } = K(), { blocks: c } = Q();
+  const { themeSettings: t } = V(), { settings: e } = Re(), [n, r] = T.useState(null), [s, o] = T.useState(!1), { pages: i } = K(), { blocks: c } = Q();
   function l(v, m) {
     return m.map(
       (g) => Object.values(g.value).filter((y) => y.type === v).map((y) => y.value).flat()
@@ -2121,7 +2121,7 @@ const Ho = "https://g-api.billgang.com", qo = async (t = "get", e, n) => {
   block: si,
   active: oi
 }, ii = () => {
-  const { activeBlock: t, setActiveBlock: e } = Re(), { setActiveBlock: n } = ae(), { setCurrentBlock: r } = Q(), { setActiveBlock: s } = V();
+  const { activeBlock: t, setActiveBlock: e } = ke(), { setActiveBlock: n } = ae(), { setCurrentBlock: r } = Q(), { setActiveBlock: s } = V();
   function o(i) {
     n(null), e(i), r(null), s(null);
   }
@@ -2130,7 +2130,7 @@ const Ho = "https://g-api.billgang.com", qo = async (t = "get", e, n) => {
     /* @__PURE__ */ a.jsx("div", { className: Fe.main, children: xr.map((i) => /* @__PURE__ */ a.jsxs(
       "div",
       {
-        className: k(Fe.block, {
+        className: R(Fe.block, {
           [Fe.active]: t.icon === i.icon
         }),
         onClick: () => o(i),
@@ -2148,14 +2148,14 @@ const Ho = "https://g-api.billgang.com", qo = async (t = "get", e, n) => {
       i.icon
     )) })
   ] });
-}, ai = "_preview_1jv6k_1", ci = "_main_1jv6k_8", li = "_content_1jv6k_18", ui = "_loading_1jv6k_25", di = "_loader_1jv6k_33", fi = "_spin_1jv6k_1", Te = {
+}, ai = "_preview_jui5n_1", ci = "_main_jui5n_9", li = "_content_jui5n_19", ui = "_loading_jui5n_26", di = "_loader_jui5n_34", fi = "_spin_jui5n_1", Te = {
   preview: ai,
   main: ci,
   content: li,
   loading: ui,
   loader: di,
   spin: fi
-}, hi = "_header_1t64j_1", pi = "_circles_1t64j_14", gi = "_circle_1t64j_14", mi = "_red_1t64j_30", vi = "_green_1t64j_34", bi = "_yellow_1t64j_38", yi = "_input_1t64j_42", _i = "_main_1t64j_51", wi = "_text_1t64j_59", se = {
+}, hi = "_header_1t64j_1", pi = "_circles_1t64j_14", gi = "_circle_1t64j_14", mi = "_red_1t64j_30", vi = "_green_1t64j_34", bi = "_yellow_1t64j_38", yi = "_input_1t64j_42", _i = "_main_1t64j_51", wi = "_text_1t64j_59", oe = {
   header: hi,
   circles: pi,
   circle: gi,
@@ -2165,20 +2165,20 @@ const Ho = "https://g-api.billgang.com", qo = async (t = "get", e, n) => {
   input: yi,
   main: _i,
   text: wi
-}, xi = "data:image/svg+xml,%3csvg%20width='17'%20height='16'%20viewBox='0%200%2017%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3crect%20x='0.5'%20width='16'%20height='16'%20fill='url(%23pattern0_4042_718)'/%3e%3cdefs%3e%3cpattern%20id='pattern0_4042_718'%20patternContentUnits='objectBoundingBox'%20width='1'%20height='1'%3e%3cuse%20xlink:href='%23image0_4042_718'%20transform='scale(0.015625)'/%3e%3c/pattern%3e%3cimage%20id='image0_4042_718'%20width='64'%20height='64'%20xlink:href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAAAONJREFUeF7t20EOhEAIRFG4/6F7DvEnYeFzryQIv6pBd2behOu9dPvsbog+k+NLgArQAqmJcw9iAAhSgZKB3IJkkAySQTJ4CiE+gA8oBeg0mH3Ai084P89HhqwEqIA209ICsQdjAeaZIgaAYKxBDMCAYy8fXwAIgiAIcoJpJEYGI4VjB3YrbC9gL2AvkCB43cM5PgZgAAZgQFnNZAhdGykQBEEQBEEQDBmgAm2glM/z+QUYisYUGoldO7kY32IEAzCg6RgIRgjFAsw+AgRBMNYgBmCAT2TCYfoPPz/HCqQCX1eBHzHnv7C7WhBSAAAAAElFTkSuQmCC'/%3e%3c/defs%3e%3c/svg%3e", Si = ["red", "yellow", "green"], Oi = () => /* @__PURE__ */ a.jsxs("div", { className: se.header, children: [
-  /* @__PURE__ */ a.jsx("div", { className: se.circles, children: Si.map((t) => /* @__PURE__ */ a.jsx(
+}, xi = "data:image/svg+xml,%3csvg%20width='17'%20height='16'%20viewBox='0%200%2017%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3crect%20x='0.5'%20width='16'%20height='16'%20fill='url(%23pattern0_4042_718)'/%3e%3cdefs%3e%3cpattern%20id='pattern0_4042_718'%20patternContentUnits='objectBoundingBox'%20width='1'%20height='1'%3e%3cuse%20xlink:href='%23image0_4042_718'%20transform='scale(0.015625)'/%3e%3c/pattern%3e%3cimage%20id='image0_4042_718'%20width='64'%20height='64'%20xlink:href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAAAONJREFUeF7t20EOhEAIRFG4/6F7DvEnYeFzryQIv6pBd2behOu9dPvsbog+k+NLgArQAqmJcw9iAAhSgZKB3IJkkAySQTJ4CiE+gA8oBeg0mH3Ai084P89HhqwEqIA209ICsQdjAeaZIgaAYKxBDMCAYy8fXwAIgiAIcoJpJEYGI4VjB3YrbC9gL2AvkCB43cM5PgZgAAZgQFnNZAhdGykQBEEQBEEQDBmgAm2glM/z+QUYisYUGoldO7kY32IEAzCg6RgIRgjFAsw+AgRBMNYgBmCAT2TCYfoPPz/HCqQCX1eBHzHnv7C7WhBSAAAAAElFTkSuQmCC'/%3e%3c/defs%3e%3c/svg%3e", Si = ["red", "yellow", "green"], Oi = () => /* @__PURE__ */ a.jsxs("div", { className: oe.header, children: [
+  /* @__PURE__ */ a.jsx("div", { className: oe.circles, children: Si.map((t) => /* @__PURE__ */ a.jsx(
     "div",
     {
-      className: k(se.circle, {
-        [se.red]: t === "red",
-        [se.yellow]: t === "yellow",
-        [se.green]: t === "green"
+      className: R(oe.circle, {
+        [oe.red]: t === "red",
+        [oe.yellow]: t === "yellow",
+        [oe.green]: t === "green"
       })
     },
     t
   )) }),
-  /* @__PURE__ */ a.jsxs("div", { className: se.input, children: [
-    /* @__PURE__ */ a.jsxs("div", { className: se.main, children: [
+  /* @__PURE__ */ a.jsxs("div", { className: oe.input, children: [
+    /* @__PURE__ */ a.jsxs("div", { className: oe.main, children: [
       /* @__PURE__ */ a.jsx(
         "img",
         {
@@ -2186,7 +2186,7 @@ const Ho = "https://g-api.billgang.com", qo = async (t = "get", e, n) => {
           alt: ""
         }
       ),
-      /* @__PURE__ */ a.jsx("span", { className: se.text, children: "lorem.ipsum" }),
+      /* @__PURE__ */ a.jsx("span", { className: oe.text, children: "lorem.ipsum" }),
       /* @__PURE__ */ a.jsx(
         O,
         {
@@ -2206,17 +2206,17 @@ const Ho = "https://g-api.billgang.com", qo = async (t = "get", e, n) => {
       }
     )
   ] })
-] }), Ei = "_content_92dk8_1", Ti = "_block_92dk8_6", Di = "_active_92dk8_13", ji = "_name_92dk8_17", Ci = "_empty_92dk8_31", Ni = "_icon_92dk8_42", Ii = "_title_92dk8_53", Pi = "_text_92dk8_59", ki = "_sections_92dk8_65", Ri = "_section_92dk8_65", J = {
+] }), Ei = "_content_92dk8_1", Ti = "_block_92dk8_6", Di = "_active_92dk8_13", Ci = "_name_92dk8_17", ji = "_empty_92dk8_31", Ni = "_icon_92dk8_42", Ii = "_title_92dk8_53", Pi = "_text_92dk8_59", Ri = "_sections_92dk8_65", ki = "_section_92dk8_65", J = {
   content: Ei,
   block: Ti,
   active: Di,
-  name: ji,
-  empty: Ci,
+  name: Ci,
+  empty: ji,
   icon: Ni,
   title: Ii,
   text: Pi,
-  sections: ki,
-  section: Ri
+  sections: Ri,
+  section: ki
 }, Ai = "_sidebar_1f3hk_1", Bi = "_content_1f3hk_12", $i = "_button_1f3hk_22", Li = "_moveButton_1f3hk_30", Mi = "_border_1f3hk_34", Fi = "_deleteButton_1f3hk_38", U = {
   sidebar: Ai,
   content: Bi,
@@ -2237,7 +2237,7 @@ const Ho = "https://g-api.billgang.com", qo = async (t = "get", e, n) => {
       "button",
       {
         onClick: u,
-        className: k(U.button, U.moveButton),
+        className: R(U.button, U.moveButton),
         disabled: l === 0,
         children: /* @__PURE__ */ a.jsx(O, { name: "arrow-preview-up" })
       }
@@ -2246,7 +2246,7 @@ const Ho = "https://g-api.billgang.com", qo = async (t = "get", e, n) => {
       "button",
       {
         onClick: d,
-        className: k(U.button, U.moveButton),
+        className: R(U.button, U.moveButton),
         disabled: l === c.length - 1,
         children: /* @__PURE__ */ a.jsx(O, { name: "arrow-preview-down" })
       }
@@ -2256,7 +2256,7 @@ const Ho = "https://g-api.billgang.com", qo = async (t = "get", e, n) => {
       "button",
       {
         onClick: h,
-        className: k(U.button, U.moveButton),
+        className: R(U.button, U.moveButton),
         children: /* @__PURE__ */ a.jsx(O, { name: "copy" })
       }
     ),
@@ -2265,7 +2265,7 @@ const Ho = "https://g-api.billgang.com", qo = async (t = "get", e, n) => {
       "button",
       {
         onClick: () => n(i[o].name, t),
-        className: k(U.button, U.deleteButton),
+        className: R(U.button, U.deleteButton),
         children: /* @__PURE__ */ a.jsx(
           O,
           {
@@ -2325,7 +2325,7 @@ const Ho = "https://g-api.billgang.com", qo = async (t = "get", e, n) => {
     ] })
   ] });
 }, qi = T.memo(() => {
-  const { setActiveBlock: t, activeBlock: e } = Pe(), { blocks: n } = ae(), { blocks: r } = Q(), { settings: s } = ke(), { currentPage: o, pages: i, setIsOpenSelectModal: c } = K(), l = (h) => {
+  const { setActiveBlock: t, activeBlock: e } = Pe(), { blocks: n } = ae(), { blocks: r } = Q(), { settings: s } = Re(), { currentPage: o, pages: i, setIsOpenSelectModal: c } = K(), l = (h) => {
     const b = n[h.name], v = h.value;
     for (const m in v)
       b[m] = v[m];
@@ -2357,7 +2357,7 @@ const Ho = "https://g-api.billgang.com", qo = async (t = "get", e, n) => {
           "div",
           {
             onClick: () => t(h),
-            className: k(J.block, {
+            className: R(J.block, {
               [J.active]: e === h
             }),
             children: [
@@ -2442,27 +2442,27 @@ const Ho = "https://g-api.billgang.com", qo = async (t = "get", e, n) => {
     l(!0), _(I, P, E.currentTarget);
   }, g = (E) => {
     if (c) {
-      const I = document.querySelector(`.${ee.colorMap}`), { left: P, top: B } = I.getBoundingClientRect(), j = E.clientX - P, ce = E.clientY - B;
-      _(j, ce, I);
+      const I = document.querySelector(`.${ee.colorMap}`), { left: P, top: B } = I.getBoundingClientRect(), C = E.clientX - P, ce = E.clientY - B;
+      _(C, ce, I);
     }
   }, y = () => {
     l(!1);
   }, _ = (E, I, P) => {
-    const { width: B, height: j } = P.getBoundingClientRect(), ce = Math.max(0, Math.min(E / B * 100, 100)), $e = Math.max(0, Math.min(100 - I / j * 100, 100));
+    const { width: B, height: C } = P.getBoundingClientRect(), ce = Math.max(0, Math.min(E / B * 100, 100)), $e = Math.max(0, Math.min(100 - I / C * 100, 100));
     d(ce), h($e), w(ce, $e);
   }, w = (E, I) => {
-    const P = R(s, E, I);
+    const P = k(s, E, I);
     b(P), v(P);
   }, N = (E, I, P) => {
     I /= 100, P /= 100;
-    const B = (Le) => (Le + E / 60) % 6, j = (Le) => P * (1 - I * Math.max(0, Math.min(B(Le), 4 - B(Le), 1))), ce = Math.round(255 * j(5)), $e = Math.round(255 * j(3)), _r = Math.round(255 * j(1));
+    const B = (Le) => (Le + E / 60) % 6, C = (Le) => P * (1 - I * Math.max(0, Math.min(B(Le), 4 - B(Le), 1))), ce = Math.round(255 * C(5)), $e = Math.round(255 * C(3)), _r = Math.round(255 * C(1));
     return { r: ce, g: $e, b: _r };
   }, D = (E, I, P) => {
-    const B = (j) => j.toString(16).padStart(2, "0");
+    const B = (C) => C.toString(16).padStart(2, "0");
     return `#${B(E)}${B(I)}${B(P)}`;
-  }, R = (E, I, P) => {
-    const { r: B, g: j, b: ce } = N(E, I, P);
-    return D(B, j, ce);
+  }, k = (E, I, P) => {
+    const { r: B, g: C, b: ce } = N(E, I, P);
+    return D(B, C, ce);
   };
   T.useEffect(() => {
     const E = (P) => g(P), I = () => y();
@@ -2530,7 +2530,7 @@ linear-gradient(to right, hsl(${s}, 100%, 100%), hsl(${s}, 100%, 50%))
             fe,
             {
               onClick: G,
-              className: k(ee.applyButton, ee.cancelButton),
+              className: R(ee.applyButton, ee.cancelButton),
               children: "Cancel"
             }
           ),
@@ -2547,7 +2547,7 @@ linear-gradient(to right, hsl(${s}, 100%, 100%), hsl(${s}, 100%, 50%))
     }
   );
 }, Ki = () => {
-  const { onPreview: t } = Pe(), { hoverBlockId: e, isModalVisible: n, isPreviewVisible: r } = Xe(), { settings: s } = ke(), { blocks: o } = ae(), { blocks: i } = Q(), { currentPage: c, pages: l } = K(), { showModal: u } = Tn(), [d, h] = T.useState(!0);
+  const { onPreview: t } = Pe(), { hoverBlockId: e, isModalVisible: n, isPreviewVisible: r } = Xe(), { settings: s } = Re(), { blocks: o } = ae(), { blocks: i } = Q(), { currentPage: c, pages: l } = K(), { showModal: u } = Tn(), [d, h] = T.useState(!0);
   T.useEffect(() => {
     t && setTimeout(() => {
       h(!1);
@@ -2575,11 +2575,11 @@ linear-gradient(to right, hsl(${s}, 100%, 100%), hsl(${s}, 100%, 50%))
       /* @__PURE__ */ a.jsx("div", { className: Te.content, children: d ? /* @__PURE__ */ a.jsx("div", { className: Te.loading, children: /* @__PURE__ */ a.jsx("div", { className: Te.loader }) }) : /* @__PURE__ */ a.jsx(qi, {}) })
     ] })
   ] });
-}, Qi = "_sidebar_xqbqi_1", Zi = "_title_xqbqi_11", ea = "_active_xqbqi_19", hn = {
+}, Qi = "_sidebar_1r5sp_1", Zi = "_title_1r5sp_10", ea = "_active_1r5sp_18", hn = {
   sidebar: Qi,
   title: Zi,
   active: ea
-}, er = Cr({
+}, er = jr({
   dragDropManager: void 0
 });
 function H(t) {
@@ -2921,7 +2921,7 @@ function Oa(t) {
 function Ea(t) {
   S(t.isDragging(), "Cannot call endDrag while not dragging.");
 }
-function Ct(t, e) {
+function jt(t, e) {
   return e === null ? t === null : Array.isArray(t) ? t.some(
     (n) => n === e
   ) : t === e;
@@ -2930,7 +2930,7 @@ function Ta(t) {
   return function(n, { clientOffset: r } = {}) {
     Da(n);
     const s = n.slice(0), o = t.getMonitor(), i = t.getRegistry(), c = o.getItemType();
-    return Ca(s, i, c), ja(s, o, i), Na(s, o, i), {
+    return ja(s, i, c), Ca(s, o, i), Na(s, o, i), {
       type: st,
       payload: {
         targetIds: s,
@@ -2942,7 +2942,7 @@ function Ta(t) {
 function Da(t) {
   S(Array.isArray(t), "Expected targetIds to be an array.");
 }
-function ja(t, e, n) {
+function Ca(t, e, n) {
   S(e.isDragging(), "Cannot call hover while not dragging."), S(!e.didDrop(), "Cannot call hover after drop.");
   for (let r = 0; r < t.length; r++) {
     const s = t[r];
@@ -2951,10 +2951,10 @@ function ja(t, e, n) {
     S(o, "Expected targetIds to be registered.");
   }
 }
-function Ca(t, e, n) {
+function ja(t, e, n) {
   for (let r = t.length - 1; r >= 0; r--) {
     const s = t[r], o = e.getTargetType(s);
-    Ct(o, n) || t.splice(r, 1);
+    jt(o, n) || t.splice(r, 1);
   }
 }
 function Na(t, e, n) {
@@ -2979,7 +2979,7 @@ function Pa(t) {
     endDrag: Oa(t)
   };
 }
-class ka {
+class Ra {
   receiveBackend(e) {
     this.backend = e;
   }
@@ -3016,7 +3016,7 @@ class ka {
     }, this.store = e, this.monitor = n, e.subscribe(this.handleRefCountChange);
   }
 }
-function Ra(t, e) {
+function ka(t, e) {
   return {
     x: t.x + e.x,
     y: t.y + e.y
@@ -3030,7 +3030,7 @@ function rr(t, e) {
 }
 function Aa(t) {
   const { clientOffset: e, initialClientOffset: n, initialSourceClientOffset: r } = t;
-  return !e || !n || !r ? null : rr(Ra(e, r), n);
+  return !e || !n || !r ? null : rr(ka(e, r), n);
 }
 function Ba(t) {
   const { clientOffset: e, initialClientOffset: n } = t;
@@ -3079,7 +3079,7 @@ class La {
     if (S(n, `Expected to find a valid target. targetId=${e}`), !this.isDragging() || this.didDrop())
       return !1;
     const r = this.registry.getTargetType(e), s = this.getItemType();
-    return Ct(r, s) && n.canDrop(this, e);
+    return jt(r, s) && n.canDrop(this, e);
   }
   isDragging() {
     return !!this.getItemType();
@@ -3102,7 +3102,7 @@ class La {
     if (!this.isDragging())
       return !1;
     const s = this.registry.getTargetType(e), o = this.getItemType();
-    if (o && !Ct(s, o))
+    if (o && !jt(s, o))
       return !1;
     const i = this.getTargetIds();
     if (!i.length)
@@ -3615,7 +3615,7 @@ function mc(t = {}, e) {
   };
 }
 function vc(t, e = void 0, n = {}, r = !1) {
-  const s = bc(r), o = new La(s, new tc(s)), i = new ka(s, o), c = t(i, e, n);
+  const s = bc(r), o = new La(s, new tc(s)), i = new Ra(s, o), c = t(i, e, n);
   return i.receiveBackend(c), i;
 }
 function bc(t) {
@@ -3713,7 +3713,7 @@ const Ec = /* @__PURE__ */ Sr(Oc), pe = typeof window < "u" ? Ir : Ke;
 function Tc(t, e, n) {
   const [r, s] = Pr(
     () => e(t)
-  ), o = kr(() => {
+  ), o = Rr(() => {
     const i = e(t);
     Ec(r, i) || (s(i), n && n());
   }, [
@@ -3752,7 +3752,7 @@ function lr(t, e) {
   const n = [];
   return typeof t != "function" && n.push(t), M(() => typeof t == "function" ? t() : t, n);
 }
-function jc(t) {
+function Cc(t) {
   return M(
     () => t.hooks.dragSource(),
     [
@@ -3760,7 +3760,7 @@ function jc(t) {
     ]
   );
 }
-function Cc(t) {
+function jc(t) {
   return M(
     () => t.hooks.dragPreview(),
     [
@@ -3914,7 +3914,7 @@ function Pc(t, e, n) {
     () => r.removeTarget(s)
   ];
 }
-function kc(t, e, n) {
+function Rc(t, e, n) {
   const r = n.getRegistry(), s = r.addSource(t, e);
   return [
     s,
@@ -3949,7 +3949,7 @@ function Pt(t) {
     t !== null && typeof t == "object" && Object.prototype.hasOwnProperty.call(t, "current")
   );
 }
-function Rc(t) {
+function kc(t) {
   if (typeof t.type == "string")
     return;
   const e = t.type.displayName || t.type.name || "the component";
@@ -3957,12 +3957,12 @@ function Rc(t) {
 }
 function Ac(t) {
   return (e = null, n = null) => {
-    if (!Rr(e)) {
+    if (!kr(e)) {
       const o = e;
       return t(o, n), o;
     }
     const r = e;
-    return Rc(r), Bc(r, n ? (o) => t(o, n) : t);
+    return kc(r), Bc(r, n ? (o) => t(o, n) : t);
   };
 }
 function ur(t) {
@@ -4198,7 +4198,7 @@ function zc(t, e, n) {
   const r = Oe(), s = Hc(t, e, n), o = qc(t);
   pe(function() {
     if (o != null) {
-      const [c, l] = kc(o, s, r);
+      const [c, l] = Rc(o, s, r);
       return e.receiveHandlerId(c), n.receiveHandlerId(c), l;
     }
   }, [
@@ -4215,8 +4215,8 @@ function Vc(t, e) {
   const r = Fc(), s = Mc(n.options, n.previewOptions);
   return zc(n, r, s), [
     cr(n.collect, r, s),
-    jc(s),
-    Cc(s)
+    Cc(s),
+    jc(s)
   ];
 }
 function Gc(t) {
@@ -4397,7 +4397,7 @@ function bt(t, e, n) {
   );
   return r ?? n;
 }
-const kt = {
+const Rt = {
   [fr]: {
     exposeProperties: {
       files: (t) => Array.prototype.slice.call(t.files),
@@ -4441,7 +4441,7 @@ const kt = {
   }
 };
 function sl(t, e) {
-  const n = kt[t];
+  const n = Rt[t];
   if (!n)
     throw new Error(`native type ${t} has no configuration`);
   const r = new rl(n);
@@ -4451,8 +4451,8 @@ function yt(t) {
   if (!t)
     return null;
   const e = Array.prototype.slice.call(t.types || []);
-  return Object.keys(kt).filter((n) => {
-    const r = kt[n];
+  return Object.keys(Rt).filter((n) => {
+    const r = Rt[n];
     return r != null && r.matchesTypes ? r.matchesTypes.some(
       (s) => e.indexOf(s) > -1
     ) : !1;
@@ -4552,7 +4552,7 @@ function ll(t, e, n, r, s) {
     x: n.x - c.x,
     y: n.y - c.y
   }, { offsetWidth: u, offsetHeight: d } = t, { anchorX: h, anchorY: b } = r, { dragPreviewWidth: v, dragPreviewHeight: m } = cl(o, e, u, d), p = () => {
-    let R = new On([
+    let k = new On([
       0,
       0.5,
       1
@@ -4564,7 +4564,7 @@ function ll(t, e, n, r, s) {
       // Dock to the bottom
       l.y + m - d
     ]).interpolate(b);
-    return mr() && o && (R += (window.devicePixelRatio - 1) * m), R;
+    return mr() && o && (k += (window.devicePixelRatio - 1) * m), k;
   }, g = () => new On([
     0,
     0.5,
@@ -4901,7 +4901,7 @@ const hl = function(e, n, r) {
   T.useEffect(() => {
     p || _(!1);
   }, [p]);
-  const [, R] = Zc({
+  const [, k] = Zc({
     accept: "block",
     hover(E) {
       E.index !== n && (r(i[o].name, E.index, n), E.index = n);
@@ -4916,8 +4916,8 @@ const hl = function(e, n, r) {
   return /* @__PURE__ */ a.jsxs(
     "div",
     {
-      ref: (E) => G(R(E)),
-      className: k(X.block, {
+      ref: (E) => G(k(E)),
+      className: R(X.block, {
         [X.dragging]: A,
         [X.active]: !A && c === t
       }),
@@ -4945,7 +4945,7 @@ const hl = function(e, n, r) {
     }
   );
 }, Tl = () => {
-  const { setActiveBlock: t } = Re();
+  const { setActiveBlock: t } = ke();
   return /* @__PURE__ */ a.jsxs("div", { className: X.empty, children: [
     /* @__PURE__ */ a.jsx("div", { className: X.icon, children: /* @__PURE__ */ a.jsx(
       O,
@@ -4994,11 +4994,11 @@ const hl = function(e, n, r) {
     )),
     (!t[s[r].name] || Object.keys(t[s[r].name]).length === 0) && /* @__PURE__ */ a.jsx(Tl, {})
   ] }) });
-}, jl = () => {
-  const { settings: t } = ke();
+}, Cl = () => {
+  const { settings: t } = Re();
   return t == null ? void 0 : t.renderSettings();
-}, Cl = "_theme_1xj36_1", Nl = "_block_1xj36_6", Il = "_name_1xj36_20", _t = {
-  theme: Cl,
+}, jl = "_theme_1xj36_1", Nl = "_block_1xj36_6", Il = "_name_1xj36_20", _t = {
+  theme: jl,
   block: Nl,
   name: Il
 }, Pl = () => {
@@ -5010,7 +5010,7 @@ const hl = function(e, n, r) {
     "div",
     {
       onClick: () => e(n),
-      className: k(_t.block),
+      className: R(_t.block),
       children: [
         /* @__PURE__ */ a.jsx(O, { name: n.icon }),
         /* @__PURE__ */ a.jsx("span", { className: _t.name, children: n.name }),
@@ -5019,35 +5019,36 @@ const hl = function(e, n, r) {
     },
     n.icon
   )) });
-}, kl = "_back_1m2pj_1", Rl = "_render_1m2pj_8", Al = "_open_1m2pj_23", Bl = "_close_1m2pj_27", $l = "_clicked_1m2pj_31", Ll = "_title_1m2pj_35", Ml = "_button_1m2pj_42", Fl = "_settings_1m2pj_47", Ul = "_buttons_1m2pj_51", Hl = "_deleteButton_1m2pj_57", oe = {
-  back: kl,
-  render: Rl,
+}, Rl = "_back_14yda_1", kl = "_render_14yda_8", Al = "_open_14yda_23", Bl = "_close_14yda_50", $l = "_clicked_14yda_54", Ll = "_title_14yda_58", Ml = "_button_14yda_65", Fl = "_loading_14yda_70", Ul = "_settings_14yda_74", Hl = "_buttons_14yda_80", ql = "_deleteButton_14yda_86", te = {
+  back: Rl,
+  render: kl,
   open: Al,
   close: Bl,
   clicked: $l,
   title: Ll,
   button: Ml,
-  settings: Fl,
-  buttons: Ul,
-  deleteButton: Hl
-}, ql = ({ block: t }) => {
+  loading: Fl,
+  settings: Ul,
+  buttons: Hl,
+  deleteButton: ql
+}, zl = ({ block: t }) => {
   if (!t) return;
   const { blocks: e, sourceBlocks: n, activeBlock: r } = ae(), { currentBlock: s } = Q();
   if (!r && !s) return null;
   if (t != null && t.name) {
-    const o = e[t.name], i = t.value;
+    const o = e[t.name], i = { ...t.value };
     for (const c in i)
       o[c] = i[c];
     return o.renderSettings();
   } else {
     const o = n[r];
     for (const i in o)
-      t[i] = o[i];
+      t[i] = { ...o[i] };
     return t.renderSettings();
   }
-}, zl = (t) => {
+}, Vl = (t) => {
   var N;
-  const { isAdd: e } = t, [n, r] = T.useState(!1), { setActiveBlock: s } = Re(), { blocks: o, activeBlock: i, setActiveBlock: c } = ae(), {
+  const { isAdd: e } = t, [n, r] = T.useState(!1), { setActiveBlock: s } = ke(), { blocks: o, activeBlock: i, setActiveBlock: c } = ae(), {
     blocks: l,
     addBlock: u,
     editBlock: d,
@@ -5073,13 +5074,13 @@ const hl = function(e, n, r) {
   return /* @__PURE__ */ a.jsxs(
     "div",
     {
-      className: k(oe.render, {
-        [oe.open]: w(),
-        [oe.close]: !w(),
-        [oe.clicked]: n
+      className: R(te.render, {
+        [te.open]: w(),
+        [te.close]: !w(),
+        [te.clicked]: n
       }),
       children: [
-        /* @__PURE__ */ a.jsxs("div", { className: oe.back, children: [
+        /* @__PURE__ */ a.jsxs("div", { className: te.back, children: [
           /* @__PURE__ */ a.jsx(
             O,
             {
@@ -5088,15 +5089,15 @@ const hl = function(e, n, r) {
               onClick: y
             }
           ),
-          /* @__PURE__ */ a.jsx("h3", { className: oe.title, children: i || l[g[p].name] && ((N = l[g[p].name][h]) == null ? void 0 : N.name) || "Loading" })
+          /* @__PURE__ */ a.jsx("h3", { className: te.title, children: i || l[g[p].name] && ((N = l[g[p].name][h]) == null ? void 0 : N.name) || "Loading" })
         ] }),
-        /* @__PURE__ */ a.jsx("div", { className: oe.settings, children: w() ? /* @__PURE__ */ a.jsx(
-          ql,
+        /* @__PURE__ */ a.jsx("div", { className: te.settings, children: w() ? /* @__PURE__ */ a.jsx(
+          zl,
           {
             block: e ? w() : l[g[p].name][h]
           }
-        ) : /* @__PURE__ */ a.jsx(a.Fragment, { children: "Loading" }) }),
-        /* @__PURE__ */ a.jsxs("div", { className: oe.buttons, children: [
+        ) : /* @__PURE__ */ a.jsx("div", { className: te.loading, children: "Loading" }) }),
+        /* @__PURE__ */ a.jsxs("div", { className: te.buttons, children: [
           /* @__PURE__ */ a.jsx(
             fe,
             {
@@ -5125,7 +5126,7 @@ const hl = function(e, n, r) {
                   r(!1);
                 }, 150);
               },
-              className: oe.deleteButton,
+              className: te.deleteButton,
               children: /* @__PURE__ */ a.jsx(
                 O,
                 {
@@ -5139,21 +5140,21 @@ const hl = function(e, n, r) {
       ]
     }
   );
-}, Vl = "_settings_1r85j_1", Gl = "_open_1r85j_16", Wl = "_close_1r85j_20", Yl = "_header_1r85j_24", Jl = "_title_1r85j_30", Xl = "_addButton_1r85j_37", De = {
-  settings: Vl,
-  open: Gl,
-  close: Wl,
-  header: Yl,
-  title: Jl,
-  addButton: Xl
-}, Kl = "_wrapper_n1a7x_1", Ql = "_category_n1a7x_5", Zl = "_categoryTitle_n1a7x_10", eu = "_color_n1a7x_16", tu = "_content_n1a7x_24", nu = "_preview_n1a7x_32", ve = {
-  wrapper: Kl,
-  category: Ql,
-  categoryTitle: Zl,
-  color: eu,
-  content: tu,
-  preview: nu
-}, ru = () => {
+}, Gl = "_settings_1r85j_1", Wl = "_open_1r85j_16", Yl = "_close_1r85j_20", Jl = "_header_1r85j_24", Xl = "_title_1r85j_30", Kl = "_addButton_1r85j_37", De = {
+  settings: Gl,
+  open: Wl,
+  close: Yl,
+  header: Jl,
+  title: Xl,
+  addButton: Kl
+}, Ql = "_wrapper_n1a7x_1", Zl = "_category_n1a7x_5", eu = "_categoryTitle_n1a7x_10", tu = "_color_n1a7x_16", nu = "_content_n1a7x_24", ru = "_preview_n1a7x_32", ve = {
+  wrapper: Ql,
+  category: Zl,
+  categoryTitle: eu,
+  color: tu,
+  content: nu,
+  preview: ru
+}, su = () => {
   const { themeSettings: t, updateColor: e } = V();
   async function n(s, o, i) {
     e(s, o, i);
@@ -5171,7 +5172,7 @@ const hl = function(e, n, r) {
     {
       className: ve.category,
       children: [
-        /* @__PURE__ */ a.jsx("h2", { className: ve.categoryTitle, children: ne(s) }),
+        /* @__PURE__ */ a.jsx("h2", { className: ve.categoryTitle, children: re(s) }),
         Object.entries(o).map(([i, c]) => /* @__PURE__ */ a.jsxs(
           "div",
           {
@@ -5188,9 +5189,9 @@ const hl = function(e, n, r) {
                   }
                 ),
                 /* @__PURE__ */ a.jsx(
-                  je,
+                  Ce,
                   {
-                    title: ne(i),
+                    title: re(i),
                     initialColor: c,
                     onChange: (l) => n(s, i, l)
                   }
@@ -5214,37 +5215,37 @@ const hl = function(e, n, r) {
     },
     s
   )) });
-}, su = "_wrapper_kb55x_2", ou = "_category_kb55x_6", iu = "_categoryTitle_kb55x_11", au = "_color_kb55x_17", cu = "_name_kb55x_23", lu = "_content_kb55x_28", uu = "_label_kb55x_34", du = "_input_kb55x_45", fu = "_title_kb55x_71", hu = "_field_kb55x_79", pu = "_alignments_kb55x_89", gu = "_lineField_kb55x_95", mu = "_style_kb55x_101", vu = "_header_kb55x_108", te = {
-  wrapper: su,
-  category: ou,
-  categoryTitle: iu,
-  color: au,
-  name: cu,
-  content: lu,
-  label: uu,
-  input: du,
-  title: fu,
-  field: hu,
-  alignments: pu,
-  lineField: gu,
-  style: mu,
-  header: vu
-}, bu = ["left", "center", "right"], yu = ["solid", "dashed"], qe = (t) => {
+}, ou = "_wrapper_kb55x_2", iu = "_category_kb55x_6", au = "_categoryTitle_kb55x_11", cu = "_color_kb55x_17", lu = "_name_kb55x_23", uu = "_content_kb55x_28", du = "_label_kb55x_34", fu = "_input_kb55x_45", hu = "_title_kb55x_71", pu = "_field_kb55x_79", gu = "_alignments_kb55x_89", mu = "_lineField_kb55x_95", vu = "_style_kb55x_101", bu = "_header_kb55x_108", ne = {
+  wrapper: ou,
+  category: iu,
+  categoryTitle: au,
+  color: cu,
+  name: lu,
+  content: uu,
+  label: du,
+  input: fu,
+  title: hu,
+  field: pu,
+  alignments: gu,
+  lineField: mu,
+  style: vu,
+  header: bu
+}, yu = ["left", "center", "right"], _u = ["solid", "dashed"], qe = (t) => {
   const { title: e, children: n, rightAddon: r } = t;
-  return /* @__PURE__ */ a.jsxs("div", { className: te.field, children: [
-    /* @__PURE__ */ a.jsxs("div", { className: te.header, children: [
+  return /* @__PURE__ */ a.jsxs("div", { className: ne.field, children: [
+    /* @__PURE__ */ a.jsxs("div", { className: ne.header, children: [
       /* @__PURE__ */ a.jsx("h4", { children: e }),
       r
     ] }),
     n
   ] });
-}, _u = () => {
+}, wu = () => {
   const { themeSettings: t, updateInput: e } = V(), n = M(() => t.inputs, [t]), r = (o, i, c) => {
     e(o, i, c);
   }, s = (o) => (i) => {
     e(o, i, "color");
   };
-  return /* @__PURE__ */ a.jsxs("div", { className: te.wrapper, children: [
+  return /* @__PURE__ */ a.jsxs("div", { className: ne.wrapper, children: [
     /* @__PURE__ */ a.jsxs(qe, { title: "General", children: [
       /* @__PURE__ */ a.jsx(
         q,
@@ -5274,9 +5275,9 @@ const hl = function(e, n, r) {
         }
       ),
       /* @__PURE__ */ a.jsx(
-        je,
+        Ce,
         {
-          initialColor: ne(n.general.color),
+          initialColor: re(n.general.color),
           onChange: s("general"),
           title: "Font Color",
           labelStyle: "secondary"
@@ -5287,7 +5288,7 @@ const hl = function(e, n, r) {
       qe,
       {
         title: "Field Fill",
-        rightAddon: /* @__PURE__ */ a.jsx("div", { className: te.switch, children: /* @__PURE__ */ a.jsx(
+        rightAddon: /* @__PURE__ */ a.jsx("div", { className: ne.switch, children: /* @__PURE__ */ a.jsx(
           Gt,
           {
             onChange: (o) => r("field", o, "active"),
@@ -5296,9 +5297,9 @@ const hl = function(e, n, r) {
         ) }),
         children: [
           /* @__PURE__ */ a.jsx(
-            je,
+            Ce,
             {
-              initialColor: ne(n.field.color),
+              initialColor: re(n.field.color),
               onChange: s("field"),
               title: "Color",
               labelStyle: "secondary"
@@ -5321,7 +5322,7 @@ const hl = function(e, n, r) {
       qe,
       {
         title: "Border",
-        rightAddon: /* @__PURE__ */ a.jsx("div", { className: te.switch, children: /* @__PURE__ */ a.jsx(
+        rightAddon: /* @__PURE__ */ a.jsx("div", { className: ne.switch, children: /* @__PURE__ */ a.jsx(
           Gt,
           {
             onChange: (o) => r("border", o, "active"),
@@ -5329,13 +5330,13 @@ const hl = function(e, n, r) {
           }
         ) }),
         children: [
-          /* @__PURE__ */ a.jsxs("div", { className: te.lineField, children: [
-            /* @__PURE__ */ a.jsxs("div", { className: te.style, children: [
-              /* @__PURE__ */ a.jsx("span", { className: te.title, children: "Style" }),
+          /* @__PURE__ */ a.jsxs("div", { className: ne.lineField, children: [
+            /* @__PURE__ */ a.jsxs("div", { className: ne.style, children: [
+              /* @__PURE__ */ a.jsx("span", { className: ne.title, children: "Style" }),
               /* @__PURE__ */ a.jsx(
                 Wt,
                 {
-                  items: yu,
+                  items: _u,
                   selectedItem: n.border.style,
                   onSelect: (o) => r("border", o, "style"),
                   getIconName: (o) => `border-${o}`
@@ -5364,9 +5365,9 @@ const hl = function(e, n, r) {
             }
           ),
           /* @__PURE__ */ a.jsx(
-            je,
+            Ce,
             {
-              initialColor: ne(n.border.color),
+              initialColor: re(n.border.color),
               onChange: s("border"),
               title: "Color",
               labelStyle: "secondary"
@@ -5396,20 +5397,20 @@ const hl = function(e, n, r) {
         }
       ),
       /* @__PURE__ */ a.jsx(
-        je,
+        Ce,
         {
-          initialColor: ne(n.label.color),
+          initialColor: re(n.label.color),
           onChange: s("label"),
           title: "Color",
           labelStyle: "secondary"
         }
       ),
-      /* @__PURE__ */ a.jsxs("div", { className: te.alignments, children: [
-        /* @__PURE__ */ a.jsx("h4", { className: te.title, children: "Alignment Type" }),
+      /* @__PURE__ */ a.jsxs("div", { className: ne.alignments, children: [
+        /* @__PURE__ */ a.jsx("h4", { className: ne.title, children: "Alignment Type" }),
         /* @__PURE__ */ a.jsx(
           Wt,
           {
-            items: bu,
+            items: yu,
             selectedItem: n.label.alignment,
             onSelect: (o) => r("label", o, "alignment"),
             getIconName: (o) => `align-${o}`
@@ -5418,17 +5419,17 @@ const hl = function(e, n, r) {
       ] })
     ] })
   ] });
-}, wu = "_wrapper_k9on2_1", xu = "_category_k9on2_5", Su = "_categoryTitle_k9on2_10", Ou = "_font_k9on2_16", Eu = "_content_k9on2_36", Tu = "_icon_k9on2_42", Du = "_paragraph_k9on2_51", ju = "_deleteIcon_k9on2_55", Cu = "_iconButton_k9on2_62", ie = {
-  wrapper: wu,
-  category: xu,
-  categoryTitle: Su,
-  font: Ou,
-  content: Eu,
-  icon: Tu,
-  paragraph: Du,
+}, xu = "_wrapper_k9on2_1", Su = "_category_k9on2_5", Ou = "_categoryTitle_k9on2_10", Eu = "_font_k9on2_16", Tu = "_content_k9on2_36", Du = "_icon_k9on2_42", Cu = "_paragraph_k9on2_51", ju = "_deleteIcon_k9on2_55", Nu = "_iconButton_k9on2_62", ie = {
+  wrapper: xu,
+  category: Su,
+  categoryTitle: Ou,
+  font: Eu,
+  content: Tu,
+  icon: Du,
+  paragraph: Cu,
   deleteIcon: ju,
-  iconButton: Cu
-}, Nu = (t) => {
+  iconButton: Nu
+}, Iu = (t) => {
   const { font: e, size: n, id: r, category: s } = t, { setActiveFont: o } = V();
   return /* @__PURE__ */ a.jsxs(
     "div",
@@ -5439,20 +5440,20 @@ const hl = function(e, n, r) {
         /* @__PURE__ */ a.jsx(
           "div",
           {
-            className: k(ie.icon, {
+            className: R(ie.icon, {
               [ie.paragraph]: s === "paragraph"
             }),
             children: /* @__PURE__ */ a.jsx(O, { name: s })
           }
         ),
         /* @__PURE__ */ a.jsxs("div", { className: ie.content, children: [
-          /* @__PURE__ */ a.jsx("h2", { className: ie.categoryTitle, children: ne(r) }),
+          /* @__PURE__ */ a.jsx("h2", { className: ie.categoryTitle, children: re(r) }),
           /* @__PURE__ */ a.jsx("span", { className: ie.value, children: `${e}, ${n}px` })
         ] })
       ]
     }
   );
-}, Iu = () => {
+}, Pu = () => {
   const { themeSettings: t, setActiveFont: e, activeBlock: n } = V();
   T.useEffect(() => (r(), () => {
     r();
@@ -5466,9 +5467,9 @@ const hl = function(e, n, r) {
       {
         className: ie.category,
         children: [
-          /* @__PURE__ */ a.jsx("h2", { className: ie.categoryTitle, children: ne(s) }),
+          /* @__PURE__ */ a.jsx("h2", { className: ie.categoryTitle, children: re(s) }),
           Object.entries(o).map(([i, c]) => /* @__PURE__ */ a.jsx(
-            Nu,
+            Iu,
             {
               id: i,
               category: s,
@@ -5480,15 +5481,15 @@ const hl = function(e, n, r) {
       },
       s
     )) });
-}, Pu = "_wrapper_94fpv_1", ku = "_open_94fpv_16", Ru = "_close_94fpv_20", Au = "_header_94fpv_24", Bu = "_title_94fpv_31", $u = "_options_94fpv_37", Lu = "_clicked_94fpv_44", be = {
-  wrapper: Pu,
+}, Ru = "_wrapper_94fpv_1", ku = "_open_94fpv_16", Au = "_close_94fpv_20", Bu = "_header_94fpv_24", $u = "_title_94fpv_31", Lu = "_options_94fpv_37", Mu = "_clicked_94fpv_44", be = {
+  wrapper: Ru,
   open: ku,
-  close: Ru,
-  header: Au,
-  title: Bu,
-  options: $u,
-  clicked: Lu
-}, Mu = () => {
+  close: Au,
+  header: Bu,
+  title: $u,
+  options: Lu,
+  clicked: Mu
+}, Fu = () => {
   const { activeBlock: t, setActiveFont: e, activeFont: n, themeSettings: r, updateFont: s } = V(), { fonts: o } = Dn(), [i, c] = T.useState(null);
   function l() {
     e(null);
@@ -5500,7 +5501,7 @@ const hl = function(e, n, r) {
   return /* @__PURE__ */ a.jsxs(
     "div",
     {
-      className: k(be.wrapper, {
+      className: R(be.wrapper, {
         [be.open]: (t == null ? void 0 : t.name) === "Fonts" && n,
         [be.close]: (t == null ? void 0 : t.name) !== "Fonts" || !n
       }),
@@ -5554,14 +5555,14 @@ const hl = function(e, n, r) {
       ]
     }
   );
-}, Fu = "_wrapper_94fpv_1", Uu = "_open_94fpv_16", Hu = "_close_94fpv_20", qu = "_header_94fpv_24", zu = "_title_94fpv_31", Vu = "_options_94fpv_37", Gu = "_clicked_94fpv_44", ye = {
-  wrapper: Fu,
-  open: Uu,
-  close: Hu,
-  header: qu,
-  title: zu,
-  options: Vu,
-  clicked: Gu
+}, Uu = "_wrapper_94fpv_1", Hu = "_open_94fpv_16", qu = "_close_94fpv_20", zu = "_header_94fpv_24", Vu = "_title_94fpv_31", Gu = "_options_94fpv_37", Wu = "_clicked_94fpv_44", ye = {
+  wrapper: Uu,
+  open: Hu,
+  close: qu,
+  header: zu,
+  title: Vu,
+  options: Gu,
+  clicked: Wu
 }, br = () => {
   const { activeBlock: t, themeSettings: e, updateBorder: n, setActiveBlock: r } = V();
   function s(c, l) {
@@ -5574,7 +5575,7 @@ const hl = function(e, n, r) {
   return /* @__PURE__ */ a.jsxs(
     "div",
     {
-      className: k(ye.wrapper, {
+      className: R(ye.wrapper, {
         [ye.open]: (t == null ? void 0 : t.name) === "Borders",
         [ye.close]: (t == null ? void 0 : t.name) !== "Borders"
       }),
@@ -5615,20 +5616,20 @@ const hl = function(e, n, r) {
       ]
     }
   );
-}, Wu = "_wrapper_1j33r_1", Yu = "_open_1j33r_16", Ju = "_close_1j33r_20", Xu = "_header_1j33r_24", Ku = "_title_1j33r_31", Qu = "_options_1j33r_37", Zu = "_clicked_1j33r_44", ed = "_label_1j33r_48", td = "_alignments_1j33r_55", nd = "_blocks_1j33r_61", rd = "_alignment_1j33r_55", sd = "_active_1j33r_75", W = {
-  wrapper: Wu,
-  open: Yu,
-  close: Ju,
-  header: Xu,
-  title: Ku,
-  options: Qu,
-  clicked: Zu,
-  label: ed,
-  alignments: td,
-  blocks: nd,
-  alignment: rd,
-  active: sd
-}, od = ["left", "center", "right"], yr = () => {
+}, Yu = "_wrapper_1j33r_1", Ju = "_open_1j33r_16", Xu = "_close_1j33r_20", Ku = "_header_1j33r_24", Qu = "_title_1j33r_31", Zu = "_options_1j33r_37", ed = "_clicked_1j33r_44", td = "_label_1j33r_48", nd = "_alignments_1j33r_55", rd = "_blocks_1j33r_61", sd = "_alignment_1j33r_55", od = "_active_1j33r_75", W = {
+  wrapper: Yu,
+  open: Ju,
+  close: Xu,
+  header: Ku,
+  title: Qu,
+  options: Zu,
+  clicked: ed,
+  label: td,
+  alignments: nd,
+  blocks: rd,
+  alignment: sd,
+  active: od
+}, id = ["left", "center", "right"], yr = () => {
   const { activeBlock: t, themeSettings: e, updateButton: n, setActiveBlock: r } = V();
   function s(c, l) {
     n(l, c);
@@ -5640,7 +5641,7 @@ const hl = function(e, n, r) {
   return /* @__PURE__ */ a.jsxs(
     "div",
     {
-      className: k(W.wrapper, {
+      className: R(W.wrapper, {
         [W.open]: (t == null ? void 0 : t.name) === "Buttons",
         [W.close]: (t == null ? void 0 : t.name) !== "Buttons"
       }),
@@ -5688,10 +5689,10 @@ const hl = function(e, n, r) {
           ),
           /* @__PURE__ */ a.jsxs("div", { className: W.alignments, children: [
             /* @__PURE__ */ a.jsx("h4", { className: W.label, children: "Alignment Type" }),
-            /* @__PURE__ */ a.jsx("div", { className: W.blocks, children: od.map((c) => /* @__PURE__ */ a.jsx(
+            /* @__PURE__ */ a.jsx("div", { className: W.blocks, children: id.map((c) => /* @__PURE__ */ a.jsx(
               "div",
               {
-                className: k(W.alignment, {
+                className: R(W.alignment, {
                   [W.active]: i.alignment === c
                 }),
                 onClick: () => {
@@ -5712,22 +5713,22 @@ const hl = function(e, n, r) {
       ]
     }
   );
-}, id = () => {
+}, ad = () => {
   const { activeBlock: t } = V();
   return /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
-    (t == null ? void 0 : t.name) === "Fonts" && /* @__PURE__ */ a.jsx(Mu, {}),
+    (t == null ? void 0 : t.name) === "Fonts" && /* @__PURE__ */ a.jsx(Fu, {}),
     (t == null ? void 0 : t.name) === "Borders" && /* @__PURE__ */ a.jsx(br, {}),
     (t == null ? void 0 : t.name) === "Buttons" && /* @__PURE__ */ a.jsx(yr, {})
   ] });
-}, ad = () => {
-  const { activeBlock: t, setActiveBlock: e } = V(), { activeBlock: n } = Re();
+}, cd = () => {
+  const { activeBlock: t, setActiveBlock: e } = V(), { activeBlock: n } = ke();
   function r() {
     e(null);
   }
   return /* @__PURE__ */ a.jsxs(
     "div",
     {
-      className: k(De.settings, {
+      className: R(De.settings, {
         [De.open]: t,
         [De.close]: !t || n.name !== "Theme"
       }),
@@ -5743,17 +5744,17 @@ const hl = function(e, n, r) {
           ),
           /* @__PURE__ */ a.jsx("span", { className: De.title, children: t == null ? void 0 : t.name })
         ] }),
-        (t == null ? void 0 : t.name) === "Fonts" && /* @__PURE__ */ a.jsx(Iu, {}),
-        (t == null ? void 0 : t.name) === "Colors" && /* @__PURE__ */ a.jsx(ru, {}),
-        (t == null ? void 0 : t.name) === "Inputs" && /* @__PURE__ */ a.jsx(_u, {}),
+        (t == null ? void 0 : t.name) === "Fonts" && /* @__PURE__ */ a.jsx(Pu, {}),
+        (t == null ? void 0 : t.name) === "Colors" && /* @__PURE__ */ a.jsx(su, {}),
+        (t == null ? void 0 : t.name) === "Inputs" && /* @__PURE__ */ a.jsx(wu, {}),
         (t == null ? void 0 : t.name) === "Borders" && /* @__PURE__ */ a.jsx(br, {}),
         (t == null ? void 0 : t.name) === "Borders" && /* @__PURE__ */ a.jsx(yr, {}),
-        /* @__PURE__ */ a.jsx(id, {})
+        /* @__PURE__ */ a.jsx(ad, {})
       ]
     }
   );
-}, cd = () => {
-  const { activeBlock: t } = Re(), { activeBlock: e } = ae();
+}, ld = () => {
+  const { activeBlock: t } = ke(), { activeBlock: e } = ae();
   function n() {
     switch (t.name) {
       case "Layers":
@@ -5770,24 +5771,24 @@ const hl = function(e, n, r) {
     /* @__PURE__ */ a.jsx("h3", { className: hn.title, children: n() }),
     t.name === "Layers" && /* @__PURE__ */ a.jsx(Dl, {}),
     t.name === "Add" && /* @__PURE__ */ a.jsx(Zn, {}),
-    /* @__PURE__ */ a.jsx(zl, { isAdd: !!e }),
-    /* @__PURE__ */ a.jsx(ad, {}),
+    /* @__PURE__ */ a.jsx(Vl, { isAdd: !!e }),
+    /* @__PURE__ */ a.jsx(cd, {}),
     t.name === "Theme" && /* @__PURE__ */ a.jsx(Pl, {}),
-    t.name === "Settings" && /* @__PURE__ */ a.jsx(jl, {})
+    t.name === "Settings" && /* @__PURE__ */ a.jsx(Cl, {})
   ] });
-}, ld = "_wrapper_jjfwh_1", ud = "_header_jjfwh_12", dd = "_content_jjfwh_21", fd = "_buttons_jjfwh_29", hd = "_cancel_jjfwh_35", pd = "_label_jjfwh_40", gd = "_description_jjfwh_41", md = "_preview_jjfwh_49", vd = "_block_jjfwh_55", bd = "_slug_jjfwh_63", yd = "_title_jjfwh_69", Y = {
-  wrapper: ld,
-  header: ud,
-  content: dd,
-  buttons: fd,
-  cancel: hd,
-  label: pd,
-  description: gd,
-  preview: md,
-  block: vd,
-  slug: bd,
-  title: yd
-}, _d = () => {
+}, ud = "_wrapper_jjfwh_1", dd = "_header_jjfwh_12", fd = "_content_jjfwh_21", hd = "_buttons_jjfwh_29", pd = "_cancel_jjfwh_35", gd = "_label_jjfwh_40", md = "_description_jjfwh_41", vd = "_preview_jjfwh_49", bd = "_block_jjfwh_55", yd = "_slug_jjfwh_63", _d = "_title_jjfwh_69", Y = {
+  wrapper: ud,
+  header: dd,
+  content: fd,
+  buttons: hd,
+  cancel: pd,
+  label: gd,
+  description: md,
+  preview: vd,
+  block: bd,
+  slug: yd,
+  title: _d
+}, wd = () => {
   var A, G, E, I, P, B;
   const {
     setIsOpenModal: t,
@@ -5809,8 +5810,8 @@ const hl = function(e, n, r) {
   function w() {
     _(), t(!1);
   }
-  function N(j) {
-    return j[0] === "/" ? j : "/" + j;
+  function N(C) {
+    return C[0] === "/" ? C : "/" + C;
   }
   function D() {
     n({
@@ -5824,7 +5825,7 @@ const hl = function(e, n, r) {
       visibility: g
     }), l(b), w();
   }
-  function R() {
+  function k() {
     u(e[i].name, b || d), r(i, {
       path: N(d),
       name: b || d,
@@ -5840,7 +5841,7 @@ const hl = function(e, n, r) {
     "div",
     {
       className: Y.wrapper,
-      onClick: (j) => j.stopPropagation(),
+      onClick: (C) => C.stopPropagation(),
       children: [
         /* @__PURE__ */ a.jsxs("div", { className: Y.header, children: [
           /* @__PURE__ */ a.jsxs("h2", { children: [
@@ -5862,10 +5863,10 @@ const hl = function(e, n, r) {
             q,
             {
               label: "Page Slug",
-              onChange: (j) => h(j),
+              onChange: (C) => h(C),
               value: d,
               placeholder: "path-to-page",
-              disabled: !!(i && ((P = e[i]) != null && P.name) && Ce.includes(e[i].name)),
+              disabled: !!(i && ((P = e[i]) != null && P.name) && je.includes(e[i].name)),
               required: !0,
               regex: "^.+$"
             }
@@ -5874,17 +5875,17 @@ const hl = function(e, n, r) {
             q,
             {
               label: "Page Title",
-              onChange: (j) => v(j),
+              onChange: (C) => v(C),
               value: b,
               placeholder: "Contact us",
-              disabled: !!(i && ((B = e[i]) != null && B.name) && Ce.includes(e[i].name))
+              disabled: !!(i && ((B = e[i]) != null && B.name) && je.includes(e[i].name))
             }
           ),
           /* @__PURE__ */ a.jsx(
             Tr,
             {
               label: "Description",
-              onChange: (j) => p(j),
+              onChange: (C) => p(C),
               value: m,
               placeholder: "Contact us at any time of the day or night. You are always welcome",
               maxLength: 150
@@ -5905,7 +5906,7 @@ const hl = function(e, n, r) {
                   label: "Private"
                 }
               ],
-              onChange: (j) => y(j)
+              onChange: (C) => y(C)
             }
           ),
           /* @__PURE__ */ a.jsxs("div", { className: Y.preview, children: [
@@ -5929,7 +5930,7 @@ const hl = function(e, n, r) {
           /* @__PURE__ */ a.jsx(
             fe,
             {
-              onClick: s ? R : D,
+              onClick: s ? k : D,
               disabled: d.length === 0,
               children: s ? "Update" : "Create"
             }
@@ -5938,11 +5939,11 @@ const hl = function(e, n, r) {
       ]
     }
   );
-}, wd = "_layout_kjedu_1", xd = "_main_kjedu_8", Sd = "_content_kjedu_15", wt = {
-  layout: wd,
-  main: xd,
-  content: Sd
-}, Od = () => {
+}, xd = "_layout_kjedu_1", Sd = "_main_kjedu_8", Od = "_content_kjedu_15", wt = {
+  layout: xd,
+  main: Sd,
+  content: Od
+}, Ed = () => {
   const { isOpenModal: t, setIsOpenModal: e } = K();
   return /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
     /* @__PURE__ */ a.jsxs("div", { className: wt.layout, children: [
@@ -5950,23 +5951,23 @@ const hl = function(e, n, r) {
       /* @__PURE__ */ a.jsxs("main", { className: wt.main, children: [
         /* @__PURE__ */ a.jsx(Qo, {}),
         /* @__PURE__ */ a.jsxs("div", { className: wt.content, children: [
-          /* @__PURE__ */ a.jsx(cd, {}),
+          /* @__PURE__ */ a.jsx(ld, {}),
           /* @__PURE__ */ a.jsx(Ki, {})
         ] })
       ] })
     ] }),
-    t && /* @__PURE__ */ a.jsx(jr, { close: e, children: /* @__PURE__ */ a.jsx(_d, {}) })
+    t && /* @__PURE__ */ a.jsx(Cr, { close: e, children: /* @__PURE__ */ a.jsx(wd, {}) })
   ] });
 };
 async function _e(t, e) {
   const n = localStorage.getItem("shopId") || void 0, r = `${Lr}/${t}/builder/shops/${n}/${e}`, s = localStorage.getItem("accessToken") || void 0;
-  return (await C.get(r, {
+  return (await j.get(r, {
     headers: {
       Authorization: `Bearer ${s}`
     }
   })).data;
 }
-async function Ed() {
+async function Td() {
   try {
     const [t, e, n, r, s, o] = await Promise.allSettled([
       _e("v1", "general"),
@@ -5988,9 +5989,9 @@ async function Ed() {
     throw console.error("Error fetching page data:", t), t;
   }
 }
-async function Td() {
+async function Dd() {
   try {
-    const { data: t } = await C.get(
+    const { data: t } = await j.get(
       `${Mr}?key=undefined`
     );
     return t.items;
@@ -5998,8 +5999,8 @@ async function Td() {
     throw console.error("Error fetching page data:", t), t;
   }
 }
-const Cd = (t) => {
-  const { blocks: e, settings: n } = t, { setBlocks: r, setSourceBlocks: s } = ae(), { fonts: o, setFonts: i } = Dn(), { setSettings: c } = ke(), { setPageContext: l } = K();
+const Nd = (t) => {
+  const { blocks: e, settings: n } = t, { setBlocks: r, setSourceBlocks: s } = ae(), { fonts: o, setFonts: i } = Dn(), { setSettings: c } = Re(), { setPageContext: l } = K();
   return T.useEffect(() => {
     const u = {};
     Object.keys(e).map((h) => {
@@ -6008,7 +6009,7 @@ const Cd = (t) => {
       };
     }), c(n), s(u), r(e), (async () => {
       if (o.length === 0) {
-        const v = await Td();
+        const v = await Dd();
         i([...v.map((m) => m.family)]);
       }
       let h = {
@@ -6019,14 +6020,14 @@ const Cd = (t) => {
         faqs: void 0,
         general: void 0
       };
-      const b = await Ed();
+      const b = await Td();
       Object.keys(b).map((v) => {
         const m = v;
         h[m] = b[m].value.data;
       }), l(h);
     })();
-  }, []), /* @__PURE__ */ a.jsx(Od, {});
+  }, []), /* @__PURE__ */ a.jsx(Ed, {});
 };
 export {
-  Cd as Builder
+  Nd as Builder
 };