@billgangcom/theme-lib 1.8.1 → 1.8.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/dist/App.d.ts +2 -0
  2. package/dist/builder.cjs.js +3 -3
  3. package/dist/builder.es.js +521 -541
  4. package/dist/{index-C6aV8YdJ.js → index-BS_tTsUw.js} +9 -8
  5. package/dist/{index-aZQncUjW.cjs → index-D4KlodOJ.cjs} +2 -2
  6. package/dist/store/useLayersStore.d.ts +3 -7
  7. package/dist/ui.cjs.js +1 -1
  8. package/dist/ui.es.js +163 -160
  9. package/package.json +1 -1
package/dist/builder.es.js CHANGED
@@ -1,6 +1,6 @@
1
- (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_bsuj2_1 path{fill:var(--icon-fill)}._hoverable_bsuj2_5{cursor:pointer}._rotated_bsuj2_9{transform:rotate(180deg)}._button_gxd35_1{padding:10px 16px;border-radius:12px;cursor:pointer;font-size:16px}._button_gxd35_1:disabled{opacity:.7;cursor:auto}._primary_gxd35_13{color:#fff;background-color:#ff3f19}._secondary_gxd35_18{color:#757575;background-color:#f8f8f8}._wrapper_wp7u5_1{display:flex;flex-direction:column;gap:6px;justify-content:start;width:100%}._label_wp7u5_9{width:100%;color:var(--accent-color);line-height:20px;font-size:14px;font-weight:400}._input_wp7u5_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_wp7u5_17::placeholder{color:#c2c2c2}._input_wp7u5_17:disabled{background-color:var(--background-color);opacity:.7}._required_wp7u5_36{border:1px solid #ff3f19}._paddingless_wp7u5_40{padding:0}._content_wp7u5_44{display:flex;align-items:center;gap:8px}._borderless_wp7u5_50{border-radius:0;border:none}._wrapper_1v1ye_1{display:flex;flex-direction:column;gap:6px;justify-content:start;width:100%}._label_1v1ye_9{width:100%;color:var(--accent-color);line-height:20px;font-size:14px;font-weight:400}._select_1v1ye_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_1v1ye_30{transition:.2s}._rotate_1v1ye_34{transform:rotate(180deg)}._content_1v1ye_38{position:relative}._options_1v1ye_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_1v1ye_42{padding:10px 12px;border-radius:12px}._option_1v1ye_42:hover{background-color:#e6e6e6}._addon_1v1ye_66{display:flex;align-items:center;gap:6px}._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_1qb2a_1{position:fixed;top:0;left:0;right:0;bottom:0;background:#2525253d;z-index:100000;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}._customCheckbox_1b69m_1{display:inline-block;cursor:pointer;position:relative}._checkboxBox_1b69m_7{display:inline-block;width:20px;height:20px;border:1px solid #e6e6e6;border-radius:6px;position:relative}._checkboxBox_1b69m_7._checked_1b69m_16{background:#ffeae5;border:1px solid #ff3f19}._icon_1b69m_21{position:absolute;top:3px;left:3px}._wrapper_tm686_2{display:flex;flex-direction:column;gap:6px;width:100%}._label_tm686_9{color:#757575;font-weight:400;font-size:14px;line-height:20px}._icon_tm686_16{padding:4px;background-color:#fff;border:1px solid #f0f0f0;display:flex;justify-content:center;align-items:center;border-radius:6px}._text_tm686_26{font-weight:400;font-size:16px;line-height:24px;color:#ff3f19}._content_tm686_33{display:flex;align-items:center;gap:6px;cursor:pointer;background-color:#f8f8f8;border-radius:12px;padding:6px 8px}._modal_tm686_43{background-color:#f8f8f8;border:1px solid #f0f0f0;border-radius:16px;width:100%;max-width:640px}._top_tm686_51{padding:16px 24px;display:flex;align-items:center;justify-content:space-between}._title_tm686_58{color:#252525;font-weight:400;font-size:18px;line-height:24px}._modalContent_tm686_65{padding:16px 24px;border-top-left-radius:16px;border-top-right-radius:16px;border-top:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0;background-color:#fff}._images_tm686_74{display:grid;grid-template-columns:repeat(3,1fr);align-items:center;gap:10px;overflow-y:scroll;max-height:390px}._add_tm686_83{display:flex;flex-direction:column;gap:8px;padding:43px 16px;border:1px dashed #e6e6e6;justify-content:center;align-items:center;border-radius:16px;aspect-ratio:1/1}._description_tm686_95{text-align:center;color:#252525;font-size:14px;line-height:20px}._description_tm686_95 span:last-child{padding-top:4px}._bottom_tm686_105{display:flex;justify-content:end;align-items:center;width:100%;background-color:#fff;border-bottom-left-radius:16px;border-bottom-right-radius:16px;padding:16px 24px 12px;gap:6px}._cancel_tm686_117{background-color:var(--background-color);color:var(--accent-color)}._highlight_tm686_122{color:#ff3f19;cursor:pointer}._accent_tm686_127{color:var(--accent-color)}._image_tm686_74{position:relative;padding:43px 16px;border:1px solid #e6e6e6;justify-content:center;align-items:center;border-radius:16px;aspect-ratio:1/1}._selected_tm686_141{border:1px solid #ff3f19}._checkbox_tm686_145{position:absolute;top:12px;left:12px}._loading_tm686_151{position:relative;padding:43px 16px;border:1px solid #e6e6e6;background-color:#f8f8f8;justify-content:center;align-items:center;display:flex;border-radius:16px;aspect-ratio:1/1}._spinner_tm686_163{width:24px;height:24px;border:2px solid #ff3f19;border-top-color:#f8f8f8;border-radius:50%;animation:_spin_tm686_163 1s linear infinite}@keyframes _spin_tm686_163{to{transform:rotate(360deg)}}._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}._block_1d6lb_1{position:relative;display:flex;align-items:center;gap:4px;font-size:16px;line-height:24px;padding:8px 12px;border-radius:8px;cursor:pointer}._block_1d6lb_1:hover{background-color:var(--background-color)}._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_1g82c_2{display:flex;flex-direction:column;gap:10px}._alignmentBlock_1g82c_8{padding:10px 0 16px;display:flex;flex-direction:column;gap:6px}._title_1g82c_15{font-weight:700;line-height:24px;font-size:16px;color:#252525}._subtitle_1g82c_22{color:#757575;font-size:14px;line-height:20px;font-weight:400}._alignmentContent_1g82c_29{display:flex;justify-content:space-between;align-items:stretch}._alignments_1g82c_35{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_1g82c_8{cursor:pointer;display:flex;height:100%;width:100%;align-items:center;justify-content:center}._circle_1g82c_54{width:6px;height:6px;border-radius:50%;background-color:#c2c2c2}._paddings_1g82c_61{border-radius:12px;display:grid;gap:4px;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}._padding_1g82c_61{width:68px;display:flex;align-items:center;gap:4px;background:#f8f8f8;border-radius:12px;padding:10px 8px}._input_1g82c_79{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_1nl8x_1{color:#757575;font-size:14px;line-height:20px;font-weight:400}._header_1nl8x_8,._text_1nl8x_9,._productsBlock_1nl8x_10{padding:10px 0 16px;display:flex;flex-direction:column;gap:12px;width:100%}._productsBlock_1nl8x_10{position:relative}._top_1nl8x_22{display:flex;justify-content:space-between;align-items:center;margin:0 0 8px}._itemsBlock_1nl8x_29{display:flex;flex-direction:column;gap:6px}._typeTexts_1nl8x_35{display:flex;align-items:center;gap:8px}._block_1nl8x_41{padding:8px;display:flex;align-items:center;justify-content:center;border:1px solid #f8f8f8;background-color:#f8f8f8;border-radius:12px;cursor:pointer}._active_1nl8x_52{border:1px solid #ff3f19}._products_1nl8x_10{width:100%;display:flex;flex-direction:column;gap:8px}._product_1nl8x_10{display:flex;align-items:center;gap:8px;width:100%}._button_1nl8x_70{background:inherit;color:#ff3f19;display:flex;align-items:center;justify-content:center;gap:6px;width:100%}._image_1nl8x_80{border-radius:8px;border:1px solid #f0f0f0;background-color:#fff;padding:4px}._info_1nl8x_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_1nl8x_98{flex:1 1 100%}._buttons_1nl8x_102{display:flex;align-items:center;gap:8px}._modal_1nl8x_108{position:fixed;background-color:#fff;border:1px solid #f0f0f0;right:-300px;top:0;z-index:10000;max-width:276px;width:100%;padding:16px;border-radius:12px}._modal_1nl8x_108 ._top_1nl8x_22{display:flex;align-items:center;justify-content:space-between}._link_1nl8x_126{display:flex;flex-direction:column;gap:8px}._modalOptions_1nl8x_132{display:flex;flex-direction:column;gap:10px}._other_1wtgi_1{display:flex;flex-direction:column;gap:6px}._subtitle_1wtgi_7{color:#757575;font-size:14px;line-height:20px;font-weight:400}._items_1wtgi_14{display:flex;flex-direction:column;gap:8px}._subtitle_41klp_1{color:#757575;font-size:14px;line-height:20px;font-weight:400}._header_41klp_8,._text_41klp_9,._productsBlock_41klp_10,._buttonsBlock_41klp_11{padding:10px 0 16px;display:flex;flex-direction:column}._buttonsBlock_41klp_11{position:relative}._top_41klp_21{display:flex;justify-content:space-between;align-items:center;margin:0 0 8px}._itemsBlock_41klp_28{display:flex;flex-direction:column;gap:6px}._typeTexts_41klp_34{display:flex;align-items:center;gap:8px}._block_41klp_40{padding:8px;display:flex;align-items:center;justify-content:center;border:1px solid #f8f8f8;background-color:#f8f8f8;border-radius:12px;cursor:pointer}._active_41klp_51{border:1px solid #ff3f19}._products_41klp_10{width:100%;display:flex;flex-direction:column;gap:8px}._product_41klp_10{display:flex;align-items:center;gap:8px;width:100%}._button_41klp_11{background:inherit;color:#ff3f19;display:flex;align-items:center;justify-content:center;gap:6px;width:100%}._image_41klp_79{border-radius:8px;border:1px solid #f0f0f0;background-color:#fff;padding:4px}._info_41klp_86{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_41klp_97{flex:1 1 100%}._buttons_41klp_11{display:flex;align-items:center;gap:8px}._modal_41klp_107{position:fixed;background-color:#fff;right:-300px;z-index:10000;max-width:276px;width:100%;bottom:20px;padding:16px;border-radius:12px}._modal_41klp_107 ._top_41klp_21{display:flex;align-items:center;justify-content:space-between}._other_41klp_124{display:flex;flex-direction:column;gap:6px}._options_41klp_130{display:flex;flex-direction:column;gap:15px}._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}._wrapper_tn7gb_1{display:flex;flex-direction:column;gap:6px}._subtitle_tn7gb_7{color:#757575;font-size:14px;line-height:20px;font-weight:400}._content_tn7gb_14{display:flex;align-items:center;gap:10px;width:100%}._range_tn7gb_21{position:relative;flex:1}._track_tn7gb_26{position:absolute;width:95%;height:6px;background-color:#f0f0f0;border-radius:9999px;z-index:1}._progress_tn7gb_35{position:absolute;height:6px;width:100%;background-color:#ff3f19;transition:width .2s;border-radius:9999px;z-index:1}._dots_tn7gb_45{position:absolute;display:flex;justify-content:space-between;width:100%}._dot_tn7gb_45{width:14px;height:14px;border-radius:50%;transition:transform .2s;position:relative;top:-4px;left:0;z-index:1}._dot_tn7gb_45._active_tn7gb_62{background-color:#ff3f19;transform:scale(1)}._dot_tn7gb_45:not(._active_tn7gb_62){background-color:#e5e7eb;transform:scale(.9)}._dot_tn7gb_45:hover{transform:scale(1.1)}._input_tn7gb_74{position:absolute;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer}._input_tn7gb_74::-webkit-slider-thumb,._input_tn7gb_74::-moz-range-thumb{-webkit-appearance:none!important;-moz-appearance:none;appearance:none;width:0;height:0}._countBlock_tn7gb_88{display:flex;align-items:center;gap:10px;padding:8px 12px;background:#f8f8f8;border-radius:12px}._count_tn7gb_88{font-size:16px;font-weight:400;line-height:24px}._controls_tn7gb_103{display:flex;flex-direction:column}._button_tn7gb_108{transition:background-color .2s}._button_tn7gb_108:hover{background-color:#f3f4f6}._button_tn7gb_108:disabled{opacity:.5}')),document.head.appendChild(e)}}catch(o){console.error("vite-plugin-css-injected-by-js",o)}})();
2
- import { j as e, I as h, k as De, c as w, l as V, m as A, n as $, o as le, B as Z, p as F, q as K, r as He, s as ge, t as J, w as Re, x as fe, y as Me, z, e as ke, D as qe, H as Ye, u as Qe, d as Ue, f as ce, g as Ge, a as E, b as ne, A as pe, S as we, P as ye, E as Ee, F as Je, T as Xe, R as Ze, G as Ve, M as Ce, i as Ke, J as We } from "./index-C6aV8YdJ.js";
3
- import v, { useMemo as Fe } from "react";
1
+ (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_bsuj2_1 path{fill:var(--icon-fill)}._hoverable_bsuj2_5{cursor:pointer}._rotated_bsuj2_9{transform:rotate(180deg)}._button_gxd35_1{padding:10px 16px;border-radius:12px;cursor:pointer;font-size:16px}._button_gxd35_1:disabled{opacity:.7;cursor:auto}._primary_gxd35_13{color:#fff;background-color:#ff3f19}._secondary_gxd35_18{color:#757575;background-color:#f8f8f8}._wrapper_wp7u5_1{display:flex;flex-direction:column;gap:6px;justify-content:start;width:100%}._label_wp7u5_9{width:100%;color:var(--accent-color);line-height:20px;font-size:14px;font-weight:400}._input_wp7u5_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_wp7u5_17::placeholder{color:#c2c2c2}._input_wp7u5_17:disabled{background-color:var(--background-color);opacity:.7}._required_wp7u5_36{border:1px solid #ff3f19}._paddingless_wp7u5_40{padding:0}._content_wp7u5_44{display:flex;align-items:center;gap:8px}._borderless_wp7u5_50{border-radius:0;border:none}._wrapper_1v1ye_1{display:flex;flex-direction:column;gap:6px;justify-content:start;width:100%}._label_1v1ye_9{width:100%;color:var(--accent-color);line-height:20px;font-size:14px;font-weight:400}._select_1v1ye_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_1v1ye_30{transition:.2s}._rotate_1v1ye_34{transform:rotate(180deg)}._content_1v1ye_38{position:relative}._options_1v1ye_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_1v1ye_42{padding:10px 12px;border-radius:12px}._option_1v1ye_42:hover{background-color:#e6e6e6}._addon_1v1ye_66{display:flex;align-items:center;gap:6px}._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_1qb2a_1{position:fixed;top:0;left:0;right:0;bottom:0;background:#2525253d;z-index:100000;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}._customCheckbox_1b69m_1{display:inline-block;cursor:pointer;position:relative}._checkboxBox_1b69m_7{display:inline-block;width:20px;height:20px;border:1px solid #e6e6e6;border-radius:6px;position:relative}._checkboxBox_1b69m_7._checked_1b69m_16{background:#ffeae5;border:1px solid #ff3f19}._icon_1b69m_21{position:absolute;top:3px;left:3px}._wrapper_tm686_2{display:flex;flex-direction:column;gap:6px;width:100%}._label_tm686_9{color:#757575;font-weight:400;font-size:14px;line-height:20px}._icon_tm686_16{padding:4px;background-color:#fff;border:1px solid #f0f0f0;display:flex;justify-content:center;align-items:center;border-radius:6px}._text_tm686_26{font-weight:400;font-size:16px;line-height:24px;color:#ff3f19}._content_tm686_33{display:flex;align-items:center;gap:6px;cursor:pointer;background-color:#f8f8f8;border-radius:12px;padding:6px 8px}._modal_tm686_43{background-color:#f8f8f8;border:1px solid #f0f0f0;border-radius:16px;width:100%;max-width:640px}._top_tm686_51{padding:16px 24px;display:flex;align-items:center;justify-content:space-between}._title_tm686_58{color:#252525;font-weight:400;font-size:18px;line-height:24px}._modalContent_tm686_65{padding:16px 24px;border-top-left-radius:16px;border-top-right-radius:16px;border-top:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0;background-color:#fff}._images_tm686_74{display:grid;grid-template-columns:repeat(3,1fr);align-items:center;gap:10px;overflow-y:scroll;max-height:390px}._add_tm686_83{display:flex;flex-direction:column;gap:8px;padding:43px 16px;border:1px dashed #e6e6e6;justify-content:center;align-items:center;border-radius:16px;aspect-ratio:1/1}._description_tm686_95{text-align:center;color:#252525;font-size:14px;line-height:20px}._description_tm686_95 span:last-child{padding-top:4px}._bottom_tm686_105{display:flex;justify-content:end;align-items:center;width:100%;background-color:#fff;border-bottom-left-radius:16px;border-bottom-right-radius:16px;padding:16px 24px 12px;gap:6px}._cancel_tm686_117{background-color:var(--background-color);color:var(--accent-color)}._highlight_tm686_122{color:#ff3f19;cursor:pointer}._accent_tm686_127{color:var(--accent-color)}._image_tm686_74{position:relative;padding:43px 16px;border:1px solid #e6e6e6;justify-content:center;align-items:center;border-radius:16px;aspect-ratio:1/1}._selected_tm686_141{border:1px solid #ff3f19}._checkbox_tm686_145{position:absolute;top:12px;left:12px}._loading_tm686_151{position:relative;padding:43px 16px;border:1px solid #e6e6e6;background-color:#f8f8f8;justify-content:center;align-items:center;display:flex;border-radius:16px;aspect-ratio:1/1}._spinner_tm686_163{width:24px;height:24px;border:2px solid #ff3f19;border-top-color:#f8f8f8;border-radius:50%;animation:_spin_tm686_163 1s linear infinite}@keyframes _spin_tm686_163{to{transform:rotate(360deg)}}._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}._block_1d6lb_1{position:relative;display:flex;align-items:center;gap:4px;font-size:16px;line-height:24px;padding:8px 12px;border-radius:8px;cursor:pointer}._block_1d6lb_1:hover{background-color:var(--background-color)}._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_1lk1m_1{display:flex;align-items:center;gap:8px;padding-bottom:8px}._render_1lk1m_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_1lk1m_23{animation:.2s _open_1lk1m_23 forwards}@keyframes _open_1lk1m_23{0%{transform:translate(320px);z-index:1}99%{z-index:1}to{z-index:5000;transform:translate(0)}}@keyframes _close_1lk1m_50{0%{z-index:1;transform:translate(0)}to{z-index:1;transform:translate(320px)}}._close_1lk1m_50{animation:.2s _close_1lk1m_50 forwards}._clicked_1lk1m_54{opacity:0}._title_1lk1m_58{color:var(--main-color);font-weight:700;font-size:20px;line-height:24px}._button_1lk1m_65{align-self:center;flex:1}._loading_1lk1m_70{flex:1 1 auto}._settings_1lk1m_74{flex:1 1 auto;overflow-y:scroll;overflow-x:hidden}._buttons_1lk1m_80{justify-content:flex-end;display:flex;gap:10px}._deleteButton_1lk1m_86{display:flex;align-items:center;border-radius:8px;padding:8px;transition:.2s background-color}._deleteButton_1lk1m_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_1g82c_2{display:flex;flex-direction:column;gap:10px}._alignmentBlock_1g82c_8{padding:10px 0 16px;display:flex;flex-direction:column;gap:6px}._title_1g82c_15{font-weight:700;line-height:24px;font-size:16px;color:#252525}._subtitle_1g82c_22{color:#757575;font-size:14px;line-height:20px;font-weight:400}._alignmentContent_1g82c_29{display:flex;justify-content:space-between;align-items:stretch}._alignments_1g82c_35{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_1g82c_8{cursor:pointer;display:flex;height:100%;width:100%;align-items:center;justify-content:center}._circle_1g82c_54{width:6px;height:6px;border-radius:50%;background-color:#c2c2c2}._paddings_1g82c_61{border-radius:12px;display:grid;gap:4px;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}._padding_1g82c_61{width:68px;display:flex;align-items:center;gap:4px;background:#f8f8f8;border-radius:12px;padding:10px 8px}._input_1g82c_79{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_1nl8x_1{color:#757575;font-size:14px;line-height:20px;font-weight:400}._header_1nl8x_8,._text_1nl8x_9,._productsBlock_1nl8x_10{padding:10px 0 16px;display:flex;flex-direction:column;gap:12px;width:100%}._productsBlock_1nl8x_10{position:relative}._top_1nl8x_22{display:flex;justify-content:space-between;align-items:center;margin:0 0 8px}._itemsBlock_1nl8x_29{display:flex;flex-direction:column;gap:6px}._typeTexts_1nl8x_35{display:flex;align-items:center;gap:8px}._block_1nl8x_41{padding:8px;display:flex;align-items:center;justify-content:center;border:1px solid #f8f8f8;background-color:#f8f8f8;border-radius:12px;cursor:pointer}._active_1nl8x_52{border:1px solid #ff3f19}._products_1nl8x_10{width:100%;display:flex;flex-direction:column;gap:8px}._product_1nl8x_10{display:flex;align-items:center;gap:8px;width:100%}._button_1nl8x_70{background:inherit;color:#ff3f19;display:flex;align-items:center;justify-content:center;gap:6px;width:100%}._image_1nl8x_80{border-radius:8px;border:1px solid #f0f0f0;background-color:#fff;padding:4px}._info_1nl8x_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_1nl8x_98{flex:1 1 100%}._buttons_1nl8x_102{display:flex;align-items:center;gap:8px}._modal_1nl8x_108{position:fixed;background-color:#fff;border:1px solid #f0f0f0;right:-300px;top:0;z-index:10000;max-width:276px;width:100%;padding:16px;border-radius:12px}._modal_1nl8x_108 ._top_1nl8x_22{display:flex;align-items:center;justify-content:space-between}._link_1nl8x_126{display:flex;flex-direction:column;gap:8px}._modalOptions_1nl8x_132{display:flex;flex-direction:column;gap:10px}._other_1wtgi_1{display:flex;flex-direction:column;gap:6px}._subtitle_1wtgi_7{color:#757575;font-size:14px;line-height:20px;font-weight:400}._items_1wtgi_14{display:flex;flex-direction:column;gap:8px}._subtitle_41klp_1{color:#757575;font-size:14px;line-height:20px;font-weight:400}._header_41klp_8,._text_41klp_9,._productsBlock_41klp_10,._buttonsBlock_41klp_11{padding:10px 0 16px;display:flex;flex-direction:column}._buttonsBlock_41klp_11{position:relative}._top_41klp_21{display:flex;justify-content:space-between;align-items:center;margin:0 0 8px}._itemsBlock_41klp_28{display:flex;flex-direction:column;gap:6px}._typeTexts_41klp_34{display:flex;align-items:center;gap:8px}._block_41klp_40{padding:8px;display:flex;align-items:center;justify-content:center;border:1px solid #f8f8f8;background-color:#f8f8f8;border-radius:12px;cursor:pointer}._active_41klp_51{border:1px solid #ff3f19}._products_41klp_10{width:100%;display:flex;flex-direction:column;gap:8px}._product_41klp_10{display:flex;align-items:center;gap:8px;width:100%}._button_41klp_11{background:inherit;color:#ff3f19;display:flex;align-items:center;justify-content:center;gap:6px;width:100%}._image_41klp_79{border-radius:8px;border:1px solid #f0f0f0;background-color:#fff;padding:4px}._info_41klp_86{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_41klp_97{flex:1 1 100%}._buttons_41klp_11{display:flex;align-items:center;gap:8px}._modal_41klp_107{position:fixed;background-color:#fff;right:-300px;z-index:10000;max-width:276px;width:100%;bottom:20px;padding:16px;border-radius:12px}._modal_41klp_107 ._top_41klp_21{display:flex;align-items:center;justify-content:space-between}._other_41klp_124{display:flex;flex-direction:column;gap:6px}._options_41klp_130{display:flex;flex-direction:column;gap:15px}._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}._wrapper_tn7gb_1{display:flex;flex-direction:column;gap:6px}._subtitle_tn7gb_7{color:#757575;font-size:14px;line-height:20px;font-weight:400}._content_tn7gb_14{display:flex;align-items:center;gap:10px;width:100%}._range_tn7gb_21{position:relative;flex:1}._track_tn7gb_26{position:absolute;width:95%;height:6px;background-color:#f0f0f0;border-radius:9999px;z-index:1}._progress_tn7gb_35{position:absolute;height:6px;width:100%;background-color:#ff3f19;transition:width .2s;border-radius:9999px;z-index:1}._dots_tn7gb_45{position:absolute;display:flex;justify-content:space-between;width:100%}._dot_tn7gb_45{width:14px;height:14px;border-radius:50%;transition:transform .2s;position:relative;top:-4px;left:0;z-index:1}._dot_tn7gb_45._active_tn7gb_62{background-color:#ff3f19;transform:scale(1)}._dot_tn7gb_45:not(._active_tn7gb_62){background-color:#e5e7eb;transform:scale(.9)}._dot_tn7gb_45:hover{transform:scale(1.1)}._input_tn7gb_74{position:absolute;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer}._input_tn7gb_74::-webkit-slider-thumb,._input_tn7gb_74::-moz-range-thumb{-webkit-appearance:none!important;-moz-appearance:none;appearance:none;width:0;height:0}._countBlock_tn7gb_88{display:flex;align-items:center;gap:10px;padding:8px 12px;background:#f8f8f8;border-radius:12px}._count_tn7gb_88{font-size:16px;font-weight:400;line-height:24px}._controls_tn7gb_103{display:flex;flex-direction:column}._button_tn7gb_108{transition:background-color .2s}._button_tn7gb_108:hover{background-color:#f3f4f6}._button_tn7gb_108:disabled{opacity:.5}')),document.head.appendChild(e)}}catch(o){console.error("vite-plugin-css-injected-by-js",o)}})();
2
+ import { j as e, I as _, k as De, c as C, l as Z, m as B, n as $, o as le, B as X, p as F, q as V, r as He, s as pe, t as K, w as Re, x as fe, y as Me, z as H, e as ke, D as qe, H as Ye, u as Qe, d as Ue, f as ce, g as Ge, a as I, b as ne, A as ge, S as we, P as Ce, E as Ee, F as Je, T as Xe, R as Ze, G as Ve, M as Ne, i as Ke, J as We } from "./index-BS_tTsUw.js";
3
+ import x, { useMemo as Ie } from "react";
4
4
  const et = ["desktop", "tablet", "mobile"], tt = [
5
5
  {
6
6
  icon: "paint",
@@ -27,7 +27,7 @@ const et = ["desktop", "tablet", "mobile"], tt = [
27
27
  button: ot
28
28
  }, ct = () => /* @__PURE__ */ e.jsxs("div", { className: at.buttons, children: [
29
29
  /* @__PURE__ */ e.jsx(
30
- h,
30
+ _,
31
31
  {
32
32
  name: "undo",
33
33
  hoverable: !0,
@@ -36,7 +36,7 @@ const et = ["desktop", "tablet", "mobile"], tt = [
36
36
  }
37
37
  ),
38
38
  /* @__PURE__ */ e.jsx(
39
- h,
39
+ _,
40
40
  {
41
41
  name: "redo",
42
42
  hoverable: !0,
@@ -53,12 +53,12 @@ const et = ["desktop", "tablet", "mobile"], tt = [
53
53
  return /* @__PURE__ */ e.jsx("div", { className: xe.devices, children: et.map((s) => /* @__PURE__ */ e.jsx(
54
54
  "div",
55
55
  {
56
- className: w(xe.device, {
56
+ className: C(xe.device, {
57
57
  [xe.active]: t === s
58
58
  }),
59
59
  onClick: () => n(s),
60
60
  children: /* @__PURE__ */ e.jsx(
61
- h,
61
+ _,
62
62
  {
63
63
  name: s,
64
64
  fill: t === s ? "#252525" : "#757575",
@@ -73,21 +73,21 @@ const et = ["desktop", "tablet", "mobile"], tt = [
73
73
  header: ut,
74
74
  left: mt,
75
75
  right: ht
76
- }, _t = "_preview_vijvm_2", pt = "_active_vijvm_22", je = {
76
+ }, _t = "_preview_vijvm_2", gt = "_active_vijvm_22", je = {
77
77
  preview: _t,
78
- active: pt
79
- }, gt = () => {
80
- const { onPreview: t, setOnPreview: n } = V();
78
+ active: gt
79
+ }, pt = () => {
80
+ const { onPreview: t, setOnPreview: n } = Z();
81
81
  return /* @__PURE__ */ e.jsxs(
82
82
  "div",
83
83
  {
84
- className: w(je.preview, {
84
+ className: C(je.preview, {
85
85
  [je.active]: t
86
86
  }),
87
87
  onClick: () => n(!t),
88
88
  children: [
89
89
  /* @__PURE__ */ e.jsx(
90
- h,
90
+ _,
91
91
  {
92
92
  name: "arrow-up-right",
93
93
  width: 20,
@@ -100,12 +100,12 @@ const et = ["desktop", "tablet", "mobile"], tt = [
100
100
  );
101
101
  }, xt = "_settings_q79q3_1", jt = {
102
102
  settings: xt
103
- }, vt = "_language_1mbvp_1", bt = "_text_1mbvp_11", Ne = {
103
+ }, vt = "_language_1mbvp_1", bt = "_text_1mbvp_11", $e = {
104
104
  language: vt,
105
105
  text: bt
106
- }, ft = () => /* @__PURE__ */ e.jsxs("div", { className: Ne.language, children: [
106
+ }, ft = () => /* @__PURE__ */ e.jsxs("div", { className: $e.language, children: [
107
107
  /* @__PURE__ */ e.jsx(
108
- h,
108
+ _,
109
109
  {
110
110
  name: "globe",
111
111
  fill: "#252525",
@@ -113,25 +113,25 @@ const et = ["desktop", "tablet", "mobile"], tt = [
113
113
  height: 20
114
114
  }
115
115
  ),
116
- /* @__PURE__ */ e.jsx("span", { className: Ne.text, children: "Default" }),
116
+ /* @__PURE__ */ e.jsx("span", { className: $e.text, children: "Default" }),
117
117
  /* @__PURE__ */ e.jsx(
118
- h,
118
+ _,
119
119
  {
120
120
  name: "arrow-down",
121
121
  width: 20,
122
122
  height: 20
123
123
  }
124
124
  )
125
- ] }), kt = "_pages_x8pw2_1", wt = "_text_x8pw2_16", yt = "_modal_x8pw2_22", Ct = "_page_x8pw2_1", Nt = "_hoverable_x8pw2_45", $t = "_separator_x8pw2_49", Bt = "_button_x8pw2_53", q = {
125
+ ] }), kt = "_pages_x8pw2_1", wt = "_text_x8pw2_16", Ct = "_modal_x8pw2_22", Nt = "_page_x8pw2_1", $t = "_hoverable_x8pw2_45", yt = "_separator_x8pw2_49", Bt = "_button_x8pw2_53", Y = {
126
126
  pages: kt,
127
127
  default: "_default_x8pw2_5",
128
128
  text: wt,
129
- modal: yt,
130
- page: Ct,
131
- hoverable: Nt,
132
- separator: $t,
129
+ modal: Ct,
130
+ page: Nt,
131
+ hoverable: $t,
132
+ separator: yt,
133
133
  button: Bt
134
- }, O = (t) => t ? t.replace(/_/g, " ").split(" ").map((n) => n.charAt(0).toUpperCase() + n.slice(1)).join(" and ") : "", St = () => {
134
+ }, z = (t) => t ? t.replace(/_/g, " ").split(" ").map((n) => n.charAt(0).toUpperCase() + n.slice(1)).join(" and ") : "", St = () => {
135
135
  const {
136
136
  currentPage: t,
137
137
  setCurrentPage: n,
@@ -142,25 +142,25 @@ const et = ["desktop", "tablet", "mobile"], tt = [
142
142
  deletePage: o,
143
143
  isOpenSelectModal: i,
144
144
  setIsOpenSelectModal: d
145
- } = A(), { deletePage: b } = $(), [g, r] = v.useState("");
146
- return v.useEffect(() => {
147
- const u = () => {
145
+ } = B(), { deletePage: w } = $(), [g, u] = x.useState("");
146
+ return x.useEffect(() => {
147
+ const m = () => {
148
148
  d(!1);
149
149
  };
150
- return document.body.addEventListener("click", u), () => {
151
- document.body.removeEventListener("click", u);
150
+ return document.body.addEventListener("click", m), () => {
151
+ document.body.removeEventListener("click", m);
152
152
  };
153
- }, []), /* @__PURE__ */ e.jsxs("div", { className: q.pages, children: [
153
+ }, []), /* @__PURE__ */ e.jsxs("div", { className: Y.pages, children: [
154
154
  /* @__PURE__ */ e.jsxs(
155
155
  "div",
156
156
  {
157
- className: q.default,
158
- onClick: (u) => {
159
- u.stopPropagation(), d(!i);
157
+ className: Y.default,
158
+ onClick: (m) => {
159
+ m.stopPropagation(), d(!i);
160
160
  },
161
161
  children: [
162
162
  /* @__PURE__ */ e.jsx(
163
- h,
163
+ _,
164
164
  {
165
165
  name: a[t].icon,
166
166
  fill: "#252525",
@@ -168,9 +168,9 @@ const et = ["desktop", "tablet", "mobile"], tt = [
168
168
  height: 20
169
169
  }
170
170
  ),
171
- /* @__PURE__ */ e.jsx("span", { className: q.text, children: le.includes(a[t].name) ? `${O(a[t].name)} page` : a[t].name }),
171
+ /* @__PURE__ */ e.jsx("span", { className: Y.text, children: le.includes(a[t].name) ? `${z(a[t].name)} page` : a[t].name }),
172
172
  /* @__PURE__ */ e.jsx(
173
- h,
173
+ _,
174
174
  {
175
175
  name: "arrow-down",
176
176
  width: 20,
@@ -183,55 +183,55 @@ const et = ["desktop", "tablet", "mobile"], tt = [
183
183
  i && /* @__PURE__ */ e.jsxs(
184
184
  "div",
185
185
  {
186
- className: q.modal,
187
- onClick: (u) => u.stopPropagation(),
186
+ className: Y.modal,
187
+ onClick: (m) => m.stopPropagation(),
188
188
  children: [
189
- Object.keys(a).map((u) => {
190
- const p = a[u];
189
+ Object.keys(a).map((m) => {
190
+ const r = a[m];
191
191
  return /* @__PURE__ */ e.jsxs(
192
192
  "div",
193
193
  {
194
- className: w(q.page, {
195
- [q.hoverable]: g === u
194
+ className: C(Y.page, {
195
+ [Y.hoverable]: g === m
196
196
  }),
197
- onMouseEnter: () => r(u),
198
- onMouseLeave: () => r(""),
197
+ onMouseEnter: () => u(m),
198
+ onMouseLeave: () => u(""),
199
199
  onClick: () => {
200
- r(""), l(!1), n(u), d(!1);
200
+ u(""), l(!1), n(m), d(!1);
201
201
  },
202
202
  children: [
203
203
  /* @__PURE__ */ e.jsx(
204
- h,
204
+ _,
205
205
  {
206
- name: p.icon,
206
+ name: r.icon,
207
207
  fill: "#252525"
208
208
  }
209
209
  ),
210
- /* @__PURE__ */ e.jsx("span", { className: q.text, children: le.includes(p.name) ? `${O(p.name)} page` : p.name }),
211
- g === u && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
210
+ /* @__PURE__ */ e.jsx("span", { className: Y.text, children: le.includes(r.name) ? `${z(r.name)} page` : r.name }),
211
+ g === m && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
212
212
  /* @__PURE__ */ e.jsx(
213
- h,
213
+ _,
214
214
  {
215
215
  name: "settings",
216
216
  fill: "#757575",
217
- onClick: (x) => {
218
- x.stopPropagation(), l(!0), c(u), s(!0);
217
+ onClick: (j) => {
218
+ j.stopPropagation(), l(!0), c(m), s(!0);
219
219
  }
220
220
  }
221
221
  ),
222
- !le.includes(p.name) && /* @__PURE__ */ e.jsx(
223
- h,
222
+ !le.includes(r.name) && /* @__PURE__ */ e.jsx(
223
+ _,
224
224
  {
225
225
  name: "trash",
226
226
  fill: "#C12A2A",
227
- onClick: (x) => {
228
- a[t].name === p.name && n("home"), x.stopPropagation(), o(u), b(p.name);
227
+ onClick: (j) => {
228
+ a[t].name === r.name && n("home"), j.stopPropagation(), o(m), w(r.name);
229
229
  }
230
230
  }
231
231
  )
232
232
  ] }),
233
- a[t].name === p.name && /* @__PURE__ */ e.jsx(
234
- h,
233
+ a[t].name === r.name && /* @__PURE__ */ e.jsx(
234
+ _,
235
235
  {
236
236
  name: "check",
237
237
  fill: "#FF3F19"
@@ -239,21 +239,21 @@ const et = ["desktop", "tablet", "mobile"], tt = [
239
239
  )
240
240
  ]
241
241
  },
242
- u
242
+ m
243
243
  );
244
244
  }),
245
- /* @__PURE__ */ e.jsx("div", { className: q.separator }),
245
+ /* @__PURE__ */ e.jsx("div", { className: Y.separator }),
246
246
  /* @__PURE__ */ e.jsxs(
247
- Z,
247
+ X,
248
248
  {
249
- className: q.button,
250
- onClick: (u) => {
251
- u.stopPropagation(), s(!0);
249
+ className: Y.button,
250
+ onClick: (m) => {
251
+ m.stopPropagation(), s(!0);
252
252
  },
253
253
  size: "l",
254
254
  children: [
255
255
  /* @__PURE__ */ e.jsx(
256
- h,
256
+ _,
257
257
  {
258
258
  name: "plus",
259
259
  fill: "#ff3f19"
@@ -270,14 +270,14 @@ const et = ["desktop", "tablet", "mobile"], tt = [
270
270
  }, At = "_zoom_a77cn_1", Pt = {
271
271
  zoom: At
272
272
  }, Mt = () => {
273
- const [t, n] = v.useState(), s = () => {
273
+ const [t, n] = x.useState(), s = () => {
274
274
  n(Number(Math.round(window.devicePixelRatio * 50).toFixed(0)));
275
275
  };
276
- return v.useEffect(() => (s(), window.addEventListener("resize", s), () => {
276
+ return x.useEffect(() => (s(), window.addEventListener("resize", s), () => {
277
277
  window.removeEventListener("resize", s);
278
278
  }), []), /* @__PURE__ */ e.jsxs("div", { className: Pt.zoom, children: [
279
279
  /* @__PURE__ */ e.jsx(
280
- h,
280
+ _,
281
281
  {
282
282
  name: "zoom-minus",
283
283
  width: 20,
@@ -293,11 +293,11 @@ const et = ["desktop", "tablet", "mobile"], tt = [
293
293
  /* @__PURE__ */ e.jsx(ft, {}),
294
294
  /* @__PURE__ */ e.jsx(St, {}),
295
295
  /* @__PURE__ */ e.jsx(Mt, {})
296
- ] }), Ft = "_theme_3wxbf_1", Tt = {
297
- theme: Ft
298
- }, It = () => /* @__PURE__ */ e.jsxs("div", { className: Tt.theme, children: [
296
+ ] }), It = "_theme_3wxbf_1", Ft = {
297
+ theme: It
298
+ }, Tt = () => /* @__PURE__ */ e.jsxs("div", { className: Ft.theme, children: [
299
299
  /* @__PURE__ */ e.jsx(
300
- h,
300
+ _,
301
301
  {
302
302
  name: "check",
303
303
  width: 18,
@@ -306,91 +306,91 @@ const et = ["desktop", "tablet", "mobile"], tt = [
306
306
  ),
307
307
  /* @__PURE__ */ e.jsx("div", { children: "Current Theme" })
308
308
  ] }), Ot = () => {
309
- const { themeSettings: t } = F(), { settings: n } = K(), [s, a] = v.useState(null), [l, c] = v.useState(!1), { pages: o } = A(), { blocks: i } = $();
310
- function d(p, x) {
311
- return x.map(
312
- (j) => Object.values(j.value).filter((S) => S.type === p).map((S) => S.value).flat()
309
+ const { themeSettings: t } = F(), { settings: n } = V(), [s, a] = x.useState(null), [l, c] = x.useState(!1), { pages: o } = B(), { blocks: i } = $();
310
+ function d(r, j) {
311
+ return j.map(
312
+ (v) => Object.values(v.value).filter((y) => y.type === r).map((y) => y.value).flat()
313
313
  ).flat();
314
314
  }
315
- function b(p, x) {
316
- return d(p, x).some((j) => j);
315
+ function w(r, j) {
316
+ return d(r, j).some((v) => v);
317
317
  }
318
- function g(p, x) {
319
- const _ = d(p, x);
320
- return Array.isArray(_) && _.length > 0 ? Math.max(..._) : 0;
318
+ function g(r, j) {
319
+ const p = d(r, j);
320
+ return Array.isArray(p) && p.length > 0 ? Math.max(...p) : 0;
321
321
  }
322
- function r(p) {
323
- const x = Object.keys(o).find((_) => o[_].name === p);
324
- return x ? o[x] : null;
322
+ function u(r) {
323
+ const j = Object.keys(o).find((p) => o[p].name === r);
324
+ return j ? o[j] : null;
325
325
  }
326
- const u = () => {
326
+ const m = () => {
327
327
  if (l)
328
328
  s && clearTimeout(s);
329
329
  else {
330
- const x = Object.keys(i).map((_) => {
331
- const j = r(_);
330
+ const j = Object.keys(i).map((p) => {
331
+ const v = u(p);
332
332
  return {
333
- name: j ? j.name : _,
334
- path: _ === "home" ? "/" : (j == null ? void 0 : j.path) || _,
333
+ name: v ? v.name : p,
334
+ path: p === "home" ? "/" : (v == null ? void 0 : v.path) || p,
335
335
  layout: {
336
- ...i[_]
336
+ ...i[p]
337
337
  },
338
- neededProductIds: [...d("ProductId", Object.values(i[_]))],
339
- neededCategoryIds: [...d("CategoryId", Object.values(i[_]))],
340
- neededAnnouncementIds: [...d("AnnouncementId", Object.values(i[_]))],
341
- neededListingIds: [...d("ListingId", Object.values(i[_]))],
342
- neededFaqs: b("Faqs", Object.values(i[_])),
343
- neededReviewCount: g("ReviewCount", Object.values(i[_])),
338
+ neededProductIds: [...d("ProductId", Object.values(i[p]))],
339
+ neededCategoryIds: [...d("CategoryId", Object.values(i[p]))],
340
+ neededAnnouncementIds: [...d("AnnouncementId", Object.values(i[p]))],
341
+ neededListingIds: [...d("ListingId", Object.values(i[p]))],
342
+ neededFaqs: w("Faqs", Object.values(i[p])),
343
+ neededReviewCount: g("ReviewCount", Object.values(i[p])),
344
344
  seo: {
345
- pageTitle: j ? j.seo.title : "",
346
- pageDescription: j ? j.seo.description : ""
345
+ pageTitle: v ? v.seo.title : "",
346
+ pageDescription: v ? v.seo.description : ""
347
347
  }
348
348
  };
349
349
  });
350
350
  He("POST", "save", {
351
351
  themeSettings: t,
352
352
  settings: n,
353
- updatedPages: x
353
+ updatedPages: j
354
354
  });
355
355
  }
356
356
  c(!0);
357
- const p = setTimeout(() => {
357
+ const r = setTimeout(() => {
358
358
  c(!1);
359
359
  }, 2e3);
360
- a(p);
360
+ a(r);
361
361
  };
362
362
  return /* @__PURE__ */ e.jsxs("div", { className: de.header, children: [
363
363
  /* @__PURE__ */ e.jsxs("div", { className: de.left, children: [
364
364
  /* @__PURE__ */ e.jsx(dt, {}),
365
- /* @__PURE__ */ e.jsx(gt, {})
365
+ /* @__PURE__ */ e.jsx(pt, {})
366
366
  ] }),
367
367
  /* @__PURE__ */ e.jsx("div", { className: de.center, children: /* @__PURE__ */ e.jsx(Et, {}) }),
368
368
  /* @__PURE__ */ e.jsxs("div", { className: de.right, children: [
369
- /* @__PURE__ */ e.jsx(It, {}),
369
+ /* @__PURE__ */ e.jsx(Tt, {}),
370
370
  /* @__PURE__ */ e.jsx(ct, {}),
371
- /* @__PURE__ */ e.jsx(Z, { onClick: u, children: "Save" })
371
+ /* @__PURE__ */ e.jsx(X, { onClick: m, children: "Save" })
372
372
  ] })
373
373
  ] });
374
- }, Lt = "_exit_2ce42_1", zt = "_text_2ce42_10", $e = {
374
+ }, Lt = "_exit_2ce42_1", zt = "_text_2ce42_10", ye = {
375
375
  exit: Lt,
376
376
  text: zt
377
- }, Dt = () => /* @__PURE__ */ e.jsxs("div", { className: $e.exit, children: [
377
+ }, Dt = () => /* @__PURE__ */ e.jsxs("div", { className: ye.exit, children: [
378
378
  /* @__PURE__ */ e.jsx(
379
- h,
379
+ _,
380
380
  {
381
381
  name: "sign-out",
382
382
  width: 20,
383
383
  height: 20
384
384
  }
385
385
  ),
386
- /* @__PURE__ */ e.jsx("span", { className: $e.text, children: "Exit" })
386
+ /* @__PURE__ */ e.jsx("span", { className: ye.text, children: "Exit" })
387
387
  ] }), Ht = "_navbar_2ac63_1", Rt = "_main_2ac63_6", qt = "_block_2ac63_13", Yt = "_active_2ac63_30", ue = {
388
388
  navbar: Ht,
389
389
  main: Rt,
390
390
  block: qt,
391
391
  active: Yt
392
392
  }, Qt = () => {
393
- const { activeBlock: t, setActiveBlock: n } = ge(), { setActiveBlock: s } = J(), { setCurrentBlock: a } = $(), { setActiveBlock: l } = F();
393
+ const { activeBlock: t, setActiveBlock: n } = pe(), { setActiveBlock: s } = K(), { setCurrentBlock: a } = $(), { setActiveBlock: l } = F();
394
394
  function c(o) {
395
395
  s(null), n(o), a(null), l(null);
396
396
  }
@@ -399,13 +399,13 @@ const et = ["desktop", "tablet", "mobile"], tt = [
399
399
  /* @__PURE__ */ e.jsx("div", { className: ue.main, children: Re.map((o) => /* @__PURE__ */ e.jsxs(
400
400
  "div",
401
401
  {
402
- className: w(ue.block, {
402
+ className: C(ue.block, {
403
403
  [ue.active]: t.icon === o.icon
404
404
  }),
405
405
  onClick: () => c(o),
406
406
  children: [
407
407
  /* @__PURE__ */ e.jsx(
408
- h,
408
+ _,
409
409
  {
410
410
  name: o.icon,
411
411
  fill: t.icon === o.icon ? "#252525" : "#757575"
@@ -424,7 +424,7 @@ const et = ["desktop", "tablet", "mobile"], tt = [
424
424
  loading: Xt,
425
425
  loader: Zt,
426
426
  spin: Vt
427
- }, Kt = "_header_1t64j_1", Wt = "_circles_1t64j_14", es = "_circle_1t64j_14", ts = "_red_1t64j_30", ss = "_green_1t64j_34", ns = "_yellow_1t64j_38", os = "_input_1t64j_42", as = "_main_1t64j_51", cs = "_text_1t64j_59", Y = {
427
+ }, Kt = "_header_1t64j_1", Wt = "_circles_1t64j_14", es = "_circle_1t64j_14", ts = "_red_1t64j_30", ss = "_green_1t64j_34", ns = "_yellow_1t64j_38", os = "_input_1t64j_42", as = "_main_1t64j_51", cs = "_text_1t64j_59", Q = {
428
428
  header: Kt,
429
429
  circles: Wt,
430
430
  circle: es,
@@ -434,20 +434,20 @@ const et = ["desktop", "tablet", "mobile"], tt = [
434
434
  input: os,
435
435
  main: as,
436
436
  text: cs
437
- }, ls = "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", is = ["red", "yellow", "green"], rs = () => /* @__PURE__ */ e.jsxs("div", { className: Y.header, children: [
438
- /* @__PURE__ */ e.jsx("div", { className: Y.circles, children: is.map((t) => /* @__PURE__ */ e.jsx(
437
+ }, ls = "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", is = ["red", "yellow", "green"], rs = () => /* @__PURE__ */ e.jsxs("div", { className: Q.header, children: [
438
+ /* @__PURE__ */ e.jsx("div", { className: Q.circles, children: is.map((t) => /* @__PURE__ */ e.jsx(
439
439
  "div",
440
440
  {
441
- className: w(Y.circle, {
442
- [Y.red]: t === "red",
443
- [Y.yellow]: t === "yellow",
444
- [Y.green]: t === "green"
441
+ className: C(Q.circle, {
442
+ [Q.red]: t === "red",
443
+ [Q.yellow]: t === "yellow",
444
+ [Q.green]: t === "green"
445
445
  })
446
446
  },
447
447
  t
448
448
  )) }),
449
- /* @__PURE__ */ e.jsxs("div", { className: Y.input, children: [
450
- /* @__PURE__ */ e.jsxs("div", { className: Y.main, children: [
449
+ /* @__PURE__ */ e.jsxs("div", { className: Q.input, children: [
450
+ /* @__PURE__ */ e.jsxs("div", { className: Q.main, children: [
451
451
  /* @__PURE__ */ e.jsx(
452
452
  "img",
453
453
  {
@@ -455,9 +455,9 @@ const et = ["desktop", "tablet", "mobile"], tt = [
455
455
  alt: ""
456
456
  }
457
457
  ),
458
- /* @__PURE__ */ e.jsx("span", { className: Y.text, children: "lorem.ipsum" }),
458
+ /* @__PURE__ */ e.jsx("span", { className: Q.text, children: "lorem.ipsum" }),
459
459
  /* @__PURE__ */ e.jsx(
460
- h,
460
+ _,
461
461
  {
462
462
  name: "lock",
463
463
  fill: "#757575",
@@ -467,7 +467,7 @@ const et = ["desktop", "tablet", "mobile"], tt = [
467
467
  )
468
468
  ] }),
469
469
  /* @__PURE__ */ e.jsx(
470
- h,
470
+ _,
471
471
  {
472
472
  name: "copy",
473
473
  width: 20,
@@ -475,68 +475,68 @@ const et = ["desktop", "tablet", "mobile"], tt = [
475
475
  }
476
476
  )
477
477
  ] })
478
- ] }), ds = "_content_92dk8_1", us = "_block_92dk8_6", ms = "_active_92dk8_13", hs = "_name_92dk8_17", _s = "_empty_92dk8_31", ps = "_icon_92dk8_42", gs = "_title_92dk8_53", xs = "_text_92dk8_59", js = "_sections_92dk8_65", vs = "_section_92dk8_65", me = {
478
+ ] }), ds = "_content_92dk8_1", us = "_block_92dk8_6", ms = "_active_92dk8_13", hs = "_name_92dk8_17", _s = "_empty_92dk8_31", gs = "_icon_92dk8_42", ps = "_title_92dk8_53", xs = "_text_92dk8_59", js = "_sections_92dk8_65", vs = "_section_92dk8_65", me = {
479
479
  content: ds,
480
480
  block: us,
481
481
  active: ms,
482
482
  name: hs,
483
483
  empty: _s,
484
- icon: ps,
485
- title: gs,
484
+ icon: gs,
485
+ title: ps,
486
486
  text: xs,
487
487
  sections: js,
488
488
  section: vs
489
- }, bs = "_sidebar_1f3hk_1", fs = "_content_1f3hk_12", ks = "_button_1f3hk_22", ws = "_moveButton_1f3hk_30", ys = "_border_1f3hk_34", Cs = "_deleteButton_1f3hk_38", M = {
489
+ }, bs = "_sidebar_1f3hk_1", fs = "_content_1f3hk_12", ks = "_button_1f3hk_22", ws = "_moveButton_1f3hk_30", Cs = "_border_1f3hk_34", Ns = "_deleteButton_1f3hk_38", E = {
490
490
  sidebar: bs,
491
491
  content: fs,
492
492
  button: ks,
493
493
  moveButton: ws,
494
- border: ys,
495
- deleteButton: Cs
496
- }, Ns = () => {
497
- const { activeBlock: t } = V(), { blocks: n, removeBlock: s, moveBlock: a, duplicateBlock: l } = $(), { currentPage: c, pages: o } = A(), i = Object.keys(n[o[c].name]), d = i.indexOf(t), b = () => {
494
+ border: Cs,
495
+ deleteButton: Ns
496
+ }, $s = () => {
497
+ const { activeBlock: t } = Z(), { blocks: n, removeBlock: s, moveBlock: a, duplicateBlock: l } = $(), { currentPage: c, pages: o } = B(), i = Object.keys(n[o[c].name]), d = i.indexOf(t), w = () => {
498
498
  d > 0 && a(o[c].name, d, d - 1);
499
499
  }, g = () => {
500
500
  d < i.length - 1 && a(o[c].name, d, d + 1);
501
- }, r = () => {
501
+ }, u = () => {
502
502
  l(o[c].name, t);
503
503
  };
504
- return /* @__PURE__ */ e.jsx("div", { className: M.sidebar, children: /* @__PURE__ */ e.jsxs("div", { className: M.content, children: [
504
+ return /* @__PURE__ */ e.jsx("div", { className: E.sidebar, children: /* @__PURE__ */ e.jsxs("div", { className: E.content, children: [
505
505
  /* @__PURE__ */ e.jsx(
506
506
  "button",
507
507
  {
508
- onClick: b,
509
- className: w(M.button, M.moveButton),
508
+ onClick: w,
509
+ className: C(E.button, E.moveButton),
510
510
  disabled: d === 0,
511
- children: /* @__PURE__ */ e.jsx(h, { name: "arrow-preview-up" })
511
+ children: /* @__PURE__ */ e.jsx(_, { name: "arrow-preview-up" })
512
512
  }
513
513
  ),
514
514
  /* @__PURE__ */ e.jsx(
515
515
  "button",
516
516
  {
517
517
  onClick: g,
518
- className: w(M.button, M.moveButton),
518
+ className: C(E.button, E.moveButton),
519
519
  disabled: d === i.length - 1,
520
- children: /* @__PURE__ */ e.jsx(h, { name: "arrow-preview-down" })
520
+ children: /* @__PURE__ */ e.jsx(_, { name: "arrow-preview-down" })
521
521
  }
522
522
  ),
523
- /* @__PURE__ */ e.jsx("div", { className: M.border }),
523
+ /* @__PURE__ */ e.jsx("div", { className: E.border }),
524
524
  /* @__PURE__ */ e.jsx(
525
525
  "button",
526
526
  {
527
- onClick: r,
528
- className: w(M.button, M.moveButton),
529
- children: /* @__PURE__ */ e.jsx(h, { name: "copy" })
527
+ onClick: u,
528
+ className: C(E.button, E.moveButton),
529
+ children: /* @__PURE__ */ e.jsx(_, { name: "copy" })
530
530
  }
531
531
  ),
532
- /* @__PURE__ */ e.jsx("div", { className: M.border }),
532
+ /* @__PURE__ */ e.jsx("div", { className: E.border }),
533
533
  /* @__PURE__ */ e.jsx(
534
534
  "button",
535
535
  {
536
536
  onClick: () => s(o[c].name, t),
537
- className: w(M.button, M.deleteButton),
537
+ className: C(E.button, E.deleteButton),
538
538
  children: /* @__PURE__ */ e.jsx(
539
- h,
539
+ _,
540
540
  {
541
541
  name: "trash",
542
542
  hoverable: !0
@@ -545,63 +545,61 @@ const et = ["desktop", "tablet", "mobile"], tt = [
545
545
  }
546
546
  )
547
547
  ] }) });
548
- }, Te = ({ render: t, block: n }) => t(n), $s = () => {
549
- const { footer: t } = $(), { settings: n } = K(), { pageContext: s } = A();
548
+ }, Fe = ({ render: t, block: n }) => t(n), ys = () => {
549
+ const { footer: t } = $(), { settings: n } = V(), { pageContext: s } = B();
550
550
  return t == null ? void 0 : t.renderBlock(n, s);
551
551
  }, Bs = () => {
552
- const { header: t } = $(), { settings: n } = K(), { pageContext: s } = A();
552
+ const { header: t } = $(), { settings: n } = V(), { pageContext: s } = B();
553
553
  return t == null ? void 0 : t.renderBlock(n, s);
554
- }, Ss = v.memo(() => {
555
- const { setActiveBlock: t, activeBlock: n } = V(), { blocks: s } = J(), { blocks: a } = $(), { settings: l } = K(), { currentPage: c, pages: o, setIsOpenSelectModal: i } = A(), d = (r) => {
556
- const u = s[r.name], p = r.value;
557
- for (const x in p)
558
- u[x] = p[x];
559
- return u.renderBlock(l);
560
- }, b = v.useRef(n);
561
- v.useEffect(() => {
562
- b.current = n;
563
- }, [n]), v.useEffect(() => {
564
- const r = () => {
565
- b.current && t(null);
554
+ }, Ss = x.memo(() => {
555
+ const { setActiveBlock: t, activeBlock: n } = Z(), { blocks: s } = K(), { blocks: a } = $(), { settings: l } = V(), { currentPage: c, pages: o, setIsOpenSelectModal: i } = B(), d = x.useRef(n);
556
+ x.useEffect(() => {
557
+ d.current = n;
558
+ }, [n]), x.useEffect(() => {
559
+ const u = () => {
560
+ d.current && t(null);
566
561
  };
567
- return document.body.addEventListener("click", r), () => {
568
- document.body.removeEventListener("click", r);
562
+ return document.body.addEventListener("click", u), () => {
563
+ document.body.removeEventListener("click", u);
569
564
  };
570
565
  }, []);
571
- const g = v.useCallback(
572
- (r) => d(r),
573
- [a]
566
+ const w = (u) => {
567
+ const m = new s[u.name]();
568
+ return Object.assign(m, u.value), m.renderBlock(l);
569
+ }, g = x.useCallback(
570
+ (u) => w(u),
571
+ [a, l]
574
572
  );
575
573
  return /* @__PURE__ */ e.jsxs(
576
574
  "div",
577
575
  {
578
- onClick: (r) => {
579
- r.stopPropagation(), i(!1);
576
+ onClick: (u) => {
577
+ u.stopPropagation(), i(!1);
580
578
  },
581
579
  className: me.content,
582
580
  children: [
583
581
  /* @__PURE__ */ e.jsx(Bs, {}),
584
- a[o[c].name] && Object.keys(a[o[c].name]).map((r) => /* @__PURE__ */ e.jsxs(
582
+ a[o[c].name] && Object.keys(a[o[c].name]).map((u) => /* @__PURE__ */ e.jsxs(
585
583
  "div",
586
584
  {
587
- onClick: () => t(r),
588
- className: w(me.block, {
589
- [me.active]: n === r
585
+ onClick: () => t(u),
586
+ className: C(me.block, {
587
+ [me.active]: n === u
590
588
  }),
591
589
  children: [
592
- n === r && /* @__PURE__ */ e.jsx("div", { className: me.name, children: a[o[c].name][r].name }),
593
- n === r && /* @__PURE__ */ e.jsx(Ns, {}),
590
+ n === u && /* @__PURE__ */ e.jsx("div", { className: me.name, children: a[o[c].name][u].name }),
591
+ n === u && /* @__PURE__ */ e.jsx($s, {}),
594
592
  /* @__PURE__ */ e.jsx(
595
- Te,
593
+ Fe,
596
594
  {
597
595
  render: g,
598
- block: a[o[c].name][r]
596
+ block: a[o[c].name][u]
599
597
  }
600
598
  )
601
599
  ]
602
600
  }
603
601
  )),
604
- /* @__PURE__ */ e.jsx($s, {})
602
+ /* @__PURE__ */ e.jsx(ys, {})
605
603
  ]
606
604
  }
607
605
  );
@@ -609,10 +607,10 @@ const et = ["desktop", "tablet", "mobile"], tt = [
609
607
  results: As,
610
608
  name: Ps,
611
609
  product: Ms
612
- }, Es = "_search_1s0qp_1", Fs = "_input_1s0qp_12", Be = {
610
+ }, Es = "_search_1s0qp_1", Is = "_input_1s0qp_12", Be = {
613
611
  search: Es,
614
- input: Fs
615
- }, Ts = () => /* @__PURE__ */ e.jsxs("label", { className: Be.search, children: [
612
+ input: Is
613
+ }, Fs = () => /* @__PURE__ */ e.jsxs("label", { className: Be.search, children: [
616
614
  /* @__PURE__ */ e.jsx(
617
615
  "input",
618
616
  {
@@ -622,19 +620,19 @@ const et = ["desktop", "tablet", "mobile"], tt = [
622
620
  }
623
621
  ),
624
622
  /* @__PURE__ */ e.jsx(
625
- h,
623
+ _,
626
624
  {
627
625
  name: "search",
628
626
  fill: "#757575"
629
627
  }
630
628
  )
631
- ] }), Ie = () => {
632
- const { blocks: t, setActiveBlock: n } = J(), { hideModal: s } = fe();
629
+ ] }), Te = () => {
630
+ const { blocks: t, setActiveBlock: n } = K(), { hideModal: s } = fe();
633
631
  function a(l) {
634
632
  n(l), s();
635
633
  }
636
634
  return /* @__PURE__ */ e.jsxs("div", { className: he.add, children: [
637
- /* @__PURE__ */ e.jsx(Ts, {}),
635
+ /* @__PURE__ */ e.jsx(Fs, {}),
638
636
  /* @__PURE__ */ e.jsx("div", { className: he.results, children: Object.keys(t).map((l) => /* @__PURE__ */ e.jsxs(
639
637
  "div",
640
638
  {
@@ -642,13 +640,13 @@ const et = ["desktop", "tablet", "mobile"], tt = [
642
640
  onClick: () => a(l),
643
641
  children: [
644
642
  /* @__PURE__ */ e.jsx("span", { className: he.name, children: l }),
645
- /* @__PURE__ */ e.jsx(h, { name: "arrow-right" })
643
+ /* @__PURE__ */ e.jsx(_, { name: "arrow-right" })
646
644
  ]
647
645
  },
648
646
  l
649
647
  )) })
650
648
  ] });
651
- }, Is = () => {
649
+ }, Ts = () => {
652
650
  const {
653
651
  modalPosition: t,
654
652
  color: n,
@@ -659,56 +657,56 @@ const et = ["desktop", "tablet", "mobile"], tt = [
659
657
  brightness: o,
660
658
  dragging: i,
661
659
  setDragging: d,
662
- setHue: b,
660
+ setHue: w,
663
661
  setSaturation: g,
664
- setBrightness: r,
665
- colorChange: u,
666
- setColor: p,
667
- update: x
668
- } = Me(), _ = (m) => {
669
- const { offsetX: k, offsetY: C } = m.nativeEvent;
670
- d(!0), L(k, C, m.currentTarget);
671
- }, j = (m) => {
662
+ setBrightness: u,
663
+ colorChange: m,
664
+ setColor: r,
665
+ update: j
666
+ } = Me(), p = (h) => {
667
+ const { offsetX: b, offsetY: f } = h.nativeEvent;
668
+ d(!0), T(b, f, h.currentTarget);
669
+ }, v = (h) => {
672
670
  if (i) {
673
- const k = document.querySelector(`.${z.colorMap}`), { left: C, top: B } = k.getBoundingClientRect(), f = m.clientX - C, G = m.clientY - B;
674
- L(f, G, k);
671
+ const b = document.querySelector(`.${H.colorMap}`), { left: f, top: N } = b.getBoundingClientRect(), k = h.clientX - f, J = h.clientY - N;
672
+ T(k, J, b);
675
673
  }
676
- }, S = () => {
674
+ }, y = () => {
677
675
  d(!1);
678
- }, L = (m, k, C) => {
679
- const { width: B, height: f } = C.getBoundingClientRect(), G = Math.max(0, Math.min(m / B * 100, 100)), ie = Math.max(0, Math.min(100 - k / f * 100, 100));
680
- g(G), r(ie), y(G, ie);
681
- }, y = (m, k) => {
682
- const C = X(l, m, k);
683
- u(C), p(C);
684
- }, N = (m, k, C) => {
685
- k /= 100, C /= 100;
686
- const B = (re) => (re + m / 60) % 6, f = (re) => C * (1 - k * Math.max(0, Math.min(B(re), 4 - B(re), 1))), G = Math.round(255 * f(5)), ie = Math.round(255 * f(3)), ze = Math.round(255 * f(1));
687
- return { r: G, g: ie, b: ze };
688
- }, U = (m, k, C) => {
689
- const B = (f) => f.toString(16).padStart(2, "0");
690
- return `#${B(m)}${B(k)}${B(C)}`;
691
- }, X = (m, k, C) => {
692
- const { r: B, g: f, b: G } = N(m, k, C);
693
- return U(B, f, G);
676
+ }, T = (h, b, f) => {
677
+ const { width: N, height: k } = f.getBoundingClientRect(), J = Math.max(0, Math.min(h / N * 100, 100)), ie = Math.max(0, Math.min(100 - b / k * 100, 100));
678
+ g(J), u(ie), S(J, ie);
679
+ }, S = (h, b) => {
680
+ const f = P(l, h, b);
681
+ m(f), r(f);
682
+ }, D = (h, b, f) => {
683
+ b /= 100, f /= 100;
684
+ const N = (re) => (re + h / 60) % 6, k = (re) => f * (1 - b * Math.max(0, Math.min(N(re), 4 - N(re), 1))), J = Math.round(255 * k(5)), ie = Math.round(255 * k(3)), ze = Math.round(255 * k(1));
685
+ return { r: J, g: ie, b: ze };
686
+ }, A = (h, b, f) => {
687
+ const N = (k) => k.toString(16).padStart(2, "0");
688
+ return `#${N(h)}${N(b)}${N(f)}`;
689
+ }, P = (h, b, f) => {
690
+ const { r: N, g: k, b: J } = D(h, b, f);
691
+ return A(N, k, J);
694
692
  };
695
- v.useEffect(() => {
696
- const m = (C) => j(C), k = () => S();
697
- return i ? (document.addEventListener("mousemove", m), document.addEventListener("mouseup", k)) : (document.removeEventListener("mousemove", m), document.removeEventListener("mouseup", k)), () => {
698
- document.removeEventListener("mousemove", m), document.removeEventListener("mouseup", k);
693
+ x.useEffect(() => {
694
+ const h = (f) => v(f), b = () => y();
695
+ return i ? (document.addEventListener("mousemove", h), document.addEventListener("mouseup", b)) : (document.removeEventListener("mousemove", h), document.removeEventListener("mouseup", b)), () => {
696
+ document.removeEventListener("mousemove", h), document.removeEventListener("mouseup", b);
699
697
  };
700
698
  }, [i]);
701
- function P() {
702
- x(n), a(!1);
699
+ function M() {
700
+ j(n), a(!1);
703
701
  }
704
- function R() {
705
- a(!1), u(s);
702
+ function G() {
703
+ a(!1), m(s);
706
704
  }
707
705
  return /* @__PURE__ */ e.jsxs(
708
706
  "div",
709
707
  {
710
- className: z.modal,
711
- onClick: (m) => m.stopPropagation(),
708
+ className: H.modal,
709
+ onClick: (h) => h.stopPropagation(),
712
710
  style: {
713
711
  top: `${t.top}px`,
714
712
  left: `${t.left}px`
@@ -718,8 +716,8 @@ const et = ["desktop", "tablet", "mobile"], tt = [
718
716
  /* @__PURE__ */ e.jsx(
719
717
  "div",
720
718
  {
721
- className: z.colorMap,
722
- onMouseDown: _,
719
+ className: H.colorMap,
720
+ onMouseDown: p,
723
721
  style: {
724
722
  background: `
725
723
  linear-gradient(to top, black, transparent),
@@ -729,7 +727,7 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
729
727
  children: /* @__PURE__ */ e.jsx(
730
728
  "div",
731
729
  {
732
- className: z.indicator,
730
+ className: H.indicator,
733
731
  style: {
734
732
  position: "absolute",
735
733
  left: `${c}%`,
@@ -740,33 +738,33 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
740
738
  )
741
739
  }
742
740
  ),
743
- /* @__PURE__ */ e.jsx("div", { className: z.hueSlider, children: /* @__PURE__ */ e.jsx(
741
+ /* @__PURE__ */ e.jsx("div", { className: H.hueSlider, children: /* @__PURE__ */ e.jsx(
744
742
  "input",
745
743
  {
746
744
  type: "range",
747
745
  min: "0",
748
746
  max: "360",
749
747
  value: l,
750
- onChange: (m) => {
751
- b(Number(m.target.value)), y(c, o);
748
+ onChange: (h) => {
749
+ w(Number(h.target.value)), S(c, o);
752
750
  },
753
- className: z.slider
751
+ className: H.slider
754
752
  }
755
753
  ) }),
756
- /* @__PURE__ */ e.jsxs("div", { className: z.buttons, children: [
754
+ /* @__PURE__ */ e.jsxs("div", { className: H.buttons, children: [
757
755
  /* @__PURE__ */ e.jsx(
758
- Z,
756
+ X,
759
757
  {
760
- onClick: R,
761
- className: w(z.applyButton, z.cancelButton),
758
+ onClick: G,
759
+ className: C(H.applyButton, H.cancelButton),
762
760
  children: "Cancel"
763
761
  }
764
762
  ),
765
763
  /* @__PURE__ */ e.jsx(
766
- Z,
764
+ X,
767
765
  {
768
- onClick: P,
769
- className: z.applyButton,
766
+ onClick: M,
767
+ className: H.applyButton,
770
768
  children: "Apply"
771
769
  }
772
770
  )
@@ -775,29 +773,26 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
775
773
  }
776
774
  );
777
775
  }, Os = () => {
778
- const { onPreview: t } = V(), { hoverBlockId: n, isModalVisible: s, isPreviewVisible: a } = fe(), { settings: l } = K(), { blocks: c } = J(), { blocks: o } = $(), { currentPage: i, pages: d } = A(), { showModal: b } = Me(), [g, r] = v.useState(!0);
779
- v.useEffect(() => {
776
+ const { onPreview: t } = Z(), { hoverBlockId: n, isModalVisible: s, isPreviewVisible: a } = fe(), { settings: l } = V(), { blocks: c } = K(), { blocks: o } = $(), { currentPage: i, pages: d } = B(), { showModal: w } = Me(), [g, u] = x.useState(!0);
777
+ x.useEffect(() => {
780
778
  t && setTimeout(() => {
781
- r(!1);
779
+ u(!1);
782
780
  }, 100);
783
781
  }, [t]);
784
- const u = (p) => {
785
- if (!p) return;
786
- const x = c[p.name], _ = p.value;
787
- for (const j in _)
788
- x[j] = _[j];
789
- return x.renderBlock(l);
782
+ const m = (r) => {
783
+ const j = new c[r.name]();
784
+ return Object.assign(j, r.value), j.renderBlock(l);
790
785
  };
791
786
  return /* @__PURE__ */ e.jsxs("div", { className: oe.preview, children: [
792
- s && /* @__PURE__ */ e.jsx(ke, { children: /* @__PURE__ */ e.jsx(Ie, {}) }),
787
+ s && /* @__PURE__ */ e.jsx(ke, { children: /* @__PURE__ */ e.jsx(Te, {}) }),
793
788
  a && n && /* @__PURE__ */ e.jsx(ke, { children: /* @__PURE__ */ e.jsx(
794
- Te,
789
+ Fe,
795
790
  {
796
- render: u,
791
+ render: m,
797
792
  block: o[d[i].name][n]
798
793
  }
799
794
  ) }),
800
- b && /* @__PURE__ */ e.jsx(Is, {}),
795
+ w && /* @__PURE__ */ e.jsx(Ts, {}),
801
796
  t && /* @__PURE__ */ e.jsxs("div", { className: oe.main, children: [
802
797
  /* @__PURE__ */ e.jsx(rs, {}),
803
798
  /* @__PURE__ */ e.jsx("div", { className: oe.content, children: g ? /* @__PURE__ */ e.jsx("div", { className: oe.loading, children: /* @__PURE__ */ e.jsx("div", { className: oe.loader }) }) : /* @__PURE__ */ e.jsx(Ss, {}) })
@@ -822,19 +817,19 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
822
817
  }, Ks = "_block_1d6lb_1", Ae = {
823
818
  block: Ks
824
819
  }, Ws = () => {
825
- const { setCurrentBlock: t } = $(), { activeBlock: n } = V();
820
+ const { setCurrentBlock: t } = $(), { activeBlock: n } = Z();
826
821
  function s(a) {
827
822
  t(a);
828
823
  }
829
824
  return /* @__PURE__ */ e.jsxs(
830
825
  "div",
831
826
  {
832
- className: w(Ae.block, {
827
+ className: C(Ae.block, {
833
828
  [Ae.active]: n === "header"
834
829
  }),
835
830
  onClick: () => s("header"),
836
831
  children: [
837
- /* @__PURE__ */ e.jsx(h, { name: "cards" }),
832
+ /* @__PURE__ */ e.jsx(_, { name: "cards" }),
838
833
  /* @__PURE__ */ e.jsx("span", { children: "Header" })
839
834
  ]
840
835
  }
@@ -842,76 +837,76 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
842
837
  }, en = "_block_1d6lb_1", Pe = {
843
838
  block: en
844
839
  }, tn = () => {
845
- const { activeBlock: t } = V(), { setCurrentBlock: n } = $();
840
+ const { activeBlock: t } = Z(), { setCurrentBlock: n } = $();
846
841
  function s(a) {
847
842
  n(a);
848
843
  }
849
844
  return /* @__PURE__ */ e.jsxs(
850
845
  "div",
851
846
  {
852
- className: w(Pe.block, {
847
+ className: C(Pe.block, {
853
848
  [Pe.active]: t === "footer"
854
849
  }),
855
850
  onClick: () => s("footer"),
856
851
  children: [
857
- /* @__PURE__ */ e.jsx(h, { name: "cards" }),
852
+ /* @__PURE__ */ e.jsx(_, { name: "cards" }),
858
853
  /* @__PURE__ */ e.jsx("span", { children: "Footer" })
859
854
  ]
860
855
  }
861
856
  );
862
857
  }, sn = ({ id: t, name: n, index: s, moveBlock: a, onClick: l }) => {
863
- const { currentPage: c, pages: o } = A(), { activeBlock: i } = V(), {
858
+ const { currentPage: c, pages: o } = B(), { activeBlock: i } = Z(), {
864
859
  showPreview: d,
865
- hidePreview: b,
860
+ hidePreview: w,
866
861
  showModal: g,
867
- hideModal: r,
868
- clearHideTimeout: u,
869
- startHideTimeout: p,
870
- hoverBlockId: x,
871
- isModalVisible: _
872
- } = fe(), { setPositionBlock: j } = $(), [S, L] = v.useState(!1), y = () => {
873
- _ && r(), d(t), L(!0), u();
874
- }, N = (m) => {
875
- m.stopPropagation(), b(), g(t), u(), j(s + 1);
876
- }, U = () => {
877
- _ ? p() : (L(!1), b());
862
+ hideModal: u,
863
+ clearHideTimeout: m,
864
+ startHideTimeout: r,
865
+ hoverBlockId: j,
866
+ isModalVisible: p
867
+ } = fe(), { setPositionBlock: v } = $(), [y, T] = x.useState(!1), S = () => {
868
+ p && u(), d(t), T(!0), m();
869
+ }, D = (h) => {
870
+ h.stopPropagation(), w(), g(t), m(), v(s + 1);
871
+ }, A = () => {
872
+ p ? r() : (T(!1), w());
878
873
  };
879
- v.useEffect(() => {
880
- _ || L(!1);
881
- }, [_]);
882
- const [, X] = Qe({
874
+ x.useEffect(() => {
875
+ p || T(!1);
876
+ }, [p]);
877
+ const [, P] = Qe({
883
878
  accept: "block",
884
- hover(m) {
885
- m.index !== s && (a(o[c].name, m.index, s), m.index = s);
879
+ hover(h) {
880
+ h.index !== s && (a(o[c].name, h.index, s), h.index = s);
886
881
  }
887
- }), [{ isDragging: P }, R] = Ue({
882
+ }), [{ isDragging: M }, G] = Ue({
888
883
  type: "block",
889
884
  item: { id: t, index: s },
890
- collect: (m) => ({
891
- isDragging: m.isDragging()
885
+ collect: (h) => ({
886
+ isDragging: h.isDragging()
892
887
  })
893
888
  });
894
889
  return /* @__PURE__ */ e.jsxs(
895
890
  "div",
896
891
  {
897
- ref: (m) => R(X(m)),
898
- className: w(se.block, {
899
- [se.dragging]: P,
900
- [se.active]: !P && i === t
892
+ ref: (h) => G(P(h)),
893
+ className: C(se.block, {
894
+ [se.dragging]: M,
895
+ [se.active]: !M && i === t
901
896
  }),
902
897
  onClick: () => l(t),
903
- onMouseEnter: y,
904
- onMouseLeave: U,
898
+ onMouseEnter: S,
899
+ onMouseLeave: A,
905
900
  children: [
906
- /* @__PURE__ */ e.jsx(h, { name: "cards" }),
901
+ /* @__PURE__ */ e.jsx(_, { name: "cards" }),
907
902
  /* @__PURE__ */ e.jsx("span", { children: n }),
908
- (S || x === t) && !P && /* @__PURE__ */ e.jsx("div", { className: se.add, children: /* @__PURE__ */ e.jsx(
903
+ (y || j === t) && !M && /* @__PURE__ */ e.jsx("div", { className: se.add, children: /* @__PURE__ */ e.jsx(
909
904
  "button",
910
905
  {
911
906
  className: se.button,
912
- onClick: (m) => N(m),
907
+ onClick: (h) => D(h),
913
908
  children: /* @__PURE__ */ e.jsx(
914
- h,
909
+ _,
915
910
  {
916
911
  name: "plus",
917
912
  fill: "#fff"
@@ -923,7 +918,7 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
923
918
  }
924
919
  );
925
920
  }, nn = () => {
926
- const { blocks: t, setCurrentBlock: n, moveBlock: s } = $(), { currentPage: a, pages: l } = A();
921
+ const { blocks: t, setCurrentBlock: n, moveBlock: s } = $(), { currentPage: a, pages: l } = B();
927
922
  function c(o) {
928
923
  n(o);
929
924
  }
@@ -943,10 +938,10 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
943
938
  /* @__PURE__ */ e.jsx(tn, {})
944
939
  ] });
945
940
  }, on = ({ isHeader: t }) => {
946
- const { header: n, footer: s } = $(), { pageContext: a } = A();
941
+ const { header: n, footer: s } = $(), { pageContext: a } = B();
947
942
  return t ? n == null ? void 0 : n.renderSettings(a) : s == null ? void 0 : s.renderSettings(a);
948
943
  }, an = () => {
949
- const { settings: t } = K();
944
+ const { settings: t } = V();
950
945
  return t == null ? void 0 : t.renderSettings();
951
946
  }, cn = "_theme_1xj36_1", ln = "_block_1xj36_6", rn = "_name_1xj36_20", ve = {
952
947
  theme: cn,
@@ -961,137 +956,124 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
961
956
  "div",
962
957
  {
963
958
  onClick: () => n(s),
964
- className: w(ve.block),
959
+ className: C(ve.block),
965
960
  children: [
966
- /* @__PURE__ */ e.jsx(h, { name: s.icon }),
961
+ /* @__PURE__ */ e.jsx(_, { name: s.icon }),
967
962
  /* @__PURE__ */ e.jsx("span", { className: ve.name, children: s.name }),
968
- /* @__PURE__ */ e.jsx(h, { name: "arrow-right" })
963
+ /* @__PURE__ */ e.jsx(_, { name: "arrow-right" })
969
964
  ]
970
965
  },
971
966
  s.icon
972
967
  )) });
973
- }, un = "_back_14yda_1", mn = "_render_14yda_8", hn = "_open_14yda_23", _n = "_close_14yda_50", pn = "_clicked_14yda_54", gn = "_title_14yda_58", xn = "_button_14yda_65", jn = "_loading_14yda_70", vn = "_settings_14yda_74", bn = "_buttons_14yda_80", fn = "_deleteButton_14yda_86", D = {
968
+ }, un = "_back_1lk1m_1", mn = "_render_1lk1m_8", hn = "_open_1lk1m_23", _n = "_close_1lk1m_50", gn = "_clicked_1lk1m_54", pn = "_title_1lk1m_58", xn = "_button_1lk1m_65", jn = "_loading_1lk1m_70", vn = "_settings_1lk1m_74", bn = "_buttons_1lk1m_80", fn = "_deleteButton_1lk1m_86", R = {
974
969
  back: un,
975
970
  render: mn,
976
971
  open: hn,
977
972
  close: _n,
978
- clicked: pn,
979
- title: gn,
973
+ clicked: gn,
974
+ title: pn,
980
975
  button: xn,
981
976
  loading: jn,
982
977
  settings: vn,
983
978
  buttons: bn,
984
979
  deleteButton: fn
985
- }, kn = ({ block: t }) => {
986
- if (!t) return;
987
- const { blocks: n, sourceBlocks: s, activeBlock: a } = J(), { currentBlock: l } = $();
988
- if (!a && !l) return null;
989
- if (t != null && t.name) {
990
- const c = n[t.name], o = { ...t.value };
991
- for (const i in o)
992
- c[i] = o[i];
993
- return c.renderSettings();
994
- } else {
995
- const c = s[a];
996
- for (const o in c)
997
- t[o] = { ...c[o] };
998
- return t.renderSettings();
999
- }
1000
- }, wn = (t) => {
1001
- var R;
1002
- const { isAdd: n } = t, [s, a] = v.useState(!1), { setActiveBlock: l } = ge(), { blocks: c, activeBlock: o, setActiveBlock: i } = J(), {
1003
- blocks: d,
1004
- addBlock: b,
1005
- editBlock: g,
980
+ }, kn = ({ block: t }) => t ? t.renderSettings() : null, wn = (t) => {
981
+ var b;
982
+ const { isAdd: n } = t, [s, a] = x.useState(!1), [l, c] = x.useState(null), { setActiveBlock: o } = pe(), { sourceBlocks: i, activeBlock: d, setActiveBlock: w } = K(), {
983
+ blocks: g,
984
+ addBlock: u,
985
+ editBlock: m,
1006
986
  currentBlock: r,
1007
- setCurrentBlock: u,
987
+ setCurrentBlock: j,
1008
988
  removeBlock: p,
1009
- setPositionBlock: x,
1010
- setHeader: _,
1011
- setFooter: j,
989
+ setPositionBlock: v,
990
+ setHeader: y,
991
+ setFooter: T,
1012
992
  header: S,
1013
- footer: L
1014
- } = $(), { currentPage: y, pages: N } = A();
1015
- function U() {
1016
- i(null), u(null), setTimeout(() => {
993
+ footer: D
994
+ } = $(), { currentPage: A, pages: P } = B();
995
+ function M() {
996
+ !n && l && m(P[A].name, r, {
997
+ name: g[P[A].name][r].name,
998
+ value: l
999
+ }), w(null), j(null), setTimeout(() => {
1017
1000
  a(!1);
1018
- }, 150);
1001
+ }, 150), c(null);
1019
1002
  }
1020
- function X() {
1021
- U(), l({
1003
+ function G() {
1004
+ M(), o({
1022
1005
  name: "Layers",
1023
1006
  icon: "layers"
1024
- });
1007
+ }), c(null);
1025
1008
  }
1026
- function P() {
1027
- return n ? c[o] : c[d[N[y].name] && d[N[y].name][r] ? d[N[y].name][r].name : "null"];
1009
+ function h() {
1010
+ if (n)
1011
+ return new i[d]();
1012
+ {
1013
+ const f = g[P[A].name][r];
1014
+ return new i[f.name](f.value.blockSettings);
1015
+ }
1028
1016
  }
1029
- return /* @__PURE__ */ e.jsxs(
1017
+ return x.useEffect(() => {
1018
+ if (d || r && !["header", "footer"].includes(r)) {
1019
+ const f = h();
1020
+ c(f);
1021
+ } else
1022
+ c(null);
1023
+ }, [d, r]), x.useEffect(() => {
1024
+ r === "header" && y(S);
1025
+ }, [r, S]), x.useEffect(() => {
1026
+ r === "footer" && T(D);
1027
+ }, [r, D]), /* @__PURE__ */ e.jsxs(
1030
1028
  "div",
1031
1029
  {
1032
- className: w(D.render, {
1033
- [D.open]: r || o,
1034
- [D.close]: !r && !o,
1035
- [D.clicked]: s
1030
+ className: C(R.render, {
1031
+ [R.open]: r || d,
1032
+ [R.close]: !r && !d,
1033
+ [R.clicked]: s
1036
1034
  }),
1037
1035
  children: [
1038
- /* @__PURE__ */ e.jsxs("div", { className: D.back, children: [
1036
+ /* @__PURE__ */ e.jsxs("div", { className: R.back, children: [
1039
1037
  /* @__PURE__ */ e.jsx(
1040
- h,
1038
+ _,
1041
1039
  {
1042
1040
  name: "arrow-left",
1043
1041
  hoverable: !0,
1044
- onClick: U
1042
+ onClick: M
1045
1043
  }
1046
1044
  ),
1047
- /* @__PURE__ */ e.jsx("h3", { className: D.title, children: o || d[N[y].name] && ((R = d[N[y].name][r]) == null ? void 0 : R.name) || r && O(r) || "Loading" })
1045
+ /* @__PURE__ */ e.jsx("h3", { className: R.title, children: d || g[P[A].name] && ((b = g[P[A].name][r]) == null ? void 0 : b.name) || r && z(r) || "Loading" })
1048
1046
  ] }),
1049
- /* @__PURE__ */ e.jsxs("div", { className: D.settings, children: [
1050
- P() && /* @__PURE__ */ e.jsx(
1051
- kn,
1052
- {
1053
- block: n ? P() : d[N[y].name][r]
1054
- }
1055
- ),
1047
+ /* @__PURE__ */ e.jsxs("div", { className: R.settings, children: [
1048
+ l && /* @__PURE__ */ e.jsx(kn, { block: l }),
1056
1049
  r && ["header", "footer"].includes(r) && /* @__PURE__ */ e.jsx(on, { isHeader: r === "header" }),
1057
- !o && !r && /* @__PURE__ */ e.jsx("div", { className: D.loading, children: "Loading" })
1050
+ !d && !r && /* @__PURE__ */ e.jsx("div", { className: R.loading, children: "Loading" })
1058
1051
  ] }),
1059
- /* @__PURE__ */ e.jsxs("div", { className: D.buttons, children: [
1060
- /* @__PURE__ */ e.jsx(
1061
- Z,
1052
+ /* @__PURE__ */ e.jsxs("div", { className: R.buttons, children: [
1053
+ n && /* @__PURE__ */ e.jsx(
1054
+ X,
1062
1055
  {
1063
1056
  style: {
1064
1057
  width: "100%"
1065
1058
  },
1066
1059
  onClick: () => {
1067
- if (a(!0), ["header", "footer"].includes(r))
1068
- r === "header" ? _(S) : j(L);
1069
- else {
1070
- const m = P();
1071
- n ? (b(N[y].name, {
1072
- name: o,
1073
- value: { ...m }
1074
- }), x(null)) : g(N[y].name, r, {
1075
- name: d[N[y].name][r].name,
1076
- value: { ...m }
1077
- });
1078
- }
1079
- X();
1060
+ a(!0), ["header", "footer"].includes(r) ? r === "header" ? y(S) : T(D) : (u(P[A].name, {
1061
+ name: d,
1062
+ value: l
1063
+ }), v(null)), G();
1080
1064
  },
1081
- children: n ? "Add Section" : "Edit Section"
1065
+ children: "Add Section"
1082
1066
  }
1083
1067
  ),
1084
1068
  !n && !["header", "footer"].includes(r) && /* @__PURE__ */ e.jsx(
1085
1069
  "button",
1086
1070
  {
1087
1071
  onClick: () => {
1088
- a(!0), p(N[y].name, r), setTimeout(() => {
1089
- a(!1);
1090
- }, 150);
1072
+ a(!0), p(P[A].name, r), M();
1091
1073
  },
1092
- className: D.deleteButton,
1074
+ className: R.deleteButton,
1093
1075
  children: /* @__PURE__ */ e.jsx(
1094
- h,
1076
+ _,
1095
1077
  {
1096
1078
  name: "trash",
1097
1079
  hoverable: !0
@@ -1103,26 +1085,26 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
1103
1085
  ]
1104
1086
  }
1105
1087
  );
1106
- }, yn = "_settings_1r85j_1", Cn = "_open_1r85j_16", Nn = "_close_1r85j_20", $n = "_header_1r85j_24", Bn = "_title_1r85j_30", Sn = "_addButton_1r85j_37", ae = {
1107
- settings: yn,
1108
- open: Cn,
1109
- close: Nn,
1110
- header: $n,
1088
+ }, Cn = "_settings_1r85j_1", Nn = "_open_1r85j_16", $n = "_close_1r85j_20", yn = "_header_1r85j_24", Bn = "_title_1r85j_30", Sn = "_addButton_1r85j_37", ae = {
1089
+ settings: Cn,
1090
+ open: Nn,
1091
+ close: $n,
1092
+ header: yn,
1111
1093
  title: Bn,
1112
1094
  addButton: Sn
1113
- }, An = "_wrapper_n1a7x_1", Pn = "_category_n1a7x_5", Mn = "_categoryTitle_n1a7x_10", En = "_color_n1a7x_16", Fn = "_content_n1a7x_24", Tn = "_preview_n1a7x_32", W = {
1095
+ }, An = "_wrapper_n1a7x_1", Pn = "_category_n1a7x_5", Mn = "_categoryTitle_n1a7x_10", En = "_color_n1a7x_16", In = "_content_n1a7x_24", Fn = "_preview_n1a7x_32", W = {
1114
1096
  wrapper: An,
1115
1097
  category: Pn,
1116
1098
  categoryTitle: Mn,
1117
1099
  color: En,
1118
- content: Fn,
1119
- preview: Tn
1120
- }, In = () => {
1100
+ content: In,
1101
+ preview: Fn
1102
+ }, Tn = () => {
1121
1103
  const { themeSettings: t, updateColor: n } = F();
1122
1104
  async function s(l, c, o) {
1123
1105
  n(l, c, o);
1124
1106
  }
1125
- const a = Fe(() => {
1107
+ const a = Ie(() => {
1126
1108
  const l = {};
1127
1109
  return Object.entries(t.colors).forEach(([c, o]) => {
1128
1110
  Object.entries(o).forEach(([i, d]) => {
@@ -1135,7 +1117,7 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
1135
1117
  {
1136
1118
  className: W.category,
1137
1119
  children: [
1138
- /* @__PURE__ */ e.jsx("h2", { className: W.categoryTitle, children: O(l) }),
1120
+ /* @__PURE__ */ e.jsx("h2", { className: W.categoryTitle, children: z(l) }),
1139
1121
  Object.entries(c).map(([o, i]) => /* @__PURE__ */ e.jsxs(
1140
1122
  "div",
1141
1123
  {
@@ -1154,7 +1136,7 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
1154
1136
  /* @__PURE__ */ e.jsx(
1155
1137
  ce,
1156
1138
  {
1157
- title: O(o),
1139
+ title: z(o),
1158
1140
  initialColor: i,
1159
1141
  onChange: (d) => s(l, o, d)
1160
1142
  }
@@ -1178,7 +1160,7 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
1178
1160
  },
1179
1161
  l
1180
1162
  )) });
1181
- }, On = "_wrapper_kb55x_2", Ln = "_category_kb55x_6", zn = "_categoryTitle_kb55x_11", Dn = "_color_kb55x_17", Hn = "_name_kb55x_23", Rn = "_content_kb55x_28", qn = "_label_kb55x_34", Yn = "_input_kb55x_45", Qn = "_title_kb55x_71", Un = "_field_kb55x_79", Gn = "_alignments_kb55x_89", Jn = "_lineField_kb55x_95", Xn = "_style_kb55x_101", Zn = "_header_kb55x_108", H = {
1163
+ }, On = "_wrapper_kb55x_2", Ln = "_category_kb55x_6", zn = "_categoryTitle_kb55x_11", Dn = "_color_kb55x_17", Hn = "_name_kb55x_23", Rn = "_content_kb55x_28", qn = "_label_kb55x_34", Yn = "_input_kb55x_45", Qn = "_title_kb55x_71", Un = "_field_kb55x_79", Gn = "_alignments_kb55x_89", Jn = "_lineField_kb55x_95", Xn = "_style_kb55x_101", Zn = "_header_kb55x_108", q = {
1182
1164
  wrapper: On,
1183
1165
  category: Ln,
1184
1166
  categoryTitle: zn,
@@ -1195,23 +1177,23 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
1195
1177
  header: Zn
1196
1178
  }, Vn = ["left", "center", "right"], Kn = ["solid", "dashed"], _e = (t) => {
1197
1179
  const { title: n, children: s, rightAddon: a } = t;
1198
- return /* @__PURE__ */ e.jsxs("div", { className: H.field, children: [
1199
- /* @__PURE__ */ e.jsxs("div", { className: H.header, children: [
1180
+ return /* @__PURE__ */ e.jsxs("div", { className: q.field, children: [
1181
+ /* @__PURE__ */ e.jsxs("div", { className: q.header, children: [
1200
1182
  /* @__PURE__ */ e.jsx("h4", { children: n }),
1201
1183
  a
1202
1184
  ] }),
1203
1185
  s
1204
1186
  ] });
1205
1187
  }, Wn = () => {
1206
- const { themeSettings: t, updateInput: n } = F(), s = Fe(() => t.inputs, [t]), a = (c, o, i) => {
1188
+ const { themeSettings: t, updateInput: n } = F(), s = Ie(() => t.inputs, [t]), a = (c, o, i) => {
1207
1189
  n(c, o, i);
1208
1190
  }, l = (c) => (o) => {
1209
1191
  n(c, o, "color");
1210
1192
  };
1211
- return /* @__PURE__ */ e.jsxs("div", { className: H.wrapper, children: [
1193
+ return /* @__PURE__ */ e.jsxs("div", { className: q.wrapper, children: [
1212
1194
  /* @__PURE__ */ e.jsxs(_e, { title: "General", children: [
1213
1195
  /* @__PURE__ */ e.jsx(
1214
- E,
1196
+ I,
1215
1197
  {
1216
1198
  label: "Height (px)",
1217
1199
  value: String(s.general.height),
@@ -1221,7 +1203,7 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
1221
1203
  }
1222
1204
  ),
1223
1205
  /* @__PURE__ */ e.jsx(
1224
- E,
1206
+ I,
1225
1207
  {
1226
1208
  label: "Style name",
1227
1209
  value: s.general.name,
@@ -1234,13 +1216,13 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
1234
1216
  label: "Font Size (px)",
1235
1217
  onChange: (c) => a("general", c, "size"),
1236
1218
  value: String(s.general.size),
1237
- options: pe
1219
+ options: ge
1238
1220
  }
1239
1221
  ),
1240
1222
  /* @__PURE__ */ e.jsx(
1241
1223
  ce,
1242
1224
  {
1243
- initialColor: O(s.general.color),
1225
+ initialColor: z(s.general.color),
1244
1226
  onChange: l("general"),
1245
1227
  title: "Font Color",
1246
1228
  labelStyle: "secondary"
@@ -1251,7 +1233,7 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
1251
1233
  _e,
1252
1234
  {
1253
1235
  title: "Field Fill",
1254
- rightAddon: /* @__PURE__ */ e.jsx("div", { className: H.switch, children: /* @__PURE__ */ e.jsx(
1236
+ rightAddon: /* @__PURE__ */ e.jsx("div", { className: q.switch, children: /* @__PURE__ */ e.jsx(
1255
1237
  we,
1256
1238
  {
1257
1239
  onChange: (c) => a("field", c, "active"),
@@ -1262,14 +1244,14 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
1262
1244
  /* @__PURE__ */ e.jsx(
1263
1245
  ce,
1264
1246
  {
1265
- initialColor: O(s.field.color),
1247
+ initialColor: z(s.field.color),
1266
1248
  onChange: l("field"),
1267
1249
  title: "Color",
1268
1250
  labelStyle: "secondary"
1269
1251
  }
1270
1252
  ),
1271
1253
  /* @__PURE__ */ e.jsx(
1272
- E,
1254
+ I,
1273
1255
  {
1274
1256
  label: "Opacity (%)",
1275
1257
  value: String(s.field.opacity),
@@ -1285,7 +1267,7 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
1285
1267
  _e,
1286
1268
  {
1287
1269
  title: "Border",
1288
- rightAddon: /* @__PURE__ */ e.jsx("div", { className: H.switch, children: /* @__PURE__ */ e.jsx(
1270
+ rightAddon: /* @__PURE__ */ e.jsx("div", { className: q.switch, children: /* @__PURE__ */ e.jsx(
1289
1271
  we,
1290
1272
  {
1291
1273
  onChange: (c) => a("border", c, "active"),
@@ -1293,11 +1275,11 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
1293
1275
  }
1294
1276
  ) }),
1295
1277
  children: [
1296
- /* @__PURE__ */ e.jsxs("div", { className: H.lineField, children: [
1297
- /* @__PURE__ */ e.jsxs("div", { className: H.style, children: [
1298
- /* @__PURE__ */ e.jsx("span", { className: H.title, children: "Style" }),
1278
+ /* @__PURE__ */ e.jsxs("div", { className: q.lineField, children: [
1279
+ /* @__PURE__ */ e.jsxs("div", { className: q.style, children: [
1280
+ /* @__PURE__ */ e.jsx("span", { className: q.title, children: "Style" }),
1299
1281
  /* @__PURE__ */ e.jsx(
1300
- ye,
1282
+ Ce,
1301
1283
  {
1302
1284
  items: Kn,
1303
1285
  selectedItem: s.border.style,
@@ -1307,7 +1289,7 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
1307
1289
  )
1308
1290
  ] }),
1309
1291
  /* @__PURE__ */ e.jsx(
1310
- E,
1292
+ I,
1311
1293
  {
1312
1294
  label: "Radius (px)",
1313
1295
  value: String(s.border.radius),
@@ -1318,7 +1300,7 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
1318
1300
  )
1319
1301
  ] }),
1320
1302
  /* @__PURE__ */ e.jsx(
1321
- E,
1303
+ I,
1322
1304
  {
1323
1305
  label: "Thickness (px)",
1324
1306
  value: String(s.border.thickness),
@@ -1330,7 +1312,7 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
1330
1312
  /* @__PURE__ */ e.jsx(
1331
1313
  ce,
1332
1314
  {
1333
- initialColor: O(s.border.color),
1315
+ initialColor: z(s.border.color),
1334
1316
  onChange: l("border"),
1335
1317
  title: "Color",
1336
1318
  labelStyle: "secondary"
@@ -1341,7 +1323,7 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
1341
1323
  ),
1342
1324
  /* @__PURE__ */ e.jsxs(_e, { title: "Label", children: [
1343
1325
  /* @__PURE__ */ e.jsx(
1344
- E,
1326
+ I,
1345
1327
  {
1346
1328
  label: "Line Height (px)",
1347
1329
  value: String(s.label.height),
@@ -1356,22 +1338,22 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
1356
1338
  label: "Font Size (px)",
1357
1339
  onChange: (c) => a("label", c, "size"),
1358
1340
  value: String(s.label.size),
1359
- options: pe
1341
+ options: ge
1360
1342
  }
1361
1343
  ),
1362
1344
  /* @__PURE__ */ e.jsx(
1363
1345
  ce,
1364
1346
  {
1365
- initialColor: O(s.label.color),
1347
+ initialColor: z(s.label.color),
1366
1348
  onChange: l("label"),
1367
1349
  title: "Color",
1368
1350
  labelStyle: "secondary"
1369
1351
  }
1370
1352
  ),
1371
- /* @__PURE__ */ e.jsxs("div", { className: H.alignments, children: [
1372
- /* @__PURE__ */ e.jsx("h4", { className: H.title, children: "Alignment Type" }),
1353
+ /* @__PURE__ */ e.jsxs("div", { className: q.alignments, children: [
1354
+ /* @__PURE__ */ e.jsx("h4", { className: q.title, children: "Alignment Type" }),
1373
1355
  /* @__PURE__ */ e.jsx(
1374
- ye,
1356
+ Ce,
1375
1357
  {
1376
1358
  items: Vn,
1377
1359
  selectedItem: s.label.alignment,
@@ -1382,7 +1364,7 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
1382
1364
  ] })
1383
1365
  ] })
1384
1366
  ] });
1385
- }, eo = "_wrapper_k9on2_1", to = "_category_k9on2_5", so = "_categoryTitle_k9on2_10", no = "_font_k9on2_16", oo = "_content_k9on2_36", ao = "_icon_k9on2_42", co = "_paragraph_k9on2_51", lo = "_deleteIcon_k9on2_55", io = "_iconButton_k9on2_62", Q = {
1367
+ }, eo = "_wrapper_k9on2_1", to = "_category_k9on2_5", so = "_categoryTitle_k9on2_10", no = "_font_k9on2_16", oo = "_content_k9on2_36", ao = "_icon_k9on2_42", co = "_paragraph_k9on2_51", lo = "_deleteIcon_k9on2_55", io = "_iconButton_k9on2_62", U = {
1386
1368
  wrapper: eo,
1387
1369
  category: to,
1388
1370
  categoryTitle: so,
@@ -1397,40 +1379,40 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
1397
1379
  return /* @__PURE__ */ e.jsxs(
1398
1380
  "div",
1399
1381
  {
1400
- className: Q.font,
1382
+ className: U.font,
1401
1383
  onClick: () => c(a),
1402
1384
  children: [
1403
1385
  /* @__PURE__ */ e.jsx(
1404
1386
  "div",
1405
1387
  {
1406
- className: w(Q.icon, {
1407
- [Q.paragraph]: l === "paragraph"
1388
+ className: C(U.icon, {
1389
+ [U.paragraph]: l === "paragraph"
1408
1390
  }),
1409
- children: /* @__PURE__ */ e.jsx(h, { name: l })
1391
+ children: /* @__PURE__ */ e.jsx(_, { name: l })
1410
1392
  }
1411
1393
  ),
1412
- /* @__PURE__ */ e.jsxs("div", { className: Q.content, children: [
1413
- /* @__PURE__ */ e.jsx("h2", { className: Q.categoryTitle, children: O(a) }),
1414
- /* @__PURE__ */ e.jsx("span", { className: Q.value, children: `${n}, ${s}px` })
1394
+ /* @__PURE__ */ e.jsxs("div", { className: U.content, children: [
1395
+ /* @__PURE__ */ e.jsx("h2", { className: U.categoryTitle, children: z(a) }),
1396
+ /* @__PURE__ */ e.jsx("span", { className: U.value, children: `${n}, ${s}px` })
1415
1397
  ] })
1416
1398
  ]
1417
1399
  }
1418
1400
  );
1419
1401
  }, uo = () => {
1420
1402
  const { themeSettings: t, setActiveFont: n, activeBlock: s } = F();
1421
- v.useEffect(() => (a(), () => {
1403
+ x.useEffect(() => (a(), () => {
1422
1404
  a();
1423
1405
  }), []);
1424
1406
  function a() {
1425
1407
  n(null);
1426
1408
  }
1427
1409
  if (s != null && s.name)
1428
- return /* @__PURE__ */ e.jsx("div", { className: Q.wrapper, children: Object.entries(t.fonts).map(([l, c]) => /* @__PURE__ */ e.jsxs(
1410
+ return /* @__PURE__ */ e.jsx("div", { className: U.wrapper, children: Object.entries(t.fonts).map(([l, c]) => /* @__PURE__ */ e.jsxs(
1429
1411
  "div",
1430
1412
  {
1431
- className: Q.category,
1413
+ className: U.category,
1432
1414
  children: [
1433
- /* @__PURE__ */ e.jsx("h2", { className: Q.categoryTitle, children: O(l) }),
1415
+ /* @__PURE__ */ e.jsx("h2", { className: U.categoryTitle, children: z(l) }),
1434
1416
  Object.entries(c).map(([o, i]) => /* @__PURE__ */ e.jsx(
1435
1417
  ro,
1436
1418
  {
@@ -1444,27 +1426,27 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
1444
1426
  },
1445
1427
  l
1446
1428
  )) });
1447
- }, mo = "_wrapper_94fpv_1", ho = "_open_94fpv_16", _o = "_close_94fpv_20", po = "_header_94fpv_24", go = "_title_94fpv_31", xo = "_options_94fpv_37", jo = "_clicked_94fpv_44", ee = {
1429
+ }, mo = "_wrapper_94fpv_1", ho = "_open_94fpv_16", _o = "_close_94fpv_20", go = "_header_94fpv_24", po = "_title_94fpv_31", xo = "_options_94fpv_37", jo = "_clicked_94fpv_44", ee = {
1448
1430
  wrapper: mo,
1449
1431
  open: ho,
1450
1432
  close: _o,
1451
- header: po,
1452
- title: go,
1433
+ header: go,
1434
+ title: po,
1453
1435
  options: xo,
1454
1436
  clicked: jo
1455
1437
  }, vo = () => {
1456
- const { activeBlock: t, setActiveFont: n, activeFont: s, themeSettings: a, updateFont: l } = F(), { fonts: c } = Ee(), [o, i] = v.useState(null);
1438
+ const { activeBlock: t, setActiveFont: n, activeFont: s, themeSettings: a, updateFont: l } = F(), { fonts: c } = Ee(), [o, i] = x.useState(null);
1457
1439
  function d() {
1458
1440
  n(null);
1459
1441
  }
1460
- function b(r, u) {
1461
- o && s && l(o, s, u, r);
1442
+ function w(u, m) {
1443
+ o && s && l(o, s, m, u);
1462
1444
  }
1463
- const g = v.useMemo(() => s ? a.fonts.heading[s] ? (i("heading"), a.fonts.heading[s]) : a.fonts.paragraph[s] ? (i("paragraph"), a.fonts.paragraph[s]) : (i(null), null) : null, [s, a]);
1445
+ const g = x.useMemo(() => s ? a.fonts.heading[s] ? (i("heading"), a.fonts.heading[s]) : a.fonts.paragraph[s] ? (i("paragraph"), a.fonts.paragraph[s]) : (i(null), null) : null, [s, a]);
1464
1446
  return /* @__PURE__ */ e.jsxs(
1465
1447
  "div",
1466
1448
  {
1467
- className: w(ee.wrapper, {
1449
+ className: C(ee.wrapper, {
1468
1450
  [ee.open]: (t == null ? void 0 : t.name) === "Fonts" && s,
1469
1451
  [ee.close]: (t == null ? void 0 : t.name) !== "Fonts" || !s
1470
1452
  }),
@@ -1476,7 +1458,7 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
1476
1458
  onClick: d,
1477
1459
  children: [
1478
1460
  /* @__PURE__ */ e.jsx(
1479
- h,
1461
+ _,
1480
1462
  {
1481
1463
  name: "arrow-left",
1482
1464
  hoverable: !0
@@ -1492,8 +1474,8 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
1492
1474
  {
1493
1475
  label: "Font",
1494
1476
  value: g.font,
1495
- onChange: (r) => b(r, "font"),
1496
- options: [...c.filter((r) => r !== g.font)]
1477
+ onChange: (u) => w(u, "font"),
1478
+ options: [...c.filter((u) => u !== g.font)]
1497
1479
  }
1498
1480
  ),
1499
1481
  /* @__PURE__ */ e.jsx(
@@ -1501,8 +1483,8 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
1501
1483
  {
1502
1484
  label: "Size",
1503
1485
  value: String(g.size),
1504
- onChange: (r) => b(r, "size"),
1505
- options: pe
1486
+ onChange: (u) => w(u, "size"),
1487
+ options: ge
1506
1488
  }
1507
1489
  ),
1508
1490
  /* @__PURE__ */ e.jsx(
@@ -1510,7 +1492,7 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
1510
1492
  {
1511
1493
  label: "Weight",
1512
1494
  value: String(g.weight),
1513
- onChange: (r) => b(r, "weight"),
1495
+ onChange: (u) => w(u, "weight"),
1514
1496
  options: Je
1515
1497
  }
1516
1498
  )
@@ -1518,14 +1500,14 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
1518
1500
  ]
1519
1501
  }
1520
1502
  );
1521
- }, bo = "_wrapper_94fpv_1", fo = "_open_94fpv_16", ko = "_close_94fpv_20", wo = "_header_94fpv_24", yo = "_title_94fpv_31", Co = "_options_94fpv_37", No = "_clicked_94fpv_44", te = {
1503
+ }, bo = "_wrapper_94fpv_1", fo = "_open_94fpv_16", ko = "_close_94fpv_20", wo = "_header_94fpv_24", Co = "_title_94fpv_31", No = "_options_94fpv_37", $o = "_clicked_94fpv_44", te = {
1522
1504
  wrapper: bo,
1523
1505
  open: fo,
1524
1506
  close: ko,
1525
1507
  header: wo,
1526
- title: yo,
1527
- options: Co,
1528
- clicked: No
1508
+ title: Co,
1509
+ options: No,
1510
+ clicked: $o
1529
1511
  }, Oe = () => {
1530
1512
  const { activeBlock: t, themeSettings: n, updateBorder: s, setActiveBlock: a } = F();
1531
1513
  function l(i, d) {
@@ -1534,18 +1516,18 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
1534
1516
  function c() {
1535
1517
  a(null);
1536
1518
  }
1537
- const o = v.useMemo(() => n.borders, [n]);
1519
+ const o = x.useMemo(() => n.borders, [n]);
1538
1520
  return /* @__PURE__ */ e.jsxs(
1539
1521
  "div",
1540
1522
  {
1541
- className: w(te.wrapper, {
1523
+ className: C(te.wrapper, {
1542
1524
  [te.open]: (t == null ? void 0 : t.name) === "Borders",
1543
1525
  [te.close]: (t == null ? void 0 : t.name) !== "Borders"
1544
1526
  }),
1545
1527
  children: [
1546
1528
  /* @__PURE__ */ e.jsxs("div", { className: te.header, children: [
1547
1529
  /* @__PURE__ */ e.jsx(
1548
- h,
1530
+ _,
1549
1531
  {
1550
1532
  name: "arrow-left",
1551
1533
  hoverable: !0,
@@ -1556,7 +1538,7 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
1556
1538
  ] }),
1557
1539
  /* @__PURE__ */ e.jsxs("div", { className: te.options, children: [
1558
1540
  /* @__PURE__ */ e.jsx(
1559
- E,
1541
+ I,
1560
1542
  {
1561
1543
  label: "Border Radius (px)",
1562
1544
  value: String(o.radius),
@@ -1566,7 +1548,7 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
1566
1548
  }
1567
1549
  ),
1568
1550
  /* @__PURE__ */ e.jsx(
1569
- E,
1551
+ I,
1570
1552
  {
1571
1553
  label: "Border Thickness (px)",
1572
1554
  value: String(o.thickness),
@@ -1579,17 +1561,17 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
1579
1561
  ]
1580
1562
  }
1581
1563
  );
1582
- }, $o = "_wrapper_1j33r_1", Bo = "_open_1j33r_16", So = "_close_1j33r_20", Ao = "_header_1j33r_24", Po = "_title_1j33r_31", Mo = "_options_1j33r_37", Eo = "_clicked_1j33r_44", Fo = "_label_1j33r_48", To = "_alignments_1j33r_55", Io = "_blocks_1j33r_61", Oo = "_alignment_1j33r_55", Lo = "_active_1j33r_75", T = {
1583
- wrapper: $o,
1564
+ }, yo = "_wrapper_1j33r_1", Bo = "_open_1j33r_16", So = "_close_1j33r_20", Ao = "_header_1j33r_24", Po = "_title_1j33r_31", Mo = "_options_1j33r_37", Eo = "_clicked_1j33r_44", Io = "_label_1j33r_48", Fo = "_alignments_1j33r_55", To = "_blocks_1j33r_61", Oo = "_alignment_1j33r_55", Lo = "_active_1j33r_75", O = {
1565
+ wrapper: yo,
1584
1566
  open: Bo,
1585
1567
  close: So,
1586
1568
  header: Ao,
1587
1569
  title: Po,
1588
1570
  options: Mo,
1589
1571
  clicked: Eo,
1590
- label: Fo,
1591
- alignments: To,
1592
- blocks: Io,
1572
+ label: Io,
1573
+ alignments: Fo,
1574
+ blocks: To,
1593
1575
  alignment: Oo,
1594
1576
  active: Lo
1595
1577
  }, zo = ["left", "center", "right"], Le = () => {
@@ -1600,29 +1582,29 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
1600
1582
  function c() {
1601
1583
  a(null);
1602
1584
  }
1603
- const o = v.useMemo(() => n.buttons, [n]);
1585
+ const o = x.useMemo(() => n.buttons, [n]);
1604
1586
  return /* @__PURE__ */ e.jsxs(
1605
1587
  "div",
1606
1588
  {
1607
- className: w(T.wrapper, {
1608
- [T.open]: (t == null ? void 0 : t.name) === "Buttons",
1609
- [T.close]: (t == null ? void 0 : t.name) !== "Buttons"
1589
+ className: C(O.wrapper, {
1590
+ [O.open]: (t == null ? void 0 : t.name) === "Buttons",
1591
+ [O.close]: (t == null ? void 0 : t.name) !== "Buttons"
1610
1592
  }),
1611
1593
  children: [
1612
- /* @__PURE__ */ e.jsxs("div", { className: T.header, children: [
1594
+ /* @__PURE__ */ e.jsxs("div", { className: O.header, children: [
1613
1595
  /* @__PURE__ */ e.jsx(
1614
- h,
1596
+ _,
1615
1597
  {
1616
1598
  name: "arrow-left",
1617
1599
  hoverable: !0,
1618
1600
  onClick: c
1619
1601
  }
1620
1602
  ),
1621
- /* @__PURE__ */ e.jsx("span", { className: T.title, children: "Buttons Style" })
1603
+ /* @__PURE__ */ e.jsx("span", { className: O.title, children: "Buttons Style" })
1622
1604
  ] }),
1623
- o && /* @__PURE__ */ e.jsxs("div", { className: T.options, children: [
1605
+ o && /* @__PURE__ */ e.jsxs("div", { className: O.options, children: [
1624
1606
  /* @__PURE__ */ e.jsx(
1625
- E,
1607
+ I,
1626
1608
  {
1627
1609
  label: "Height (px)",
1628
1610
  value: String(o.height),
@@ -1637,11 +1619,11 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
1637
1619
  label: "Font Size (px)",
1638
1620
  value: String(o.size),
1639
1621
  onChange: (i) => l(i, "size"),
1640
- options: pe
1622
+ options: ge
1641
1623
  }
1642
1624
  ),
1643
1625
  /* @__PURE__ */ e.jsx(
1644
- E,
1626
+ I,
1645
1627
  {
1646
1628
  label: "Border Radius (px)",
1647
1629
  value: String(o.radius),
@@ -1650,19 +1632,19 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
1650
1632
  min: 0
1651
1633
  }
1652
1634
  ),
1653
- /* @__PURE__ */ e.jsxs("div", { className: T.alignments, children: [
1654
- /* @__PURE__ */ e.jsx("h4", { className: T.label, children: "Alignment Type" }),
1655
- /* @__PURE__ */ e.jsx("div", { className: T.blocks, children: zo.map((i) => /* @__PURE__ */ e.jsx(
1635
+ /* @__PURE__ */ e.jsxs("div", { className: O.alignments, children: [
1636
+ /* @__PURE__ */ e.jsx("h4", { className: O.label, children: "Alignment Type" }),
1637
+ /* @__PURE__ */ e.jsx("div", { className: O.blocks, children: zo.map((i) => /* @__PURE__ */ e.jsx(
1656
1638
  "div",
1657
1639
  {
1658
- className: w(T.alignment, {
1659
- [T.active]: o.alignment === i
1640
+ className: C(O.alignment, {
1641
+ [O.active]: o.alignment === i
1660
1642
  }),
1661
1643
  onClick: () => {
1662
1644
  l(i, "alignment");
1663
1645
  },
1664
1646
  children: /* @__PURE__ */ e.jsx(
1665
- h,
1647
+ _,
1666
1648
  {
1667
1649
  name: `align-${i}`,
1668
1650
  fill: o.alignment === i ? "#252525" : "#757575"
@@ -1684,21 +1666,21 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
1684
1666
  (t == null ? void 0 : t.name) === "Buttons" && /* @__PURE__ */ e.jsx(Le, {})
1685
1667
  ] });
1686
1668
  }, Ho = () => {
1687
- const { activeBlock: t, setActiveBlock: n } = F(), { activeBlock: s } = ge();
1669
+ const { activeBlock: t, setActiveBlock: n } = F(), { activeBlock: s } = pe();
1688
1670
  function a() {
1689
1671
  n(null);
1690
1672
  }
1691
1673
  return /* @__PURE__ */ e.jsxs(
1692
1674
  "div",
1693
1675
  {
1694
- className: w(ae.settings, {
1676
+ className: C(ae.settings, {
1695
1677
  [ae.open]: t,
1696
1678
  [ae.close]: !t || s.name !== "Theme"
1697
1679
  }),
1698
1680
  children: [
1699
1681
  /* @__PURE__ */ e.jsxs("div", { className: ae.header, children: [
1700
1682
  /* @__PURE__ */ e.jsx(
1701
- h,
1683
+ _,
1702
1684
  {
1703
1685
  name: "arrow-left",
1704
1686
  hoverable: !0,
@@ -1708,7 +1690,7 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
1708
1690
  /* @__PURE__ */ e.jsx("span", { className: ae.title, children: t == null ? void 0 : t.name })
1709
1691
  ] }),
1710
1692
  (t == null ? void 0 : t.name) === "Fonts" && /* @__PURE__ */ e.jsx(uo, {}),
1711
- (t == null ? void 0 : t.name) === "Colors" && /* @__PURE__ */ e.jsx(In, {}),
1693
+ (t == null ? void 0 : t.name) === "Colors" && /* @__PURE__ */ e.jsx(Tn, {}),
1712
1694
  (t == null ? void 0 : t.name) === "Inputs" && /* @__PURE__ */ e.jsx(Wn, {}),
1713
1695
  (t == null ? void 0 : t.name) === "Borders" && /* @__PURE__ */ e.jsx(Oe, {}),
1714
1696
  (t == null ? void 0 : t.name) === "Borders" && /* @__PURE__ */ e.jsx(Le, {}),
@@ -1717,7 +1699,7 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
1717
1699
  }
1718
1700
  );
1719
1701
  }, Ro = () => {
1720
- const { activeBlock: t } = ge(), { activeBlock: n } = J();
1702
+ const { activeBlock: t } = pe(), { activeBlock: n } = K();
1721
1703
  function s() {
1722
1704
  switch (t.name) {
1723
1705
  case "Layers":
@@ -1733,13 +1715,13 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
1733
1715
  return /* @__PURE__ */ e.jsxs("div", { className: Se.sidebar, children: [
1734
1716
  /* @__PURE__ */ e.jsx("h3", { className: Se.title, children: s() }),
1735
1717
  t.name === "Layers" && /* @__PURE__ */ e.jsx(nn, {}),
1736
- t.name === "Add" && /* @__PURE__ */ e.jsx(Ie, {}),
1718
+ t.name === "Add" && /* @__PURE__ */ e.jsx(Te, {}),
1737
1719
  /* @__PURE__ */ e.jsx(wn, { isAdd: !!n }),
1738
1720
  /* @__PURE__ */ e.jsx(Ho, {}),
1739
1721
  t.name === "Theme" && /* @__PURE__ */ e.jsx(dn, {}),
1740
1722
  t.name === "Settings" && /* @__PURE__ */ e.jsx(an, {})
1741
1723
  ] });
1742
- }, qo = "_wrapper_jjfwh_1", Yo = "_header_jjfwh_12", Qo = "_content_jjfwh_21", Uo = "_buttons_jjfwh_29", Go = "_cancel_jjfwh_35", Jo = "_label_jjfwh_40", Xo = "_description_jjfwh_41", Zo = "_preview_jjfwh_49", Vo = "_block_jjfwh_55", Ko = "_slug_jjfwh_63", Wo = "_title_jjfwh_69", I = {
1724
+ }, qo = "_wrapper_jjfwh_1", Yo = "_header_jjfwh_12", Qo = "_content_jjfwh_21", Uo = "_buttons_jjfwh_29", Go = "_cancel_jjfwh_35", Jo = "_label_jjfwh_40", Xo = "_description_jjfwh_41", Zo = "_preview_jjfwh_49", Vo = "_block_jjfwh_55", Ko = "_slug_jjfwh_63", Wo = "_title_jjfwh_69", L = {
1743
1725
  wrapper: qo,
1744
1726
  header: Yo,
1745
1727
  content: Qo,
@@ -1752,7 +1734,7 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
1752
1734
  slug: Ko,
1753
1735
  title: Wo
1754
1736
  }, ea = () => {
1755
- var P, R, m, k, C, B;
1737
+ var M, G, h, b, f, N;
1756
1738
  const {
1757
1739
  setIsOpenModal: t,
1758
1740
  pages: n,
@@ -1762,94 +1744,94 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
1762
1744
  setIsEdit: c,
1763
1745
  editedPage: o,
1764
1746
  setEditedPage: i
1765
- } = A(), { createPage: d, updatePage: b } = $(), [g, r] = v.useState(o ? (P = n[o]) == null ? void 0 : P.path : ""), [u, p] = v.useState(o ? (R = n[o]) == null ? void 0 : R.name : ""), [x, _] = v.useState(
1766
- o ? (m = n[o]) == null ? void 0 : m.seo.description : ""
1767
- ), [j, S] = v.useState(
1768
- o ? (k = n[o]) == null ? void 0 : k.visibility : "public"
1747
+ } = B(), { createPage: d, updatePage: w } = $(), [g, u] = x.useState(o ? (M = n[o]) == null ? void 0 : M.path : ""), [m, r] = x.useState(o ? (G = n[o]) == null ? void 0 : G.name : ""), [j, p] = x.useState(
1748
+ o ? (h = n[o]) == null ? void 0 : h.seo.description : ""
1749
+ ), [v, y] = x.useState(
1750
+ o ? (b = n[o]) == null ? void 0 : b.visibility : "public"
1769
1751
  );
1770
- function L() {
1771
- r(""), p(""), _(""), S("public"), c(!1), i(null);
1752
+ function T() {
1753
+ u(""), r(""), p(""), y("public"), c(!1), i(null);
1772
1754
  }
1773
- function y() {
1774
- L(), t(!1);
1755
+ function S() {
1756
+ T(), t(!1);
1775
1757
  }
1776
- function N(f) {
1777
- return f[0] === "/" ? f : "/" + f;
1758
+ function D(k) {
1759
+ return k[0] === "/" ? k : "/" + k;
1778
1760
  }
1779
- function U() {
1761
+ function A() {
1780
1762
  s({
1781
- path: N(g),
1782
- name: u || g,
1763
+ path: D(g),
1764
+ name: m || g,
1783
1765
  icon: "file",
1784
1766
  seo: {
1785
- title: u,
1786
- description: x
1767
+ title: m,
1768
+ description: j
1787
1769
  },
1788
- visibility: j
1789
- }), d(u), y();
1770
+ visibility: v
1771
+ }), d(m), S();
1790
1772
  }
1791
- function X() {
1792
- b(n[o].name, u || g), a(o, {
1793
- path: N(g),
1794
- name: u || g,
1773
+ function P() {
1774
+ w(n[o].name, m || g), a(o, {
1775
+ path: D(g),
1776
+ name: m || g,
1795
1777
  icon: n[o].icon || "file",
1796
1778
  seo: {
1797
- title: u,
1798
- description: x
1779
+ title: m,
1780
+ description: j
1799
1781
  },
1800
- visibility: j
1801
- }), y();
1782
+ visibility: v
1783
+ }), S();
1802
1784
  }
1803
1785
  return /* @__PURE__ */ e.jsxs(
1804
1786
  "div",
1805
1787
  {
1806
- className: I.wrapper,
1807
- onClick: (f) => f.stopPropagation(),
1788
+ className: L.wrapper,
1789
+ onClick: (k) => k.stopPropagation(),
1808
1790
  children: [
1809
- /* @__PURE__ */ e.jsxs("div", { className: I.header, children: [
1791
+ /* @__PURE__ */ e.jsxs("div", { className: L.header, children: [
1810
1792
  /* @__PURE__ */ e.jsxs("h2", { children: [
1811
1793
  l ? "Edit" : "Create",
1812
1794
  " Blank Page"
1813
1795
  ] }),
1814
1796
  /* @__PURE__ */ e.jsx(
1815
- h,
1797
+ _,
1816
1798
  {
1817
1799
  name: "x",
1818
1800
  fill: "#757575",
1819
1801
  hoverable: !0,
1820
- onClick: y
1802
+ onClick: S
1821
1803
  }
1822
1804
  )
1823
1805
  ] }),
1824
- /* @__PURE__ */ e.jsxs("div", { className: I.content, children: [
1806
+ /* @__PURE__ */ e.jsxs("div", { className: L.content, children: [
1825
1807
  /* @__PURE__ */ e.jsx(
1826
- E,
1808
+ I,
1827
1809
  {
1828
1810
  label: "Page Slug",
1829
- onChange: (f) => r(f),
1811
+ onChange: (k) => u(k),
1830
1812
  value: g,
1831
1813
  placeholder: "path-to-page",
1832
- disabled: !!(o && ((C = n[o]) != null && C.name) && le.includes(n[o].name)),
1814
+ disabled: !!(o && ((f = n[o]) != null && f.name) && le.includes(n[o].name)),
1833
1815
  required: !0,
1834
1816
  regex: "^.+$"
1835
1817
  }
1836
1818
  ),
1837
1819
  /* @__PURE__ */ e.jsx(
1838
- E,
1820
+ I,
1839
1821
  {
1840
1822
  label: "Page Title",
1841
- onChange: (f) => p(f),
1842
- value: u,
1823
+ onChange: (k) => r(k),
1824
+ value: m,
1843
1825
  placeholder: "Contact us",
1844
- disabled: !!(o && ((B = n[o]) != null && B.name) && le.includes(n[o].name))
1826
+ disabled: !!(o && ((N = n[o]) != null && N.name) && le.includes(n[o].name))
1845
1827
  }
1846
1828
  ),
1847
1829
  /* @__PURE__ */ e.jsx(
1848
1830
  Xe,
1849
1831
  {
1850
1832
  label: "Description",
1851
- onChange: (f) => _(f),
1852
- value: x,
1833
+ onChange: (k) => p(k),
1834
+ value: j,
1853
1835
  placeholder: "Contact us at any time of the day or night. You are always welcome",
1854
1836
  maxLength: 150
1855
1837
  }
@@ -1858,7 +1840,7 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
1858
1840
  Ze,
1859
1841
  {
1860
1842
  label: "Visibility",
1861
- defaultValue: j,
1843
+ defaultValue: v,
1862
1844
  options: [
1863
1845
  {
1864
1846
  value: "public",
@@ -1869,31 +1851,31 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
1869
1851
  label: "Private"
1870
1852
  }
1871
1853
  ],
1872
- onChange: (f) => S(f)
1854
+ onChange: (k) => y(k)
1873
1855
  }
1874
1856
  ),
1875
- /* @__PURE__ */ e.jsxs("div", { className: I.preview, children: [
1876
- /* @__PURE__ */ e.jsx("span", { className: I.label, children: "Preview" }),
1877
- /* @__PURE__ */ e.jsxs("div", { className: I.block, children: [
1878
- /* @__PURE__ */ e.jsx("span", { className: I.slug, children: g || "yoursite.url" }),
1879
- /* @__PURE__ */ e.jsx("span", { className: I.title, children: u || "My Blank Page" }),
1880
- /* @__PURE__ */ e.jsx("span", { className: I.description, children: x || "It is My Description" })
1857
+ /* @__PURE__ */ e.jsxs("div", { className: L.preview, children: [
1858
+ /* @__PURE__ */ e.jsx("span", { className: L.label, children: "Preview" }),
1859
+ /* @__PURE__ */ e.jsxs("div", { className: L.block, children: [
1860
+ /* @__PURE__ */ e.jsx("span", { className: L.slug, children: g || "yoursite.url" }),
1861
+ /* @__PURE__ */ e.jsx("span", { className: L.title, children: m || "My Blank Page" }),
1862
+ /* @__PURE__ */ e.jsx("span", { className: L.description, children: j || "It is My Description" })
1881
1863
  ] })
1882
1864
  ] })
1883
1865
  ] }),
1884
- /* @__PURE__ */ e.jsxs("div", { className: I.buttons, children: [
1866
+ /* @__PURE__ */ e.jsxs("div", { className: L.buttons, children: [
1885
1867
  /* @__PURE__ */ e.jsx(
1886
- Z,
1868
+ X,
1887
1869
  {
1888
- className: I.cancel,
1889
- onClick: y,
1870
+ className: L.cancel,
1871
+ onClick: S,
1890
1872
  children: "Cancel"
1891
1873
  }
1892
1874
  ),
1893
1875
  /* @__PURE__ */ e.jsx(
1894
- Z,
1876
+ X,
1895
1877
  {
1896
- onClick: l ? X : U,
1878
+ onClick: l ? P : A,
1897
1879
  disabled: g.length === 0,
1898
1880
  children: l ? "Update" : "Create"
1899
1881
  }
@@ -1907,7 +1889,7 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
1907
1889
  main: sa,
1908
1890
  content: na
1909
1891
  }, oa = () => {
1910
- const { isOpenModal: t, setIsOpenModal: n } = A(), { openModal: s, setOpenModal: a } = Ve();
1892
+ const { isOpenModal: t, setIsOpenModal: n } = B(), { openModal: s, setOpenModal: a } = Ve();
1911
1893
  return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
1912
1894
  /* @__PURE__ */ e.jsxs("div", { className: be.layout, children: [
1913
1895
  /* @__PURE__ */ e.jsx(Qt, {}),
@@ -1919,8 +1901,8 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
1919
1901
  ] })
1920
1902
  ] })
1921
1903
  ] }),
1922
- t && /* @__PURE__ */ e.jsx(Ce, { close: n, children: /* @__PURE__ */ e.jsx(ea, {}) }),
1923
- s && /* @__PURE__ */ e.jsx(Ce, { close: a, children: /* @__PURE__ */ e.jsx(Ke, {}) })
1904
+ t && /* @__PURE__ */ e.jsx(Ne, { close: n, children: /* @__PURE__ */ e.jsx(ea, {}) }),
1905
+ s && /* @__PURE__ */ e.jsx(Ne, { close: a, children: /* @__PURE__ */ e.jsx(Ke, {}) })
1924
1906
  ] });
1925
1907
  };
1926
1908
  async function aa() {
@@ -1934,17 +1916,15 @@ async function aa() {
1934
1916
  }
1935
1917
  }
1936
1918
  const ia = (t) => {
1937
- const { blocks: n, settings: s, header: a, footer: l } = t, { setBlocks: c, setSourceBlocks: o } = J(), { fonts: i, setFonts: d } = Ee(), { setSettings: b } = K(), { setPageContext: g } = A(), { setHeader: r, setFooter: u } = $();
1938
- return v.useEffect(() => {
1939
- const p = {};
1940
- Object.keys(n).map((_) => {
1941
- p[_] = {
1942
- ...n[_]
1943
- };
1944
- }), r(a), u(l), b(s), o(p), c(n), (async () => {
1919
+ const { blocks: n, settings: s, header: a, footer: l } = t, { setBlocks: c, setSourceBlocks: o } = K(), { fonts: i, setFonts: d } = Ee(), { setSettings: w } = V(), { setPageContext: g } = B(), { setHeader: u, setFooter: m } = $();
1920
+ return x.useEffect(() => {
1921
+ const r = {};
1922
+ Object.keys(n).map((p) => {
1923
+ r[p] = n[p];
1924
+ }), o(r), c(r), u(a), m(l), w(s), (async () => {
1945
1925
  if (i.length === 0) {
1946
- const j = await aa();
1947
- d([...j.map((S) => S.family)]);
1926
+ const v = await aa();
1927
+ d([...v.map((y) => y.family)]);
1948
1928
  }
1949
1929
  g({
1950
1930
  listings: void 0,