@billgangcom/theme-lib 1.12.0 → 1.13.0

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 (13) hide show
  1. package/dist/builder/utils/fetchPagesData.d.ts +1 -0
  2. package/dist/builder/utils/index.d.ts +1 -0
  3. package/dist/builder.cjs.js +3 -3
  4. package/dist/builder.es.js +904 -789
  5. package/dist/{index-hz9iiZsE.js → index-DXTECGbt.js} +788 -854
  6. package/dist/{index-C4eTUjpB.cjs → index-xDqbV96L.cjs} +13 -13
  7. package/dist/shared/lib/api.d.ts +1 -0
  8. package/dist/shared/ui/Loader/index.d.ts +1 -0
  9. package/dist/shared/ui/index.d.ts +1 -0
  10. package/dist/store/usePagesStore.d.ts +2 -1
  11. package/dist/ui.cjs.js +1 -1
  12. package/dist/ui.es.js +8 -7
  13. package/package.json +1 -1
package/dist/builder.es.js CHANGED
@@ -1,7 +1,7 @@
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_3jsln_1{padding:10px 16px;border-radius:12px;cursor:pointer;font-size:16px}._button_3jsln_1:disabled{opacity:.7;cursor:auto}._primary_3jsln_13{color:#fff;background-color:#ff3f19}._secondary_3jsln_18{color:#757575;background-color:#f8f8f8}._content_3jsln_23{display:flex;align-items:center;gap:4px}._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}._accordion_2tiiw_1{border-radius:24px;overflow:hidden;transition:all .3s ease;background-color:#f8f8f8;padding:24px}._header_2tiiw_9{display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-weight:700}._header_2tiiw_9 ._icon_2tiiw_16{transition:transform .3s ease}._header_2tiiw_9 ._icon_2tiiw_16._open_2tiiw_19{transform:rotate(180deg)}._content_2tiiw_23{overflow:hidden;transition:height .3s ease}._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_11qr1_1{color:#757575;font-size:14px;line-height:20px;font-weight:400}._header_11qr1_8,._text_11qr1_9,._productsBlock_11qr1_10{padding:10px 0 16px;display:flex;flex-direction:column;gap:12px;width:100%}._productsBlock_11qr1_10{position:relative}._top_11qr1_22{display:flex;justify-content:space-between;align-items:center;margin:0 0 8px}._itemsBlock_11qr1_29{display:flex;flex-direction:column;gap:6px}._typeTexts_11qr1_35{display:flex;align-items:center;gap:8px}._block_11qr1_41{padding:8px;display:flex;align-items:center;justify-content:center;border:1px solid #f8f8f8;background-color:#f8f8f8;border-radius:12px;cursor:pointer}._active_11qr1_52{border:1px solid #ff3f19}._products_11qr1_10{width:100%;display:flex;flex-direction:column;gap:8px}._product_11qr1_10{display:flex;align-items:center;gap:8px;width:100%}._button_11qr1_70{background:inherit;color:#ff3f19;display:flex;align-items:center;justify-content:center;gap:6px;width:100%}._disabled_11qr1_80{color:#757575}._image_11qr1_84{border-radius:8px;border:1px solid #f0f0f0;background-color:#fff;padding:4px}._info_11qr1_91{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_11qr1_102{flex:1 1 100%}._buttons_11qr1_106{display:flex;align-items:center;gap:8px}._modal_11qr1_112{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_11qr1_112 ._top_11qr1_22{display:flex;align-items:center;justify-content:space-between}._link_11qr1_130{display:flex;flex-direction:column;gap:8px}._modalOptions_11qr1_136{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}._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}')),document.head.appendChild(e)}}catch(o){console.error("vite-plugin-css-injected-by-js",o)}})();
2
- import { j as e, I as p, k as Ie, c as v, l as Y, m as P, n as B, o as le, B as Q, p as H, q as J, r as Ge, s as Se, t as K, w as qe, x as _e, y as Fe, z as O, e as ke, D as ze, H as We, u as Ve, d as Xe, f as ie, g as Ke, a as M, b as se, A as Ce, S as ve, P as je, E as De, F as Qe, T as Ye, R as Je, G as Ze, M as Be, i as et, J as Me } from "./index-hz9iiZsE.js";
3
- import _, { useMemo as He } from "react";
4
- const tt = [
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_3jsln_1{padding:10px 16px;border-radius:12px;cursor:pointer;font-size:16px}._button_3jsln_1:disabled{opacity:.7;cursor:auto}._primary_3jsln_13{color:#fff;background-color:#ff3f19}._secondary_3jsln_18{color:#757575;background-color:#f8f8f8}._content_3jsln_23{display:flex;align-items:center;gap:4px}._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}._loader_wrwsz_1{border:4px solid rgba(0,0,0,.1);border-left-color:#f8f8f8;border-radius:50%;width:40px;height:40px;animation:_spin_wrwsz_1 1s linear infinite}@keyframes _spin_wrwsz_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._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_1q26s_1{position:relative}._default_1q26s_5{display:flex;align-items:center;gap:4px;padding:10px 12px;background-color:var(--background-color);border-radius:8px;cursor:pointer;position:relative}._text_1q26s_16{padding-right:4px;color:var(--main-color);flex:1 1 auto}._modal_1q26s_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_1q26s_1{display:flex;align-items:center;gap:8px;padding:12px 8px;border-radius:8px;cursor:pointer}._hoverable_1q26s_45{background-color:var(--background-color)}._separator_1q26s_49{border-bottom:1px solid #f0f0f0}._button_1q26s_53{background:inherit;color:#ff3f19;display:flex;align-items:center;justify-content:start;gap:8px;padding:16px 8px 12px;transition:.2s}._button_1q26s_53:hover{background-color:var(--background-color)}._items_1q26s_67{max-height:400px;overflow-y:scroll;height:100%}._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_1v9dl_1{width:100%;background-color:var(--background-color);padding:16px 32px 0;position:relative;z-index:500}._main_1v9dl_9{width:100%;display:flex;flex-direction:column;overflow-y:auto;height:100%;position:relative;z-index:1}._content_1v9dl_19{background-color:#fff;border:var(--default-border);border-bottom:none;height:100%}._loading_1v9dl_26{width:100%;height:100%;display:flex;justify-content:center;align-items:center}._loader_1v9dl_34{border:4px solid rgba(0,0,0,.1);border-left-color:#f8f8f8;border-radius:50%;width:40px;height:40px;animation:_spin_1v9dl_1 1s linear infinite}@keyframes _spin_1v9dl_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}._accordion_2tiiw_1{border-radius:24px;overflow:hidden;transition:all .3s ease;background-color:#f8f8f8;padding:24px}._header_2tiiw_9{display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-weight:700}._header_2tiiw_9 ._icon_2tiiw_16{transition:transform .3s ease}._header_2tiiw_9 ._icon_2tiiw_16._open_2tiiw_19{transform:rotate(180deg)}._content_2tiiw_23{overflow:hidden;transition:height .3s ease}._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_11qr1_1{color:#757575;font-size:14px;line-height:20px;font-weight:400}._header_11qr1_8,._text_11qr1_9,._productsBlock_11qr1_10{padding:10px 0 16px;display:flex;flex-direction:column;gap:12px;width:100%}._productsBlock_11qr1_10{position:relative}._top_11qr1_22{display:flex;justify-content:space-between;align-items:center;margin:0 0 8px}._itemsBlock_11qr1_29{display:flex;flex-direction:column;gap:6px}._typeTexts_11qr1_35{display:flex;align-items:center;gap:8px}._block_11qr1_41{padding:8px;display:flex;align-items:center;justify-content:center;border:1px solid #f8f8f8;background-color:#f8f8f8;border-radius:12px;cursor:pointer}._active_11qr1_52{border:1px solid #ff3f19}._products_11qr1_10{width:100%;display:flex;flex-direction:column;gap:8px}._product_11qr1_10{display:flex;align-items:center;gap:8px;width:100%}._button_11qr1_70{background:inherit;color:#ff3f19;display:flex;align-items:center;justify-content:center;gap:6px;width:100%}._disabled_11qr1_80{color:#757575}._image_11qr1_84{border-radius:8px;border:1px solid #f0f0f0;background-color:#fff;padding:4px}._info_11qr1_91{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_11qr1_102{flex:1 1 100%}._buttons_11qr1_106{display:flex;align-items:center;gap:8px}._modal_11qr1_112{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_11qr1_112 ._top_11qr1_22{display:flex;align-items:center;justify-content:space-between}._link_11qr1_130{display:flex;flex-direction:column;gap:8px}._modalOptions_11qr1_136{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}._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}')),document.head.appendChild(e)}}catch(o){console.error("vite-plugin-css-injected-by-js",o)}})();
2
+ import { j as e, I as m, k as ze, c as y, l as Y, m as N, n as A, o as We, B as Q, p as H, q as J, r as Ve, s as Se, t as K, w as Xe, x as _e, y as $e, z as I, e as je, L as ye, D as Ke, H as Qe, u as Ye, d as Je, f as ae, g as Ze, a as $, b as se, A as Ce, S as Be, P as Ae, E as He, F as et, T as tt, R as nt, G as ot, M as Pe, i as st, J as ke } from "./index-DXTECGbt.js";
3
+ import x, { useMemo as Re } from "react";
4
+ const rt = [
5
5
  {
6
6
  icon: "Desktop",
7
7
  value: "desktop"
@@ -14,7 +14,7 @@ const tt = [
14
14
  icon: "DeviceMobileCamera",
15
15
  value: "mobile"
16
16
  }
17
- ], nt = [
17
+ ], at = [
18
18
  {
19
19
  icon: "PaintBrushBroad",
20
20
  name: "Colors"
@@ -35,12 +35,91 @@ const tt = [
35
35
  icon: "Textbox",
36
36
  name: "Inputs"
37
37
  }
38
- ], ot = "https://g-api.billgang.com", st = "https://www.googleapis.com/webfonts/v1/webfonts", ur = ["Acorn", "Activity", "AddressBook", "AddressBookTabs", "AirTrafficControl", "Airplane", "AirplaneInFlight", "AirplaneLanding", "AirplaneTakeoff", "AirplaneTaxiing", "AirplaneTilt", "Airplay", "Alarm", "Alien", "AlignBottom", "AlignBottomSimple", "AlignCenterHorizontal", "AlignCenterHorizontalSimple", "AlignCenterVertical", "AlignCenterVerticalSimple", "AlignLeft", "AlignLeftSimple", "AlignRight", "AlignRightSimple", "AlignTop", "AlignTopSimple", "AmazonLogo", "Ambulance", "Anchor", "AnchorSimple", "AndroidLogo", "Angle", "AngularLogo", "Aperture", "AppStoreLogo", "AppWindow", "AppleLogo", "ApplePodcastsLogo", "ApproximateEquals", "Archive", "ArchiveBox", "ArchiveTray", "Armchair", "ArrowArcLeft", "ArrowArcRight", "ArrowBendDoubleUpLeft", "ArrowBendDoubleUpRight", "ArrowBendDownLeft", "ArrowBendDownRight", "ArrowBendLeftDown", "ArrowBendLeftUp", "ArrowBendRightDown", "ArrowBendRightUp", "ArrowBendUpLeft", "ArrowBendUpRight", "ArrowCircleDown", "ArrowCircleDownLeft", "ArrowCircleDownRight", "ArrowCircleLeft", "ArrowCircleRight", "ArrowCircleUp", "ArrowCircleUpLeft", "ArrowCircleUpRight", "ArrowClockwise", "ArrowCounterClockwise", "ArrowDown", "ArrowDownLeft", "ArrowDownRight", "ArrowElbowDownLeft", "ArrowElbowDownRight", "ArrowElbowLeft", "ArrowElbowLeftDown", "ArrowElbowLeftUp", "ArrowElbowRight", "ArrowElbowRightDown", "ArrowElbowRightUp", "ArrowElbowUpLeft", "ArrowElbowUpRight", "ArrowFatDown", "ArrowFatLeft", "ArrowFatLineDown", "ArrowFatLineLeft", "ArrowFatLineRight", "ArrowFatLineUp", "ArrowFatLinesDown", "ArrowFatLinesLeft", "ArrowFatLinesRight", "ArrowFatLinesUp", "ArrowFatRight", "ArrowFatUp", "ArrowLeft", "ArrowLineDown", "ArrowLineDownLeft", "ArrowLineDownRight", "ArrowLineLeft", "ArrowLineRight", "ArrowLineUp", "ArrowLineUpLeft", "ArrowLineUpRight", "ArrowRight", "ArrowSquareDown", "ArrowSquareDownLeft", "ArrowSquareDownRight", "ArrowSquareIn", "ArrowSquareLeft", "ArrowSquareOut", "ArrowSquareRight", "ArrowSquareUp", "ArrowSquareUpLeft", "ArrowSquareUpRight", "ArrowUDownLeft", "ArrowUDownRight", "ArrowULeftDown", "ArrowULeftUp", "ArrowURightDown", "ArrowURightUp", "ArrowUUpLeft", "ArrowUUpRight", "ArrowUp", "ArrowUpLeft", "ArrowUpRight", "ArrowsClockwise", "ArrowsCounterClockwise", "ArrowsDownUp", "ArrowsHorizontal", "ArrowsIn", "ArrowsInCardinal", "ArrowsInLineHorizontal", "ArrowsInLineVertical", "ArrowsInSimple", "ArrowsLeftRight", "ArrowsMerge", "ArrowsOut", "ArrowsOutCardinal", "ArrowsOutLineHorizontal", "ArrowsOutLineVertical", "ArrowsOutSimple", "ArrowsSplit", "ArrowsVertical", "Article", "ArticleMedium", "ArticleNyTimes", "Asclepius", "Asterisk", "AsteriskSimple", "At", "Atom", "Avocado", "Axe", "Baby", "BabyCarriage", "Backpack", "Backspace", "Bag", "BagSimple", "Balloon", "Bandaids", "Bank", "Barbell", "Barcode", "Barn", "Barricade", "Baseball", "BaseballCap", "BaseballHelmet", "Basket", "Basketball", "Bathtub", "BatteryCharging", "BatteryChargingVertical", "BatteryEmpty", "BatteryFull", "BatteryHigh", "BatteryLow", "BatteryMedium", "BatteryPlus", "BatteryPlusVertical", "BatteryVerticalEmpty", "BatteryVerticalFull", "BatteryVerticalHigh", "BatteryVerticalLow", "BatteryVerticalMedium", "BatteryWarning", "BatteryWarningVertical", "BeachBall", "Beanie", "Bed", "BeerBottle", "BeerStein", "BehanceLogo", "Bell", "BellRinging", "BellSimple", "BellSimpleRinging", "BellSimpleSlash", "BellSimpleZ", "BellSlash", "BellZ", "Belt", "BezierCurve", "Bicycle", "Binary", "Binoculars", "Biohazard", "Bird", "Blueprint", "Bluetooth", "BluetoothConnected", "BluetoothSlash", "BluetoothX", "Boat", "Bomb", "Bone", "Book", "BookBookmark", "BookOpen", "BookOpenText", "BookOpenUser", "Bookmark", "BookmarkSimple", "Bookmarks", "BookmarksSimple", "Books", "Boot", "Boules", "BoundingBox", "BowlFood", "BowlSteam", "BowlingBall", "BoxArrowDown", "BoxArrowUp", "BoxingGlove", "BracketsAngle", "BracketsCurly", "BracketsRound", "BracketsSquare", "Brain", "Brandy", "Bread", "Bridge", "Briefcase", "BriefcaseMetal", "Broadcast", "Broom", "Browser", "Browsers", "Bug", "BugBeetle", "BugDroid", "Building", "BuildingApartment", "BuildingOffice", "Buildings", "Bulldozer", "Bus", "Butterfly", "CableCar", "Cactus", "Caduceus", "Cake", "Calculator", "Calendar", "CalendarBlank", "CalendarCheck", "CalendarDot", "CalendarDots", "CalendarHeart", "CalendarMinus", "CalendarPlus", "CalendarSlash", "CalendarStar", "CalendarX", "CallBell", "Camera", "CameraPlus", "CameraRotate", "CameraSlash", "Campfire", "Car", "CarBattery", "CarProfile", "CarSimple", "Cardholder", "Cards", "CardsThree", "CaretCircleDoubleDown", "CaretCircleDoubleLeft", "CaretCircleDoubleRight", "CaretCircleDoubleUp", "CaretCircleDown", "CaretCircleLeft", "CaretCircleRight", "CaretCircleUp", "CaretCircleUpDown", "CaretDoubleDown", "CaretDoubleLeft", "CaretDoubleRight", "CaretDoubleUp", "CaretDown", "CaretLeft", "CaretLineDown", "CaretLineLeft", "CaretLineRight", "CaretLineUp", "CaretRight", "CaretUp", "CaretUpDown", "Carrot", "CashRegister", "CassetteTape", "CastleTurret", "Cat", "CellSignalFull", "CellSignalHigh", "CellSignalLow", "CellSignalMedium", "CellSignalNone", "CellSignalSlash", "CellSignalX", "CellTower", "Certificate", "Chair", "Chalkboard", "ChalkboardSimple", "ChalkboardTeacher", "Champagne", "ChargingStation", "ChartBar", "ChartBarHorizontal", "ChartDonut", "ChartLine", "ChartLineDown", "ChartLineUp", "ChartPie", "ChartPieSlice", "ChartPolar", "ChartScatter", "Chat", "ChatCentered", "ChatCenteredDots", "ChatCenteredSlash", "ChatCenteredText", "ChatCircle", "ChatCircleDots", "ChatCircleSlash", "ChatCircleText", "ChatDots", "ChatSlash", "ChatTeardrop", "ChatTeardropDots", "ChatTeardropSlash", "ChatTeardropText", "ChatText", "Chats", "ChatsCircle", "ChatsTeardrop", "Check", "CheckCircle", "CheckFat", "CheckSquare", "CheckSquareOffset", "Checkerboard", "Checks", "Cheers", "Cheese", "ChefHat", "Cherries", "Church", "Cigarette", "CigaretteSlash", "Circle", "CircleDashed", "CircleHalf", "CircleHalfTilt", "CircleNotch", "CircleWavy", "CircleWavyCheck", "CircleWavyQuestion", "CircleWavyWarning", "CirclesFour", "CirclesThree", "CirclesThreePlus", "Circuitry", "City", "Clipboard", "ClipboardText", "Clock", "ClockAfternoon", "ClockClockwise", "ClockCountdown", "ClockCounterClockwise", "ClockUser", "ClosedCaptioning", "Cloud", "CloudArrowDown", "CloudArrowUp", "CloudCheck", "CloudFog", "CloudLightning", "CloudMoon", "CloudRain", "CloudSlash", "CloudSnow", "CloudSun", "CloudWarning", "CloudX", "Clover", "Club", "CoatHanger", "CodaLogo", "Code", "CodeBlock", "CodeSimple", "CodepenLogo", "CodesandboxLogo", "Coffee", "CoffeeBean", "Coin", "CoinVertical", "Coins", "Columns", "ColumnsPlusLeft", "ColumnsPlusRight", "Command", "Compass", "CompassRose", "CompassTool", "ComputerTower", "Confetti", "ContactlessPayment", "Control", "Cookie", "CookingPot", "Copy", "CopySimple", "Copyleft", "Copyright", "CornersIn", "CornersOut", "Couch", "CourtBasketball", "Cow", "CowboyHat", "Cpu", "Crane", "CraneTower", "CreditCard", "Cricket", "Crop", "Cross", "Crosshair", "CrosshairSimple", "Crown", "CrownCross", "CrownSimple", "Cube", "CubeFocus", "CubeTransparent", "CurrencyBtc", "CurrencyCircleDollar", "CurrencyCny", "CurrencyDollar", "CurrencyDollarSimple", "CurrencyEth", "CurrencyEur", "CurrencyGbp", "CurrencyInr", "CurrencyJpy", "CurrencyKrw", "CurrencyKzt", "CurrencyNgn", "CurrencyRub", "Cursor", "CursorClick", "CursorText", "Cylinder", "Database", "Desk", "Desktop", "DesktopTower", "Detective", "DevToLogo", "DeviceMobile", "DeviceMobileCamera", "DeviceMobileSlash", "DeviceMobileSpeaker", "DeviceRotate", "DeviceTablet", "DeviceTabletCamera", "DeviceTabletSpeaker", "Devices", "Diamond", "DiamondsFour", "DiceFive", "DiceFour", "DiceOne", "DiceSix", "DiceThree", "DiceTwo", "Disc", "DiscoBall", "DiscordLogo", "Divide", "Dna", "Dog", "Door", "DoorOpen", "Dot", "DotOutline", "DotsNine", "DotsSix", "DotsSixVertical", "DotsThree", "DotsThreeCircle", "DotsThreeCircleVertical", "DotsThreeOutline", "DotsThreeOutlineVertical", "DotsThreeVertical", "Download", "DownloadSimple", "Dress", "Dresser", "DribbbleLogo", "Drone", "Drop", "DropHalf", "DropHalfBottom", "DropSimple", "DropSlash", "DropboxLogo", "Ear", "EarSlash", "Egg", "EggCrack", "Eject", "EjectSimple", "Elevator", "Empty", "Engine", "Envelope", "EnvelopeOpen", "EnvelopeSimple", "EnvelopeSimpleOpen", "Equalizer", "Equals", "Eraser", "EscalatorDown", "EscalatorUp", "Exam", "ExclamationMark", "Exclude", "ExcludeSquare", "Export", "Eye", "EyeClosed", "EyeSlash", "Eyedropper", "EyedropperSample", "Eyeglasses", "Eyes", "FaceMask", "FacebookLogo", "Factory", "Faders", "FadersHorizontal", "FalloutShelter", "Fan", "Farm", "FastForward", "FastForwardCircle", "Feather", "FediverseLogo", "FigmaLogo", "File", "FileArchive", "FileArrowDown", "FileArrowUp", "FileAudio", "FileC", "FileCSharp", "FileCloud", "FileCode", "FileCpp", "FileCss", "FileCsv", "FileDashed", "FileDoc", "FileDotted", "FileHtml", "FileImage", "FileIni", "FileJpg", "FileJs", "FileJsx", "FileLock", "FileMagnifyingGlass", "FileMd", "FileMinus", "FilePdf", "FilePlus", "FilePng", "FilePpt", "FilePy", "FileRs", "FileSearch", "FileSql", "FileSvg", "FileText", "FileTs", "FileTsx", "FileTxt", "FileVideo", "FileVue", "FileX", "FileXls", "FileZip", "Files", "FilmReel", "FilmScript", "FilmSlate", "FilmStrip", "Fingerprint", "FingerprintSimple", "FinnTheHuman", "Fire", "FireExtinguisher", "FireSimple", "FireTruck", "FirstAid", "FirstAidKit", "Fish", "FishSimple", "Flag", "FlagBanner", "FlagBannerFold", "FlagCheckered", "FlagPennant", "Flame", "Flashlight", "Flask", "FlipHorizontal", "FlipVertical", "FloppyDisk", "FloppyDiskBack", "FlowArrow", "Flower", "FlowerLotus", "FlowerTulip", "FlyingSaucer", "Folder", "FolderDashed", "FolderDotted", "FolderLock", "FolderMinus", "FolderNotch", "FolderNotchMinus", "FolderNotchOpen", "FolderNotchPlus", "FolderOpen", "FolderPlus", "FolderSimple", "FolderSimpleDashed", "FolderSimpleDotted", "FolderSimpleLock", "FolderSimpleMinus", "FolderSimplePlus", "FolderSimpleStar", "FolderSimpleUser", "FolderStar", "FolderUser", "Folders", "Football", "FootballHelmet", "Footprints", "ForkKnife", "FourK", "FrameCorners", "FramerLogo", "Function", "Funnel", "FunnelSimple", "FunnelSimpleX", "FunnelX", "GameController", "Garage", "GasCan", "GasPump", "Gauge", "Gavel", "Gear", "GearFine", "GearSix", "GenderFemale", "GenderIntersex", "GenderMale", "GenderNeuter", "GenderNonbinary", "GenderTransgender", "Ghost", "Gif", "Gift", "GitBranch", "GitCommit", "GitDiff", "GitFork", "GitMerge", "GitPullRequest", "GithubLogo", "GitlabLogo", "GitlabLogoSimple", "Globe", "GlobeHemisphereEast", "GlobeHemisphereWest", "GlobeSimple", "GlobeSimpleX", "GlobeStand", "GlobeX", "Goggles", "Golf", "GoodreadsLogo", "GoogleCardboardLogo", "GoogleChromeLogo", "GoogleDriveLogo", "GoogleLogo", "GooglePhotosLogo", "GooglePlayLogo", "GooglePodcastsLogo", "Gps", "GpsFix", "GpsSlash", "Gradient", "GraduationCap", "Grains", "GrainsSlash", "Graph", "GraphicsCard", "GreaterThan", "GreaterThanOrEqual", "GridFour", "GridNine", "Guitar", "HairDryer", "Hamburger", "Hammer", "Hand", "HandArrowDown", "HandArrowUp", "HandCoins", "HandDeposit", "HandEye", "HandFist", "HandGrabbing", "HandHeart", "HandPalm", "HandPeace", "HandPointing", "HandSoap", "HandSwipeLeft", "HandSwipeRight", "HandTap", "HandWaving", "HandWithdraw", "Handbag", "HandbagSimple", "HandsClapping", "HandsPraying", "Handshake", "HardDrive", "HardDrives", "HardHat", "Hash", "HashStraight", "HeadCircuit", "Headlights", "Headphones", "Headset", "Heart", "HeartBreak", "HeartHalf", "HeartStraight", "HeartStraightBreak", "Heartbeat", "Hexagon", "HighDefinition", "HighHeel", "Highlighter", "HighlighterCircle", "Hockey", "Hoodie", "Horse", "Hospital", "Hourglass", "HourglassHigh", "HourglassLow", "HourglassMedium", "HourglassSimple", "HourglassSimpleHigh", "HourglassSimpleLow", "HourglassSimpleMedium", "House", "HouseLine", "HouseSimple", "Hurricane", "IceCream", "IconBase", "IconContext", "IdentificationBadge", "IdentificationCard", "Image", "ImageBroken", "ImageSquare", "Images", "ImagesSquare", "Infinity", "Info", "InstagramLogo", "Intersect", "IntersectSquare", "IntersectThree", "Intersection", "Invoice", "Island", "Jar", "JarLabel", "Jeep", "Joystick", "Kanban", "Key", "KeyReturn", "Keyboard", "Keyhole", "Knife", "Ladder", "LadderSimple", "Lamp", "LampPendant", "Laptop", "Lasso", "LastfmLogo", "Layout", "Leaf", "Lectern", "Lego", "LegoSmiley", "Lemniscate", "LessThan", "LessThanOrEqual", "LetterCircleH", "LetterCircleP", "LetterCircleV", "Lifebuoy", "Lightbulb", "LightbulbFilament", "Lighthouse", "Lightning", "LightningA", "LightningSlash", "LineSegment", "LineSegments", "LineVertical", "Link", "LinkBreak", "LinkSimple", "LinkSimpleBreak", "LinkSimpleHorizontal", "LinkSimpleHorizontalBreak", "LinkedinLogo", "LinktreeLogo", "LinuxLogo", "List", "ListBullets", "ListChecks", "ListDashes", "ListHeart", "ListMagnifyingGlass", "ListNumbers", "ListPlus", "ListStar", "Lock", "LockKey", "LockKeyOpen", "LockLaminated", "LockLaminatedOpen", "LockOpen", "LockSimple", "LockSimpleOpen", "Lockers", "Log", "MagicWand", "Magnet", "MagnetStraight", "MagnifyingGlass", "MagnifyingGlassMinus", "MagnifyingGlassPlus", "Mailbox", "MapPin", "MapPinArea", "MapPinLine", "MapPinPlus", "MapPinSimple", "MapPinSimpleArea", "MapPinSimpleLine", "MapTrifold", "MarkdownLogo", "MarkerCircle", "Martini", "MaskHappy", "MaskSad", "MastodonLogo", "MathOperations", "MatrixLogo", "Medal", "MedalMilitary", "MediumLogo", "Megaphone", "MegaphoneSimple", "MemberOf", "Memory", "MessengerLogo", "MetaLogo", "Meteor", "Metronome", "Microphone", "MicrophoneSlash", "MicrophoneStage", "Microscope", "MicrosoftExcelLogo", "MicrosoftOutlookLogo", "MicrosoftPowerpointLogo", "MicrosoftTeamsLogo", "MicrosoftWordLogo", "Minus", "MinusCircle", "MinusSquare", "Money", "MoneyWavy", "Monitor", "MonitorArrowUp", "MonitorPlay", "Moon", "MoonStars", "Moped", "MopedFront", "Mosque", "Motorcycle", "Mountains", "Mouse", "MouseLeftClick", "MouseMiddleClick", "MouseRightClick", "MouseScroll", "MouseSimple", "MusicNote", "MusicNoteSimple", "MusicNotes", "MusicNotesMinus", "MusicNotesPlus", "MusicNotesSimple", "NavigationArrow", "Needle", "Network", "NetworkSlash", "NetworkX", "Newspaper", "NewspaperClipping", "NotEquals", "NotMemberOf", "NotSubsetOf", "NotSupersetOf", "Notches", "Note", "NoteBlank", "NotePencil", "Notebook", "Notepad", "Notification", "NotionLogo", "NuclearPlant", "NumberCircleEight", "NumberCircleFive", "NumberCircleFour", "NumberCircleNine", "NumberCircleOne", "NumberCircleSeven", "NumberCircleSix", "NumberCircleThree", "NumberCircleTwo", "NumberCircleZero", "NumberEight", "NumberFive", "NumberFour", "NumberNine", "NumberOne", "NumberSeven", "NumberSix", "NumberSquareEight", "NumberSquareFive", "NumberSquareFour", "NumberSquareNine", "NumberSquareOne", "NumberSquareSeven", "NumberSquareSix", "NumberSquareThree", "NumberSquareTwo", "NumberSquareZero", "NumberThree", "NumberTwo", "NumberZero", "Numpad", "Nut", "NyTimesLogo", "Octagon", "OfficeChair", "Onigiri", "OpenAiLogo", "Option", "Orange", "OrangeSlice", "Oven", "Package", "PaintBrush", "PaintBrushBroad", "PaintBrushHousehold", "PaintBucket", "PaintRoller", "Palette", "Panorama", "Pants", "PaperPlane", "PaperPlaneRight", "PaperPlaneTilt", "Paperclip", "PaperclipHorizontal", "Parachute", "Paragraph", "Parallelogram", "Park", "Password", "Path", "PatreonLogo", "Pause", "PauseCircle", "PawPrint", "PaypalLogo", "Peace", "Pen", "PenNib", "PenNibStraight", "Pencil", "PencilCircle", "PencilLine", "PencilRuler", "PencilSimple", "PencilSimpleLine", "PencilSimpleSlash", "PencilSlash", "Pentagon", "Pentagram", "Pepper", "Percent", "Person", "PersonArmsSpread", "PersonSimple", "PersonSimpleBike", "PersonSimpleCircle", "PersonSimpleHike", "PersonSimpleRun", "PersonSimpleSki", "PersonSimpleSnowboard", "PersonSimpleSwim", "PersonSimpleTaiChi", "PersonSimpleThrow", "PersonSimpleWalk", "Perspective", "Phone", "PhoneCall", "PhoneDisconnect", "PhoneIncoming", "PhoneList", "PhoneOutgoing", "PhonePause", "PhonePlus", "PhoneSlash", "PhoneTransfer", "PhoneX", "PhosphorLogo", "Pi", "PianoKeys", "PicnicTable", "PictureInPicture", "PiggyBank", "Pill", "PingPong", "PintGlass", "PinterestLogo", "Pinwheel", "Pipe", "PipeWrench", "PixLogo", "Pizza", "Placeholder", "Planet", "Plant", "Play", "PlayCircle", "PlayPause", "Playlist", "Plug", "PlugCharging", "Plugs", "PlugsConnected", "Plus", "PlusCircle", "PlusMinus", "PlusSquare", "PokerChip", "PoliceCar", "Polygon", "Popcorn", "Popsicle", "PottedPlant", "Power", "Prescription", "Presentation", "PresentationChart", "Printer", "Prohibit", "ProhibitInset", "ProjectorScreen", "ProjectorScreenChart", "Pulse", "PushPin", "PushPinSimple", "PushPinSimpleSlash", "PushPinSlash", "PuzzlePiece", "QrCode", "Question", "QuestionMark", "Queue", "Quotes", "Rabbit", "Racquet", "Radical", "Radio", "RadioButton", "Radioactive", "Rainbow", "RainbowCloud", "Ranking", "ReadCvLogo", "Receipt", "ReceiptX", "Record", "Rectangle", "RectangleDashed", "Recycle", "RedditLogo", "Repeat", "RepeatOnce", "ReplitLogo", "Resize", "Rewind", "RewindCircle", "RoadHorizon", "Robot", "Rocket", "RocketLaunch", "Rows", "RowsPlusBottom", "RowsPlusTop", "Rss", "RssSimple", "Rug", "Ruler", "SSR", "Sailboat", "Scales", "Scan", "ScanSmiley", "Scissors", "Scooter", "Screencast", "Screwdriver", "Scribble", "ScribbleLoop", "Scroll", "Seal", "SealCheck", "SealPercent", "SealQuestion", "SealWarning", "Seat", "Seatbelt", "SecurityCamera", "Selection", "SelectionAll", "SelectionBackground", "SelectionForeground", "SelectionInverse", "SelectionPlus", "SelectionSlash", "Shapes", "Share", "ShareFat", "ShareNetwork", "Shield", "ShieldCheck", "ShieldCheckered", "ShieldChevron", "ShieldPlus", "ShieldSlash", "ShieldStar", "ShieldWarning", "ShippingContainer", "ShirtFolded", "ShootingStar", "ShoppingBag", "ShoppingBagOpen", "ShoppingCart", "ShoppingCartSimple", "Shovel", "Shower", "Shrimp", "Shuffle", "ShuffleAngular", "ShuffleSimple", "Sidebar", "SidebarSimple", "Sigma", "SignIn", "SignOut", "Signature", "Signpost", "SimCard", "Siren", "SketchLogo", "SkipBack", "SkipBackCircle", "SkipForward", "SkipForwardCircle", "Skull", "SkypeLogo", "SlackLogo", "Sliders", "SlidersHorizontal", "Slideshow", "Smiley", "SmileyAngry", "SmileyBlank", "SmileyMeh", "SmileyMelting", "SmileyNervous", "SmileySad", "SmileySticker", "SmileyWink", "SmileyXEyes", "SnapchatLogo", "Sneaker", "SneakerMove", "Snowflake", "SoccerBall", "Sock", "SolarPanel", "SolarRoof", "SortAscending", "SortDescending", "SoundcloudLogo", "Spade", "Sparkle", "SpeakerHifi", "SpeakerHigh", "SpeakerLow", "SpeakerNone", "SpeakerSimpleHigh", "SpeakerSimpleLow", "SpeakerSimpleNone", "SpeakerSimpleSlash", "SpeakerSimpleX", "SpeakerSlash", "SpeakerX", "Speedometer", "Sphere", "Spinner", "SpinnerBall", "SpinnerGap", "Spiral", "SplitHorizontal", "SplitVertical", "SpotifyLogo", "SprayBottle", "Square", "SquareHalf", "SquareHalfBottom", "SquareLogo", "SquareSplitHorizontal", "SquareSplitVertical", "SquaresFour", "Stack", "StackMinus", "StackOverflowLogo", "StackPlus", "StackSimple", "Stairs", "Stamp", "StandardDefinition", "Star", "StarAndCrescent", "StarFour", "StarHalf", "StarOfDavid", "SteamLogo", "SteeringWheel", "Steps", "Stethoscope", "Sticker", "Stool", "Stop", "StopCircle", "Storefront", "Strategy", "StripeLogo", "Student", "SubsetOf", "SubsetProperOf", "Subtitles", "SubtitlesSlash", "Subtract", "SubtractSquare", "Subway", "Suitcase", "SuitcaseRolling", "SuitcaseSimple", "Sun", "SunDim", "SunHorizon", "Sunglasses", "SupersetOf", "SupersetProperOf", "Swap", "Swatches", "SwimmingPool", "Sword", "Synagogue", "Syringe", "TShirt", "Table", "Tabs", "Tag", "TagChevron", "TagSimple", "Target", "Taxi", "TeaBag", "TelegramLogo", "Television", "TelevisionSimple", "TennisBall", "Tent", "Terminal", "TerminalWindow", "TestTube", "TextAUnderline", "TextAa", "TextAlignCenter", "TextAlignJustify", "TextAlignLeft", "TextAlignRight", "TextB", "TextBolder", "TextColumns", "TextH", "TextHFive", "TextHFour", "TextHOne", "TextHSix", "TextHThree", "TextHTwo", "TextIndent", "TextItalic", "TextOutdent", "TextStrikethrough", "TextSubscript", "TextSuperscript", "TextT", "TextTSlash", "TextUnderline", "Textbox", "Thermometer", "ThermometerCold", "ThermometerHot", "ThermometerSimple", "ThreadsLogo", "ThreeD", "ThumbsDown", "ThumbsUp", "Ticket", "TidalLogo", "TiktokLogo", "Tilde", "Timer", "TipJar", "Tipi", "Tire", "ToggleLeft", "ToggleRight", "Toilet", "ToiletPaper", "Toolbox", "Tooth", "Tornado", "Tote", "ToteSimple", "Towel", "Tractor", "Trademark", "TrademarkRegistered", "TrafficCone", "TrafficSign", "TrafficSignal", "Train", "TrainRegional", "TrainSimple", "Tram", "Translate", "Trash", "TrashSimple", "Tray", "TrayArrowDown", "TrayArrowUp", "TreasureChest", "Tree", "TreeEvergreen", "TreePalm", "TreeStructure", "TreeView", "TrendDown", "TrendUp", "Triangle", "TriangleDashed", "Trolley", "TrolleySuitcase", "Trophy", "Truck", "TruckTrailer", "TumblrLogo", "TwitchLogo", "TwitterLogo", "Umbrella", "UmbrellaSimple", "Union", "Unite", "UniteSquare", "Upload", "UploadSimple", "Usb", "User", "UserCheck", "UserCircle", "UserCircleCheck", "UserCircleDashed", "UserCircleGear", "UserCircleMinus", "UserCirclePlus", "UserFocus", "UserGear", "UserList", "UserMinus", "UserPlus", "UserRectangle", "UserSound", "UserSquare", "UserSwitch", "Users", "UsersFour", "UsersThree", "Van", "Vault", "VectorThree", "VectorTwo", "Vibrate", "Video", "VideoCamera", "VideoCameraSlash", "VideoConference", "Vignette", "VinylRecord", "VirtualReality", "Virus", "Visor", "Voicemail", "Volleyball", "Wall", "Wallet", "Warehouse", "Warning", "WarningCircle", "WarningDiamond", "WarningOctagon", "WashingMachine", "Watch", "WaveSawtooth", "WaveSine", "WaveSquare", "WaveTriangle", "Waveform", "WaveformSlash", "Waves", "Webcam", "WebcamSlash", "WebhooksLogo", "WechatLogo", "WhatsappLogo", "Wheelchair", "WheelchairMotion", "WifiHigh", "WifiLow", "WifiMedium", "WifiNone", "WifiSlash", "WifiX", "Wind", "Windmill", "WindowsLogo", "Wine", "Wrench", "X", "XCircle", "XLogo", "XSquare", "Yarn", "YinYang", "YoutubeLogo"], rt = "_buttons_1gn8m_1", at = "_button_1gn8m_1", it = {
39
- buttons: rt,
40
- button: at
41
- }, lt = () => /* @__PURE__ */ e.jsxs("div", { className: it.buttons, children: [
38
+ ], Ee = "https://g-api.billgang.com", it = "https://www.googleapis.com/webfonts/v1/webfonts", ie = [
39
+ "home",
40
+ "reviews",
41
+ "faqs",
42
+ "contact",
43
+ "product",
44
+ "ticket",
45
+ "login"
46
+ ], be = {
47
+ home: {
48
+ path: "/",
49
+ name: "home",
50
+ icon: "HouseSimple",
51
+ seo: {
52
+ description: "",
53
+ title: ""
54
+ },
55
+ visibility: "public"
56
+ },
57
+ product: {
58
+ path: "/product",
59
+ name: "product",
60
+ icon: "SquaresFour",
61
+ seo: {
62
+ description: "",
63
+ title: ""
64
+ },
65
+ visibility: "public"
66
+ },
67
+ faqs: {
68
+ path: "/faqs",
69
+ name: "faqs",
70
+ icon: "SealQuestion",
71
+ seo: {
72
+ description: "",
73
+ title: ""
74
+ },
75
+ visibility: "public"
76
+ },
77
+ reviews: {
78
+ path: "/reviews",
79
+ name: "reviews",
80
+ icon: "Star",
81
+ seo: {
82
+ description: "",
83
+ title: ""
84
+ },
85
+ visibility: "public"
86
+ },
87
+ contact: {
88
+ path: "/contact",
89
+ name: "contact",
90
+ icon: "ChatCentered",
91
+ seo: {
92
+ description: "",
93
+ title: ""
94
+ },
95
+ visibility: "public"
96
+ },
97
+ ticket: {
98
+ path: "/ticket",
99
+ name: "ticket",
100
+ icon: "Ticket",
101
+ seo: {
102
+ description: "",
103
+ title: ""
104
+ },
105
+ visibility: "public"
106
+ },
107
+ login: {
108
+ path: "/login",
109
+ name: "login",
110
+ icon: "UserCircleGear",
111
+ seo: {
112
+ description: "",
113
+ title: ""
114
+ },
115
+ visibility: "public"
116
+ }
117
+ }, Cr = ["Acorn", "Activity", "AddressBook", "AddressBookTabs", "AirTrafficControl", "Airplane", "AirplaneInFlight", "AirplaneLanding", "AirplaneTakeoff", "AirplaneTaxiing", "AirplaneTilt", "Airplay", "Alarm", "Alien", "AlignBottom", "AlignBottomSimple", "AlignCenterHorizontal", "AlignCenterHorizontalSimple", "AlignCenterVertical", "AlignCenterVerticalSimple", "AlignLeft", "AlignLeftSimple", "AlignRight", "AlignRightSimple", "AlignTop", "AlignTopSimple", "AmazonLogo", "Ambulance", "Anchor", "AnchorSimple", "AndroidLogo", "Angle", "AngularLogo", "Aperture", "AppStoreLogo", "AppWindow", "AppleLogo", "ApplePodcastsLogo", "ApproximateEquals", "Archive", "ArchiveBox", "ArchiveTray", "Armchair", "ArrowArcLeft", "ArrowArcRight", "ArrowBendDoubleUpLeft", "ArrowBendDoubleUpRight", "ArrowBendDownLeft", "ArrowBendDownRight", "ArrowBendLeftDown", "ArrowBendLeftUp", "ArrowBendRightDown", "ArrowBendRightUp", "ArrowBendUpLeft", "ArrowBendUpRight", "ArrowCircleDown", "ArrowCircleDownLeft", "ArrowCircleDownRight", "ArrowCircleLeft", "ArrowCircleRight", "ArrowCircleUp", "ArrowCircleUpLeft", "ArrowCircleUpRight", "ArrowClockwise", "ArrowCounterClockwise", "ArrowDown", "ArrowDownLeft", "ArrowDownRight", "ArrowElbowDownLeft", "ArrowElbowDownRight", "ArrowElbowLeft", "ArrowElbowLeftDown", "ArrowElbowLeftUp", "ArrowElbowRight", "ArrowElbowRightDown", "ArrowElbowRightUp", "ArrowElbowUpLeft", "ArrowElbowUpRight", "ArrowFatDown", "ArrowFatLeft", "ArrowFatLineDown", "ArrowFatLineLeft", "ArrowFatLineRight", "ArrowFatLineUp", "ArrowFatLinesDown", "ArrowFatLinesLeft", "ArrowFatLinesRight", "ArrowFatLinesUp", "ArrowFatRight", "ArrowFatUp", "ArrowLeft", "ArrowLineDown", "ArrowLineDownLeft", "ArrowLineDownRight", "ArrowLineLeft", "ArrowLineRight", "ArrowLineUp", "ArrowLineUpLeft", "ArrowLineUpRight", "ArrowRight", "ArrowSquareDown", "ArrowSquareDownLeft", "ArrowSquareDownRight", "ArrowSquareIn", "ArrowSquareLeft", "ArrowSquareOut", "ArrowSquareRight", "ArrowSquareUp", "ArrowSquareUpLeft", "ArrowSquareUpRight", "ArrowUDownLeft", "ArrowUDownRight", "ArrowULeftDown", "ArrowULeftUp", "ArrowURightDown", "ArrowURightUp", "ArrowUUpLeft", "ArrowUUpRight", "ArrowUp", "ArrowUpLeft", "ArrowUpRight", "ArrowsClockwise", "ArrowsCounterClockwise", "ArrowsDownUp", "ArrowsHorizontal", "ArrowsIn", "ArrowsInCardinal", "ArrowsInLineHorizontal", "ArrowsInLineVertical", "ArrowsInSimple", "ArrowsLeftRight", "ArrowsMerge", "ArrowsOut", "ArrowsOutCardinal", "ArrowsOutLineHorizontal", "ArrowsOutLineVertical", "ArrowsOutSimple", "ArrowsSplit", "ArrowsVertical", "Article", "ArticleMedium", "ArticleNyTimes", "Asclepius", "Asterisk", "AsteriskSimple", "At", "Atom", "Avocado", "Axe", "Baby", "BabyCarriage", "Backpack", "Backspace", "Bag", "BagSimple", "Balloon", "Bandaids", "Bank", "Barbell", "Barcode", "Barn", "Barricade", "Baseball", "BaseballCap", "BaseballHelmet", "Basket", "Basketball", "Bathtub", "BatteryCharging", "BatteryChargingVertical", "BatteryEmpty", "BatteryFull", "BatteryHigh", "BatteryLow", "BatteryMedium", "BatteryPlus", "BatteryPlusVertical", "BatteryVerticalEmpty", "BatteryVerticalFull", "BatteryVerticalHigh", "BatteryVerticalLow", "BatteryVerticalMedium", "BatteryWarning", "BatteryWarningVertical", "BeachBall", "Beanie", "Bed", "BeerBottle", "BeerStein", "BehanceLogo", "Bell", "BellRinging", "BellSimple", "BellSimpleRinging", "BellSimpleSlash", "BellSimpleZ", "BellSlash", "BellZ", "Belt", "BezierCurve", "Bicycle", "Binary", "Binoculars", "Biohazard", "Bird", "Blueprint", "Bluetooth", "BluetoothConnected", "BluetoothSlash", "BluetoothX", "Boat", "Bomb", "Bone", "Book", "BookBookmark", "BookOpen", "BookOpenText", "BookOpenUser", "Bookmark", "BookmarkSimple", "Bookmarks", "BookmarksSimple", "Books", "Boot", "Boules", "BoundingBox", "BowlFood", "BowlSteam", "BowlingBall", "BoxArrowDown", "BoxArrowUp", "BoxingGlove", "BracketsAngle", "BracketsCurly", "BracketsRound", "BracketsSquare", "Brain", "Brandy", "Bread", "Bridge", "Briefcase", "BriefcaseMetal", "Broadcast", "Broom", "Browser", "Browsers", "Bug", "BugBeetle", "BugDroid", "Building", "BuildingApartment", "BuildingOffice", "Buildings", "Bulldozer", "Bus", "Butterfly", "CableCar", "Cactus", "Caduceus", "Cake", "Calculator", "Calendar", "CalendarBlank", "CalendarCheck", "CalendarDot", "CalendarDots", "CalendarHeart", "CalendarMinus", "CalendarPlus", "CalendarSlash", "CalendarStar", "CalendarX", "CallBell", "Camera", "CameraPlus", "CameraRotate", "CameraSlash", "Campfire", "Car", "CarBattery", "CarProfile", "CarSimple", "Cardholder", "Cards", "CardsThree", "CaretCircleDoubleDown", "CaretCircleDoubleLeft", "CaretCircleDoubleRight", "CaretCircleDoubleUp", "CaretCircleDown", "CaretCircleLeft", "CaretCircleRight", "CaretCircleUp", "CaretCircleUpDown", "CaretDoubleDown", "CaretDoubleLeft", "CaretDoubleRight", "CaretDoubleUp", "CaretDown", "CaretLeft", "CaretLineDown", "CaretLineLeft", "CaretLineRight", "CaretLineUp", "CaretRight", "CaretUp", "CaretUpDown", "Carrot", "CashRegister", "CassetteTape", "CastleTurret", "Cat", "CellSignalFull", "CellSignalHigh", "CellSignalLow", "CellSignalMedium", "CellSignalNone", "CellSignalSlash", "CellSignalX", "CellTower", "Certificate", "Chair", "Chalkboard", "ChalkboardSimple", "ChalkboardTeacher", "Champagne", "ChargingStation", "ChartBar", "ChartBarHorizontal", "ChartDonut", "ChartLine", "ChartLineDown", "ChartLineUp", "ChartPie", "ChartPieSlice", "ChartPolar", "ChartScatter", "Chat", "ChatCentered", "ChatCenteredDots", "ChatCenteredSlash", "ChatCenteredText", "ChatCircle", "ChatCircleDots", "ChatCircleSlash", "ChatCircleText", "ChatDots", "ChatSlash", "ChatTeardrop", "ChatTeardropDots", "ChatTeardropSlash", "ChatTeardropText", "ChatText", "Chats", "ChatsCircle", "ChatsTeardrop", "Check", "CheckCircle", "CheckFat", "CheckSquare", "CheckSquareOffset", "Checkerboard", "Checks", "Cheers", "Cheese", "ChefHat", "Cherries", "Church", "Cigarette", "CigaretteSlash", "Circle", "CircleDashed", "CircleHalf", "CircleHalfTilt", "CircleNotch", "CircleWavy", "CircleWavyCheck", "CircleWavyQuestion", "CircleWavyWarning", "CirclesFour", "CirclesThree", "CirclesThreePlus", "Circuitry", "City", "Clipboard", "ClipboardText", "Clock", "ClockAfternoon", "ClockClockwise", "ClockCountdown", "ClockCounterClockwise", "ClockUser", "ClosedCaptioning", "Cloud", "CloudArrowDown", "CloudArrowUp", "CloudCheck", "CloudFog", "CloudLightning", "CloudMoon", "CloudRain", "CloudSlash", "CloudSnow", "CloudSun", "CloudWarning", "CloudX", "Clover", "Club", "CoatHanger", "CodaLogo", "Code", "CodeBlock", "CodeSimple", "CodepenLogo", "CodesandboxLogo", "Coffee", "CoffeeBean", "Coin", "CoinVertical", "Coins", "Columns", "ColumnsPlusLeft", "ColumnsPlusRight", "Command", "Compass", "CompassRose", "CompassTool", "ComputerTower", "Confetti", "ContactlessPayment", "Control", "Cookie", "CookingPot", "Copy", "CopySimple", "Copyleft", "Copyright", "CornersIn", "CornersOut", "Couch", "CourtBasketball", "Cow", "CowboyHat", "Cpu", "Crane", "CraneTower", "CreditCard", "Cricket", "Crop", "Cross", "Crosshair", "CrosshairSimple", "Crown", "CrownCross", "CrownSimple", "Cube", "CubeFocus", "CubeTransparent", "CurrencyBtc", "CurrencyCircleDollar", "CurrencyCny", "CurrencyDollar", "CurrencyDollarSimple", "CurrencyEth", "CurrencyEur", "CurrencyGbp", "CurrencyInr", "CurrencyJpy", "CurrencyKrw", "CurrencyKzt", "CurrencyNgn", "CurrencyRub", "Cursor", "CursorClick", "CursorText", "Cylinder", "Database", "Desk", "Desktop", "DesktopTower", "Detective", "DevToLogo", "DeviceMobile", "DeviceMobileCamera", "DeviceMobileSlash", "DeviceMobileSpeaker", "DeviceRotate", "DeviceTablet", "DeviceTabletCamera", "DeviceTabletSpeaker", "Devices", "Diamond", "DiamondsFour", "DiceFive", "DiceFour", "DiceOne", "DiceSix", "DiceThree", "DiceTwo", "Disc", "DiscoBall", "DiscordLogo", "Divide", "Dna", "Dog", "Door", "DoorOpen", "Dot", "DotOutline", "DotsNine", "DotsSix", "DotsSixVertical", "DotsThree", "DotsThreeCircle", "DotsThreeCircleVertical", "DotsThreeOutline", "DotsThreeOutlineVertical", "DotsThreeVertical", "Download", "DownloadSimple", "Dress", "Dresser", "DribbbleLogo", "Drone", "Drop", "DropHalf", "DropHalfBottom", "DropSimple", "DropSlash", "DropboxLogo", "Ear", "EarSlash", "Egg", "EggCrack", "Eject", "EjectSimple", "Elevator", "Empty", "Engine", "Envelope", "EnvelopeOpen", "EnvelopeSimple", "EnvelopeSimpleOpen", "Equalizer", "Equals", "Eraser", "EscalatorDown", "EscalatorUp", "Exam", "ExclamationMark", "Exclude", "ExcludeSquare", "Export", "Eye", "EyeClosed", "EyeSlash", "Eyedropper", "EyedropperSample", "Eyeglasses", "Eyes", "FaceMask", "FacebookLogo", "Factory", "Faders", "FadersHorizontal", "FalloutShelter", "Fan", "Farm", "FastForward", "FastForwardCircle", "Feather", "FediverseLogo", "FigmaLogo", "File", "FileArchive", "FileArrowDown", "FileArrowUp", "FileAudio", "FileC", "FileCSharp", "FileCloud", "FileCode", "FileCpp", "FileCss", "FileCsv", "FileDashed", "FileDoc", "FileDotted", "FileHtml", "FileImage", "FileIni", "FileJpg", "FileJs", "FileJsx", "FileLock", "FileMagnifyingGlass", "FileMd", "FileMinus", "FilePdf", "FilePlus", "FilePng", "FilePpt", "FilePy", "FileRs", "FileSearch", "FileSql", "FileSvg", "FileText", "FileTs", "FileTsx", "FileTxt", "FileVideo", "FileVue", "FileX", "FileXls", "FileZip", "Files", "FilmReel", "FilmScript", "FilmSlate", "FilmStrip", "Fingerprint", "FingerprintSimple", "FinnTheHuman", "Fire", "FireExtinguisher", "FireSimple", "FireTruck", "FirstAid", "FirstAidKit", "Fish", "FishSimple", "Flag", "FlagBanner", "FlagBannerFold", "FlagCheckered", "FlagPennant", "Flame", "Flashlight", "Flask", "FlipHorizontal", "FlipVertical", "FloppyDisk", "FloppyDiskBack", "FlowArrow", "Flower", "FlowerLotus", "FlowerTulip", "FlyingSaucer", "Folder", "FolderDashed", "FolderDotted", "FolderLock", "FolderMinus", "FolderNotch", "FolderNotchMinus", "FolderNotchOpen", "FolderNotchPlus", "FolderOpen", "FolderPlus", "FolderSimple", "FolderSimpleDashed", "FolderSimpleDotted", "FolderSimpleLock", "FolderSimpleMinus", "FolderSimplePlus", "FolderSimpleStar", "FolderSimpleUser", "FolderStar", "FolderUser", "Folders", "Football", "FootballHelmet", "Footprints", "ForkKnife", "FourK", "FrameCorners", "FramerLogo", "Function", "Funnel", "FunnelSimple", "FunnelSimpleX", "FunnelX", "GameController", "Garage", "GasCan", "GasPump", "Gauge", "Gavel", "Gear", "GearFine", "GearSix", "GenderFemale", "GenderIntersex", "GenderMale", "GenderNeuter", "GenderNonbinary", "GenderTransgender", "Ghost", "Gif", "Gift", "GitBranch", "GitCommit", "GitDiff", "GitFork", "GitMerge", "GitPullRequest", "GithubLogo", "GitlabLogo", "GitlabLogoSimple", "Globe", "GlobeHemisphereEast", "GlobeHemisphereWest", "GlobeSimple", "GlobeSimpleX", "GlobeStand", "GlobeX", "Goggles", "Golf", "GoodreadsLogo", "GoogleCardboardLogo", "GoogleChromeLogo", "GoogleDriveLogo", "GoogleLogo", "GooglePhotosLogo", "GooglePlayLogo", "GooglePodcastsLogo", "Gps", "GpsFix", "GpsSlash", "Gradient", "GraduationCap", "Grains", "GrainsSlash", "Graph", "GraphicsCard", "GreaterThan", "GreaterThanOrEqual", "GridFour", "GridNine", "Guitar", "HairDryer", "Hamburger", "Hammer", "Hand", "HandArrowDown", "HandArrowUp", "HandCoins", "HandDeposit", "HandEye", "HandFist", "HandGrabbing", "HandHeart", "HandPalm", "HandPeace", "HandPointing", "HandSoap", "HandSwipeLeft", "HandSwipeRight", "HandTap", "HandWaving", "HandWithdraw", "Handbag", "HandbagSimple", "HandsClapping", "HandsPraying", "Handshake", "HardDrive", "HardDrives", "HardHat", "Hash", "HashStraight", "HeadCircuit", "Headlights", "Headphones", "Headset", "Heart", "HeartBreak", "HeartHalf", "HeartStraight", "HeartStraightBreak", "Heartbeat", "Hexagon", "HighDefinition", "HighHeel", "Highlighter", "HighlighterCircle", "Hockey", "Hoodie", "Horse", "Hospital", "Hourglass", "HourglassHigh", "HourglassLow", "HourglassMedium", "HourglassSimple", "HourglassSimpleHigh", "HourglassSimpleLow", "HourglassSimpleMedium", "House", "HouseLine", "HouseSimple", "Hurricane", "IceCream", "IconBase", "IconContext", "IdentificationBadge", "IdentificationCard", "Image", "ImageBroken", "ImageSquare", "Images", "ImagesSquare", "Infinity", "Info", "InstagramLogo", "Intersect", "IntersectSquare", "IntersectThree", "Intersection", "Invoice", "Island", "Jar", "JarLabel", "Jeep", "Joystick", "Kanban", "Key", "KeyReturn", "Keyboard", "Keyhole", "Knife", "Ladder", "LadderSimple", "Lamp", "LampPendant", "Laptop", "Lasso", "LastfmLogo", "Layout", "Leaf", "Lectern", "Lego", "LegoSmiley", "Lemniscate", "LessThan", "LessThanOrEqual", "LetterCircleH", "LetterCircleP", "LetterCircleV", "Lifebuoy", "Lightbulb", "LightbulbFilament", "Lighthouse", "Lightning", "LightningA", "LightningSlash", "LineSegment", "LineSegments", "LineVertical", "Link", "LinkBreak", "LinkSimple", "LinkSimpleBreak", "LinkSimpleHorizontal", "LinkSimpleHorizontalBreak", "LinkedinLogo", "LinktreeLogo", "LinuxLogo", "List", "ListBullets", "ListChecks", "ListDashes", "ListHeart", "ListMagnifyingGlass", "ListNumbers", "ListPlus", "ListStar", "Lock", "LockKey", "LockKeyOpen", "LockLaminated", "LockLaminatedOpen", "LockOpen", "LockSimple", "LockSimpleOpen", "Lockers", "Log", "MagicWand", "Magnet", "MagnetStraight", "MagnifyingGlass", "MagnifyingGlassMinus", "MagnifyingGlassPlus", "Mailbox", "MapPin", "MapPinArea", "MapPinLine", "MapPinPlus", "MapPinSimple", "MapPinSimpleArea", "MapPinSimpleLine", "MapTrifold", "MarkdownLogo", "MarkerCircle", "Martini", "MaskHappy", "MaskSad", "MastodonLogo", "MathOperations", "MatrixLogo", "Medal", "MedalMilitary", "MediumLogo", "Megaphone", "MegaphoneSimple", "MemberOf", "Memory", "MessengerLogo", "MetaLogo", "Meteor", "Metronome", "Microphone", "MicrophoneSlash", "MicrophoneStage", "Microscope", "MicrosoftExcelLogo", "MicrosoftOutlookLogo", "MicrosoftPowerpointLogo", "MicrosoftTeamsLogo", "MicrosoftWordLogo", "Minus", "MinusCircle", "MinusSquare", "Money", "MoneyWavy", "Monitor", "MonitorArrowUp", "MonitorPlay", "Moon", "MoonStars", "Moped", "MopedFront", "Mosque", "Motorcycle", "Mountains", "Mouse", "MouseLeftClick", "MouseMiddleClick", "MouseRightClick", "MouseScroll", "MouseSimple", "MusicNote", "MusicNoteSimple", "MusicNotes", "MusicNotesMinus", "MusicNotesPlus", "MusicNotesSimple", "NavigationArrow", "Needle", "Network", "NetworkSlash", "NetworkX", "Newspaper", "NewspaperClipping", "NotEquals", "NotMemberOf", "NotSubsetOf", "NotSupersetOf", "Notches", "Note", "NoteBlank", "NotePencil", "Notebook", "Notepad", "Notification", "NotionLogo", "NuclearPlant", "NumberCircleEight", "NumberCircleFive", "NumberCircleFour", "NumberCircleNine", "NumberCircleOne", "NumberCircleSeven", "NumberCircleSix", "NumberCircleThree", "NumberCircleTwo", "NumberCircleZero", "NumberEight", "NumberFive", "NumberFour", "NumberNine", "NumberOne", "NumberSeven", "NumberSix", "NumberSquareEight", "NumberSquareFive", "NumberSquareFour", "NumberSquareNine", "NumberSquareOne", "NumberSquareSeven", "NumberSquareSix", "NumberSquareThree", "NumberSquareTwo", "NumberSquareZero", "NumberThree", "NumberTwo", "NumberZero", "Numpad", "Nut", "NyTimesLogo", "Octagon", "OfficeChair", "Onigiri", "OpenAiLogo", "Option", "Orange", "OrangeSlice", "Oven", "Package", "PaintBrush", "PaintBrushBroad", "PaintBrushHousehold", "PaintBucket", "PaintRoller", "Palette", "Panorama", "Pants", "PaperPlane", "PaperPlaneRight", "PaperPlaneTilt", "Paperclip", "PaperclipHorizontal", "Parachute", "Paragraph", "Parallelogram", "Park", "Password", "Path", "PatreonLogo", "Pause", "PauseCircle", "PawPrint", "PaypalLogo", "Peace", "Pen", "PenNib", "PenNibStraight", "Pencil", "PencilCircle", "PencilLine", "PencilRuler", "PencilSimple", "PencilSimpleLine", "PencilSimpleSlash", "PencilSlash", "Pentagon", "Pentagram", "Pepper", "Percent", "Person", "PersonArmsSpread", "PersonSimple", "PersonSimpleBike", "PersonSimpleCircle", "PersonSimpleHike", "PersonSimpleRun", "PersonSimpleSki", "PersonSimpleSnowboard", "PersonSimpleSwim", "PersonSimpleTaiChi", "PersonSimpleThrow", "PersonSimpleWalk", "Perspective", "Phone", "PhoneCall", "PhoneDisconnect", "PhoneIncoming", "PhoneList", "PhoneOutgoing", "PhonePause", "PhonePlus", "PhoneSlash", "PhoneTransfer", "PhoneX", "PhosphorLogo", "Pi", "PianoKeys", "PicnicTable", "PictureInPicture", "PiggyBank", "Pill", "PingPong", "PintGlass", "PinterestLogo", "Pinwheel", "Pipe", "PipeWrench", "PixLogo", "Pizza", "Placeholder", "Planet", "Plant", "Play", "PlayCircle", "PlayPause", "Playlist", "Plug", "PlugCharging", "Plugs", "PlugsConnected", "Plus", "PlusCircle", "PlusMinus", "PlusSquare", "PokerChip", "PoliceCar", "Polygon", "Popcorn", "Popsicle", "PottedPlant", "Power", "Prescription", "Presentation", "PresentationChart", "Printer", "Prohibit", "ProhibitInset", "ProjectorScreen", "ProjectorScreenChart", "Pulse", "PushPin", "PushPinSimple", "PushPinSimpleSlash", "PushPinSlash", "PuzzlePiece", "QrCode", "Question", "QuestionMark", "Queue", "Quotes", "Rabbit", "Racquet", "Radical", "Radio", "RadioButton", "Radioactive", "Rainbow", "RainbowCloud", "Ranking", "ReadCvLogo", "Receipt", "ReceiptX", "Record", "Rectangle", "RectangleDashed", "Recycle", "RedditLogo", "Repeat", "RepeatOnce", "ReplitLogo", "Resize", "Rewind", "RewindCircle", "RoadHorizon", "Robot", "Rocket", "RocketLaunch", "Rows", "RowsPlusBottom", "RowsPlusTop", "Rss", "RssSimple", "Rug", "Ruler", "SSR", "Sailboat", "Scales", "Scan", "ScanSmiley", "Scissors", "Scooter", "Screencast", "Screwdriver", "Scribble", "ScribbleLoop", "Scroll", "Seal", "SealCheck", "SealPercent", "SealQuestion", "SealWarning", "Seat", "Seatbelt", "SecurityCamera", "Selection", "SelectionAll", "SelectionBackground", "SelectionForeground", "SelectionInverse", "SelectionPlus", "SelectionSlash", "Shapes", "Share", "ShareFat", "ShareNetwork", "Shield", "ShieldCheck", "ShieldCheckered", "ShieldChevron", "ShieldPlus", "ShieldSlash", "ShieldStar", "ShieldWarning", "ShippingContainer", "ShirtFolded", "ShootingStar", "ShoppingBag", "ShoppingBagOpen", "ShoppingCart", "ShoppingCartSimple", "Shovel", "Shower", "Shrimp", "Shuffle", "ShuffleAngular", "ShuffleSimple", "Sidebar", "SidebarSimple", "Sigma", "SignIn", "SignOut", "Signature", "Signpost", "SimCard", "Siren", "SketchLogo", "SkipBack", "SkipBackCircle", "SkipForward", "SkipForwardCircle", "Skull", "SkypeLogo", "SlackLogo", "Sliders", "SlidersHorizontal", "Slideshow", "Smiley", "SmileyAngry", "SmileyBlank", "SmileyMeh", "SmileyMelting", "SmileyNervous", "SmileySad", "SmileySticker", "SmileyWink", "SmileyXEyes", "SnapchatLogo", "Sneaker", "SneakerMove", "Snowflake", "SoccerBall", "Sock", "SolarPanel", "SolarRoof", "SortAscending", "SortDescending", "SoundcloudLogo", "Spade", "Sparkle", "SpeakerHifi", "SpeakerHigh", "SpeakerLow", "SpeakerNone", "SpeakerSimpleHigh", "SpeakerSimpleLow", "SpeakerSimpleNone", "SpeakerSimpleSlash", "SpeakerSimpleX", "SpeakerSlash", "SpeakerX", "Speedometer", "Sphere", "Spinner", "SpinnerBall", "SpinnerGap", "Spiral", "SplitHorizontal", "SplitVertical", "SpotifyLogo", "SprayBottle", "Square", "SquareHalf", "SquareHalfBottom", "SquareLogo", "SquareSplitHorizontal", "SquareSplitVertical", "SquaresFour", "Stack", "StackMinus", "StackOverflowLogo", "StackPlus", "StackSimple", "Stairs", "Stamp", "StandardDefinition", "Star", "StarAndCrescent", "StarFour", "StarHalf", "StarOfDavid", "SteamLogo", "SteeringWheel", "Steps", "Stethoscope", "Sticker", "Stool", "Stop", "StopCircle", "Storefront", "Strategy", "StripeLogo", "Student", "SubsetOf", "SubsetProperOf", "Subtitles", "SubtitlesSlash", "Subtract", "SubtractSquare", "Subway", "Suitcase", "SuitcaseRolling", "SuitcaseSimple", "Sun", "SunDim", "SunHorizon", "Sunglasses", "SupersetOf", "SupersetProperOf", "Swap", "Swatches", "SwimmingPool", "Sword", "Synagogue", "Syringe", "TShirt", "Table", "Tabs", "Tag", "TagChevron", "TagSimple", "Target", "Taxi", "TeaBag", "TelegramLogo", "Television", "TelevisionSimple", "TennisBall", "Tent", "Terminal", "TerminalWindow", "TestTube", "TextAUnderline", "TextAa", "TextAlignCenter", "TextAlignJustify", "TextAlignLeft", "TextAlignRight", "TextB", "TextBolder", "TextColumns", "TextH", "TextHFive", "TextHFour", "TextHOne", "TextHSix", "TextHThree", "TextHTwo", "TextIndent", "TextItalic", "TextOutdent", "TextStrikethrough", "TextSubscript", "TextSuperscript", "TextT", "TextTSlash", "TextUnderline", "Textbox", "Thermometer", "ThermometerCold", "ThermometerHot", "ThermometerSimple", "ThreadsLogo", "ThreeD", "ThumbsDown", "ThumbsUp", "Ticket", "TidalLogo", "TiktokLogo", "Tilde", "Timer", "TipJar", "Tipi", "Tire", "ToggleLeft", "ToggleRight", "Toilet", "ToiletPaper", "Toolbox", "Tooth", "Tornado", "Tote", "ToteSimple", "Towel", "Tractor", "Trademark", "TrademarkRegistered", "TrafficCone", "TrafficSign", "TrafficSignal", "Train", "TrainRegional", "TrainSimple", "Tram", "Translate", "Trash", "TrashSimple", "Tray", "TrayArrowDown", "TrayArrowUp", "TreasureChest", "Tree", "TreeEvergreen", "TreePalm", "TreeStructure", "TreeView", "TrendDown", "TrendUp", "Triangle", "TriangleDashed", "Trolley", "TrolleySuitcase", "Trophy", "Truck", "TruckTrailer", "TumblrLogo", "TwitchLogo", "TwitterLogo", "Umbrella", "UmbrellaSimple", "Union", "Unite", "UniteSquare", "Upload", "UploadSimple", "Usb", "User", "UserCheck", "UserCircle", "UserCircleCheck", "UserCircleDashed", "UserCircleGear", "UserCircleMinus", "UserCirclePlus", "UserFocus", "UserGear", "UserList", "UserMinus", "UserPlus", "UserRectangle", "UserSound", "UserSquare", "UserSwitch", "Users", "UsersFour", "UsersThree", "Van", "Vault", "VectorThree", "VectorTwo", "Vibrate", "Video", "VideoCamera", "VideoCameraSlash", "VideoConference", "Vignette", "VinylRecord", "VirtualReality", "Virus", "Visor", "Voicemail", "Volleyball", "Wall", "Wallet", "Warehouse", "Warning", "WarningCircle", "WarningDiamond", "WarningOctagon", "WashingMachine", "Watch", "WaveSawtooth", "WaveSine", "WaveSquare", "WaveTriangle", "Waveform", "WaveformSlash", "Waves", "Webcam", "WebcamSlash", "WebhooksLogo", "WechatLogo", "WhatsappLogo", "Wheelchair", "WheelchairMotion", "WifiHigh", "WifiLow", "WifiMedium", "WifiNone", "WifiSlash", "WifiX", "Wind", "Windmill", "WindowsLogo", "Wine", "Wrench", "X", "XCircle", "XLogo", "XSquare", "Yarn", "YinYang", "YoutubeLogo"], lt = "_buttons_1gn8m_1", ct = "_button_1gn8m_1", dt = {
118
+ buttons: lt,
119
+ button: ct
120
+ }, ut = () => /* @__PURE__ */ e.jsxs("div", { className: dt.buttons, children: [
42
121
  /* @__PURE__ */ e.jsx(
43
- p,
122
+ m,
44
123
  {
45
124
  name: "ArrowUUpLeft",
46
125
  hoverable: !0,
@@ -49,7 +128,7 @@ const tt = [
49
128
  }
50
129
  ),
51
130
  /* @__PURE__ */ e.jsx(
52
- p,
131
+ m,
53
132
  {
54
133
  name: "ArrowUUpRight",
55
134
  hoverable: !0,
@@ -57,21 +136,21 @@ const tt = [
57
136
  height: 20
58
137
  }
59
138
  )
60
- ] }), ct = "_devices_hxl12_1", dt = "_device_hxl12_1", ut = "_active_hxl12_23", xe = {
61
- devices: ct,
62
- device: dt,
63
- active: ut
64
- }, ht = () => {
65
- const { currentDevice: t, setCurrentDevice: o } = Ie();
66
- return /* @__PURE__ */ e.jsx("div", { className: xe.devices, children: tt.map((n) => /* @__PURE__ */ e.jsx(
139
+ ] }), ht = "_devices_hxl12_1", gt = "_device_hxl12_1", pt = "_active_hxl12_23", xe = {
140
+ devices: ht,
141
+ device: gt,
142
+ active: pt
143
+ }, mt = () => {
144
+ const { currentDevice: t, setCurrentDevice: o } = ze();
145
+ return /* @__PURE__ */ e.jsx("div", { className: xe.devices, children: rt.map((n) => /* @__PURE__ */ e.jsx(
67
146
  "div",
68
147
  {
69
- className: v(xe.device, {
148
+ className: y(xe.device, {
70
149
  [xe.active]: t === n
71
150
  }),
72
151
  onClick: () => o(n),
73
152
  children: /* @__PURE__ */ e.jsx(
74
- p,
153
+ m,
75
154
  {
76
155
  name: n.icon,
77
156
  fill: t === n ? "#252525" : "#757575",
@@ -82,43 +161,43 @@ const tt = [
82
161
  },
83
162
  n.value
84
163
  )) });
85
- }, gt = "_header_wxpoz_1", pt = "_left_wxpoz_16", mt = "_right_wxpoz_17", ue = {
86
- header: gt,
87
- left: pt,
88
- right: mt
89
- }, Ct = "_preview_vijvm_2", St = "_active_vijvm_22", be = {
90
- preview: Ct,
91
- active: St
92
- }, _t = () => {
164
+ }, Ct = "_header_wxpoz_1", St = "_left_wxpoz_16", _t = "_right_wxpoz_17", de = {
165
+ header: Ct,
166
+ left: St,
167
+ right: _t
168
+ }, bt = "_preview_vijvm_2", xt = "_active_vijvm_22", fe = {
169
+ preview: bt,
170
+ active: xt
171
+ }, ft = () => {
93
172
  const { onPreview: t, setOnPreview: o } = Y();
94
173
  return /* @__PURE__ */ e.jsxs(
95
174
  "div",
96
175
  {
97
- className: v(be.preview, {
98
- [be.active]: t
176
+ className: y(fe.preview, {
177
+ [fe.active]: t
99
178
  }),
100
179
  onClick: () => o(!t),
101
180
  children: [
102
181
  /* @__PURE__ */ e.jsx(
103
- p,
182
+ m,
104
183
  {
105
184
  name: "ArrowUpRight",
106
185
  width: 20,
107
186
  height: 20
108
187
  }
109
188
  ),
110
- /* @__PURE__ */ e.jsx("span", { className: be.text, children: "Preview" })
189
+ /* @__PURE__ */ e.jsx("span", { className: fe.text, children: "Preview" })
111
190
  ]
112
191
  }
113
192
  );
114
- }, xt = "_settings_q79q3_1", bt = {
115
- settings: xt
116
- }, wt = "_language_1mbvp_1", ft = "_text_1mbvp_11", ye = {
117
- language: wt,
118
- text: ft
119
- }, kt = () => /* @__PURE__ */ e.jsxs("div", { className: ye.language, children: [
193
+ }, wt = "_settings_q79q3_1", vt = {
194
+ settings: wt
195
+ }, kt = "_language_1mbvp_1", jt = "_text_1mbvp_11", Le = {
196
+ language: kt,
197
+ text: jt
198
+ }, yt = () => /* @__PURE__ */ e.jsxs("div", { className: Le.language, children: [
120
199
  /* @__PURE__ */ e.jsx(
121
- p,
200
+ m,
122
201
  {
123
202
  name: "Globe",
124
203
  fill: "#252525",
@@ -126,25 +205,26 @@ const tt = [
126
205
  height: 20
127
206
  }
128
207
  ),
129
- /* @__PURE__ */ e.jsx("span", { className: ye.text, children: "Default" }),
208
+ /* @__PURE__ */ e.jsx("span", { className: Le.text, children: "Default" }),
130
209
  /* @__PURE__ */ e.jsx(
131
- p,
210
+ m,
132
211
  {
133
212
  name: "CaretDown",
134
213
  width: 20,
135
214
  height: 20
136
215
  }
137
216
  )
138
- ] }), vt = "_pages_x8pw2_1", jt = "_text_x8pw2_16", Bt = "_modal_x8pw2_22", yt = "_page_x8pw2_1", At = "_hoverable_x8pw2_45", Pt = "_separator_x8pw2_49", Lt = "_button_x8pw2_53", q = {
139
- pages: vt,
140
- default: "_default_x8pw2_5",
141
- text: jt,
142
- modal: Bt,
143
- page: yt,
144
- hoverable: At,
145
- separator: Pt,
146
- button: Lt
147
- }, E = (t) => t ? t.replace(/_/g, " ").split(" ").map((o) => o.charAt(0).toUpperCase() + o.slice(1)).join(" and ") : "", Tt = () => {
217
+ ] }), Bt = "_pages_1q26s_1", At = "_text_1q26s_16", Pt = "_modal_1q26s_22", Lt = "_page_1q26s_1", Tt = "_hoverable_1q26s_45", Nt = "_separator_1q26s_49", Ft = "_button_1q26s_53", Dt = "_items_1q26s_67", O = {
218
+ pages: Bt,
219
+ default: "_default_1q26s_5",
220
+ text: At,
221
+ modal: Pt,
222
+ page: Lt,
223
+ hoverable: Tt,
224
+ separator: Nt,
225
+ button: Ft,
226
+ items: Dt
227
+ }, U = (t) => t ? t.replace(/_/g, " ").split(" ").map((o) => o.charAt(0).toUpperCase() + o.slice(1)).join(" and ") : "", Mt = () => {
148
228
  const {
149
229
  currentPage: t,
150
230
  setCurrentPage: o,
@@ -155,35 +235,35 @@ const tt = [
155
235
  deletePage: s,
156
236
  isOpenSelectModal: l,
157
237
  setIsOpenSelectModal: c
158
- } = P(), { deletePage: C } = B(), [m, S] = _.useState("");
159
- return _.useEffect(() => {
160
- const d = () => {
238
+ } = N(), { deletePage: S } = A(), [C, u] = x.useState("");
239
+ return x.useEffect(() => {
240
+ const h = () => {
161
241
  c(!1);
162
242
  };
163
- return document.body.addEventListener("click", d), () => {
164
- document.body.removeEventListener("click", d);
243
+ return document.body.addEventListener("click", h), () => {
244
+ document.body.removeEventListener("click", h);
165
245
  };
166
- }, []), /* @__PURE__ */ e.jsxs("div", { className: q.pages, children: [
246
+ }, []), /* @__PURE__ */ e.jsxs("div", { className: O.pages, children: [
167
247
  /* @__PURE__ */ e.jsxs(
168
248
  "div",
169
249
  {
170
- className: q.default,
171
- onClick: (d) => {
172
- d.stopPropagation(), c(!l);
250
+ className: O.default,
251
+ onClick: (h) => {
252
+ h.stopPropagation(), c(!l);
173
253
  },
174
254
  children: [
175
255
  /* @__PURE__ */ e.jsx(
176
- p,
256
+ m,
177
257
  {
178
- name: r[t].icon,
258
+ name: r && r[t].icon || "File",
179
259
  fill: "#252525",
180
260
  width: 20,
181
261
  height: 20
182
262
  }
183
263
  ),
184
- /* @__PURE__ */ e.jsx("span", { className: q.text, children: le.includes(r[t].name) ? `${E(r[t].name)} page` : r[t].name }),
264
+ /* @__PURE__ */ e.jsx("span", { className: O.text, children: r && ie.includes(r[t].name) ? `${U(r[t].name)} page` : r && r[t].name }),
185
265
  /* @__PURE__ */ e.jsx(
186
- p,
266
+ m,
187
267
  {
188
268
  name: "CaretDown",
189
269
  width: 20,
@@ -196,55 +276,55 @@ const tt = [
196
276
  l && /* @__PURE__ */ e.jsxs(
197
277
  "div",
198
278
  {
199
- className: q.modal,
200
- onClick: (d) => d.stopPropagation(),
279
+ className: O.modal,
280
+ onClick: (h) => h.stopPropagation(),
201
281
  children: [
202
- Object.keys(r).map((d) => {
203
- const u = r[d];
282
+ r && /* @__PURE__ */ e.jsx("div", { className: O.items, children: Object.keys(r).map((h) => {
283
+ const d = r[h];
204
284
  return /* @__PURE__ */ e.jsxs(
205
285
  "div",
206
286
  {
207
- className: v(q.page, {
208
- [q.hoverable]: m === d
287
+ className: y(O.page, {
288
+ [O.hoverable]: C === h
209
289
  }),
210
- onMouseEnter: () => S(d),
211
- onMouseLeave: () => S(""),
290
+ onMouseEnter: () => u(h),
291
+ onMouseLeave: () => u(""),
212
292
  onClick: () => {
213
- S(""), i(!1), o(d), c(!1);
293
+ u(""), i(!1), o(h), c(!1);
214
294
  },
215
295
  children: [
216
296
  /* @__PURE__ */ e.jsx(
217
- p,
297
+ m,
218
298
  {
219
- name: u.icon,
299
+ name: d.icon,
220
300
  fill: "#252525"
221
301
  }
222
302
  ),
223
- /* @__PURE__ */ e.jsx("span", { className: q.text, children: le.includes(u.name) ? `${E(u.name)} page` : u.name }),
224
- m === d && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
303
+ /* @__PURE__ */ e.jsx("span", { className: O.text, children: ie.includes(d.name) ? `${U(d.name)} page` : d.name }),
304
+ C === h && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
225
305
  /* @__PURE__ */ e.jsx(
226
- p,
306
+ m,
227
307
  {
228
308
  name: "Gear",
229
309
  fill: "#757575",
230
- onClick: (x) => {
231
- x.stopPropagation(), i(!0), a(d), n(!0);
310
+ onClick: (_) => {
311
+ _.stopPropagation(), i(!0), a(h), n(!0);
232
312
  }
233
313
  }
234
314
  ),
235
- !le.includes(u.name) && /* @__PURE__ */ e.jsx(
236
- p,
315
+ !ie.includes(d.name) && /* @__PURE__ */ e.jsx(
316
+ m,
237
317
  {
238
318
  name: "Trash",
239
319
  fill: "#C12A2A",
240
- onClick: (x) => {
241
- r[t].name === u.name && o("home"), x.stopPropagation(), s(d), C(u.name);
320
+ onClick: (_) => {
321
+ r[t].name === d.name && o("home"), _.stopPropagation(), s(h), S(d.name), We(d.path);
242
322
  }
243
323
  }
244
324
  )
245
325
  ] }),
246
- r[t].name === u.name && /* @__PURE__ */ e.jsx(
247
- p,
326
+ r[t].name === d.name && /* @__PURE__ */ e.jsx(
327
+ m,
248
328
  {
249
329
  name: "Check",
250
330
  fill: "#FF3F19"
@@ -252,21 +332,21 @@ const tt = [
252
332
  )
253
333
  ]
254
334
  },
255
- d
335
+ h
256
336
  );
257
- }),
258
- /* @__PURE__ */ e.jsx("div", { className: q.separator }),
337
+ }) }),
338
+ /* @__PURE__ */ e.jsx("div", { className: O.separator }),
259
339
  /* @__PURE__ */ e.jsxs(
260
340
  Q,
261
341
  {
262
- className: q.button,
263
- onClick: (d) => {
264
- d.stopPropagation(), n(!0);
342
+ className: O.button,
343
+ onClick: (h) => {
344
+ h.stopPropagation(), n(!0);
265
345
  },
266
346
  size: "l",
267
347
  children: [
268
348
  /* @__PURE__ */ e.jsx(
269
- p,
349
+ m,
270
350
  {
271
351
  name: "Plus",
272
352
  fill: "#ff3f19"
@@ -280,17 +360,17 @@ const tt = [
280
360
  }
281
361
  )
282
362
  ] });
283
- }, Nt = "_zoom_a77cn_1", Ft = {
284
- zoom: Nt
285
- }, Dt = () => {
286
- const [t, o] = _.useState(), n = () => {
363
+ }, $t = "_zoom_a77cn_1", Ht = {
364
+ zoom: $t
365
+ }, Rt = () => {
366
+ const [t, o] = x.useState(), n = () => {
287
367
  o(Number(Math.round(window.devicePixelRatio * 50).toFixed(0)));
288
368
  };
289
- return _.useEffect(() => (n(), window.addEventListener("resize", n), () => {
369
+ return x.useEffect(() => (n(), window.addEventListener("resize", n), () => {
290
370
  window.removeEventListener("resize", n);
291
- }), []), /* @__PURE__ */ e.jsxs("div", { className: Ft.zoom, children: [
371
+ }), []), /* @__PURE__ */ e.jsxs("div", { className: Ht.zoom, children: [
292
372
  /* @__PURE__ */ e.jsx(
293
- p,
373
+ m,
294
374
  {
295
375
  name: "MagnifyingGlassMinus",
296
376
  width: 20,
@@ -302,15 +382,15 @@ const tt = [
302
382
  " %"
303
383
  ] })
304
384
  ] });
305
- }, Mt = () => /* @__PURE__ */ e.jsxs("div", { className: bt.settings, children: [
306
- /* @__PURE__ */ e.jsx(kt, {}),
307
- /* @__PURE__ */ e.jsx(Tt, {}),
308
- /* @__PURE__ */ e.jsx(Dt, {})
309
- ] }), Ht = "_theme_3wxbf_1", $t = {
310
- theme: Ht
311
- }, Rt = () => /* @__PURE__ */ e.jsxs("div", { className: $t.theme, children: [
385
+ }, Et = () => /* @__PURE__ */ e.jsxs("div", { className: vt.settings, children: [
386
+ /* @__PURE__ */ e.jsx(yt, {}),
387
+ /* @__PURE__ */ e.jsx(Mt, {}),
388
+ /* @__PURE__ */ e.jsx(Rt, {})
389
+ ] }), Ut = "_theme_3wxbf_1", It = {
390
+ theme: Ut
391
+ }, Ot = () => /* @__PURE__ */ e.jsxs("div", { className: It.theme, children: [
312
392
  /* @__PURE__ */ e.jsx(
313
- p,
393
+ m,
314
394
  {
315
395
  name: "Check",
316
396
  width: 18,
@@ -318,107 +398,110 @@ const tt = [
318
398
  }
319
399
  ),
320
400
  /* @__PURE__ */ e.jsx("div", { children: "Current Theme" })
321
- ] }), Et = () => {
322
- const { themeSettings: t } = H(), { settings: o } = J(), [n, r] = _.useState(null), [i, a] = _.useState(!1), { pages: s } = P(), { blocks: l } = B();
323
- function c(u, x) {
324
- return x.map(
325
- (b) => Object.values(b.value.blockSettings).filter((j) => j.type === u).map((j) => j.value).flat()
326
- ).flat().map((b) => b.listingId);
401
+ ] }), qt = () => {
402
+ const { themeSettings: t } = H(), { settings: o } = J(), [n, r] = x.useState(null), [i, a] = x.useState(!1), { pages: s } = N(), { blocks: l } = A();
403
+ function c(d, _) {
404
+ return _.map(
405
+ (f) => Object.values(f.value.blockSettings).filter((B) => B.type === d).map((B) => B.value).flat()
406
+ ).flat().map((f) => f.listingId);
327
407
  }
328
- function C(u, x) {
329
- return c(u, x).some((b) => b);
408
+ function S(d, _) {
409
+ return c(d, _).some((f) => f);
330
410
  }
331
- function m(u, x) {
332
- const h = c(u, x);
333
- return Array.isArray(h) && h.length > 0 ? Math.max(...h) : 0;
411
+ function C(d, _) {
412
+ const g = c(d, _);
413
+ return Array.isArray(g) && g.length > 0 ? Math.max(...g) : 0;
334
414
  }
335
- function S(u) {
336
- const x = Object.keys(s).find((h) => s[h].name === u);
337
- return x ? s[x] : null;
415
+ function u(d) {
416
+ if (s) {
417
+ const _ = Object.keys(s).find((g) => s[g].name === d);
418
+ if (_) return s[_];
419
+ }
420
+ return null;
338
421
  }
339
- const d = () => {
422
+ const h = () => {
340
423
  if (i)
341
424
  n && clearTimeout(n);
342
425
  else {
343
- const x = Object.keys(l).map((h) => {
344
- const b = S(h);
426
+ const _ = Object.keys(l).map((g) => {
427
+ const f = u(g);
345
428
  return {
346
- name: b ? b.name : h,
347
- path: h === "home" ? "/" : (b == null ? void 0 : b.path) || h,
429
+ name: f ? f.name : g,
430
+ path: g === "home" ? "/" : (f == null ? void 0 : f.path) || g,
348
431
  layout: {
349
- ...l[h]
432
+ ...l[g]
350
433
  },
351
- neededProductIds: [...c("ProductId", Object.values(l[h]))],
352
- neededCategoryIds: [...c("CategoryId", Object.values(l[h]))],
353
- neededAnnouncementIds: [...c("AnnouncementId", Object.values(l[h]))],
354
- neededListingIds: [...c("listings", Object.values(l[h]))],
355
- neededFaqs: C("Faqs", Object.values(l[h])),
356
- neededReviewCount: m("ReviewCount", Object.values(l[h])),
434
+ neededProductIds: [...c("ProductId", Object.values(l[g]))],
435
+ neededCategoryIds: [...c("CategoryId", Object.values(l[g]))],
436
+ neededAnnouncementIds: [...c("AnnouncementId", Object.values(l[g]))],
437
+ neededListingIds: [...c("listings", Object.values(l[g]))],
438
+ neededFaqs: S("Faqs", Object.values(l[g])),
439
+ neededReviewCount: C("ReviewCount", Object.values(l[g])),
357
440
  seo: {
358
- pageTitle: b ? b.seo.title : "",
359
- pageDescription: b ? b.seo.description : ""
441
+ pageTitle: f && f.seo ? f.seo.title : "",
442
+ pageDescription: f && f.seo ? f.seo.description : ""
360
443
  }
361
444
  };
362
445
  });
363
- Ge("POST", "save", {
446
+ Ve("POST", "save", {
364
447
  themeSettings: t,
365
448
  settings: o,
366
- updatedPages: x
449
+ updatedPages: _
367
450
  });
368
451
  }
369
452
  a(!0);
370
- const u = setTimeout(() => {
453
+ const d = setTimeout(() => {
371
454
  a(!1);
372
455
  }, 2e3);
373
- r(u);
456
+ r(d);
374
457
  };
375
- return /* @__PURE__ */ e.jsxs("div", { className: ue.header, children: [
376
- /* @__PURE__ */ e.jsxs("div", { className: ue.left, children: [
377
- /* @__PURE__ */ e.jsx(ht, {}),
378
- /* @__PURE__ */ e.jsx(_t, {})
458
+ return /* @__PURE__ */ e.jsxs("div", { className: de.header, children: [
459
+ /* @__PURE__ */ e.jsxs("div", { className: de.left, children: [
460
+ /* @__PURE__ */ e.jsx(mt, {}),
461
+ /* @__PURE__ */ e.jsx(ft, {})
379
462
  ] }),
380
- /* @__PURE__ */ e.jsx("div", { className: ue.center, children: /* @__PURE__ */ e.jsx(Mt, {}) }),
381
- /* @__PURE__ */ e.jsxs("div", { className: ue.right, children: [
382
- /* @__PURE__ */ e.jsx(Rt, {}),
383
- /* @__PURE__ */ e.jsx(lt, {}),
384
- /* @__PURE__ */ e.jsx(Q, { onClick: d, children: "Save" })
463
+ /* @__PURE__ */ e.jsx("div", { className: de.center, children: /* @__PURE__ */ e.jsx(Et, {}) }),
464
+ /* @__PURE__ */ e.jsxs("div", { className: de.right, children: [
465
+ /* @__PURE__ */ e.jsx(Ot, {}),
466
+ /* @__PURE__ */ e.jsx(ut, {}),
467
+ /* @__PURE__ */ e.jsx(Q, { onClick: h, children: "Save" })
385
468
  ] })
386
469
  ] });
387
- }, Ut = "_exit_2ce42_1", Ot = "_text_2ce42_10", Ae = {
388
- exit: Ut,
389
- text: Ot
390
- }, It = () => /* @__PURE__ */ e.jsxs("div", { className: Ae.exit, children: [
470
+ }, Gt = "_exit_2ce42_1", zt = "_text_2ce42_10", Te = {
471
+ exit: Gt,
472
+ text: zt
473
+ }, Wt = () => /* @__PURE__ */ e.jsxs("div", { className: Te.exit, children: [
391
474
  /* @__PURE__ */ e.jsx(
392
- p,
475
+ m,
393
476
  {
394
477
  name: "SignOut",
395
478
  width: 20,
396
479
  height: 20
397
480
  }
398
481
  ),
399
- /* @__PURE__ */ e.jsx("span", { className: Ae.text, children: "Exit" })
400
- ] }), Gt = "_navbar_2ac63_1", qt = "_main_2ac63_6", zt = "_block_2ac63_13", Wt = "_active_2ac63_30", he = {
401
- navbar: Gt,
402
- main: qt,
403
- block: zt,
404
- active: Wt
405
- }, Vt = () => {
406
- const { activeBlock: t, setActiveBlock: o } = Se(), { setActiveBlock: n } = K(), { setCurrentBlock: r } = B(), { setActiveBlock: i } = H();
482
+ /* @__PURE__ */ e.jsx("span", { className: Te.text, children: "Exit" })
483
+ ] }), Vt = "_navbar_2ac63_1", Xt = "_main_2ac63_6", Kt = "_block_2ac63_13", Qt = "_active_2ac63_30", ue = {
484
+ navbar: Vt,
485
+ main: Xt,
486
+ block: Kt,
487
+ active: Qt
488
+ }, Yt = () => {
489
+ const { activeBlock: t, setActiveBlock: o } = Se(), { setActiveBlock: n } = K(), { setCurrentBlock: r } = A(), { setActiveBlock: i } = H();
407
490
  function a(s) {
408
491
  n(null), o(s), r(null), i(null);
409
492
  }
410
- return /* @__PURE__ */ e.jsxs("div", { className: he.navbar, children: [
411
- /* @__PURE__ */ e.jsx(It, {}),
412
- /* @__PURE__ */ e.jsx("div", { className: he.main, children: qe.map((s) => /* @__PURE__ */ e.jsxs(
493
+ return /* @__PURE__ */ e.jsxs("div", { className: ue.navbar, children: [
494
+ /* @__PURE__ */ e.jsx(Wt, {}),
495
+ /* @__PURE__ */ e.jsx("div", { className: ue.main, children: Xe.map((s) => /* @__PURE__ */ e.jsxs(
413
496
  "div",
414
497
  {
415
- className: v(he.block, {
416
- [he.active]: t.icon === s.icon
498
+ className: y(ue.block, {
499
+ [ue.active]: t.icon === s.icon
417
500
  }),
418
501
  onClick: () => a(s),
419
502
  children: [
420
503
  /* @__PURE__ */ e.jsx(
421
- p,
504
+ m,
422
505
  {
423
506
  name: s.icon,
424
507
  fill: t.icon === s.icon ? "#252525" : "#757575"
@@ -430,28 +513,28 @@ const tt = [
430
513
  s.icon
431
514
  )) })
432
515
  ] });
433
- }, Xt = "_preview_jui5n_1", Kt = "_main_jui5n_9", Qt = "_content_jui5n_19", Yt = "_loading_jui5n_26", Jt = "_loader_jui5n_34", Zt = "_spin_jui5n_1", re = {
434
- preview: Xt,
435
- main: Kt,
436
- content: Qt,
437
- loading: Yt,
438
- loader: Jt,
439
- spin: Zt
440
- }, en = "_header_1t64j_1", tn = "_circles_1t64j_14", nn = "_circle_1t64j_14", on = "_red_1t64j_30", sn = "_green_1t64j_34", rn = "_yellow_1t64j_38", an = "_input_1t64j_42", ln = "_main_1t64j_51", cn = "_text_1t64j_59", z = {
441
- header: en,
442
- circles: tn,
443
- circle: nn,
444
- red: on,
445
- green: sn,
446
- yellow: rn,
447
- input: an,
448
- main: ln,
449
- text: cn
450
- }, dn = "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", un = ["red", "yellow", "green"], hn = () => /* @__PURE__ */ e.jsxs("div", { className: z.header, children: [
451
- /* @__PURE__ */ e.jsx("div", { className: z.circles, children: un.map((t) => /* @__PURE__ */ e.jsx(
516
+ }, Jt = "_preview_1v9dl_1", Zt = "_main_1v9dl_9", en = "_content_1v9dl_19", tn = "_loading_1v9dl_26", nn = "_loader_1v9dl_34", on = "_spin_1v9dl_1", he = {
517
+ preview: Jt,
518
+ main: Zt,
519
+ content: en,
520
+ loading: tn,
521
+ loader: nn,
522
+ spin: on
523
+ }, sn = "_header_1t64j_1", rn = "_circles_1t64j_14", an = "_circle_1t64j_14", ln = "_red_1t64j_30", cn = "_green_1t64j_34", dn = "_yellow_1t64j_38", un = "_input_1t64j_42", hn = "_main_1t64j_51", gn = "_text_1t64j_59", z = {
524
+ header: sn,
525
+ circles: rn,
526
+ circle: an,
527
+ red: ln,
528
+ green: cn,
529
+ yellow: dn,
530
+ input: un,
531
+ main: hn,
532
+ text: gn
533
+ }, pn = "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", mn = ["red", "yellow", "green"], Cn = () => /* @__PURE__ */ e.jsxs("div", { className: z.header, children: [
534
+ /* @__PURE__ */ e.jsx("div", { className: z.circles, children: mn.map((t) => /* @__PURE__ */ e.jsx(
452
535
  "div",
453
536
  {
454
- className: v(z.circle, {
537
+ className: y(z.circle, {
455
538
  [z.red]: t === "red",
456
539
  [z.yellow]: t === "yellow",
457
540
  [z.green]: t === "green"
@@ -464,13 +547,13 @@ const tt = [
464
547
  /* @__PURE__ */ e.jsx(
465
548
  "img",
466
549
  {
467
- src: dn,
550
+ src: pn,
468
551
  alt: ""
469
552
  }
470
553
  ),
471
554
  /* @__PURE__ */ e.jsx("span", { className: z.text, children: "lorem.ipsum" }),
472
555
  /* @__PURE__ */ e.jsx(
473
- p,
556
+ m,
474
557
  {
475
558
  name: "Lock",
476
559
  fill: "#757575",
@@ -480,7 +563,7 @@ const tt = [
480
563
  )
481
564
  ] }),
482
565
  /* @__PURE__ */ e.jsx(
483
- p,
566
+ m,
484
567
  {
485
568
  name: "Copy",
486
569
  width: 20,
@@ -488,68 +571,70 @@ const tt = [
488
571
  }
489
572
  )
490
573
  ] })
491
- ] }), gn = "_content_92dk8_1", pn = "_block_92dk8_6", mn = "_active_92dk8_13", Cn = "_name_92dk8_17", Sn = "_empty_92dk8_31", _n = "_icon_92dk8_42", xn = "_title_92dk8_53", bn = "_text_92dk8_59", wn = "_sections_92dk8_65", fn = "_section_92dk8_65", ge = {
492
- content: gn,
493
- block: pn,
494
- active: mn,
495
- name: Cn,
496
- empty: Sn,
497
- icon: _n,
498
- title: xn,
499
- text: bn,
500
- sections: wn,
501
- section: fn
502
- }, kn = "_sidebar_1f3hk_1", vn = "_content_1f3hk_12", jn = "_button_1f3hk_22", Bn = "_moveButton_1f3hk_30", yn = "_border_1f3hk_34", An = "_deleteButton_1f3hk_38", D = {
503
- sidebar: kn,
504
- content: vn,
505
- button: jn,
506
- moveButton: Bn,
507
- border: yn,
508
- deleteButton: An
509
- }, Pn = () => {
510
- const { activeBlock: t } = Y(), { blocks: o, removeBlock: n, moveBlock: r, duplicateBlock: i } = B(), { currentPage: a, pages: s } = P(), l = Object.keys(o[s[a].name]), c = l.indexOf(t), C = () => {
511
- c > 0 && r(s[a].name, c, c - 1);
512
- }, m = () => {
513
- c < l.length - 1 && r(s[a].name, c, c + 1);
514
- }, S = () => {
515
- i(s[a].name, t);
574
+ ] }), Sn = "_content_92dk8_1", _n = "_block_92dk8_6", bn = "_active_92dk8_13", xn = "_name_92dk8_17", fn = "_empty_92dk8_31", wn = "_icon_92dk8_42", vn = "_title_92dk8_53", kn = "_text_92dk8_59", jn = "_sections_92dk8_65", yn = "_section_92dk8_65", ge = {
575
+ content: Sn,
576
+ block: _n,
577
+ active: bn,
578
+ name: xn,
579
+ empty: fn,
580
+ icon: wn,
581
+ title: vn,
582
+ text: kn,
583
+ sections: jn,
584
+ section: yn
585
+ }, Bn = "_sidebar_1f3hk_1", An = "_content_1f3hk_12", Pn = "_button_1f3hk_22", Ln = "_moveButton_1f3hk_30", Tn = "_border_1f3hk_34", Nn = "_deleteButton_1f3hk_38", M = {
586
+ sidebar: Bn,
587
+ content: An,
588
+ button: Pn,
589
+ moveButton: Ln,
590
+ border: Tn,
591
+ deleteButton: Nn
592
+ }, Fn = () => {
593
+ const { activeBlock: t } = Y(), { blocks: o, removeBlock: n, moveBlock: r, duplicateBlock: i } = A(), { currentPage: a, pages: s } = N(), l = s ? Object.keys(o[s[a].name]) : [], c = l.indexOf(t), S = () => {
594
+ c > 0 && s && r(s[a].name, c, c - 1);
595
+ }, C = () => {
596
+ c < l.length - 1 && s && r(s[a].name, c, c + 1);
597
+ }, u = () => {
598
+ s && i(s[a].name, t);
516
599
  };
517
- return /* @__PURE__ */ e.jsx("div", { className: D.sidebar, children: /* @__PURE__ */ e.jsxs("div", { className: D.content, children: [
600
+ return /* @__PURE__ */ e.jsx("div", { className: M.sidebar, children: /* @__PURE__ */ e.jsxs("div", { className: M.content, children: [
518
601
  /* @__PURE__ */ e.jsx(
519
602
  "button",
520
603
  {
521
- onClick: C,
522
- className: v(D.button, D.moveButton),
604
+ onClick: S,
605
+ className: y(M.button, M.moveButton),
523
606
  disabled: c === 0,
524
- children: /* @__PURE__ */ e.jsx(p, { name: "ArrowUp" })
607
+ children: /* @__PURE__ */ e.jsx(m, { name: "ArrowUp" })
525
608
  }
526
609
  ),
527
610
  /* @__PURE__ */ e.jsx(
528
611
  "button",
529
612
  {
530
- onClick: m,
531
- className: v(D.button, D.moveButton),
613
+ onClick: C,
614
+ className: y(M.button, M.moveButton),
532
615
  disabled: c === l.length - 1,
533
- children: /* @__PURE__ */ e.jsx(p, { name: "ArrowDown" })
616
+ children: /* @__PURE__ */ e.jsx(m, { name: "ArrowDown" })
534
617
  }
535
618
  ),
536
- /* @__PURE__ */ e.jsx("div", { className: D.border }),
619
+ /* @__PURE__ */ e.jsx("div", { className: M.border }),
537
620
  /* @__PURE__ */ e.jsx(
538
621
  "button",
539
622
  {
540
- onClick: S,
541
- className: v(D.button, D.moveButton),
542
- children: /* @__PURE__ */ e.jsx(p, { name: "Copy" })
623
+ onClick: u,
624
+ className: y(M.button, M.moveButton),
625
+ children: /* @__PURE__ */ e.jsx(m, { name: "Copy" })
543
626
  }
544
627
  ),
545
- /* @__PURE__ */ e.jsx("div", { className: D.border }),
628
+ /* @__PURE__ */ e.jsx("div", { className: M.border }),
546
629
  /* @__PURE__ */ e.jsx(
547
630
  "button",
548
631
  {
549
- onClick: () => n(s[a].name, t),
550
- className: v(D.button, D.deleteButton),
632
+ onClick: () => {
633
+ s && n(s[a].name, t);
634
+ },
635
+ className: y(M.button, M.deleteButton),
551
636
  children: /* @__PURE__ */ e.jsx(
552
- p,
637
+ m,
553
638
  {
554
639
  name: "Trash",
555
640
  hoverable: !0
@@ -558,94 +643,91 @@ const tt = [
558
643
  }
559
644
  )
560
645
  ] }) });
561
- }, $e = ({ render: t, block: o }) => t(o), Ln = () => {
562
- const { footer: t } = B(), { settings: o } = J(), { pageContext: n } = P();
646
+ }, Ue = ({ render: t, block: o }) => t(o), Dn = () => {
647
+ const { footer: t } = A(), { settings: o } = J(), { pageContext: n } = N();
563
648
  return t == null ? void 0 : t.renderBlock(o, n);
564
- }, Tn = () => {
565
- const { header: t } = B(), { settings: o } = J(), { pageContext: n } = P();
649
+ }, Mn = () => {
650
+ const { header: t } = A(), { settings: o } = J(), { pageContext: n } = N();
566
651
  return t == null ? void 0 : t.renderBlock(o, n);
567
- }, Nn = _.memo(() => {
568
- const { setActiveBlock: t, activeBlock: o } = Y(), { blocks: n } = K(), { blocks: r } = B(), { settings: i } = J(), { currentPage: a, pages: s, setIsOpenSelectModal: l, pageContext: c } = P(), C = _.useRef(o);
569
- _.useEffect(() => {
570
- C.current = o;
571
- }, [o]), _.useEffect(() => {
572
- const d = () => {
573
- C.current && t(null);
652
+ }, $n = x.memo(() => {
653
+ const { setActiveBlock: t, activeBlock: o } = Y(), { blocks: n } = K(), { blocks: r } = A(), { settings: i } = J(), { currentPage: a, pages: s, setIsOpenSelectModal: l, pageContext: c } = N(), S = x.useRef(o);
654
+ x.useEffect(() => {
655
+ S.current = o;
656
+ }, [o]), x.useEffect(() => {
657
+ const u = () => {
658
+ S.current && t(null);
574
659
  };
575
- return document.body.addEventListener("click", d), () => {
576
- document.body.removeEventListener("click", d);
660
+ return document.body.addEventListener("click", u), () => {
661
+ document.body.removeEventListener("click", u);
577
662
  };
578
663
  }, []);
579
- const m = (d) => {
580
- const u = new n[d.name]();
581
- return Object.assign(u, d.value), u.renderBlock(i, c);
582
- }, S = _.useCallback(
583
- (d) => m(d),
584
- [r, i]
585
- );
664
+ const C = (u) => {
665
+ const h = new n[u.name]();
666
+ return Object.assign(h, u.value), h.renderBlock(i, c);
667
+ };
586
668
  return /* @__PURE__ */ e.jsxs(
587
669
  "div",
588
670
  {
589
- onClick: (d) => {
590
- d.stopPropagation(), l(!1);
671
+ onClick: (u) => {
672
+ u.stopPropagation(), l(!1);
591
673
  },
592
674
  className: ge.content,
593
675
  children: [
594
- /* @__PURE__ */ e.jsx(Tn, {}),
595
- r[s[a].name] && Object.keys(r[s[a].name]).map((d) => /* @__PURE__ */ e.jsxs(
676
+ /* @__PURE__ */ e.jsx(Mn, {}),
677
+ s && r[s[a].name] && Object.keys(r[s[a].name]).map((u) => /* @__PURE__ */ e.jsxs(
596
678
  "div",
597
679
  {
598
- onClick: () => t(d),
599
- className: v(ge.block, {
600
- [ge.active]: o === d
680
+ onClick: () => t(u),
681
+ className: y(ge.block, {
682
+ [ge.active]: o === u
601
683
  }),
602
684
  children: [
603
- o === d && /* @__PURE__ */ e.jsx("div", { className: ge.name, children: r[s[a].name][d].name }),
604
- o === d && /* @__PURE__ */ e.jsx(Pn, {}),
685
+ o === u && /* @__PURE__ */ e.jsx("div", { className: ge.name, children: r[s[a].name][u].name }),
686
+ o === u && /* @__PURE__ */ e.jsx(Fn, {}),
605
687
  /* @__PURE__ */ e.jsx(
606
- $e,
688
+ Ue,
607
689
  {
608
- render: S,
609
- block: r[s[a].name][d]
690
+ render: C,
691
+ block: r[s[a].name][u]
610
692
  }
611
693
  )
612
694
  ]
613
695
  }
614
696
  )),
615
- /* @__PURE__ */ e.jsx(Ln, {})
697
+ /* @__PURE__ */ e.jsx(Dn, {})
616
698
  ]
617
699
  }
618
700
  );
619
- }), Fn = "_results_f488n_1", Dn = "_name_f488n_8", Mn = "_product_f488n_15", pe = {
620
- results: Fn,
621
- name: Dn,
622
- product: Mn
623
- }, Hn = "_search_1s0qp_1", $n = "_input_1s0qp_12", Pe = {
624
- search: Hn,
625
- input: $n
626
- }, Rn = () => /* @__PURE__ */ e.jsxs("label", { className: Pe.search, children: [
701
+ }), Hn = "_results_f488n_1", Rn = "_name_f488n_8", En = "_product_f488n_15", pe = {
702
+ results: Hn,
703
+ name: Rn,
704
+ product: En
705
+ }, Un = "_search_1s0qp_1", In = "_input_1s0qp_12", Ne = {
706
+ search: Un,
707
+ input: In
708
+ }, On = () => /* @__PURE__ */ e.jsxs("label", { className: Ne.search, children: [
627
709
  /* @__PURE__ */ e.jsx(
628
710
  "input",
629
711
  {
630
712
  type: "text",
631
713
  placeholder: "Search for sections",
632
- className: Pe.input
714
+ className: Ne.input
633
715
  }
634
716
  ),
635
717
  /* @__PURE__ */ e.jsx(
636
- p,
718
+ m,
637
719
  {
638
720
  name: "MagnifyingGlass",
639
721
  fill: "#757575"
640
722
  }
641
723
  )
642
- ] }), Re = () => {
724
+ ] }), Ie = () => {
643
725
  const { blocks: t, setActiveBlock: o } = K(), { hideModal: n } = _e();
644
726
  function r(i) {
645
727
  o(i), n();
646
728
  }
647
729
  return /* @__PURE__ */ e.jsxs("div", { className: pe.add, children: [
648
- /* @__PURE__ */ e.jsx(Rn, {}),
730
+ /* @__PURE__ */ e.jsx(On, {}),
649
731
  /* @__PURE__ */ e.jsx("div", { className: pe.results, children: Object.keys(t).map((i) => /* @__PURE__ */ e.jsxs(
650
732
  "div",
651
733
  {
@@ -653,13 +735,13 @@ const tt = [
653
735
  onClick: () => r(i),
654
736
  children: [
655
737
  /* @__PURE__ */ e.jsx("span", { className: pe.name, children: i }),
656
- /* @__PURE__ */ e.jsx(p, { name: "CaretRight" })
738
+ /* @__PURE__ */ e.jsx(m, { name: "CaretRight" })
657
739
  ]
658
740
  },
659
741
  i
660
742
  )) })
661
743
  ] });
662
- }, En = () => {
744
+ }, qn = () => {
663
745
  const {
664
746
  modalPosition: t,
665
747
  color: o,
@@ -670,56 +752,56 @@ const tt = [
670
752
  brightness: s,
671
753
  dragging: l,
672
754
  setDragging: c,
673
- setHue: C,
674
- setSaturation: m,
675
- setBrightness: S,
676
- colorChange: d,
677
- setColor: u,
678
- update: x
679
- } = Fe(), h = (g) => {
680
- const { offsetX: f, offsetY: w } = g.nativeEvent;
681
- c(!0), y(f, w, g.currentTarget);
682
- }, b = (g) => {
755
+ setHue: S,
756
+ setSaturation: C,
757
+ setBrightness: u,
758
+ colorChange: h,
759
+ setColor: d,
760
+ update: _
761
+ } = $e(), g = (p) => {
762
+ const { offsetX: v, offsetY: w } = p.nativeEvent;
763
+ c(!0), F(v, w, p.currentTarget);
764
+ }, f = (p) => {
683
765
  if (l) {
684
- const f = document.querySelector(`.${O.colorMap}`), { left: w, top: A } = f.getBoundingClientRect(), k = g.clientX - w, X = g.clientY - A;
685
- y(k, X, f);
766
+ const v = document.querySelector(`.${I.colorMap}`), { left: w, top: T } = v.getBoundingClientRect(), k = p.clientX - w, X = p.clientY - T;
767
+ F(k, X, v);
686
768
  }
687
- }, j = () => {
769
+ }, B = () => {
688
770
  c(!1);
689
- }, y = (g, f, w) => {
690
- const { width: A, height: k } = w.getBoundingClientRect(), X = Math.max(0, Math.min(g / A * 100, 100)), ce = Math.max(0, Math.min(100 - f / k * 100, 100));
691
- m(X), S(ce), L(X, ce);
692
- }, L = (g, f) => {
693
- const w = N(i, g, f);
694
- d(w), u(w);
695
- }, U = (g, f, w) => {
696
- f /= 100, w /= 100;
697
- const A = (de) => (de + g / 60) % 6, k = (de) => w * (1 - f * Math.max(0, Math.min(A(de), 4 - A(de), 1))), X = Math.round(255 * k(5)), ce = Math.round(255 * k(3)), Oe = Math.round(255 * k(1));
698
- return { r: X, g: ce, b: Oe };
699
- }, T = (g, f, w) => {
700
- const A = (k) => k.toString(16).padStart(2, "0");
701
- return `#${A(g)}${A(f)}${A(w)}`;
702
- }, N = (g, f, w) => {
703
- const { r: A, g: k, b: X } = U(g, f, w);
704
- return T(A, k, X);
771
+ }, F = (p, v, w) => {
772
+ const { width: T, height: k } = w.getBoundingClientRect(), X = Math.max(0, Math.min(p / T * 100, 100)), le = Math.max(0, Math.min(100 - v / k * 100, 100));
773
+ C(X), u(le), P(X, le);
774
+ }, P = (p, v) => {
775
+ const w = b(i, p, v);
776
+ h(w), d(w);
777
+ }, L = (p, v, w) => {
778
+ v /= 100, w /= 100;
779
+ const T = (ce) => (ce + p / 60) % 6, k = (ce) => w * (1 - v * Math.max(0, Math.min(T(ce), 4 - T(ce), 1))), X = Math.round(255 * k(5)), le = Math.round(255 * k(3)), Ge = Math.round(255 * k(1));
780
+ return { r: X, g: le, b: Ge };
781
+ }, j = (p, v, w) => {
782
+ const T = (k) => k.toString(16).padStart(2, "0");
783
+ return `#${T(p)}${T(v)}${T(w)}`;
784
+ }, b = (p, v, w) => {
785
+ const { r: T, g: k, b: X } = L(p, v, w);
786
+ return j(T, k, X);
705
787
  };
706
- _.useEffect(() => {
707
- const g = (w) => b(w), f = () => j();
708
- return l ? (document.addEventListener("mousemove", g), document.addEventListener("mouseup", f)) : (document.removeEventListener("mousemove", g), document.removeEventListener("mouseup", f)), () => {
709
- document.removeEventListener("mousemove", g), document.removeEventListener("mouseup", f);
788
+ x.useEffect(() => {
789
+ const p = (w) => f(w), v = () => B();
790
+ return l ? (document.addEventListener("mousemove", p), document.addEventListener("mouseup", v)) : (document.removeEventListener("mousemove", p), document.removeEventListener("mouseup", v)), () => {
791
+ document.removeEventListener("mousemove", p), document.removeEventListener("mouseup", v);
710
792
  };
711
793
  }, [l]);
712
- function F() {
713
- x(o), r(!1);
794
+ function D() {
795
+ _(o), r(!1);
714
796
  }
715
797
  function V() {
716
- r(!1), d(n);
798
+ r(!1), h(n);
717
799
  }
718
800
  return /* @__PURE__ */ e.jsxs(
719
801
  "div",
720
802
  {
721
- className: O.modal,
722
- onClick: (g) => g.stopPropagation(),
803
+ className: I.modal,
804
+ onClick: (p) => p.stopPropagation(),
723
805
  style: {
724
806
  top: `${t.top}px`,
725
807
  left: `${t.left}px`
@@ -729,8 +811,8 @@ const tt = [
729
811
  /* @__PURE__ */ e.jsx(
730
812
  "div",
731
813
  {
732
- className: O.colorMap,
733
- onMouseDown: h,
814
+ className: I.colorMap,
815
+ onMouseDown: g,
734
816
  style: {
735
817
  background: `
736
818
  linear-gradient(to top, black, transparent),
@@ -740,7 +822,7 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
740
822
  children: /* @__PURE__ */ e.jsx(
741
823
  "div",
742
824
  {
743
- className: O.indicator,
825
+ className: I.indicator,
744
826
  style: {
745
827
  position: "absolute",
746
828
  left: `${a}%`,
@@ -751,33 +833,33 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
751
833
  )
752
834
  }
753
835
  ),
754
- /* @__PURE__ */ e.jsx("div", { className: O.hueSlider, children: /* @__PURE__ */ e.jsx(
836
+ /* @__PURE__ */ e.jsx("div", { className: I.hueSlider, children: /* @__PURE__ */ e.jsx(
755
837
  "input",
756
838
  {
757
839
  type: "range",
758
840
  min: "0",
759
841
  max: "360",
760
842
  value: i,
761
- onChange: (g) => {
762
- C(Number(g.target.value)), L(a, s);
843
+ onChange: (p) => {
844
+ S(Number(p.target.value)), P(a, s);
763
845
  },
764
- className: O.slider
846
+ className: I.slider
765
847
  }
766
848
  ) }),
767
- /* @__PURE__ */ e.jsxs("div", { className: O.buttons, children: [
849
+ /* @__PURE__ */ e.jsxs("div", { className: I.buttons, children: [
768
850
  /* @__PURE__ */ e.jsx(
769
851
  Q,
770
852
  {
771
853
  onClick: V,
772
- className: v(O.applyButton, O.cancelButton),
854
+ className: y(I.applyButton, I.cancelButton),
773
855
  children: "Cancel"
774
856
  }
775
857
  ),
776
858
  /* @__PURE__ */ e.jsx(
777
859
  Q,
778
860
  {
779
- onClick: F,
780
- className: O.applyButton,
861
+ onClick: D,
862
+ className: I.applyButton,
781
863
  children: "Apply"
782
864
  }
783
865
  )
@@ -785,141 +867,144 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
785
867
  ]
786
868
  }
787
869
  );
788
- }, Un = () => {
789
- const { onPreview: t } = Y(), { hoverBlockId: o, isModalVisible: n, isPreviewVisible: r } = _e(), { settings: i } = J(), { blocks: a } = K(), { blocks: s } = B(), { currentPage: l, pages: c, pageContext: C } = P(), { showModal: m } = Fe(), [S, d] = _.useState(!0);
790
- _.useEffect(() => {
791
- t && setTimeout(() => {
792
- d(!1);
870
+ }, Gn = () => {
871
+ const { onPreview: t } = Y(), { hoverBlockId: o, isModalVisible: n, isPreviewVisible: r } = _e(), { settings: i } = J(), { blocks: a } = K(), { blocks: s } = A(), { currentPage: l, pages: c, pageContext: S } = N(), { showModal: C } = $e(), [u, h] = x.useState(!0);
872
+ x.useEffect(() => {
873
+ t && S.general && setTimeout(() => {
874
+ h(!1);
793
875
  }, 100);
794
- }, [t]);
795
- const u = (x) => {
796
- const h = new a[x.name]();
797
- return Object.assign(h, x.value), h.renderBlock(i, C);
876
+ }, [t, S]);
877
+ const d = (_) => {
878
+ const g = new a[_.name]();
879
+ return Object.assign(g, _.value), g.renderBlock(i, S);
798
880
  };
799
- return /* @__PURE__ */ e.jsxs("div", { className: re.preview, children: [
800
- n && /* @__PURE__ */ e.jsx(ke, { children: /* @__PURE__ */ e.jsx(Re, {}) }),
801
- r && o && /* @__PURE__ */ e.jsx(ke, { children: /* @__PURE__ */ e.jsx(
802
- $e,
803
- {
804
- render: u,
805
- block: s[c[l].name][o]
806
- }
807
- ) }),
808
- m && /* @__PURE__ */ e.jsx(En, {}),
809
- t && /* @__PURE__ */ e.jsxs("div", { className: re.main, children: [
810
- /* @__PURE__ */ e.jsx(hn, {}),
811
- /* @__PURE__ */ e.jsx("div", { className: re.content, children: S ? /* @__PURE__ */ e.jsx("div", { className: re.loading, children: /* @__PURE__ */ e.jsx("div", { className: re.loader }) }) : /* @__PURE__ */ e.jsx(Nn, {}) })
881
+ return /* @__PURE__ */ e.jsxs("div", { className: he.preview, children: [
882
+ n && /* @__PURE__ */ e.jsx(je, { children: /* @__PURE__ */ e.jsx(Ie, {}) }),
883
+ r && o && /* @__PURE__ */ e.jsxs(je, { children: [
884
+ !u && /* @__PURE__ */ e.jsx(
885
+ Ue,
886
+ {
887
+ render: d,
888
+ block: c && s[c[l].name][o]
889
+ }
890
+ ),
891
+ u && /* @__PURE__ */ e.jsx(ye, {})
892
+ ] }),
893
+ C && /* @__PURE__ */ e.jsx(qn, {}),
894
+ t && /* @__PURE__ */ e.jsxs("div", { className: he.main, children: [
895
+ /* @__PURE__ */ e.jsx(Cn, {}),
896
+ /* @__PURE__ */ e.jsx("div", { className: he.content, children: u ? /* @__PURE__ */ e.jsx("div", { className: he.loading, children: /* @__PURE__ */ e.jsx(ye, {}) }) : /* @__PURE__ */ e.jsx($n, {}) })
812
897
  ] })
813
898
  ] });
814
- }, On = "_sidebar_1r5sp_1", In = "_title_1r5sp_10", Gn = "_active_1r5sp_18", Le = {
815
- sidebar: On,
816
- title: In,
817
- active: Gn
818
- }, qn = "_layers_62wod_1", zn = "_block_62wod_8", Wn = "_dragging_62wod_23", Vn = "_active_62wod_31", Xn = "_add_62wod_35", Kn = "_button_62wod_47", Qn = "_empty_62wod_60", Yn = "_title_62wod_72", Jn = "_icon_62wod_79", Zn = "_text_62wod_83", eo = "_highlight_62wod_89", oe = {
819
- layers: qn,
820
- block: zn,
821
- dragging: Wn,
822
- active: Vn,
823
- add: Xn,
824
- button: Kn,
825
- empty: Qn,
826
- title: Yn,
827
- icon: Jn,
828
- text: Zn,
829
- highlight: eo
830
- }, to = "_block_1d6lb_1", Te = {
831
- block: to
832
- }, no = () => {
833
- const { setCurrentBlock: t } = B(), { activeBlock: o } = Y();
899
+ }, zn = "_sidebar_1r5sp_1", Wn = "_title_1r5sp_10", Vn = "_active_1r5sp_18", Fe = {
900
+ sidebar: zn,
901
+ title: Wn,
902
+ active: Vn
903
+ }, Xn = "_layers_62wod_1", Kn = "_block_62wod_8", Qn = "_dragging_62wod_23", Yn = "_active_62wod_31", Jn = "_add_62wod_35", Zn = "_button_62wod_47", eo = "_empty_62wod_60", to = "_title_62wod_72", no = "_icon_62wod_79", oo = "_text_62wod_83", so = "_highlight_62wod_89", oe = {
904
+ layers: Xn,
905
+ block: Kn,
906
+ dragging: Qn,
907
+ active: Yn,
908
+ add: Jn,
909
+ button: Zn,
910
+ empty: eo,
911
+ title: to,
912
+ icon: no,
913
+ text: oo,
914
+ highlight: so
915
+ }, ro = "_block_1d6lb_1", De = {
916
+ block: ro
917
+ }, ao = () => {
918
+ const { setCurrentBlock: t } = A(), { activeBlock: o } = Y();
834
919
  function n(r) {
835
920
  t(r);
836
921
  }
837
922
  return /* @__PURE__ */ e.jsxs(
838
923
  "div",
839
924
  {
840
- className: v(Te.block, {
841
- [Te.active]: o === "header"
925
+ className: y(De.block, {
926
+ [De.active]: o === "header"
842
927
  }),
843
928
  onClick: () => n("header"),
844
929
  children: [
845
- /* @__PURE__ */ e.jsx(p, { name: "Cards" }),
930
+ /* @__PURE__ */ e.jsx(m, { name: "Cards" }),
846
931
  /* @__PURE__ */ e.jsx("span", { children: "Header" })
847
932
  ]
848
933
  }
849
934
  );
850
- }, oo = "_block_1d6lb_1", Ne = {
851
- block: oo
852
- }, so = () => {
853
- const { activeBlock: t } = Y(), { setCurrentBlock: o } = B();
935
+ }, io = "_block_1d6lb_1", Me = {
936
+ block: io
937
+ }, lo = () => {
938
+ const { activeBlock: t } = Y(), { setCurrentBlock: o } = A();
854
939
  function n(r) {
855
940
  o(r);
856
941
  }
857
942
  return /* @__PURE__ */ e.jsxs(
858
943
  "div",
859
944
  {
860
- className: v(Ne.block, {
861
- [Ne.active]: t === "footer"
945
+ className: y(Me.block, {
946
+ [Me.active]: t === "footer"
862
947
  }),
863
948
  onClick: () => n("footer"),
864
949
  children: [
865
- /* @__PURE__ */ e.jsx(p, { name: "Cards" }),
950
+ /* @__PURE__ */ e.jsx(m, { name: "Cards" }),
866
951
  /* @__PURE__ */ e.jsx("span", { children: "Footer" })
867
952
  ]
868
953
  }
869
954
  );
870
- }, ro = ({ id: t, name: o, index: n, moveBlock: r, onClick: i }) => {
871
- const { currentPage: a, pages: s } = P(), { activeBlock: l } = Y(), {
955
+ }, co = ({ id: t, name: o, index: n, moveBlock: r, onClick: i }) => {
956
+ const { currentPage: a, pages: s } = N(), { activeBlock: l } = Y(), {
872
957
  showPreview: c,
873
- hidePreview: C,
874
- showModal: m,
875
- hideModal: S,
876
- clearHideTimeout: d,
877
- startHideTimeout: u,
878
- hoverBlockId: x,
879
- isModalVisible: h
880
- } = _e(), { setPositionBlock: b } = B(), [j, y] = _.useState(!1), L = () => {
881
- h && S(), c(t), y(!0), d();
882
- }, U = (g) => {
883
- g.stopPropagation(), C(), m(t), d(), b(n + 1);
884
- }, T = () => {
885
- h ? u() : (y(!1), C());
958
+ hidePreview: S,
959
+ showModal: C,
960
+ hideModal: u,
961
+ clearHideTimeout: h,
962
+ startHideTimeout: d,
963
+ hoverBlockId: _,
964
+ isModalVisible: g
965
+ } = _e(), { setPositionBlock: f } = A(), [B, F] = x.useState(!1), P = () => {
966
+ g && u(), c(t), F(!0), h();
967
+ }, L = (p) => {
968
+ p.stopPropagation(), S(), C(t), h(), f(n + 1);
969
+ }, j = () => {
970
+ g ? d() : (F(!1), S());
886
971
  };
887
- _.useEffect(() => {
888
- h || y(!1);
889
- }, [h]);
890
- const [, N] = Ve({
972
+ x.useEffect(() => {
973
+ g || F(!1);
974
+ }, [g]);
975
+ const [, b] = Ye({
891
976
  accept: "block",
892
- hover(g) {
893
- g.index !== n && (r(s[a].name, g.index, n), g.index = n);
977
+ hover(p) {
978
+ p.index !== n && s && (r(s[a].name, p.index, n), p.index = n);
894
979
  }
895
- }), [{ isDragging: F }, V] = Xe({
980
+ }), [{ isDragging: D }, V] = Je({
896
981
  type: "block",
897
982
  item: { id: t, index: n },
898
- collect: (g) => ({
899
- isDragging: g.isDragging()
983
+ collect: (p) => ({
984
+ isDragging: p.isDragging()
900
985
  })
901
986
  });
902
987
  return /* @__PURE__ */ e.jsxs(
903
988
  "div",
904
989
  {
905
- ref: (g) => V(N(g)),
906
- className: v(oe.block, {
907
- [oe.dragging]: F,
908
- [oe.active]: !F && l === t
990
+ ref: (p) => V(b(p)),
991
+ className: y(oe.block, {
992
+ [oe.dragging]: D,
993
+ [oe.active]: !D && l === t
909
994
  }),
910
995
  onClick: () => i(t),
911
- onMouseEnter: L,
912
- onMouseLeave: T,
996
+ onMouseEnter: P,
997
+ onMouseLeave: j,
913
998
  children: [
914
- /* @__PURE__ */ e.jsx(p, { name: "Cards" }),
999
+ /* @__PURE__ */ e.jsx(m, { name: "Cards" }),
915
1000
  /* @__PURE__ */ e.jsx("span", { children: o }),
916
- (j || x === t) && !F && /* @__PURE__ */ e.jsx("div", { className: oe.add, children: /* @__PURE__ */ e.jsx(
1001
+ (B || _ === t) && !D && /* @__PURE__ */ e.jsx("div", { className: oe.add, children: /* @__PURE__ */ e.jsx(
917
1002
  "button",
918
1003
  {
919
1004
  className: oe.button,
920
- onClick: (g) => U(g),
1005
+ onClick: (p) => L(p),
921
1006
  children: /* @__PURE__ */ e.jsx(
922
- p,
1007
+ m,
923
1008
  {
924
1009
  name: "Plus",
925
1010
  fill: "#fff"
@@ -930,143 +1015,143 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
930
1015
  ]
931
1016
  }
932
1017
  );
933
- }, ao = () => {
934
- const { blocks: t, setCurrentBlock: o, moveBlock: n } = B(), { currentPage: r, pages: i } = P(), { setMouseOverModal: a, setHoverBlockId: s } = _e();
1018
+ }, uo = () => {
1019
+ const { blocks: t, setCurrentBlock: o, moveBlock: n } = A(), { currentPage: r, pages: i } = N(), { setMouseOverModal: a, setHoverBlockId: s } = _e();
935
1020
  function l(c) {
936
1021
  o(c), a(!1), s(null);
937
1022
  }
938
1023
  return /* @__PURE__ */ e.jsxs("div", { className: oe.layers, children: [
939
- /* @__PURE__ */ e.jsx(no, {}),
940
- /* @__PURE__ */ e.jsx(ze, { backend: We, children: /* @__PURE__ */ e.jsx(e.Fragment, { children: t[i[r].name] && Object.keys(t[i[r].name]).map((c, C) => /* @__PURE__ */ e.jsx(
941
- ro,
1024
+ /* @__PURE__ */ e.jsx(ao, {}),
1025
+ /* @__PURE__ */ e.jsx(Ke, { backend: Qe, children: /* @__PURE__ */ e.jsx(e.Fragment, { children: i && t[i[r].name] && Object.keys(t[i[r].name]).map((c, S) => /* @__PURE__ */ e.jsx(
1026
+ co,
942
1027
  {
943
1028
  id: c,
944
1029
  name: t[i[r].name][c].name,
945
- index: C,
1030
+ index: S,
946
1031
  moveBlock: n,
947
1032
  onClick: l
948
1033
  },
949
1034
  c
950
1035
  )) }) }),
951
- /* @__PURE__ */ e.jsx(so, {})
1036
+ /* @__PURE__ */ e.jsx(lo, {})
952
1037
  ] });
953
- }, io = ({ isHeader: t }) => {
954
- const { header: o, footer: n } = B(), { pageContext: r } = P();
1038
+ }, ho = ({ isHeader: t }) => {
1039
+ const { header: o, footer: n } = A(), { pageContext: r } = N();
955
1040
  return t ? o == null ? void 0 : o.renderSettings(r) : n == null ? void 0 : n.renderSettings(r);
956
- }, lo = () => {
1041
+ }, go = () => {
957
1042
  const { settings: t } = J();
958
1043
  return t == null ? void 0 : t.renderSettings();
959
- }, co = "_theme_1xj36_1", uo = "_block_1xj36_6", ho = "_name_1xj36_20", we = {
960
- theme: co,
961
- block: uo,
962
- name: ho
963
- }, go = () => {
1044
+ }, po = "_theme_1xj36_1", mo = "_block_1xj36_6", Co = "_name_1xj36_20", we = {
1045
+ theme: po,
1046
+ block: mo,
1047
+ name: Co
1048
+ }, So = () => {
964
1049
  const { setActiveBlock: t } = H();
965
1050
  function o(n) {
966
1051
  t(n);
967
1052
  }
968
- return /* @__PURE__ */ e.jsx("div", { className: we.theme, children: nt.map((n) => /* @__PURE__ */ e.jsxs(
1053
+ return /* @__PURE__ */ e.jsx("div", { className: we.theme, children: at.map((n) => /* @__PURE__ */ e.jsxs(
969
1054
  "div",
970
1055
  {
971
1056
  onClick: () => o(n),
972
- className: v(we.block),
1057
+ className: y(we.block),
973
1058
  children: [
974
- /* @__PURE__ */ e.jsx(p, { name: n.icon }),
1059
+ /* @__PURE__ */ e.jsx(m, { name: n.icon }),
975
1060
  /* @__PURE__ */ e.jsx("span", { className: we.name, children: n.name }),
976
- /* @__PURE__ */ e.jsx(p, { name: "CaretRight" })
1061
+ /* @__PURE__ */ e.jsx(m, { name: "CaretRight" })
977
1062
  ]
978
1063
  },
979
1064
  n.icon
980
1065
  )) });
981
- }, po = "_back_1lk1m_1", mo = "_render_1lk1m_8", Co = "_open_1lk1m_23", So = "_close_1lk1m_50", _o = "_clicked_1lk1m_54", xo = "_title_1lk1m_58", bo = "_button_1lk1m_65", wo = "_loading_1lk1m_70", fo = "_settings_1lk1m_74", ko = "_buttons_1lk1m_80", vo = "_deleteButton_1lk1m_86", I = {
982
- back: po,
983
- render: mo,
984
- open: Co,
985
- close: So,
986
- clicked: _o,
987
- title: xo,
988
- button: bo,
989
- loading: wo,
990
- settings: fo,
991
- buttons: ko,
992
- deleteButton: vo
993
- }, jo = ({ block: t }) => {
1066
+ }, _o = "_back_1lk1m_1", bo = "_render_1lk1m_8", xo = "_open_1lk1m_23", fo = "_close_1lk1m_50", wo = "_clicked_1lk1m_54", vo = "_title_1lk1m_58", ko = "_button_1lk1m_65", jo = "_loading_1lk1m_70", yo = "_settings_1lk1m_74", Bo = "_buttons_1lk1m_80", Ao = "_deleteButton_1lk1m_86", q = {
1067
+ back: _o,
1068
+ render: bo,
1069
+ open: xo,
1070
+ close: fo,
1071
+ clicked: wo,
1072
+ title: vo,
1073
+ button: ko,
1074
+ loading: jo,
1075
+ settings: yo,
1076
+ buttons: Bo,
1077
+ deleteButton: Ao
1078
+ }, Po = ({ block: t }) => {
994
1079
  if (!t) return null;
995
- const { pageContext: o } = P();
1080
+ const { pageContext: o } = N();
996
1081
  return t.renderSettings(o);
997
- }, Bo = (t) => {
998
- var f;
999
- const { isAdd: o } = t, [n, r] = _.useState(!1), { setActiveBlock: i } = Se(), { sourceBlocks: a, activeBlock: s, setActiveBlock: l, currentInstance: c, setCurrentInstance: C } = K(), {
1000
- blocks: m,
1001
- addBlock: S,
1002
- editBlock: d,
1003
- currentBlock: u,
1004
- setCurrentBlock: x,
1005
- removeBlock: h,
1006
- setPositionBlock: b,
1007
- setHeader: j,
1008
- setFooter: y,
1009
- header: L,
1010
- footer: U
1011
- } = B(), { currentPage: T, pages: N } = P();
1012
- function F(w = !1) {
1013
- !o && c && !w && d(N[T].name, u, {
1014
- name: m[N[T].name][u].name,
1082
+ }, Lo = (t) => {
1083
+ var v;
1084
+ const { isAdd: o } = t, [n, r] = x.useState(!1), { setActiveBlock: i } = Se(), { sourceBlocks: a, activeBlock: s, setActiveBlock: l, currentInstance: c, setCurrentInstance: S } = K(), {
1085
+ blocks: C,
1086
+ addBlock: u,
1087
+ editBlock: h,
1088
+ currentBlock: d,
1089
+ setCurrentBlock: _,
1090
+ removeBlock: g,
1091
+ setPositionBlock: f,
1092
+ setHeader: B,
1093
+ setFooter: F,
1094
+ header: P,
1095
+ footer: L
1096
+ } = A(), { currentPage: j, pages: b } = N();
1097
+ function D(w = !1) {
1098
+ !o && b && c && !w && h(b[j].name, d, {
1099
+ name: C[b[j].name][d].name,
1015
1100
  value: c
1016
- }), l(null), x(null), setTimeout(() => {
1101
+ }), l(null), _(null), setTimeout(() => {
1017
1102
  r(!1);
1018
- }, 150), C(null);
1103
+ }, 150), S(null);
1019
1104
  }
1020
1105
  function V() {
1021
- F(), i({
1106
+ D(), i({
1022
1107
  name: "Layers",
1023
1108
  icon: "TreeStructure"
1024
- }), C(null);
1109
+ }), S(null);
1025
1110
  }
1026
- function g() {
1111
+ function p() {
1027
1112
  if (o)
1028
1113
  return new a[s]();
1029
- {
1030
- const w = m[N[T].name][u];
1114
+ if (b) {
1115
+ const w = C[b[j].name][d];
1031
1116
  return new a[w.name](w.value.blockSettings);
1032
1117
  }
1033
1118
  }
1034
- return _.useEffect(() => {
1035
- if (s || u && !["header", "footer"].includes(u)) {
1036
- const w = g();
1037
- C(w);
1119
+ return x.useEffect(() => {
1120
+ if (s || d && !["header", "footer"].includes(d)) {
1121
+ const w = p();
1122
+ S(w);
1038
1123
  } else
1039
- C(null);
1040
- }, [s, u]), _.useEffect(() => {
1041
- u === "header" && j(L);
1042
- }, [u, L]), _.useEffect(() => {
1043
- u === "footer" && y(U);
1044
- }, [u, U]), /* @__PURE__ */ e.jsxs(
1124
+ S(null);
1125
+ }, [s, d]), x.useEffect(() => {
1126
+ d === "header" && B(P);
1127
+ }, [d, P]), x.useEffect(() => {
1128
+ d === "footer" && F(L);
1129
+ }, [d, L]), /* @__PURE__ */ e.jsxs(
1045
1130
  "div",
1046
1131
  {
1047
- className: v(I.render, {
1048
- [I.open]: u || s,
1049
- [I.close]: !u && !s,
1050
- [I.clicked]: n
1132
+ className: y(q.render, {
1133
+ [q.open]: d || s,
1134
+ [q.close]: !d && !s,
1135
+ [q.clicked]: n
1051
1136
  }),
1052
1137
  children: [
1053
- /* @__PURE__ */ e.jsxs("div", { className: I.back, children: [
1138
+ /* @__PURE__ */ e.jsxs("div", { className: q.back, children: [
1054
1139
  /* @__PURE__ */ e.jsx(
1055
- p,
1140
+ m,
1056
1141
  {
1057
1142
  name: "CaretLeft",
1058
1143
  hoverable: !0,
1059
- onClick: () => F()
1144
+ onClick: () => D()
1060
1145
  }
1061
1146
  ),
1062
- /* @__PURE__ */ e.jsx("h3", { className: I.title, children: s || m[N[T].name] && ((f = m[N[T].name][u]) == null ? void 0 : f.name) || u && E(u) || "Loading" })
1147
+ /* @__PURE__ */ e.jsx("h3", { className: q.title, children: s || b && C[b[j].name] && ((v = C[b[j].name][d]) == null ? void 0 : v.name) || d && U(d) || "Loading" })
1063
1148
  ] }),
1064
- /* @__PURE__ */ e.jsxs("div", { className: I.settings, children: [
1065
- c && /* @__PURE__ */ e.jsx(jo, { block: c }),
1066
- u && ["header", "footer"].includes(u) && /* @__PURE__ */ e.jsx(io, { isHeader: u === "header" }),
1067
- !s && !u && /* @__PURE__ */ e.jsx("div", { className: I.loading, children: "Loading" })
1149
+ /* @__PURE__ */ e.jsxs("div", { className: q.settings, children: [
1150
+ c && /* @__PURE__ */ e.jsx(Po, { block: c }),
1151
+ d && ["header", "footer"].includes(d) && /* @__PURE__ */ e.jsx(ho, { isHeader: d === "header" }),
1152
+ !s && !d && /* @__PURE__ */ e.jsx("div", { className: q.loading, children: "Loading" })
1068
1153
  ] }),
1069
- /* @__PURE__ */ e.jsxs("div", { className: I.buttons, children: [
1154
+ /* @__PURE__ */ e.jsxs("div", { className: q.buttons, children: [
1070
1155
  o && /* @__PURE__ */ e.jsx(
1071
1156
  Q,
1072
1157
  {
@@ -1074,23 +1159,23 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1074
1159
  width: "100%"
1075
1160
  },
1076
1161
  onClick: () => {
1077
- r(!0), ["header", "footer"].includes(u) ? u === "header" ? j(L) : y(U) : (S(N[T].name, {
1162
+ r(!0), !["header", "footer"].includes(d) && b ? (u(b[j].name, {
1078
1163
  name: s,
1079
1164
  value: c
1080
- }), b(null)), V();
1165
+ }), f(null)) : d === "header" ? B(P) : F(L), V();
1081
1166
  },
1082
1167
  children: "Add Section"
1083
1168
  }
1084
1169
  ),
1085
- !o && !["header", "footer"].includes(u) && /* @__PURE__ */ e.jsx(
1170
+ !o && b && !["header", "footer"].includes(d) && /* @__PURE__ */ e.jsx(
1086
1171
  "button",
1087
1172
  {
1088
1173
  onClick: () => {
1089
- r(!0), h(N[T].name, u), F(!0);
1174
+ r(!0), g(b[j].name, d), D(!0);
1090
1175
  },
1091
- className: I.deleteButton,
1176
+ className: q.deleteButton,
1092
1177
  children: /* @__PURE__ */ e.jsx(
1093
- p,
1178
+ m,
1094
1179
  {
1095
1180
  name: "Trash",
1096
1181
  hoverable: !0
@@ -1102,26 +1187,26 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1102
1187
  ]
1103
1188
  }
1104
1189
  );
1105
- }, yo = "_settings_1r85j_1", Ao = "_open_1r85j_16", Po = "_close_1r85j_20", Lo = "_header_1r85j_24", To = "_title_1r85j_30", No = "_addButton_1r85j_37", ae = {
1106
- settings: yo,
1107
- open: Ao,
1108
- close: Po,
1109
- header: Lo,
1110
- title: To,
1111
- addButton: No
1112
- }, Fo = "_wrapper_n1a7x_1", Do = "_category_n1a7x_5", Mo = "_categoryTitle_n1a7x_10", Ho = "_color_n1a7x_16", $o = "_content_n1a7x_24", Ro = "_preview_n1a7x_32", Z = {
1113
- wrapper: Fo,
1114
- category: Do,
1115
- categoryTitle: Mo,
1116
- color: Ho,
1117
- content: $o,
1118
- preview: Ro
1119
- }, Eo = () => {
1190
+ }, To = "_settings_1r85j_1", No = "_open_1r85j_16", Fo = "_close_1r85j_20", Do = "_header_1r85j_24", Mo = "_title_1r85j_30", $o = "_addButton_1r85j_37", re = {
1191
+ settings: To,
1192
+ open: No,
1193
+ close: Fo,
1194
+ header: Do,
1195
+ title: Mo,
1196
+ addButton: $o
1197
+ }, Ho = "_wrapper_n1a7x_1", Ro = "_category_n1a7x_5", Eo = "_categoryTitle_n1a7x_10", Uo = "_color_n1a7x_16", Io = "_content_n1a7x_24", Oo = "_preview_n1a7x_32", Z = {
1198
+ wrapper: Ho,
1199
+ category: Ro,
1200
+ categoryTitle: Eo,
1201
+ color: Uo,
1202
+ content: Io,
1203
+ preview: Oo
1204
+ }, qo = () => {
1120
1205
  const { themeSettings: t, updateColor: o } = H();
1121
1206
  async function n(i, a, s) {
1122
1207
  o(i, a, s);
1123
1208
  }
1124
- const r = He(() => {
1209
+ const r = Re(() => {
1125
1210
  const i = {};
1126
1211
  return Object.entries(t.colors).forEach(([a, s]) => {
1127
1212
  Object.entries(s).forEach(([l, c]) => {
@@ -1134,7 +1219,7 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1134
1219
  {
1135
1220
  className: Z.category,
1136
1221
  children: [
1137
- /* @__PURE__ */ e.jsx("h2", { className: Z.categoryTitle, children: E(i) }),
1222
+ /* @__PURE__ */ e.jsx("h2", { className: Z.categoryTitle, children: U(i) }),
1138
1223
  Object.entries(a).map(([s, l]) => /* @__PURE__ */ e.jsxs(
1139
1224
  "div",
1140
1225
  {
@@ -1151,16 +1236,16 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1151
1236
  }
1152
1237
  ),
1153
1238
  /* @__PURE__ */ e.jsx(
1154
- ie,
1239
+ ae,
1155
1240
  {
1156
- title: E(s),
1241
+ title: U(s),
1157
1242
  initialColor: l,
1158
1243
  onChange: (c) => n(i, s, c)
1159
1244
  }
1160
1245
  )
1161
1246
  ] }),
1162
1247
  r.includes(l) && /* @__PURE__ */ e.jsx(
1163
- Ke,
1248
+ Ze,
1164
1249
  {
1165
1250
  type: "warning",
1166
1251
  message: "To avoid contrast problems, please use a different color",
@@ -1177,22 +1262,22 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1177
1262
  },
1178
1263
  i
1179
1264
  )) });
1180
- }, Uo = "_wrapper_kb55x_2", Oo = "_category_kb55x_6", Io = "_categoryTitle_kb55x_11", Go = "_color_kb55x_17", qo = "_name_kb55x_23", zo = "_content_kb55x_28", Wo = "_label_kb55x_34", Vo = "_input_kb55x_45", Xo = "_title_kb55x_71", Ko = "_field_kb55x_79", Qo = "_alignments_kb55x_89", Yo = "_lineField_kb55x_95", Jo = "_style_kb55x_101", Zo = "_header_kb55x_108", G = {
1181
- wrapper: Uo,
1182
- category: Oo,
1183
- categoryTitle: Io,
1184
- color: Go,
1185
- name: qo,
1186
- content: zo,
1187
- label: Wo,
1188
- input: Vo,
1189
- title: Xo,
1190
- field: Ko,
1191
- alignments: Qo,
1192
- lineField: Yo,
1193
- style: Jo,
1194
- header: Zo
1195
- }, es = ["left", "center", "right"], ts = ["solid", "dashed"], me = (t) => {
1265
+ }, Go = "_wrapper_kb55x_2", zo = "_category_kb55x_6", Wo = "_categoryTitle_kb55x_11", Vo = "_color_kb55x_17", Xo = "_name_kb55x_23", Ko = "_content_kb55x_28", Qo = "_label_kb55x_34", Yo = "_input_kb55x_45", Jo = "_title_kb55x_71", Zo = "_field_kb55x_79", es = "_alignments_kb55x_89", ts = "_lineField_kb55x_95", ns = "_style_kb55x_101", os = "_header_kb55x_108", G = {
1266
+ wrapper: Go,
1267
+ category: zo,
1268
+ categoryTitle: Wo,
1269
+ color: Vo,
1270
+ name: Xo,
1271
+ content: Ko,
1272
+ label: Qo,
1273
+ input: Yo,
1274
+ title: Jo,
1275
+ field: Zo,
1276
+ alignments: es,
1277
+ lineField: ts,
1278
+ style: ns,
1279
+ header: os
1280
+ }, ss = ["left", "center", "right"], rs = ["solid", "dashed"], me = (t) => {
1196
1281
  const { title: o, children: n, rightAddon: r } = t;
1197
1282
  return /* @__PURE__ */ e.jsxs("div", { className: G.field, children: [
1198
1283
  /* @__PURE__ */ e.jsxs("div", { className: G.header, children: [
@@ -1201,8 +1286,8 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1201
1286
  ] }),
1202
1287
  n
1203
1288
  ] });
1204
- }, ns = () => {
1205
- const { themeSettings: t, updateInput: o } = H(), n = He(() => t.inputs, [t]), r = (a, s, l) => {
1289
+ }, as = () => {
1290
+ const { themeSettings: t, updateInput: o } = H(), n = Re(() => t.inputs, [t]), r = (a, s, l) => {
1206
1291
  o(a, s, l);
1207
1292
  }, i = (a) => (s) => {
1208
1293
  o(a, s, "color");
@@ -1210,7 +1295,7 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1210
1295
  return /* @__PURE__ */ e.jsxs("div", { className: G.wrapper, children: [
1211
1296
  /* @__PURE__ */ e.jsxs(me, { title: "General", children: [
1212
1297
  /* @__PURE__ */ e.jsx(
1213
- M,
1298
+ $,
1214
1299
  {
1215
1300
  label: "Height (px)",
1216
1301
  value: String(n.general.height),
@@ -1220,7 +1305,7 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1220
1305
  }
1221
1306
  ),
1222
1307
  /* @__PURE__ */ e.jsx(
1223
- M,
1308
+ $,
1224
1309
  {
1225
1310
  label: "Style name",
1226
1311
  value: n.general.name,
@@ -1237,9 +1322,9 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1237
1322
  }
1238
1323
  ),
1239
1324
  /* @__PURE__ */ e.jsx(
1240
- ie,
1325
+ ae,
1241
1326
  {
1242
- initialColor: E(n.general.color),
1327
+ initialColor: U(n.general.color),
1243
1328
  onChange: i("general"),
1244
1329
  title: "Font Color",
1245
1330
  labelStyle: "secondary"
@@ -1251,7 +1336,7 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1251
1336
  {
1252
1337
  title: "Field Fill",
1253
1338
  rightAddon: /* @__PURE__ */ e.jsx("div", { className: G.switch, children: /* @__PURE__ */ e.jsx(
1254
- ve,
1339
+ Be,
1255
1340
  {
1256
1341
  onChange: (a) => r("field", a, "active"),
1257
1342
  current: n.field.active
@@ -1259,16 +1344,16 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1259
1344
  ) }),
1260
1345
  children: [
1261
1346
  /* @__PURE__ */ e.jsx(
1262
- ie,
1347
+ ae,
1263
1348
  {
1264
- initialColor: E(n.field.color),
1349
+ initialColor: U(n.field.color),
1265
1350
  onChange: i("field"),
1266
1351
  title: "Color",
1267
1352
  labelStyle: "secondary"
1268
1353
  }
1269
1354
  ),
1270
1355
  /* @__PURE__ */ e.jsx(
1271
- M,
1356
+ $,
1272
1357
  {
1273
1358
  label: "Opacity (%)",
1274
1359
  value: String(n.field.opacity),
@@ -1285,7 +1370,7 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1285
1370
  {
1286
1371
  title: "Border",
1287
1372
  rightAddon: /* @__PURE__ */ e.jsx("div", { className: G.switch, children: /* @__PURE__ */ e.jsx(
1288
- ve,
1373
+ Be,
1289
1374
  {
1290
1375
  onChange: (a) => r("border", a, "active"),
1291
1376
  current: n.border.active
@@ -1296,9 +1381,9 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1296
1381
  /* @__PURE__ */ e.jsxs("div", { className: G.style, children: [
1297
1382
  /* @__PURE__ */ e.jsx("span", { className: G.title, children: "Style" }),
1298
1383
  /* @__PURE__ */ e.jsx(
1299
- je,
1384
+ Ae,
1300
1385
  {
1301
- items: ts,
1386
+ items: rs,
1302
1387
  selectedItem: n.border.style,
1303
1388
  onSelect: (a) => r("border", a, "style"),
1304
1389
  getIconName: (a) => a === "solid" ? "Minus" : "Selection"
@@ -1306,7 +1391,7 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1306
1391
  )
1307
1392
  ] }),
1308
1393
  /* @__PURE__ */ e.jsx(
1309
- M,
1394
+ $,
1310
1395
  {
1311
1396
  label: "Radius (px)",
1312
1397
  value: String(n.border.radius),
@@ -1317,7 +1402,7 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1317
1402
  )
1318
1403
  ] }),
1319
1404
  /* @__PURE__ */ e.jsx(
1320
- M,
1405
+ $,
1321
1406
  {
1322
1407
  label: "Thickness (px)",
1323
1408
  value: String(n.border.thickness),
@@ -1327,9 +1412,9 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1327
1412
  }
1328
1413
  ),
1329
1414
  /* @__PURE__ */ e.jsx(
1330
- ie,
1415
+ ae,
1331
1416
  {
1332
- initialColor: E(n.border.color),
1417
+ initialColor: U(n.border.color),
1333
1418
  onChange: i("border"),
1334
1419
  title: "Color",
1335
1420
  labelStyle: "secondary"
@@ -1340,7 +1425,7 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1340
1425
  ),
1341
1426
  /* @__PURE__ */ e.jsxs(me, { title: "Label", children: [
1342
1427
  /* @__PURE__ */ e.jsx(
1343
- M,
1428
+ $,
1344
1429
  {
1345
1430
  label: "Line Height (px)",
1346
1431
  value: String(n.label.height),
@@ -1359,9 +1444,9 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1359
1444
  }
1360
1445
  ),
1361
1446
  /* @__PURE__ */ e.jsx(
1362
- ie,
1447
+ ae,
1363
1448
  {
1364
- initialColor: E(n.label.color),
1449
+ initialColor: U(n.label.color),
1365
1450
  onChange: i("label"),
1366
1451
  title: "Color",
1367
1452
  labelStyle: "secondary"
@@ -1370,9 +1455,9 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1370
1455
  /* @__PURE__ */ e.jsxs("div", { className: G.alignments, children: [
1371
1456
  /* @__PURE__ */ e.jsx("h4", { className: G.title, children: "Alignment Type" }),
1372
1457
  /* @__PURE__ */ e.jsx(
1373
- je,
1458
+ Ae,
1374
1459
  {
1375
- items: es,
1460
+ items: ss,
1376
1461
  selectedItem: n.label.alignment,
1377
1462
  onSelect: (a) => r("label", a, "alignment"),
1378
1463
  getIconName: (a) => a === "center" ? "AlignCenterHorizontal" : a === "left" ? "AlignLeft" : "AlignRight"
@@ -1381,17 +1466,17 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1381
1466
  ] })
1382
1467
  ] })
1383
1468
  ] });
1384
- }, os = "_wrapper_k9on2_1", ss = "_category_k9on2_5", rs = "_categoryTitle_k9on2_10", as = "_font_k9on2_16", is = "_content_k9on2_36", ls = "_icon_k9on2_42", cs = "_paragraph_k9on2_51", ds = "_deleteIcon_k9on2_55", us = "_iconButton_k9on2_62", W = {
1385
- wrapper: os,
1386
- category: ss,
1387
- categoryTitle: rs,
1388
- font: as,
1389
- content: is,
1390
- icon: ls,
1391
- paragraph: cs,
1392
- deleteIcon: ds,
1393
- iconButton: us
1394
- }, hs = (t) => {
1469
+ }, is = "_wrapper_k9on2_1", ls = "_category_k9on2_5", cs = "_categoryTitle_k9on2_10", ds = "_font_k9on2_16", us = "_content_k9on2_36", hs = "_icon_k9on2_42", gs = "_paragraph_k9on2_51", ps = "_deleteIcon_k9on2_55", ms = "_iconButton_k9on2_62", W = {
1470
+ wrapper: is,
1471
+ category: ls,
1472
+ categoryTitle: cs,
1473
+ font: ds,
1474
+ content: us,
1475
+ icon: hs,
1476
+ paragraph: gs,
1477
+ deleteIcon: ps,
1478
+ iconButton: ms
1479
+ }, Cs = (t) => {
1395
1480
  const { font: o, size: n, id: r, category: i } = t, { setActiveFont: a } = H();
1396
1481
  return /* @__PURE__ */ e.jsxs(
1397
1482
  "div",
@@ -1402,22 +1487,22 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1402
1487
  /* @__PURE__ */ e.jsx(
1403
1488
  "div",
1404
1489
  {
1405
- className: v(W.icon, {
1490
+ className: y(W.icon, {
1406
1491
  [W.paragraph]: i === "paragraph"
1407
1492
  }),
1408
- children: /* @__PURE__ */ e.jsx(p, { name: i === "paragraph" ? "TextB" : "TextH" })
1493
+ children: /* @__PURE__ */ e.jsx(m, { name: i === "paragraph" ? "TextB" : "TextH" })
1409
1494
  }
1410
1495
  ),
1411
1496
  /* @__PURE__ */ e.jsxs("div", { className: W.content, children: [
1412
- /* @__PURE__ */ e.jsx("h2", { className: W.categoryTitle, children: E(r) }),
1497
+ /* @__PURE__ */ e.jsx("h2", { className: W.categoryTitle, children: U(r) }),
1413
1498
  /* @__PURE__ */ e.jsx("span", { className: W.value, children: `${o}, ${n}px` })
1414
1499
  ] })
1415
1500
  ]
1416
1501
  }
1417
1502
  );
1418
- }, gs = () => {
1503
+ }, Ss = () => {
1419
1504
  const { themeSettings: t, setActiveFont: o, activeBlock: n } = H();
1420
- _.useEffect(() => (r(), () => {
1505
+ x.useEffect(() => (r(), () => {
1421
1506
  r();
1422
1507
  }), []);
1423
1508
  function r() {
@@ -1429,9 +1514,9 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1429
1514
  {
1430
1515
  className: W.category,
1431
1516
  children: [
1432
- /* @__PURE__ */ e.jsx("h2", { className: W.categoryTitle, children: E(i) }),
1517
+ /* @__PURE__ */ e.jsx("h2", { className: W.categoryTitle, children: U(i) }),
1433
1518
  Object.entries(a).map(([s, l]) => /* @__PURE__ */ e.jsx(
1434
- hs,
1519
+ Cs,
1435
1520
  {
1436
1521
  id: s,
1437
1522
  category: i,
@@ -1443,27 +1528,27 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1443
1528
  },
1444
1529
  i
1445
1530
  )) });
1446
- }, ps = "_wrapper_94fpv_1", ms = "_open_94fpv_16", Cs = "_close_94fpv_20", Ss = "_header_94fpv_24", _s = "_title_94fpv_31", xs = "_options_94fpv_37", bs = "_clicked_94fpv_44", ee = {
1447
- wrapper: ps,
1448
- open: ms,
1449
- close: Cs,
1450
- header: Ss,
1451
- title: _s,
1452
- options: xs,
1453
- clicked: bs
1454
- }, ws = () => {
1455
- const { activeBlock: t, setActiveFont: o, activeFont: n, themeSettings: r, updateFont: i } = H(), { fonts: a } = De(), [s, l] = _.useState(null);
1531
+ }, _s = "_wrapper_94fpv_1", bs = "_open_94fpv_16", xs = "_close_94fpv_20", fs = "_header_94fpv_24", ws = "_title_94fpv_31", vs = "_options_94fpv_37", ks = "_clicked_94fpv_44", ee = {
1532
+ wrapper: _s,
1533
+ open: bs,
1534
+ close: xs,
1535
+ header: fs,
1536
+ title: ws,
1537
+ options: vs,
1538
+ clicked: ks
1539
+ }, js = () => {
1540
+ const { activeBlock: t, setActiveFont: o, activeFont: n, themeSettings: r, updateFont: i } = H(), { fonts: a } = He(), [s, l] = x.useState(null);
1456
1541
  function c() {
1457
1542
  o(null);
1458
1543
  }
1459
- function C(S, d) {
1460
- s && n && i(s, n, d, S);
1544
+ function S(u, h) {
1545
+ s && n && i(s, n, h, u);
1461
1546
  }
1462
- const m = _.useMemo(() => n ? r.fonts.heading[n] ? (l("heading"), r.fonts.heading[n]) : r.fonts.paragraph[n] ? (l("paragraph"), r.fonts.paragraph[n]) : (l(null), null) : null, [n, r]);
1547
+ const C = x.useMemo(() => n ? r.fonts.heading[n] ? (l("heading"), r.fonts.heading[n]) : r.fonts.paragraph[n] ? (l("paragraph"), r.fonts.paragraph[n]) : (l(null), null) : null, [n, r]);
1463
1548
  return /* @__PURE__ */ e.jsxs(
1464
1549
  "div",
1465
1550
  {
1466
- className: v(ee.wrapper, {
1551
+ className: y(ee.wrapper, {
1467
1552
  [ee.open]: (t == null ? void 0 : t.name) === "Fonts" && n,
1468
1553
  [ee.close]: (t == null ? void 0 : t.name) !== "Fonts" || !n
1469
1554
  }),
@@ -1475,7 +1560,7 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1475
1560
  onClick: c,
1476
1561
  children: [
1477
1562
  /* @__PURE__ */ e.jsx(
1478
- p,
1563
+ m,
1479
1564
  {
1480
1565
  name: "CaretLeft",
1481
1566
  hoverable: !0
@@ -1485,22 +1570,22 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1485
1570
  ]
1486
1571
  }
1487
1572
  ),
1488
- n && m && /* @__PURE__ */ e.jsxs("div", { className: ee.options, children: [
1573
+ n && C && /* @__PURE__ */ e.jsxs("div", { className: ee.options, children: [
1489
1574
  /* @__PURE__ */ e.jsx(
1490
1575
  se,
1491
1576
  {
1492
1577
  label: "Font",
1493
- value: m.font,
1494
- onChange: (S) => C(S, "font"),
1495
- options: [...a.filter((S) => S !== m.font)]
1578
+ value: C.font,
1579
+ onChange: (u) => S(u, "font"),
1580
+ options: [...a.filter((u) => u !== C.font)]
1496
1581
  }
1497
1582
  ),
1498
1583
  /* @__PURE__ */ e.jsx(
1499
1584
  se,
1500
1585
  {
1501
1586
  label: "Size",
1502
- value: String(m.size),
1503
- onChange: (S) => C(S, "size"),
1587
+ value: String(C.size),
1588
+ onChange: (u) => S(u, "size"),
1504
1589
  options: Ce
1505
1590
  }
1506
1591
  ),
@@ -1508,24 +1593,24 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1508
1593
  se,
1509
1594
  {
1510
1595
  label: "Weight",
1511
- value: String(m.weight),
1512
- onChange: (S) => C(S, "weight"),
1513
- options: Qe
1596
+ value: String(C.weight),
1597
+ onChange: (u) => S(u, "weight"),
1598
+ options: et
1514
1599
  }
1515
1600
  )
1516
1601
  ] })
1517
1602
  ]
1518
1603
  }
1519
1604
  );
1520
- }, fs = "_wrapper_94fpv_1", ks = "_open_94fpv_16", vs = "_close_94fpv_20", js = "_header_94fpv_24", Bs = "_title_94fpv_31", ys = "_options_94fpv_37", As = "_clicked_94fpv_44", te = {
1521
- wrapper: fs,
1522
- open: ks,
1523
- close: vs,
1524
- header: js,
1525
- title: Bs,
1526
- options: ys,
1527
- clicked: As
1528
- }, Ee = () => {
1605
+ }, ys = "_wrapper_94fpv_1", Bs = "_open_94fpv_16", As = "_close_94fpv_20", Ps = "_header_94fpv_24", Ls = "_title_94fpv_31", Ts = "_options_94fpv_37", Ns = "_clicked_94fpv_44", te = {
1606
+ wrapper: ys,
1607
+ open: Bs,
1608
+ close: As,
1609
+ header: Ps,
1610
+ title: Ls,
1611
+ options: Ts,
1612
+ clicked: Ns
1613
+ }, Oe = () => {
1529
1614
  const { activeBlock: t, themeSettings: o, updateBorder: n, setActiveBlock: r } = H();
1530
1615
  function i(l, c) {
1531
1616
  n(c, l);
@@ -1533,18 +1618,18 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1533
1618
  function a() {
1534
1619
  r(null);
1535
1620
  }
1536
- const s = _.useMemo(() => o.borders, [o]);
1621
+ const s = x.useMemo(() => o.borders, [o]);
1537
1622
  return /* @__PURE__ */ e.jsxs(
1538
1623
  "div",
1539
1624
  {
1540
- className: v(te.wrapper, {
1625
+ className: y(te.wrapper, {
1541
1626
  [te.open]: (t == null ? void 0 : t.name) === "Borders",
1542
1627
  [te.close]: (t == null ? void 0 : t.name) !== "Borders"
1543
1628
  }),
1544
1629
  children: [
1545
1630
  /* @__PURE__ */ e.jsxs("div", { className: te.header, children: [
1546
1631
  /* @__PURE__ */ e.jsx(
1547
- p,
1632
+ m,
1548
1633
  {
1549
1634
  name: "CaretLeft",
1550
1635
  hoverable: !0,
@@ -1555,7 +1640,7 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1555
1640
  ] }),
1556
1641
  /* @__PURE__ */ e.jsxs("div", { className: te.options, children: [
1557
1642
  /* @__PURE__ */ e.jsx(
1558
- M,
1643
+ $,
1559
1644
  {
1560
1645
  label: "Border Radius (px)",
1561
1646
  value: String(s.radius),
@@ -1565,7 +1650,7 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1565
1650
  }
1566
1651
  ),
1567
1652
  /* @__PURE__ */ e.jsx(
1568
- M,
1653
+ $,
1569
1654
  {
1570
1655
  label: "Border Thickness (px)",
1571
1656
  value: String(s.thickness),
@@ -1578,20 +1663,20 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1578
1663
  ]
1579
1664
  }
1580
1665
  );
1581
- }, Ps = "_wrapper_1j33r_1", Ls = "_open_1j33r_16", Ts = "_close_1j33r_20", Ns = "_header_1j33r_24", Fs = "_title_1j33r_31", Ds = "_options_1j33r_37", Ms = "_clicked_1j33r_44", Hs = "_label_1j33r_48", $s = "_alignments_1j33r_55", Rs = "_blocks_1j33r_61", Es = "_alignment_1j33r_55", Us = "_active_1j33r_75", $ = {
1582
- wrapper: Ps,
1583
- open: Ls,
1584
- close: Ts,
1585
- header: Ns,
1586
- title: Fs,
1587
- options: Ds,
1588
- clicked: Ms,
1589
- label: Hs,
1590
- alignments: $s,
1591
- blocks: Rs,
1592
- alignment: Es,
1593
- active: Us
1594
- }, Os = ["left", "center", "right"], Ue = () => {
1666
+ }, Fs = "_wrapper_1j33r_1", Ds = "_open_1j33r_16", Ms = "_close_1j33r_20", $s = "_header_1j33r_24", Hs = "_title_1j33r_31", Rs = "_options_1j33r_37", Es = "_clicked_1j33r_44", Us = "_label_1j33r_48", Is = "_alignments_1j33r_55", Os = "_blocks_1j33r_61", qs = "_alignment_1j33r_55", Gs = "_active_1j33r_75", R = {
1667
+ wrapper: Fs,
1668
+ open: Ds,
1669
+ close: Ms,
1670
+ header: $s,
1671
+ title: Hs,
1672
+ options: Rs,
1673
+ clicked: Es,
1674
+ label: Us,
1675
+ alignments: Is,
1676
+ blocks: Os,
1677
+ alignment: qs,
1678
+ active: Gs
1679
+ }, zs = ["left", "center", "right"], qe = () => {
1595
1680
  const { activeBlock: t, themeSettings: o, updateButton: n, setActiveBlock: r } = H();
1596
1681
  function i(l, c) {
1597
1682
  n(c, l);
@@ -1599,29 +1684,29 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1599
1684
  function a() {
1600
1685
  r(null);
1601
1686
  }
1602
- const s = _.useMemo(() => o.buttons, [o]);
1687
+ const s = x.useMemo(() => o.buttons, [o]);
1603
1688
  return /* @__PURE__ */ e.jsxs(
1604
1689
  "div",
1605
1690
  {
1606
- className: v($.wrapper, {
1607
- [$.open]: (t == null ? void 0 : t.name) === "Buttons",
1608
- [$.close]: (t == null ? void 0 : t.name) !== "Buttons"
1691
+ className: y(R.wrapper, {
1692
+ [R.open]: (t == null ? void 0 : t.name) === "Buttons",
1693
+ [R.close]: (t == null ? void 0 : t.name) !== "Buttons"
1609
1694
  }),
1610
1695
  children: [
1611
- /* @__PURE__ */ e.jsxs("div", { className: $.header, children: [
1696
+ /* @__PURE__ */ e.jsxs("div", { className: R.header, children: [
1612
1697
  /* @__PURE__ */ e.jsx(
1613
- p,
1698
+ m,
1614
1699
  {
1615
1700
  name: "CaretLeft",
1616
1701
  hoverable: !0,
1617
1702
  onClick: a
1618
1703
  }
1619
1704
  ),
1620
- /* @__PURE__ */ e.jsx("span", { className: $.title, children: "Buttons Style" })
1705
+ /* @__PURE__ */ e.jsx("span", { className: R.title, children: "Buttons Style" })
1621
1706
  ] }),
1622
- s && /* @__PURE__ */ e.jsxs("div", { className: $.options, children: [
1707
+ s && /* @__PURE__ */ e.jsxs("div", { className: R.options, children: [
1623
1708
  /* @__PURE__ */ e.jsx(
1624
- M,
1709
+ $,
1625
1710
  {
1626
1711
  label: "Height (px)",
1627
1712
  value: String(s.height),
@@ -1640,7 +1725,7 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1640
1725
  }
1641
1726
  ),
1642
1727
  /* @__PURE__ */ e.jsx(
1643
- M,
1728
+ $,
1644
1729
  {
1645
1730
  label: "Border Radius (px)",
1646
1731
  value: String(s.radius),
@@ -1649,19 +1734,19 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1649
1734
  min: 0
1650
1735
  }
1651
1736
  ),
1652
- /* @__PURE__ */ e.jsxs("div", { className: $.alignments, children: [
1653
- /* @__PURE__ */ e.jsx("h4", { className: $.label, children: "Alignment Type" }),
1654
- /* @__PURE__ */ e.jsx("div", { className: $.blocks, children: Os.map((l) => /* @__PURE__ */ e.jsx(
1737
+ /* @__PURE__ */ e.jsxs("div", { className: R.alignments, children: [
1738
+ /* @__PURE__ */ e.jsx("h4", { className: R.label, children: "Alignment Type" }),
1739
+ /* @__PURE__ */ e.jsx("div", { className: R.blocks, children: zs.map((l) => /* @__PURE__ */ e.jsx(
1655
1740
  "div",
1656
1741
  {
1657
- className: v($.alignment, {
1658
- [$.active]: s.alignment === l
1742
+ className: y(R.alignment, {
1743
+ [R.active]: s.alignment === l
1659
1744
  }),
1660
1745
  onClick: () => {
1661
1746
  i(l, "alignment");
1662
1747
  },
1663
1748
  children: /* @__PURE__ */ e.jsx(
1664
- p,
1749
+ m,
1665
1750
  {
1666
1751
  name: l === "center" ? "AlignCenterHorizontal" : l === "left" ? "AlignLeft" : "AlignRight",
1667
1752
  fill: s.alignment === l ? "#252525" : "#757575"
@@ -1675,14 +1760,14 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1675
1760
  ]
1676
1761
  }
1677
1762
  );
1678
- }, Is = () => {
1763
+ }, Ws = () => {
1679
1764
  const { activeBlock: t } = H();
1680
1765
  return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
1681
- (t == null ? void 0 : t.name) === "Fonts" && /* @__PURE__ */ e.jsx(ws, {}),
1682
- (t == null ? void 0 : t.name) === "Borders" && /* @__PURE__ */ e.jsx(Ee, {}),
1683
- (t == null ? void 0 : t.name) === "Buttons" && /* @__PURE__ */ e.jsx(Ue, {})
1766
+ (t == null ? void 0 : t.name) === "Fonts" && /* @__PURE__ */ e.jsx(js, {}),
1767
+ (t == null ? void 0 : t.name) === "Borders" && /* @__PURE__ */ e.jsx(Oe, {}),
1768
+ (t == null ? void 0 : t.name) === "Buttons" && /* @__PURE__ */ e.jsx(qe, {})
1684
1769
  ] });
1685
- }, Gs = () => {
1770
+ }, Vs = () => {
1686
1771
  const { activeBlock: t, setActiveBlock: o } = H(), { activeBlock: n } = Se();
1687
1772
  function r() {
1688
1773
  o(null);
@@ -1690,32 +1775,32 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1690
1775
  return /* @__PURE__ */ e.jsxs(
1691
1776
  "div",
1692
1777
  {
1693
- className: v(ae.settings, {
1694
- [ae.open]: t,
1695
- [ae.close]: !t || n.name !== "Theme"
1778
+ className: y(re.settings, {
1779
+ [re.open]: t,
1780
+ [re.close]: !t || n.name !== "Theme"
1696
1781
  }),
1697
1782
  children: [
1698
- /* @__PURE__ */ e.jsxs("div", { className: ae.header, children: [
1783
+ /* @__PURE__ */ e.jsxs("div", { className: re.header, children: [
1699
1784
  /* @__PURE__ */ e.jsx(
1700
- p,
1785
+ m,
1701
1786
  {
1702
1787
  name: "CaretLeft",
1703
1788
  hoverable: !0,
1704
1789
  onClick: r
1705
1790
  }
1706
1791
  ),
1707
- /* @__PURE__ */ e.jsx("span", { className: ae.title, children: t == null ? void 0 : t.name })
1792
+ /* @__PURE__ */ e.jsx("span", { className: re.title, children: t == null ? void 0 : t.name })
1708
1793
  ] }),
1709
- (t == null ? void 0 : t.name) === "Fonts" && /* @__PURE__ */ e.jsx(gs, {}),
1710
- (t == null ? void 0 : t.name) === "Colors" && /* @__PURE__ */ e.jsx(Eo, {}),
1711
- (t == null ? void 0 : t.name) === "Inputs" && /* @__PURE__ */ e.jsx(ns, {}),
1712
- (t == null ? void 0 : t.name) === "Borders" && /* @__PURE__ */ e.jsx(Ee, {}),
1713
- (t == null ? void 0 : t.name) === "Borders" && /* @__PURE__ */ e.jsx(Ue, {}),
1714
- /* @__PURE__ */ e.jsx(Is, {})
1794
+ (t == null ? void 0 : t.name) === "Fonts" && /* @__PURE__ */ e.jsx(Ss, {}),
1795
+ (t == null ? void 0 : t.name) === "Colors" && /* @__PURE__ */ e.jsx(qo, {}),
1796
+ (t == null ? void 0 : t.name) === "Inputs" && /* @__PURE__ */ e.jsx(as, {}),
1797
+ (t == null ? void 0 : t.name) === "Borders" && /* @__PURE__ */ e.jsx(Oe, {}),
1798
+ (t == null ? void 0 : t.name) === "Borders" && /* @__PURE__ */ e.jsx(qe, {}),
1799
+ /* @__PURE__ */ e.jsx(Ws, {})
1715
1800
  ]
1716
1801
  }
1717
1802
  );
1718
- }, qs = () => {
1803
+ }, Xs = () => {
1719
1804
  const { activeBlock: t } = Se(), { activeBlock: o } = K();
1720
1805
  function n() {
1721
1806
  switch (t.name) {
@@ -1729,29 +1814,29 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1729
1814
  return "Settings";
1730
1815
  }
1731
1816
  }
1732
- return /* @__PURE__ */ e.jsxs("div", { className: Le.sidebar, children: [
1733
- /* @__PURE__ */ e.jsx("h3", { className: Le.title, children: n() }),
1734
- t.name === "Layers" && /* @__PURE__ */ e.jsx(ao, {}),
1735
- t.name === "Add" && /* @__PURE__ */ e.jsx(Re, {}),
1736
- /* @__PURE__ */ e.jsx(Bo, { isAdd: !!o }),
1737
- /* @__PURE__ */ e.jsx(Gs, {}),
1738
- t.name === "Theme" && /* @__PURE__ */ e.jsx(go, {}),
1739
- t.name === "Settings" && /* @__PURE__ */ e.jsx(lo, {})
1817
+ return /* @__PURE__ */ e.jsxs("div", { className: Fe.sidebar, children: [
1818
+ /* @__PURE__ */ e.jsx("h3", { className: Fe.title, children: n() }),
1819
+ t.name === "Layers" && /* @__PURE__ */ e.jsx(uo, {}),
1820
+ t.name === "Add" && /* @__PURE__ */ e.jsx(Ie, {}),
1821
+ /* @__PURE__ */ e.jsx(Lo, { isAdd: !!o }),
1822
+ /* @__PURE__ */ e.jsx(Vs, {}),
1823
+ t.name === "Theme" && /* @__PURE__ */ e.jsx(So, {}),
1824
+ t.name === "Settings" && /* @__PURE__ */ e.jsx(go, {})
1740
1825
  ] });
1741
- }, zs = "_wrapper_jjfwh_1", Ws = "_header_jjfwh_12", Vs = "_content_jjfwh_21", Xs = "_buttons_jjfwh_29", Ks = "_cancel_jjfwh_35", Qs = "_label_jjfwh_40", Ys = "_description_jjfwh_41", Js = "_preview_jjfwh_49", Zs = "_block_jjfwh_55", er = "_slug_jjfwh_63", tr = "_title_jjfwh_69", R = {
1742
- wrapper: zs,
1743
- header: Ws,
1744
- content: Vs,
1745
- buttons: Xs,
1746
- cancel: Ks,
1747
- label: Qs,
1748
- description: Ys,
1749
- preview: Js,
1750
- block: Zs,
1751
- slug: er,
1752
- title: tr
1753
- }, nr = () => {
1754
- var F, V, g, f, w, A;
1826
+ }, Ks = "_wrapper_jjfwh_1", Qs = "_header_jjfwh_12", Ys = "_content_jjfwh_21", Js = "_buttons_jjfwh_29", Zs = "_cancel_jjfwh_35", er = "_label_jjfwh_40", tr = "_description_jjfwh_41", nr = "_preview_jjfwh_49", or = "_block_jjfwh_55", sr = "_slug_jjfwh_63", rr = "_title_jjfwh_69", E = {
1827
+ wrapper: Ks,
1828
+ header: Qs,
1829
+ content: Ys,
1830
+ buttons: Js,
1831
+ cancel: Zs,
1832
+ label: er,
1833
+ description: tr,
1834
+ preview: nr,
1835
+ block: or,
1836
+ slug: sr,
1837
+ title: rr
1838
+ }, ar = () => {
1839
+ var D, V, p, v, w, T;
1755
1840
  const {
1756
1841
  setIsOpenModal: t,
1757
1842
  pages: o,
@@ -1761,103 +1846,103 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1761
1846
  setIsEdit: a,
1762
1847
  editedPage: s,
1763
1848
  setEditedPage: l
1764
- } = P(), { createPage: c, updatePage: C } = B(), [m, S] = _.useState(s ? (F = o[s]) == null ? void 0 : F.path : ""), [d, u] = _.useState(s ? (V = o[s]) == null ? void 0 : V.name : ""), [x, h] = _.useState(
1765
- s ? (g = o[s]) == null ? void 0 : g.seo.description : ""
1766
- ), [b, j] = _.useState(
1767
- s ? (f = o[s]) == null ? void 0 : f.visibility : "public"
1849
+ } = N(), { createPage: c, updatePage: S } = A(), [C, u] = x.useState(s ? o && ((D = o[s]) == null ? void 0 : D.path) : ""), [h, d] = x.useState(s ? o && ((V = o[s]) == null ? void 0 : V.name) : ""), [_, g] = x.useState(
1850
+ s ? o && ((p = o[s]) == null ? void 0 : p.seo.description) : ""
1851
+ ), [f, B] = x.useState(
1852
+ s ? o && ((v = o[s]) == null ? void 0 : v.visibility) : "public"
1768
1853
  );
1769
- function y() {
1770
- S(""), u(""), h(""), j("public"), a(!1), l(null);
1854
+ function F() {
1855
+ u(""), d(""), g(""), B("public"), a(!1), l(null);
1771
1856
  }
1772
- function L() {
1773
- y(), t(!1);
1857
+ function P() {
1858
+ F(), t(!1);
1774
1859
  }
1775
- function U(k) {
1860
+ function L(k) {
1776
1861
  return k[0] === "/" ? k : "/" + k;
1777
1862
  }
1778
- function T() {
1863
+ function j() {
1779
1864
  n({
1780
- path: U(m),
1781
- name: d || m,
1865
+ path: L(C),
1866
+ name: h || C || "",
1782
1867
  icon: "File",
1783
1868
  seo: {
1784
- title: d,
1785
- description: x
1869
+ title: h || "",
1870
+ description: _ || ""
1786
1871
  },
1787
- visibility: b
1788
- }), c(d), L();
1872
+ visibility: f || "public"
1873
+ }), c(h), P();
1789
1874
  }
1790
- function N() {
1791
- C(o[s].name, d || m), r(s, {
1792
- path: U(m),
1793
- name: d || m,
1794
- icon: o[s].icon || "file",
1875
+ function b() {
1876
+ o && (S(o[s].name || "", h || C || ""), r(s, {
1877
+ path: L(C),
1878
+ name: h || C,
1879
+ icon: o[s].icon || "File",
1795
1880
  seo: {
1796
- title: d,
1797
- description: x
1881
+ title: h || "",
1882
+ description: _ || ""
1798
1883
  },
1799
- visibility: b
1800
- }), L();
1884
+ visibility: f || "public"
1885
+ })), P();
1801
1886
  }
1802
1887
  return /* @__PURE__ */ e.jsxs(
1803
1888
  "div",
1804
1889
  {
1805
- className: R.wrapper,
1890
+ className: E.wrapper,
1806
1891
  onClick: (k) => k.stopPropagation(),
1807
1892
  children: [
1808
- /* @__PURE__ */ e.jsxs("div", { className: R.header, children: [
1893
+ /* @__PURE__ */ e.jsxs("div", { className: E.header, children: [
1809
1894
  /* @__PURE__ */ e.jsxs("h2", { children: [
1810
1895
  i ? "Edit" : "Create",
1811
1896
  " Blank Page"
1812
1897
  ] }),
1813
1898
  /* @__PURE__ */ e.jsx(
1814
- p,
1899
+ m,
1815
1900
  {
1816
1901
  name: "X",
1817
1902
  fill: "#757575",
1818
1903
  hoverable: !0,
1819
- onClick: L
1904
+ onClick: P
1820
1905
  }
1821
1906
  )
1822
1907
  ] }),
1823
- /* @__PURE__ */ e.jsxs("div", { className: R.content, children: [
1908
+ /* @__PURE__ */ e.jsxs("div", { className: E.content, children: [
1824
1909
  /* @__PURE__ */ e.jsx(
1825
- M,
1910
+ $,
1826
1911
  {
1827
1912
  label: "Page Slug",
1828
- onChange: (k) => S(k),
1829
- value: m,
1913
+ onChange: (k) => u(k),
1914
+ value: C,
1830
1915
  placeholder: "path-to-page",
1831
- disabled: !!(s && ((w = o[s]) != null && w.name) && le.includes(o[s].name)),
1916
+ disabled: !!(s && o && ((w = o[s]) != null && w.name) && ie.includes(o[s].name)),
1832
1917
  required: !0,
1833
1918
  regex: "^.+$"
1834
1919
  }
1835
1920
  ),
1836
1921
  /* @__PURE__ */ e.jsx(
1837
- M,
1922
+ $,
1838
1923
  {
1839
1924
  label: "Page Title",
1840
- onChange: (k) => u(k),
1841
- value: d,
1925
+ onChange: (k) => d(k),
1926
+ value: h,
1842
1927
  placeholder: "Contact us",
1843
- disabled: !!(s && ((A = o[s]) != null && A.name) && le.includes(o[s].name))
1928
+ disabled: !!(s && o && ((T = o[s]) != null && T.name) && ie.includes(o[s].name))
1844
1929
  }
1845
1930
  ),
1846
1931
  /* @__PURE__ */ e.jsx(
1847
- Ye,
1932
+ tt,
1848
1933
  {
1849
1934
  label: "Description",
1850
- onChange: (k) => h(k),
1851
- value: x,
1935
+ onChange: (k) => g(k),
1936
+ value: _,
1852
1937
  placeholder: "Contact us at any time of the day or night. You are always welcome",
1853
1938
  maxLength: 150
1854
1939
  }
1855
1940
  ),
1856
1941
  /* @__PURE__ */ e.jsx(
1857
- Je,
1942
+ nt,
1858
1943
  {
1859
1944
  label: "Visibility",
1860
- defaultValue: b,
1945
+ defaultValue: f,
1861
1946
  options: [
1862
1947
  {
1863
1948
  value: "public",
@@ -1868,32 +1953,32 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1868
1953
  label: "Private"
1869
1954
  }
1870
1955
  ],
1871
- onChange: (k) => j(k)
1956
+ onChange: (k) => B(k)
1872
1957
  }
1873
1958
  ),
1874
- /* @__PURE__ */ e.jsxs("div", { className: R.preview, children: [
1875
- /* @__PURE__ */ e.jsx("span", { className: R.label, children: "Preview" }),
1876
- /* @__PURE__ */ e.jsxs("div", { className: R.block, children: [
1877
- /* @__PURE__ */ e.jsx("span", { className: R.slug, children: m || "yoursite.url" }),
1878
- /* @__PURE__ */ e.jsx("span", { className: R.title, children: d || "My Blank Page" }),
1879
- /* @__PURE__ */ e.jsx("span", { className: R.description, children: x || "It is My Description" })
1959
+ /* @__PURE__ */ e.jsxs("div", { className: E.preview, children: [
1960
+ /* @__PURE__ */ e.jsx("span", { className: E.label, children: "Preview" }),
1961
+ /* @__PURE__ */ e.jsxs("div", { className: E.block, children: [
1962
+ /* @__PURE__ */ e.jsx("span", { className: E.slug, children: C || "yoursite.url" }),
1963
+ /* @__PURE__ */ e.jsx("span", { className: E.title, children: h || "My Blank Page" }),
1964
+ /* @__PURE__ */ e.jsx("span", { className: E.description, children: _ || "It is My Description" })
1880
1965
  ] })
1881
1966
  ] })
1882
1967
  ] }),
1883
- /* @__PURE__ */ e.jsxs("div", { className: R.buttons, children: [
1968
+ /* @__PURE__ */ e.jsxs("div", { className: E.buttons, children: [
1884
1969
  /* @__PURE__ */ e.jsx(
1885
1970
  Q,
1886
1971
  {
1887
- className: R.cancel,
1888
- onClick: L,
1972
+ className: E.cancel,
1973
+ onClick: P,
1889
1974
  children: "Cancel"
1890
1975
  }
1891
1976
  ),
1892
1977
  /* @__PURE__ */ e.jsx(
1893
1978
  Q,
1894
1979
  {
1895
- onClick: i ? N : T,
1896
- disabled: m.length === 0,
1980
+ onClick: i ? b : j,
1981
+ disabled: C.length === 0,
1897
1982
  children: i ? "Update" : "Create"
1898
1983
  }
1899
1984
  )
@@ -1901,36 +1986,36 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1901
1986
  ]
1902
1987
  }
1903
1988
  );
1904
- }, or = "_layout_kjedu_1", sr = "_main_kjedu_8", rr = "_content_kjedu_15", fe = {
1905
- layout: or,
1906
- main: sr,
1907
- content: rr
1908
- }, ar = () => {
1909
- const { isOpenModal: t, setIsOpenModal: o } = P(), { openModal: n, setOpenModal: r } = Ze();
1989
+ }, ir = "_layout_kjedu_1", lr = "_main_kjedu_8", cr = "_content_kjedu_15", ve = {
1990
+ layout: ir,
1991
+ main: lr,
1992
+ content: cr
1993
+ }, dr = () => {
1994
+ const { isOpenModal: t, setIsOpenModal: o } = N(), { openModal: n, setOpenModal: r } = ot();
1910
1995
  return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
1911
- /* @__PURE__ */ e.jsxs("div", { className: fe.layout, children: [
1912
- /* @__PURE__ */ e.jsx(Vt, {}),
1913
- /* @__PURE__ */ e.jsxs("main", { className: fe.main, children: [
1914
- /* @__PURE__ */ e.jsx(Et, {}),
1915
- /* @__PURE__ */ e.jsxs("div", { className: fe.content, children: [
1916
- /* @__PURE__ */ e.jsx(qs, {}),
1917
- /* @__PURE__ */ e.jsx(Un, {})
1996
+ /* @__PURE__ */ e.jsxs("div", { className: ve.layout, children: [
1997
+ /* @__PURE__ */ e.jsx(Yt, {}),
1998
+ /* @__PURE__ */ e.jsxs("main", { className: ve.main, children: [
1999
+ /* @__PURE__ */ e.jsx(qt, {}),
2000
+ /* @__PURE__ */ e.jsxs("div", { className: ve.content, children: [
2001
+ /* @__PURE__ */ e.jsx(Xs, {}),
2002
+ /* @__PURE__ */ e.jsx(Gn, {})
1918
2003
  ] })
1919
2004
  ] })
1920
2005
  ] }),
1921
- t && /* @__PURE__ */ e.jsx(Be, { close: o, children: /* @__PURE__ */ e.jsx(nr, {}) }),
1922
- n && /* @__PURE__ */ e.jsx(Be, { close: r, children: /* @__PURE__ */ e.jsx(et, {}) })
2006
+ t && /* @__PURE__ */ e.jsx(Pe, { close: o, children: /* @__PURE__ */ e.jsx(ar, {}) }),
2007
+ n && /* @__PURE__ */ e.jsx(Pe, { close: r, children: /* @__PURE__ */ e.jsx(st, {}) })
1923
2008
  ] });
1924
2009
  };
1925
2010
  async function ne(t, o) {
1926
- const n = localStorage.getItem("shopId") || void 0, r = `${ot}/${t}/builder/shops/${n}/${o}`, i = localStorage.getItem("accessToken") || void 0;
1927
- return (await Me.get(r, {
2011
+ const n = localStorage.getItem("shopId") || void 0, r = `${Ee}/${t}/builder/shops/${n}/${o}`, i = localStorage.getItem("accessToken") || void 0;
2012
+ return (await ke.get(r, {
1928
2013
  headers: {
1929
2014
  Authorization: `Bearer ${i}`
1930
2015
  }
1931
2016
  })).data;
1932
2017
  }
1933
- async function ir() {
2018
+ async function ur() {
1934
2019
  try {
1935
2020
  const [t, o, n, r, i, a] = await Promise.allSettled([
1936
2021
  ne("v1", "general"),
@@ -1952,17 +2037,17 @@ async function ir() {
1952
2037
  throw console.error("Error fetching page data:", t), t;
1953
2038
  }
1954
2039
  }
1955
- async function lr() {
2040
+ async function hr() {
1956
2041
  try {
1957
- const { data: t } = await Me.get(
1958
- `${st}?key=AIzaSyAEsTbjAPUz_TeuFCq4z4LPK9w_vst0Pfw`
2042
+ const { data: t } = await ke.get(
2043
+ `${it}?key=AIzaSyAEsTbjAPUz_TeuFCq4z4LPK9w_vst0Pfw`
1959
2044
  );
1960
2045
  return t.items;
1961
2046
  } catch (t) {
1962
2047
  throw console.error("Error fetching page data:", t), t;
1963
2048
  }
1964
2049
  }
1965
- function hr() {
2050
+ function Sr() {
1966
2051
  const {
1967
2052
  editBlock: t,
1968
2053
  currentBlock: o,
@@ -1971,41 +2056,71 @@ function hr() {
1971
2056
  setHeader: i,
1972
2057
  footer: a,
1973
2058
  setFooter: s
1974
- } = B.getState(), { currentPage: l, pages: c } = P.getState(), { currentInstance: C, activeBlock: m } = K.getState();
1975
- !m && C && (o === "header" && i(r), o === "footer" && s(a), t(c[l].name, o, {
2059
+ } = A.getState(), { currentPage: l, pages: c } = N.getState(), { currentInstance: S, activeBlock: C } = K.getState();
2060
+ !C && S && c && (o === "header" && i(r), o === "footer" && s(a), t(c[l].name, o, {
1976
2061
  name: n[c[l].name][o].name,
1977
- value: C
2062
+ value: S
1978
2063
  }));
1979
2064
  }
1980
- const gr = (t) => {
1981
- const { blocks: o, settings: n, header: r, footer: i } = t, { setBlocks: a, setSourceBlocks: s } = K(), { fonts: l, setFonts: c } = De(), { setSettings: C } = J(), { setPageContext: m } = P(), { setHeader: S, setFooter: d } = B();
1982
- return _.useEffect(() => {
1983
- const u = {};
1984
- Object.keys(o).map((h) => {
1985
- u[h] = o[h];
1986
- }), s(u), a(u), S(r), d(i), C(n), (async () => {
2065
+ async function gr() {
2066
+ const t = localStorage.getItem("shopId") || void 0, o = `${Ee}/v1/builder/shops/${t}/pages`, n = localStorage.getItem("accessToken") || void 0;
2067
+ return (await ke.get(o, {
2068
+ headers: {
2069
+ Authorization: `Bearer ${n}`
2070
+ }
2071
+ })).data;
2072
+ }
2073
+ const _r = (t) => {
2074
+ const { blocks: o, settings: n, header: r, footer: i } = t, { setBlocks: a, setSourceBlocks: s } = K(), { fonts: l, setFonts: c } = He(), { setSettings: S } = J(), { setPageContext: C, setPages: u } = N(), { setHeader: h, setFooter: d } = A();
2075
+ function _(g) {
2076
+ return g[0] === "/" ? g.slice(1) : g;
2077
+ }
2078
+ return x.useEffect(() => {
2079
+ const g = {};
2080
+ Object.keys(o).map((B) => {
2081
+ g[B] = o[B];
2082
+ }), s(g), a(g), h(r), d(i), S(n), (async () => {
1987
2083
  if (l.length === 0) {
1988
- const j = await lr();
1989
- c([...j.map((y) => y.family)]);
2084
+ const j = await hr();
2085
+ c([...j.map((b) => b.family)]);
1990
2086
  }
1991
- let h = {
1992
- listings: [],
1993
- products: [],
1994
- reviews: [],
1995
- categories: [],
1996
- faqs: [],
1997
- general: []
2087
+ let B = {
2088
+ listings: null,
2089
+ products: null,
2090
+ reviews: null,
2091
+ categories: null,
2092
+ faqs: null,
2093
+ general: null
1998
2094
  };
1999
- const b = await ir();
2000
- Object.keys(b).map((j) => {
2001
- const y = j;
2002
- h[y] = b[y].value.data;
2003
- }), m(h);
2095
+ const F = await ur();
2096
+ Object.keys(F).map((j) => {
2097
+ const b = j;
2098
+ B[b] = F[b].value.data;
2099
+ }), C(B);
2100
+ const P = await gr();
2101
+ console.log(P);
2102
+ const L = {};
2103
+ P.data.forEach((j) => {
2104
+ const b = _(j.path);
2105
+ j.path === "/" ? L.home = {
2106
+ ...j,
2107
+ icon: be.home.icon,
2108
+ name: "home"
2109
+ } : be[b] ? L[b] = {
2110
+ ...j,
2111
+ icon: be[b].icon,
2112
+ name: b
2113
+ } : L[b] = {
2114
+ ...j,
2115
+ icon: "File",
2116
+ name: b
2117
+ };
2118
+ }), console.log("Buffer", L), u(L);
2004
2119
  })();
2005
- }, []), /* @__PURE__ */ e.jsx(ar, {});
2120
+ }, []), /* @__PURE__ */ e.jsx(dr, {});
2006
2121
  };
2007
2122
  export {
2008
- gr as Builder,
2009
- hr as hotReload,
2010
- ur as iconNames
2123
+ _r as Builder,
2124
+ Sr as hotReload,
2125
+ Cr as iconNames
2011
2126
  };