@billgangcom/theme-lib 1.12.0 → 1.14.0

package/dist/builder.es.js

@@ -1,7 +1,7 @@
-(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)}})();
-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";
-import _, { useMemo as He } from "react";
-const tt = [
+(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_zvaam_1{width:100%;padding:11px 22px;line-height:20px;border-bottom:var(--default-border);display:flex;align-items:center;justify-content:space-between;gap:24px}._left_zvaam_12,._right_zvaam_13{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_sf7rl_1{position:relative}._default_sf7rl_5{display:flex;align-items:center;gap:4px;padding:10px 12px;background-color:var(--background-color);border-radius:8px;cursor:pointer;position:relative}._text_sf7rl_16{padding-right:4px;color:var(--main-color);flex:1 1 auto}._modal_sf7rl_22{position:absolute;top:45px;width:320px;left:0;z-index:5000;background-color:#fff;border:1px solid #e6e6e6;border-radius:8px;padding:8px 12px;display:flex;flex-direction:column}._page_sf7rl_1{display:flex;align-items:center;gap:8px;padding:12px 8px;border-radius:8px;cursor:pointer}._hoverable_sf7rl_45{background-color:var(--background-color)}._separator_sf7rl_49{border-bottom:1px solid #f0f0f0}._button_sf7rl_53{background:inherit;color:#ff3f19;display:flex;align-items:center;justify-content:start;gap:8px;padding:16px 8px 12px;transition:.2s}._button_sf7rl_53:hover{background-color:var(--background-color)}._items_sf7rl_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_1q4f5_1{width:100%;background-color:var(--background-color);padding:16px 32px 0;position:relative;z-index:500}._main_1q4f5_9{width:100%;display:flex;flex-direction:column;overflow-y:auto;height:calc(100vh - 85px);position:relative;z-index:1}._content_1q4f5_19{background-color:#fff;border:var(--default-border);border-bottom:none;height:100%}._loading_1q4f5_26{width:100%;height:100%;display:flex;justify-content:center;align-items:center}._loader_1q4f5_34{border:4px solid rgba(0,0,0,.1);border-left-color:#fff;border-radius:50%;width:40px;height:40px;animation:_spin_1q4f5_1 1s linear infinite}@keyframes _spin_1q4f5_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_1plo6_1{width:100%;height:100%;display:flex;flex-direction:column}._main_1plo6_8{flex:1 0 auto}._block_1plo6_12{position:relative;cursor:pointer;border-left:1px solid #e6e6e6;border-right:1px solid #e6e6e6}._active_1plo6_19{border:2px solid #ff3f19}._name_1plo6_23{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_1plo6_37{height:100%;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center}._icon_1plo6_48{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_1plo6_59{font-weight:700;font-size:24px;line-height:32px}._text_1plo6_65{font-size:16px;line-height:24px;color:var(--accent-color)}._sections_1plo6_71{padding:0 20px;margin:20px 0 0;display:flex;flex-wrap:wrap;justify-content:center;gap:24px}._section_1plo6_71{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_96mlz_1{max-width:320px;width:100%;padding:16px;border-right:var(--default-border);height:calc(100vh - 60px);position:relative}._title_96mlz_10{color:var(--main-color);font-weight:700;font-size:20px;line-height:24px;padding-bottom:8px}._active_96mlz_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_y3z55_1{display:flex;align-items:center;gap:8px;padding-bottom:8px}._render_y3z55_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_y3z55_23{animation:.2s _open_y3z55_23 forwards}@keyframes _open_y3z55_23{0%{transform:translate(320px);z-index:1}99%{z-index:1}to{z-index:5000;transform:translate(0)}}@keyframes _close_y3z55_50{0%{z-index:1;transform:translate(0)}to{z-index:1;transform:translate(320px)}}._close_y3z55_50{animation:.2s _close_y3z55_50 forwards}._clicked_y3z55_54{opacity:0}._title_y3z55_58{color:var(--main-color);font-weight:700;font-size:20px;line-height:24px;flex:1 1 auto}._button_y3z55_66{align-self:center;flex:1}._loading_y3z55_71{flex:1 1 auto}._settings_y3z55_75{flex:1 1 100%;overflow-y:scroll;overflow-x:hidden}._deleteButton_y3z55_81{display:flex;align-items:center;border-radius:8px;padding:8px;transition:.2s background-color}._deleteButton_y3z55_81: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_vvs1k_1{width:100%;height:100%;display:flex;position:relative}._main_vvs1k_8{display:flex;flex-direction:column;width:100%;position:relative}._content_vvs1k_15{position:relative;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}body,html{background-color:#fff;font-family:Archivo,sans-serif;max-height:100dvh;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}._options_163bj_1{border-radius:16px;border:1px solid #f0f0f0;width:100%;height:fit-content;padding:24px;display:flex;flex-direction:column;gap:20px}._price_163bj_12{display:flex;gap:4px;align-items:flex-start}._oldPrice_163bj_18{font-size:14px;font-weight:400;line-height:20px;text-decoration:line-through;color:#757575}._newPrice_163bj_26{font-size:20px;font-weight:700;line-height:24px;color:#252525}._meta_163bj_33{display:flex;flex-direction:column;gap:10px}._info_163bj_39{display:flex;align-items:center;justify-content:space-between;gap:10px}._infoRight_163bj_46{display:flex;align-items:center;gap:5px}._buttons_163bj_52{display:flex;flex-direction:column;gap:8px;width:100%}._variants_163bj_59{display:flex;flex-direction:column;gap:20px}._variant_163bj_59{display:flex;justify-content:space-between;align-items:center;border-radius:12px;padding:12px 16px;border:2px solid #e6e6e6}._stock_163bj_74{font-size:14px;font-weight:400;line-height:20px;color:#757575}._variantInfo_163bj_81{display:flex;flex-direction:column;gap:4px}._quantity_163bj_87{display:flex;align-items:stretch;gap:10px}._count_163bj_93{flex:1 1 auto;display:flex;justify-content:center;align-items:center;border:1px solid #e6e6e6}._button_163bj_52{background:#f8f8f8;border-radius:50%;padding:8px;display:flex;justify-content:center;align-items:center}._activeVariant_163bj_110{border:2px solid #ff3f19}._chargeTypes_163bj_114{display:flex;gap:5px;padding:4px;background-color:#f8f8f8}._charge_163bj_114{flex:1 1 auto;display:flex;justify-content:center;align-items:center;color:#757575;padding:8px;border-radius:12px}._chargeActive_163bj_131{background-color:#fff;color:#252525}')),document.head.appendChild(e)}}catch(o){console.error("vite-plugin-css-injected-by-js",o)}})();
+import { j as e, I as m, k as ze, c as B, l as Y, m as P, n as L, 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 ie, 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";
+import v, { useMemo as Re } from "react";
+const rt = [
   {
     icon: "Desktop",
     value: "desktop"
@@ -14,7 +14,7 @@ const tt = [
     icon: "DeviceMobileCamera",
     value: "mobile"
   }
-], nt = [
+], at = [
   {
     icon: "PaintBrushBroad",
     name: "Colors"
@@ -35,12 +35,91 @@ const tt = [
     icon: "Textbox",
     name: "Inputs"
   }
-], 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 = {
-  buttons: rt,
-  button: at
-}, lt = () => /* @__PURE__ */ e.jsxs("div", { className: it.buttons, children: [
+], Ee = "https://g-api.billgang.com", it = "https://www.googleapis.com/webfonts/v1/webfonts", le = [
+  "home",
+  "reviews",
+  "faqs",
+  "contact",
+  "product",
+  "ticket",
+  "login"
+], be = {
+  home: {
+    path: "/",
+    name: "home",
+    icon: "HouseSimple",
+    seo: {
+      description: "",
+      title: ""
+    },
+    visibility: "public"
+  },
+  product: {
+    path: "/product",
+    name: "product",
+    icon: "SquaresFour",
+    seo: {
+      description: "",
+      title: ""
+    },
+    visibility: "public"
+  },
+  faqs: {
+    path: "/faqs",
+    name: "faqs",
+    icon: "SealQuestion",
+    seo: {
+      description: "",
+      title: ""
+    },
+    visibility: "public"
+  },
+  reviews: {
+    path: "/reviews",
+    name: "reviews",
+    icon: "Star",
+    seo: {
+      description: "",
+      title: ""
+    },
+    visibility: "public"
+  },
+  contact: {
+    path: "/contact",
+    name: "contact",
+    icon: "ChatCentered",
+    seo: {
+      description: "",
+      title: ""
+    },
+    visibility: "public"
+  },
+  ticket: {
+    path: "/ticket",
+    name: "ticket",
+    icon: "Ticket",
+    seo: {
+      description: "",
+      title: ""
+    },
+    visibility: "public"
+  },
+  login: {
+    path: "/login",
+    name: "login",
+    icon: "UserCircleGear",
+    seo: {
+      description: "",
+      title: ""
+    },
+    visibility: "public"
+  }
+}, 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 = {
+  buttons: lt,
+  button: ct
+}, ut = () => /* @__PURE__ */ e.jsxs("div", { className: dt.buttons, children: [
   /* @__PURE__ */ e.jsx(
-    p,
+    m,
     {
       name: "ArrowUUpLeft",
       hoverable: !0,
@@ -49,7 +128,7 @@ const tt = [
     }
   ),
   /* @__PURE__ */ e.jsx(
-    p,
+    m,
     {
       name: "ArrowUUpRight",
       hoverable: !0,
@@ -57,21 +136,21 @@ const tt = [
       height: 20
     }
   )
-] }), ct = "_devices_hxl12_1", dt = "_device_hxl12_1", ut = "_active_hxl12_23", xe = {
-  devices: ct,
-  device: dt,
-  active: ut
-}, ht = () => {
-  const { currentDevice: t, setCurrentDevice: o } = Ie();
-  return /* @__PURE__ */ e.jsx("div", { className: xe.devices, children: tt.map((n) => /* @__PURE__ */ e.jsx(
+] }), ht = "_devices_hxl12_1", pt = "_device_hxl12_1", gt = "_active_hxl12_23", xe = {
+  devices: ht,
+  device: pt,
+  active: gt
+}, mt = () => {
+  const { currentDevice: t, setCurrentDevice: o } = ze();
+  return /* @__PURE__ */ e.jsx("div", { className: xe.devices, children: rt.map((n) => /* @__PURE__ */ e.jsx(
     "div",
     {
-      className: v(xe.device, {
+      className: B(xe.device, {
         [xe.active]: t === n
       }),
       onClick: () => o(n),
       children: /* @__PURE__ */ e.jsx(
-        p,
+        m,
         {
           name: n.icon,
           fill: t === n ? "#252525" : "#757575",
@@ -82,43 +161,43 @@ const tt = [
     },
     n.value
   )) });
-}, gt = "_header_wxpoz_1", pt = "_left_wxpoz_16", mt = "_right_wxpoz_17", ue = {
-  header: gt,
-  left: pt,
-  right: mt
-}, Ct = "_preview_vijvm_2", St = "_active_vijvm_22", be = {
-  preview: Ct,
-  active: St
-}, _t = () => {
+}, Ct = "_header_zvaam_1", St = "_left_zvaam_12", _t = "_right_zvaam_13", ue = {
+  header: Ct,
+  left: St,
+  right: _t
+}, bt = "_preview_vijvm_2", xt = "_active_vijvm_22", fe = {
+  preview: bt,
+  active: xt
+}, ft = () => {
   const { onPreview: t, setOnPreview: o } = Y();
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
-      className: v(be.preview, {
-        [be.active]: t
+      className: B(fe.preview, {
+        [fe.active]: t
       }),
       onClick: () => o(!t),
       children: [
         /* @__PURE__ */ e.jsx(
-          p,
+          m,
           {
             name: "ArrowUpRight",
             width: 20,
             height: 20
           }
         ),
-        /* @__PURE__ */ e.jsx("span", { className: be.text, children: "Preview" })
+        /* @__PURE__ */ e.jsx("span", { className: fe.text, children: "Preview" })
       ]
     }
   );
-}, xt = "_settings_q79q3_1", bt = {
-  settings: xt
-}, wt = "_language_1mbvp_1", ft = "_text_1mbvp_11", ye = {
-  language: wt,
-  text: ft
-}, kt = () => /* @__PURE__ */ e.jsxs("div", { className: ye.language, children: [
+}, vt = "_settings_q79q3_1", wt = {
+  settings: vt
+}, kt = "_language_1mbvp_1", jt = "_text_1mbvp_11", Le = {
+  language: kt,
+  text: jt
+}, yt = () => /* @__PURE__ */ e.jsxs("div", { className: Le.language, children: [
   /* @__PURE__ */ e.jsx(
-    p,
+    m,
     {
       name: "Globe",
       fill: "#252525",
@@ -126,25 +205,26 @@ const tt = [
       height: 20
     }
   ),
-  /* @__PURE__ */ e.jsx("span", { className: ye.text, children: "Default" }),
+  /* @__PURE__ */ e.jsx("span", { className: Le.text, children: "Default" }),
   /* @__PURE__ */ e.jsx(
-    p,
+    m,
     {
       name: "CaretDown",
       width: 20,
       height: 20
     }
   )
-] }), 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 = {
-  pages: vt,
-  default: "_default_x8pw2_5",
-  text: jt,
-  modal: Bt,
-  page: yt,
-  hoverable: At,
-  separator: Pt,
-  button: Lt
-}, E = (t) => t ? t.replace(/_/g, " ").split(" ").map((o) => o.charAt(0).toUpperCase() + o.slice(1)).join(" and ") : "", Tt = () => {
+] }), Bt = "_pages_sf7rl_1", At = "_text_sf7rl_16", Pt = "_modal_sf7rl_22", Lt = "_page_sf7rl_1", Tt = "_hoverable_sf7rl_45", Nt = "_separator_sf7rl_49", Ft = "_button_sf7rl_53", Dt = "_items_sf7rl_67", O = {
+  pages: Bt,
+  default: "_default_sf7rl_5",
+  text: At,
+  modal: Pt,
+  page: Lt,
+  hoverable: Tt,
+  separator: Nt,
+  button: Ft,
+  items: Dt
+}, U = (t) => t ? t.replace(/_/g, " ").split(" ").map((o) => o.charAt(0).toUpperCase() + o.slice(1)).join(" and ") : "", Mt = () => {
   const {
     currentPage: t,
     setCurrentPage: o,
@@ -155,35 +235,35 @@ const tt = [
     deletePage: s,
     isOpenSelectModal: l,
     setIsOpenSelectModal: c
-  } = P(), { deletePage: C } = B(), [m, S] = _.useState("");
-  return _.useEffect(() => {
-    const d = () => {
+  } = P(), { deletePage: p } = L(), [C, d] = v.useState("");
+  return v.useEffect(() => {
+    const h = () => {
       c(!1);
     };
-    return document.body.addEventListener("click", d), () => {
-      document.body.removeEventListener("click", d);
+    return document.body.addEventListener("click", h), () => {
+      document.body.removeEventListener("click", h);
     };
-  }, []), /* @__PURE__ */ e.jsxs("div", { className: q.pages, children: [
+  }, []), /* @__PURE__ */ e.jsxs("div", { className: O.pages, children: [
     /* @__PURE__ */ e.jsxs(
       "div",
       {
-        className: q.default,
-        onClick: (d) => {
-          d.stopPropagation(), c(!l);
+        className: O.default,
+        onClick: (h) => {
+          h.stopPropagation(), c(!l);
         },
         children: [
           /* @__PURE__ */ e.jsx(
-            p,
+            m,
             {
-              name: r[t].icon,
+              name: r && r[t].icon || "File",
               fill: "#252525",
               width: 20,
               height: 20
             }
           ),
-          /* @__PURE__ */ e.jsx("span", { className: q.text, children: le.includes(r[t].name) ? `${E(r[t].name)} page` : r[t].name }),
+          /* @__PURE__ */ e.jsx("span", { className: O.text, children: r && le.includes(r[t].name) ? `${U(r[t].name)} page` : r && r[t].name }),
           /* @__PURE__ */ e.jsx(
-            p,
+            m,
             {
               name: "CaretDown",
               width: 20,
@@ -196,55 +276,55 @@ const tt = [
     l && /* @__PURE__ */ e.jsxs(
       "div",
       {
-        className: q.modal,
-        onClick: (d) => d.stopPropagation(),
+        className: O.modal,
+        onClick: (h) => h.stopPropagation(),
         children: [
-          Object.keys(r).map((d) => {
-            const u = r[d];
+          r && /* @__PURE__ */ e.jsx("div", { className: O.items, children: Object.keys(r).map((h) => {
+            const u = r[h];
             return /* @__PURE__ */ e.jsxs(
               "div",
               {
-                className: v(q.page, {
-                  [q.hoverable]: m === d
+                className: B(O.page, {
+                  [O.hoverable]: C === h
                 }),
-                onMouseEnter: () => S(d),
-                onMouseLeave: () => S(""),
+                onMouseEnter: () => d(h),
+                onMouseLeave: () => d(""),
                 onClick: () => {
-                  S(""), i(!1), o(d), c(!1);
+                  d(""), i(!1), o(h), c(!1);
                 },
                 children: [
                   /* @__PURE__ */ e.jsx(
-                    p,
+                    m,
                     {
                       name: u.icon,
                       fill: "#252525"
                     }
                   ),
-                  /* @__PURE__ */ e.jsx("span", { className: q.text, children: le.includes(u.name) ? `${E(u.name)} page` : u.name }),
-                  m === d && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+                  /* @__PURE__ */ e.jsx("span", { className: O.text, children: le.includes(u.name) ? `${U(u.name)} page` : u.name }),
+                  C === h && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
                     /* @__PURE__ */ e.jsx(
-                      p,
+                      m,
                       {
                         name: "Gear",
                         fill: "#757575",
-                        onClick: (x) => {
-                          x.stopPropagation(), i(!0), a(d), n(!0);
+                        onClick: (f) => {
+                          f.stopPropagation(), i(!0), a(h), n(!0);
                         }
                       }
                     ),
                     !le.includes(u.name) && /* @__PURE__ */ e.jsx(
-                      p,
+                      m,
                       {
                         name: "Trash",
                         fill: "#C12A2A",
-                        onClick: (x) => {
-                          r[t].name === u.name && o("home"), x.stopPropagation(), s(d), C(u.name);
+                        onClick: (f) => {
+                          r[t].name === u.name && o("home"), f.stopPropagation(), s(h), p(u.name), We(u.path);
                         }
                       }
                     )
                   ] }),
                   r[t].name === u.name && /* @__PURE__ */ e.jsx(
-                    p,
+                    m,
                     {
                       name: "Check",
                       fill: "#FF3F19"
@@ -252,21 +332,21 @@ const tt = [
                   )
                 ]
               },
-              d
+              h
             );
-          }),
-          /* @__PURE__ */ e.jsx("div", { className: q.separator }),
+          }) }),
+          /* @__PURE__ */ e.jsx("div", { className: O.separator }),
           /* @__PURE__ */ e.jsxs(
             Q,
             {
-              className: q.button,
-              onClick: (d) => {
-                d.stopPropagation(), n(!0);
+              className: O.button,
+              onClick: (h) => {
+                h.stopPropagation(), n(!0);
               },
               size: "l",
               children: [
                 /* @__PURE__ */ e.jsx(
-                  p,
+                  m,
                   {
                     name: "Plus",
                     fill: "#ff3f19"
@@ -280,17 +360,17 @@ const tt = [
       }
     )
   ] });
-}, Nt = "_zoom_a77cn_1", Ft = {
-  zoom: Nt
-}, Dt = () => {
-  const [t, o] = _.useState(), n = () => {
+}, $t = "_zoom_a77cn_1", Ht = {
+  zoom: $t
+}, Rt = () => {
+  const [t, o] = v.useState(), n = () => {
     o(Number(Math.round(window.devicePixelRatio * 50).toFixed(0)));
   };
-  return _.useEffect(() => (n(), window.addEventListener("resize", n), () => {
+  return v.useEffect(() => (n(), window.addEventListener("resize", n), () => {
     window.removeEventListener("resize", n);
-  }), []), /* @__PURE__ */ e.jsxs("div", { className: Ft.zoom, children: [
+  }), []), /* @__PURE__ */ e.jsxs("div", { className: Ht.zoom, children: [
     /* @__PURE__ */ e.jsx(
-      p,
+      m,
       {
         name: "MagnifyingGlassMinus",
         width: 20,
@@ -302,15 +382,15 @@ const tt = [
       " %"
     ] })
   ] });
-}, Mt = () => /* @__PURE__ */ e.jsxs("div", { className: bt.settings, children: [
-  /* @__PURE__ */ e.jsx(kt, {}),
-  /* @__PURE__ */ e.jsx(Tt, {}),
-  /* @__PURE__ */ e.jsx(Dt, {})
-] }), Ht = "_theme_3wxbf_1", $t = {
-  theme: Ht
-}, Rt = () => /* @__PURE__ */ e.jsxs("div", { className: $t.theme, children: [
+}, Et = () => /* @__PURE__ */ e.jsxs("div", { className: wt.settings, children: [
+  /* @__PURE__ */ e.jsx(yt, {}),
+  /* @__PURE__ */ e.jsx(Mt, {}),
+  /* @__PURE__ */ e.jsx(Rt, {})
+] }), Ut = "_theme_3wxbf_1", It = {
+  theme: Ut
+}, Ot = () => /* @__PURE__ */ e.jsxs("div", { className: It.theme, children: [
   /* @__PURE__ */ e.jsx(
-    p,
+    m,
     {
       name: "Check",
       width: 18,
@@ -318,107 +398,119 @@ const tt = [
     }
   ),
   /* @__PURE__ */ e.jsx("div", { children: "Current Theme" })
-] }), Et = () => {
-  const { themeSettings: t } = H(), { settings: o } = J(), [n, r] = _.useState(null), [i, a] = _.useState(!1), { pages: s } = P(), { blocks: l } = B();
-  function c(u, x) {
-    return x.map(
-      (b) => Object.values(b.value.blockSettings).filter((j) => j.type === u).map((j) => j.value).flat()
-    ).flat().map((b) => b.listingId);
+] }), Gt = () => {
+  const { themeSettings: t } = H(), { settings: o } = J(), { isOpenSelectModal: n } = P(), [r, i] = v.useState(null), [a, s] = v.useState(!1), { pages: l } = P(), { blocks: c } = L();
+  function p(f, S) {
+    return S.map(
+      (_) => Object.values(_.value.blockSettings).filter((A) => A.type === f).map((A) => A.value).flat()
+    ).flat().map((_) => _.listingId);
   }
-  function C(u, x) {
-    return c(u, x).some((b) => b);
+  function C(f, S) {
+    return p(f, S).some((_) => _);
   }
-  function m(u, x) {
-    const h = c(u, x);
-    return Array.isArray(h) && h.length > 0 ? Math.max(...h) : 0;
+  function d(f, S) {
+    const b = p(f, S);
+    return Array.isArray(b) && b.length > 0 ? Math.max(...b) : 0;
   }
-  function S(u) {
-    const x = Object.keys(s).find((h) => s[h].name === u);
-    return x ? s[x] : null;
+  function h(f) {
+    if (l) {
+      const S = Object.keys(l).find((b) => l[b].name === f);
+      if (S) return l[S];
+    }
+    return null;
   }
-  const d = () => {
-    if (i)
-      n && clearTimeout(n);
+  const u = () => {
+    if (a)
+      r && clearTimeout(r);
     else {
-      const x = Object.keys(l).map((h) => {
-        const b = S(h);
+      const S = Object.keys(c).map((b) => {
+        const _ = h(b);
         return {
-          name: b ? b.name : h,
-          path: h === "home" ? "/" : (b == null ? void 0 : b.path) || h,
+          name: _ ? _.name : b,
+          path: b === "home" ? "/" : (_ == null ? void 0 : _.path) || b,
           layout: {
-            ...l[h]
+            ...c[b]
           },
-          neededProductIds: [...c("ProductId", Object.values(l[h]))],
-          neededCategoryIds: [...c("CategoryId", Object.values(l[h]))],
-          neededAnnouncementIds: [...c("AnnouncementId", Object.values(l[h]))],
-          neededListingIds: [...c("listings", Object.values(l[h]))],
-          neededFaqs: C("Faqs", Object.values(l[h])),
-          neededReviewCount: m("ReviewCount", Object.values(l[h])),
+          neededProductIds: [...p("ProductId", Object.values(c[b]))],
+          neededCategoryIds: [...p("CategoryId", Object.values(c[b]))],
+          neededAnnouncementIds: [...p("AnnouncementId", Object.values(c[b]))],
+          neededListingIds: [...p("listings", Object.values(c[b]))],
+          neededFaqs: C("Faqs", Object.values(c[b])),
+          neededReviewCount: d("ReviewCount", Object.values(c[b])),
           seo: {
-            pageTitle: b ? b.seo.title : "",
-            pageDescription: b ? b.seo.description : ""
+            pageTitle: _ && _.seo ? _.seo.title : "",
+            pageDescription: _ && _.seo ? _.seo.description : ""
           }
         };
       });
-      Ge("POST", "save", {
+      Ve("POST", "save", {
         themeSettings: t,
         settings: o,
-        updatedPages: x
+        updatedPages: S
       });
     }
-    a(!0);
-    const u = setTimeout(() => {
-      a(!1);
+    s(!0);
+    const f = setTimeout(() => {
+      s(!1);
     }, 2e3);
-    r(u);
+    i(f);
   };
-  return /* @__PURE__ */ e.jsxs("div", { className: ue.header, children: [
-    /* @__PURE__ */ e.jsxs("div", { className: ue.left, children: [
-      /* @__PURE__ */ e.jsx(ht, {}),
-      /* @__PURE__ */ e.jsx(_t, {})
-    ] }),
-    /* @__PURE__ */ e.jsx("div", { className: ue.center, children: /* @__PURE__ */ e.jsx(Mt, {}) }),
-    /* @__PURE__ */ e.jsxs("div", { className: ue.right, children: [
-      /* @__PURE__ */ e.jsx(Rt, {}),
-      /* @__PURE__ */ e.jsx(lt, {}),
-      /* @__PURE__ */ e.jsx(Q, { onClick: d, children: "Save" })
-    ] })
-  ] });
-}, Ut = "_exit_2ce42_1", Ot = "_text_2ce42_10", Ae = {
-  exit: Ut,
-  text: Ot
-}, It = () => /* @__PURE__ */ e.jsxs("div", { className: Ae.exit, children: [
+  return /* @__PURE__ */ e.jsxs(
+    "div",
+    {
+      className: ue.header,
+      style: {
+        zIndex: n ? 5e4 : 50
+      },
+      children: [
+        /* @__PURE__ */ e.jsxs("div", { className: ue.left, children: [
+          /* @__PURE__ */ e.jsx(mt, {}),
+          /* @__PURE__ */ e.jsx(ft, {})
+        ] }),
+        /* @__PURE__ */ e.jsx("div", { className: ue.center, children: /* @__PURE__ */ e.jsx(Et, {}) }),
+        /* @__PURE__ */ e.jsxs("div", { className: ue.right, children: [
+          /* @__PURE__ */ e.jsx(Ot, {}),
+          /* @__PURE__ */ e.jsx(ut, {}),
+          /* @__PURE__ */ e.jsx(Q, { onClick: u, children: "Save" })
+        ] })
+      ]
+    }
+  );
+}, qt = "_exit_2ce42_1", zt = "_text_2ce42_10", Te = {
+  exit: qt,
+  text: zt
+}, Wt = () => /* @__PURE__ */ e.jsxs("div", { className: Te.exit, children: [
   /* @__PURE__ */ e.jsx(
-    p,
+    m,
     {
       name: "SignOut",
       width: 20,
       height: 20
     }
   ),
-  /* @__PURE__ */ e.jsx("span", { className: Ae.text, children: "Exit" })
-] }), Gt = "_navbar_2ac63_1", qt = "_main_2ac63_6", zt = "_block_2ac63_13", Wt = "_active_2ac63_30", he = {
-  navbar: Gt,
-  main: qt,
-  block: zt,
-  active: Wt
-}, Vt = () => {
-  const { activeBlock: t, setActiveBlock: o } = Se(), { setActiveBlock: n } = K(), { setCurrentBlock: r } = B(), { setActiveBlock: i } = H();
+  /* @__PURE__ */ e.jsx("span", { className: Te.text, children: "Exit" })
+] }), Vt = "_navbar_2ac63_1", Xt = "_main_2ac63_6", Kt = "_block_2ac63_13", Qt = "_active_2ac63_30", he = {
+  navbar: Vt,
+  main: Xt,
+  block: Kt,
+  active: Qt
+}, Yt = () => {
+  const { activeBlock: t, setActiveBlock: o } = Se(), { setActiveBlock: n } = K(), { setCurrentBlock: r } = L(), { setActiveBlock: i } = H();
   function a(s) {
     n(null), o(s), r(null), i(null);
   }
   return /* @__PURE__ */ e.jsxs("div", { className: he.navbar, children: [
-    /* @__PURE__ */ e.jsx(It, {}),
-    /* @__PURE__ */ e.jsx("div", { className: he.main, children: qe.map((s) => /* @__PURE__ */ e.jsxs(
+    /* @__PURE__ */ e.jsx(Wt, {}),
+    /* @__PURE__ */ e.jsx("div", { className: he.main, children: Xe.map((s) => /* @__PURE__ */ e.jsxs(
       "div",
       {
-        className: v(he.block, {
+        className: B(he.block, {
           [he.active]: t.icon === s.icon
         }),
         onClick: () => a(s),
         children: [
           /* @__PURE__ */ e.jsx(
-            p,
+            m,
             {
               name: s.icon,
               fill: t.icon === s.icon ? "#252525" : "#757575"
@@ -430,28 +522,28 @@ const tt = [
       s.icon
     )) })
   ] });
-}, 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 = {
-  preview: Xt,
-  main: Kt,
-  content: Qt,
-  loading: Yt,
-  loader: Jt,
-  spin: Zt
-}, 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 = {
-  header: en,
-  circles: tn,
-  circle: nn,
-  red: on,
-  green: sn,
-  yellow: rn,
-  input: an,
-  main: ln,
-  text: cn
-}, 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: [
-  /* @__PURE__ */ e.jsx("div", { className: z.circles, children: un.map((t) => /* @__PURE__ */ e.jsx(
+}, Jt = "_preview_1q4f5_1", Zt = "_main_1q4f5_9", en = "_content_1q4f5_19", tn = "_loading_1q4f5_26", nn = "_loader_1q4f5_34", on = "_spin_1q4f5_1", pe = {
+  preview: Jt,
+  main: Zt,
+  content: en,
+  loading: tn,
+  loader: nn,
+  spin: on
+}, 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", pn = "_text_1t64j_59", z = {
+  header: sn,
+  circles: rn,
+  circle: an,
+  red: ln,
+  green: cn,
+  yellow: dn,
+  input: un,
+  main: hn,
+  text: pn
+}, gn = "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: [
+  /* @__PURE__ */ e.jsx("div", { className: z.circles, children: mn.map((t) => /* @__PURE__ */ e.jsx(
     "div",
     {
-      className: v(z.circle, {
+      className: B(z.circle, {
         [z.red]: t === "red",
         [z.yellow]: t === "yellow",
         [z.green]: t === "green"
@@ -464,13 +556,13 @@ const tt = [
       /* @__PURE__ */ e.jsx(
         "img",
         {
-          src: dn,
+          src: gn,
           alt: ""
         }
       ),
       /* @__PURE__ */ e.jsx("span", { className: z.text, children: "lorem.ipsum" }),
       /* @__PURE__ */ e.jsx(
-        p,
+        m,
         {
           name: "Lock",
           fill: "#757575",
@@ -480,7 +572,7 @@ const tt = [
       )
     ] }),
     /* @__PURE__ */ e.jsx(
-      p,
+      m,
       {
         name: "Copy",
         width: 20,
@@ -488,68 +580,71 @@ const tt = [
       }
     )
   ] })
-] }), 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 = {
-  content: gn,
-  block: pn,
-  active: mn,
-  name: Cn,
-  empty: Sn,
-  icon: _n,
-  title: xn,
-  text: bn,
-  sections: wn,
-  section: fn
-}, 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 = {
-  sidebar: kn,
-  content: vn,
-  button: jn,
-  moveButton: Bn,
-  border: yn,
-  deleteButton: An
-}, Pn = () => {
-  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 = () => {
-    c > 0 && r(s[a].name, c, c - 1);
-  }, m = () => {
-    c < l.length - 1 && r(s[a].name, c, c + 1);
-  }, S = () => {
-    i(s[a].name, t);
+] }), Sn = "_content_1plo6_1", _n = "_main_1plo6_8", bn = "_block_1plo6_12", xn = "_active_1plo6_19", fn = "_name_1plo6_23", vn = "_empty_1plo6_37", wn = "_icon_1plo6_48", kn = "_title_1plo6_59", jn = "_text_1plo6_65", yn = "_sections_1plo6_71", Bn = "_section_1plo6_71", re = {
+  content: Sn,
+  main: _n,
+  block: bn,
+  active: xn,
+  name: fn,
+  empty: vn,
+  icon: wn,
+  title: kn,
+  text: jn,
+  sections: yn,
+  section: Bn
+}, An = "_sidebar_1f3hk_1", Pn = "_content_1f3hk_12", Ln = "_button_1f3hk_22", Tn = "_moveButton_1f3hk_30", Nn = "_border_1f3hk_34", Fn = "_deleteButton_1f3hk_38", M = {
+  sidebar: An,
+  content: Pn,
+  button: Ln,
+  moveButton: Tn,
+  border: Nn,
+  deleteButton: Fn
+}, Dn = () => {
+  const { activeBlock: t } = Y(), { blocks: o, removeBlock: n, moveBlock: r, duplicateBlock: i } = L(), { currentPage: a, pages: s } = P(), l = s ? Object.keys(o[s[a].name]) : [], c = l.indexOf(t), p = () => {
+    c > 0 && s && r(s[a].name, c, c - 1);
+  }, C = () => {
+    c < l.length - 1 && s && r(s[a].name, c, c + 1);
+  }, d = () => {
+    s && i(s[a].name, t);
   };
-  return /* @__PURE__ */ e.jsx("div", { className: D.sidebar, children: /* @__PURE__ */ e.jsxs("div", { className: D.content, children: [
+  return /* @__PURE__ */ e.jsx("div", { className: M.sidebar, children: /* @__PURE__ */ e.jsxs("div", { className: M.content, children: [
     /* @__PURE__ */ e.jsx(
       "button",
       {
-        onClick: C,
-        className: v(D.button, D.moveButton),
+        onClick: p,
+        className: B(M.button, M.moveButton),
         disabled: c === 0,
-        children: /* @__PURE__ */ e.jsx(p, { name: "ArrowUp" })
+        children: /* @__PURE__ */ e.jsx(m, { name: "ArrowUp" })
       }
     ),
     /* @__PURE__ */ e.jsx(
       "button",
       {
-        onClick: m,
-        className: v(D.button, D.moveButton),
+        onClick: C,
+        className: B(M.button, M.moveButton),
         disabled: c === l.length - 1,
-        children: /* @__PURE__ */ e.jsx(p, { name: "ArrowDown" })
+        children: /* @__PURE__ */ e.jsx(m, { name: "ArrowDown" })
       }
     ),
-    /* @__PURE__ */ e.jsx("div", { className: D.border }),
+    /* @__PURE__ */ e.jsx("div", { className: M.border }),
     /* @__PURE__ */ e.jsx(
       "button",
       {
-        onClick: S,
-        className: v(D.button, D.moveButton),
-        children: /* @__PURE__ */ e.jsx(p, { name: "Copy" })
+        onClick: d,
+        className: B(M.button, M.moveButton),
+        children: /* @__PURE__ */ e.jsx(m, { name: "Copy" })
       }
     ),
-    /* @__PURE__ */ e.jsx("div", { className: D.border }),
+    /* @__PURE__ */ e.jsx("div", { className: M.border }),
     /* @__PURE__ */ e.jsx(
       "button",
       {
-        onClick: () => n(s[a].name, t),
-        className: v(D.button, D.deleteButton),
+        onClick: () => {
+          s && n(s[a].name, t);
+        },
+        className: B(M.button, M.deleteButton),
         children: /* @__PURE__ */ e.jsx(
-          p,
+          m,
           {
             name: "Trash",
             hoverable: !0
@@ -558,108 +653,105 @@ const tt = [
       }
     )
   ] }) });
-}, $e = ({ render: t, block: o }) => t(o), Ln = () => {
-  const { footer: t } = B(), { settings: o } = J(), { pageContext: n } = P();
+}, Ue = ({ render: t, block: o }) => t(o), Mn = () => {
+  const { footer: t } = L(), { settings: o } = J(), { pageContext: n } = P();
   return t == null ? void 0 : t.renderBlock(o, n);
-}, Tn = () => {
-  const { header: t } = B(), { settings: o } = J(), { pageContext: n } = P();
+}, $n = () => {
+  const { header: t } = L(), { settings: o } = J(), { pageContext: n } = P();
   return t == null ? void 0 : t.renderBlock(o, n);
-}, Nn = _.memo(() => {
-  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);
-  _.useEffect(() => {
-    C.current = o;
-  }, [o]), _.useEffect(() => {
+}, Hn = v.memo(() => {
+  const { setActiveBlock: t, activeBlock: o } = Y(), { blocks: n } = K(), { blocks: r } = L(), { settings: i } = J(), { currentPage: a, pages: s, setIsOpenSelectModal: l, pageContext: c } = P(), p = v.useRef(o);
+  v.useEffect(() => {
+    p.current = o;
+  }, [o]), v.useEffect(() => {
     const d = () => {
-      C.current && t(null);
+      p.current && t(null);
     };
     return document.body.addEventListener("click", d), () => {
       document.body.removeEventListener("click", d);
     };
   }, []);
-  const m = (d) => {
-    const u = new n[d.name]();
-    return Object.assign(u, d.value), u.renderBlock(i, c);
-  }, S = _.useCallback(
-    (d) => m(d),
-    [r, i]
-  );
+  const C = (d) => {
+    const h = new n[d.name]();
+    return Object.assign(h, d.value), h.renderBlock(i, c);
+  };
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
       onClick: (d) => {
         d.stopPropagation(), l(!1);
       },
-      className: ge.content,
+      className: re.content,
       children: [
-        /* @__PURE__ */ e.jsx(Tn, {}),
-        r[s[a].name] && Object.keys(r[s[a].name]).map((d) => /* @__PURE__ */ e.jsxs(
+        /* @__PURE__ */ e.jsx($n, {}),
+        /* @__PURE__ */ e.jsx("div", { className: re.main, children: s && r[s[a].name] && Object.keys(r[s[a].name]).map((d) => /* @__PURE__ */ e.jsxs(
           "div",
           {
             onClick: () => t(d),
-            className: v(ge.block, {
-              [ge.active]: o === d
+            className: B(re.block, {
+              [re.active]: o === d
             }),
             children: [
-              o === d && /* @__PURE__ */ e.jsx("div", { className: ge.name, children: r[s[a].name][d].name }),
-              o === d && /* @__PURE__ */ e.jsx(Pn, {}),
+              o === d && /* @__PURE__ */ e.jsx("div", { className: re.name, children: r[s[a].name][d].name }),
+              o === d && /* @__PURE__ */ e.jsx(Dn, {}),
               /* @__PURE__ */ e.jsx(
-                $e,
+                Ue,
                 {
-                  render: S,
+                  render: C,
                   block: r[s[a].name][d]
                 }
               )
             ]
           }
-        )),
-        /* @__PURE__ */ e.jsx(Ln, {})
+        )) }),
+        /* @__PURE__ */ e.jsx(Mn, {})
       ]
     }
   );
-}), Fn = "_results_f488n_1", Dn = "_name_f488n_8", Mn = "_product_f488n_15", pe = {
-  results: Fn,
-  name: Dn,
-  product: Mn
-}, Hn = "_search_1s0qp_1", $n = "_input_1s0qp_12", Pe = {
-  search: Hn,
-  input: $n
-}, Rn = () => /* @__PURE__ */ e.jsxs("label", { className: Pe.search, children: [
+}), Rn = "_results_f488n_1", En = "_name_f488n_8", Un = "_product_f488n_15", ge = {
+  results: Rn,
+  name: En,
+  product: Un
+}, In = "_search_1s0qp_1", On = "_input_1s0qp_12", Ne = {
+  search: In,
+  input: On
+}, Gn = () => /* @__PURE__ */ e.jsxs("label", { className: Ne.search, children: [
   /* @__PURE__ */ e.jsx(
     "input",
     {
       type: "text",
       placeholder: "Search for sections",
-      className: Pe.input
+      className: Ne.input
     }
   ),
   /* @__PURE__ */ e.jsx(
-    p,
+    m,
     {
       name: "MagnifyingGlass",
       fill: "#757575"
     }
   )
-] }), Re = () => {
+] }), Ie = () => {
   const { blocks: t, setActiveBlock: o } = K(), { hideModal: n } = _e();
   function r(i) {
     o(i), n();
   }
-  return /* @__PURE__ */ e.jsxs("div", { className: pe.add, children: [
-    /* @__PURE__ */ e.jsx(Rn, {}),
-    /* @__PURE__ */ e.jsx("div", { className: pe.results, children: Object.keys(t).map((i) => /* @__PURE__ */ e.jsxs(
+  return /* @__PURE__ */ e.jsxs("div", { className: ge.add, children: [
+    /* @__PURE__ */ e.jsx(Gn, {}),
+    /* @__PURE__ */ e.jsx("div", { className: ge.results, children: Object.keys(t).map((i) => /* @__PURE__ */ e.jsxs(
       "div",
       {
-        className: pe.product,
+        className: ge.product,
         onClick: () => r(i),
         children: [
-          /* @__PURE__ */ e.jsx("span", { className: pe.name, children: i }),
-          /* @__PURE__ */ e.jsx(p, { name: "CaretRight" })
+          /* @__PURE__ */ e.jsx("span", { className: ge.name, children: i }),
+          /* @__PURE__ */ e.jsx(m, { name: "CaretRight" })
         ]
       },
       i
     )) })
   ] });
-}, En = () => {
+}, qn = () => {
   const {
     modalPosition: t,
     color: o,
@@ -670,55 +762,55 @@ const tt = [
     brightness: s,
     dragging: l,
     setDragging: c,
-    setHue: C,
-    setSaturation: m,
-    setBrightness: S,
-    colorChange: d,
+    setHue: p,
+    setSaturation: C,
+    setBrightness: d,
+    colorChange: h,
     setColor: u,
-    update: x
-  } = Fe(), h = (g) => {
-    const { offsetX: f, offsetY: w } = g.nativeEvent;
-    c(!0), y(f, w, g.currentTarget);
+    update: f
+  } = $e(), S = (g) => {
+    const { offsetX: k, offsetY: w } = g.nativeEvent;
+    c(!0), A(k, w, g.currentTarget);
   }, b = (g) => {
     if (l) {
-      const f = document.querySelector(`.${O.colorMap}`), { left: w, top: A } = f.getBoundingClientRect(), k = g.clientX - w, X = g.clientY - A;
-      y(k, X, f);
+      const k = document.querySelector(`.${I.colorMap}`), { left: w, top: F } = k.getBoundingClientRect(), j = g.clientX - w, X = g.clientY - F;
+      A(j, X, k);
     }
-  }, j = () => {
+  }, _ = () => {
     c(!1);
-  }, y = (g, f, w) => {
-    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));
-    m(X), S(ce), L(X, ce);
-  }, L = (g, f) => {
-    const w = N(i, g, f);
-    d(w), u(w);
-  }, U = (g, f, w) => {
-    f /= 100, w /= 100;
-    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));
-    return { r: X, g: ce, b: Oe };
-  }, T = (g, f, w) => {
-    const A = (k) => k.toString(16).padStart(2, "0");
-    return `#${A(g)}${A(f)}${A(w)}`;
-  }, N = (g, f, w) => {
-    const { r: A, g: k, b: X } = U(g, f, w);
-    return T(A, k, X);
+  }, A = (g, k, w) => {
+    const { width: F, height: j } = w.getBoundingClientRect(), X = Math.max(0, Math.min(g / F * 100, 100)), ce = Math.max(0, Math.min(100 - k / j * 100, 100));
+    C(X), d(ce), T(X, ce);
+  }, T = (g, k) => {
+    const w = x(i, g, k);
+    h(w), u(w);
+  }, N = (g, k, w) => {
+    k /= 100, w /= 100;
+    const F = (de) => (de + g / 60) % 6, j = (de) => w * (1 - k * Math.max(0, Math.min(F(de), 4 - F(de), 1))), X = Math.round(255 * j(5)), ce = Math.round(255 * j(3)), qe = Math.round(255 * j(1));
+    return { r: X, g: ce, b: qe };
+  }, y = (g, k, w) => {
+    const F = (j) => j.toString(16).padStart(2, "0");
+    return `#${F(g)}${F(k)}${F(w)}`;
+  }, x = (g, k, w) => {
+    const { r: F, g: j, b: X } = N(g, k, w);
+    return y(F, j, X);
   };
-  _.useEffect(() => {
-    const g = (w) => b(w), f = () => j();
-    return l ? (document.addEventListener("mousemove", g), document.addEventListener("mouseup", f)) : (document.removeEventListener("mousemove", g), document.removeEventListener("mouseup", f)), () => {
-      document.removeEventListener("mousemove", g), document.removeEventListener("mouseup", f);
+  v.useEffect(() => {
+    const g = (w) => b(w), k = () => _();
+    return l ? (document.addEventListener("mousemove", g), document.addEventListener("mouseup", k)) : (document.removeEventListener("mousemove", g), document.removeEventListener("mouseup", k)), () => {
+      document.removeEventListener("mousemove", g), document.removeEventListener("mouseup", k);
     };
   }, [l]);
-  function F() {
-    x(o), r(!1);
+  function D() {
+    f(o), r(!1);
   }
   function V() {
-    r(!1), d(n);
+    r(!1), h(n);
   }
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
-      className: O.modal,
+      className: I.modal,
       onClick: (g) => g.stopPropagation(),
       style: {
         top: `${t.top}px`,
@@ -729,8 +821,8 @@ const tt = [
         /* @__PURE__ */ e.jsx(
           "div",
           {
-            className: O.colorMap,
-            onMouseDown: h,
+            className: I.colorMap,
+            onMouseDown: S,
             style: {
               background: `
 linear-gradient(to top, black, transparent),
@@ -740,7 +832,7 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
             children: /* @__PURE__ */ e.jsx(
               "div",
               {
-                className: O.indicator,
+                className: I.indicator,
                 style: {
                   position: "absolute",
                   left: `${a}%`,
@@ -751,7 +843,7 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
             )
           }
         ),
-        /* @__PURE__ */ e.jsx("div", { className: O.hueSlider, children: /* @__PURE__ */ e.jsx(
+        /* @__PURE__ */ e.jsx("div", { className: I.hueSlider, children: /* @__PURE__ */ e.jsx(
           "input",
           {
             type: "range",
@@ -759,25 +851,25 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
             max: "360",
             value: i,
             onChange: (g) => {
-              C(Number(g.target.value)), L(a, s);
+              p(Number(g.target.value)), T(a, s);
             },
-            className: O.slider
+            className: I.slider
           }
         ) }),
-        /* @__PURE__ */ e.jsxs("div", { className: O.buttons, children: [
+        /* @__PURE__ */ e.jsxs("div", { className: I.buttons, children: [
           /* @__PURE__ */ e.jsx(
             Q,
             {
               onClick: V,
-              className: v(O.applyButton, O.cancelButton),
+              className: B(I.applyButton, I.cancelButton),
               children: "Cancel"
             }
           ),
           /* @__PURE__ */ e.jsx(
             Q,
             {
-              onClick: F,
-              className: O.applyButton,
+              onClick: D,
+              className: I.applyButton,
               children: "Apply"
             }
           )
@@ -785,114 +877,117 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
       ]
     }
   );
-}, Un = () => {
-  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);
-  _.useEffect(() => {
-    t && setTimeout(() => {
-      d(!1);
+}, zn = () => {
+  const { onPreview: t } = Y(), { hoverBlockId: o, isModalVisible: n, isPreviewVisible: r } = _e(), { settings: i } = J(), { blocks: a } = K(), { blocks: s } = L(), { currentPage: l, pages: c, pageContext: p } = P(), { showModal: C } = $e(), [d, h] = v.useState(!0);
+  v.useEffect(() => {
+    t && p.general && setTimeout(() => {
+      h(!1);
     }, 100);
-  }, [t]);
-  const u = (x) => {
-    const h = new a[x.name]();
-    return Object.assign(h, x.value), h.renderBlock(i, C);
+  }, [t, p]);
+  const u = (f) => {
+    const S = new a[f.name]();
+    return Object.assign(S, f.value), S.renderBlock(i, p);
   };
-  return /* @__PURE__ */ e.jsxs("div", { className: re.preview, children: [
-    n && /* @__PURE__ */ e.jsx(ke, { children: /* @__PURE__ */ e.jsx(Re, {}) }),
-    r && o && /* @__PURE__ */ e.jsx(ke, { children: /* @__PURE__ */ e.jsx(
-      $e,
-      {
-        render: u,
-        block: s[c[l].name][o]
-      }
-    ) }),
-    m && /* @__PURE__ */ e.jsx(En, {}),
-    t && /* @__PURE__ */ e.jsxs("div", { className: re.main, children: [
-      /* @__PURE__ */ e.jsx(hn, {}),
-      /* @__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, {}) })
+  return /* @__PURE__ */ e.jsxs("div", { className: pe.preview, children: [
+    n && /* @__PURE__ */ e.jsx(je, { children: /* @__PURE__ */ e.jsx(Ie, {}) }),
+    r && o && /* @__PURE__ */ e.jsxs(je, { children: [
+      !d && /* @__PURE__ */ e.jsx(
+        Ue,
+        {
+          render: u,
+          block: c && s[c[l].name][o]
+        }
+      ),
+      d && /* @__PURE__ */ e.jsx(ye, {})
+    ] }),
+    C && /* @__PURE__ */ e.jsx(qn, {}),
+    t && /* @__PURE__ */ e.jsxs("div", { className: pe.main, children: [
+      /* @__PURE__ */ e.jsx(Cn, {}),
+      /* @__PURE__ */ e.jsx("div", { className: pe.content, children: d ? /* @__PURE__ */ e.jsx("div", { className: pe.loading, children: /* @__PURE__ */ e.jsx(ye, {}) }) : /* @__PURE__ */ e.jsx(Hn, {}) })
     ] })
   ] });
-}, On = "_sidebar_1r5sp_1", In = "_title_1r5sp_10", Gn = "_active_1r5sp_18", Le = {
-  sidebar: On,
-  title: In,
-  active: Gn
-}, 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 = {
-  layers: qn,
-  block: zn,
-  dragging: Wn,
-  active: Vn,
-  add: Xn,
-  button: Kn,
-  empty: Qn,
-  title: Yn,
-  icon: Jn,
-  text: Zn,
-  highlight: eo
-}, to = "_block_1d6lb_1", Te = {
-  block: to
-}, no = () => {
-  const { setCurrentBlock: t } = B(), { activeBlock: o } = Y();
+}, Wn = "_sidebar_96mlz_1", Vn = "_title_96mlz_10", Xn = "_active_96mlz_18", Fe = {
+  sidebar: Wn,
+  title: Vn,
+  active: Xn
+}, Kn = "_layers_62wod_1", Qn = "_block_62wod_8", Yn = "_dragging_62wod_23", Jn = "_active_62wod_31", Zn = "_add_62wod_35", eo = "_button_62wod_47", to = "_empty_62wod_60", no = "_title_62wod_72", oo = "_icon_62wod_79", so = "_text_62wod_83", ro = "_highlight_62wod_89", oe = {
+  layers: Kn,
+  block: Qn,
+  dragging: Yn,
+  active: Jn,
+  add: Zn,
+  button: eo,
+  empty: to,
+  title: no,
+  icon: oo,
+  text: so,
+  highlight: ro
+}, ao = "_block_1d6lb_1", De = {
+  block: ao
+}, io = () => {
+  const { setCurrentBlock: t } = L(), { activeBlock: o } = Y();
   function n(r) {
     t(r);
   }
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
-      className: v(Te.block, {
-        [Te.active]: o === "header"
+      className: B(De.block, {
+        [De.active]: o === "header"
       }),
       onClick: () => n("header"),
       children: [
-        /* @__PURE__ */ e.jsx(p, { name: "Cards" }),
+        /* @__PURE__ */ e.jsx(m, { name: "Cards" }),
         /* @__PURE__ */ e.jsx("span", { children: "Header" })
       ]
     }
   );
-}, oo = "_block_1d6lb_1", Ne = {
-  block: oo
-}, so = () => {
-  const { activeBlock: t } = Y(), { setCurrentBlock: o } = B();
+}, lo = "_block_1d6lb_1", Me = {
+  block: lo
+}, co = () => {
+  const { activeBlock: t } = Y(), { setCurrentBlock: o } = L();
   function n(r) {
     o(r);
   }
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
-      className: v(Ne.block, {
-        [Ne.active]: t === "footer"
+      className: B(Me.block, {
+        [Me.active]: t === "footer"
       }),
       onClick: () => n("footer"),
       children: [
-        /* @__PURE__ */ e.jsx(p, { name: "Cards" }),
+        /* @__PURE__ */ e.jsx(m, { name: "Cards" }),
         /* @__PURE__ */ e.jsx("span", { children: "Footer" })
       ]
     }
   );
-}, ro = ({ id: t, name: o, index: n, moveBlock: r, onClick: i }) => {
+}, uo = ({ id: t, name: o, index: n, moveBlock: r, onClick: i }) => {
   const { currentPage: a, pages: s } = P(), { activeBlock: l } = Y(), {
     showPreview: c,
-    hidePreview: C,
-    showModal: m,
-    hideModal: S,
-    clearHideTimeout: d,
+    hidePreview: p,
+    showModal: C,
+    hideModal: d,
+    clearHideTimeout: h,
     startHideTimeout: u,
-    hoverBlockId: x,
-    isModalVisible: h
-  } = _e(), { setPositionBlock: b } = B(), [j, y] = _.useState(!1), L = () => {
-    h && S(), c(t), y(!0), d();
-  }, U = (g) => {
-    g.stopPropagation(), C(), m(t), d(), b(n + 1);
-  }, T = () => {
-    h ? u() : (y(!1), C());
+    hoverBlockId: f,
+    isModalVisible: S
+  } = _e(), { setPositionBlock: b } = L(), [_, A] = v.useState(!1), T = () => {
+    S && d(), c(t), A(!0), h();
+  }, N = (g) => {
+    g.stopPropagation(), p(), C(t), h(), b(n + 1);
+  }, y = () => {
+    S ? u() : (A(!1), p());
   };
-  _.useEffect(() => {
-    h || y(!1);
-  }, [h]);
-  const [, N] = Ve({
+  v.useEffect(() => {
+    S || A(!1);
+  }, [S]);
+  const [, x] = Ye({
     accept: "block",
     hover(g) {
-      g.index !== n && (r(s[a].name, g.index, n), g.index = n);
+      g.index !== n && s && (r(s[a].name, g.index, n), g.index = n);
     }
-  }), [{ isDragging: F }, V] = Xe({
+  }), [{ isDragging: D }, V] = Je({
     type: "block",
     item: { id: t, index: n },
     collect: (g) => ({
@@ -902,24 +997,24 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
-      ref: (g) => V(N(g)),
-      className: v(oe.block, {
-        [oe.dragging]: F,
-        [oe.active]: !F && l === t
+      ref: (g) => V(x(g)),
+      className: B(oe.block, {
+        [oe.dragging]: D,
+        [oe.active]: !D && l === t
       }),
       onClick: () => i(t),
-      onMouseEnter: L,
-      onMouseLeave: T,
+      onMouseEnter: T,
+      onMouseLeave: y,
       children: [
-        /* @__PURE__ */ e.jsx(p, { name: "Cards" }),
+        /* @__PURE__ */ e.jsx(m, { name: "Cards" }),
         /* @__PURE__ */ e.jsx("span", { children: o }),
-        (j || x === t) && !F && /* @__PURE__ */ e.jsx("div", { className: oe.add, children: /* @__PURE__ */ e.jsx(
+        (_ || f === t) && !D && /* @__PURE__ */ e.jsx("div", { className: oe.add, children: /* @__PURE__ */ e.jsx(
           "button",
           {
             className: oe.button,
-            onClick: (g) => U(g),
+            onClick: (g) => N(g),
             children: /* @__PURE__ */ e.jsx(
-              p,
+              m,
               {
                 name: "Plus",
                 fill: "#fff"
@@ -930,167 +1025,144 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
       ]
     }
   );
-}, ao = () => {
-  const { blocks: t, setCurrentBlock: o, moveBlock: n } = B(), { currentPage: r, pages: i } = P(), { setMouseOverModal: a, setHoverBlockId: s } = _e();
+}, ho = () => {
+  const { blocks: t, setCurrentBlock: o, moveBlock: n } = L(), { currentPage: r, pages: i } = P(), { setMouseOverModal: a, setHoverBlockId: s } = _e();
   function l(c) {
     o(c), a(!1), s(null);
   }
   return /* @__PURE__ */ e.jsxs("div", { className: oe.layers, children: [
-    /* @__PURE__ */ e.jsx(no, {}),
-    /* @__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(
-      ro,
+    /* @__PURE__ */ e.jsx(io, {}),
+    /* @__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, p) => /* @__PURE__ */ e.jsx(
+      uo,
       {
         id: c,
         name: t[i[r].name][c].name,
-        index: C,
+        index: p,
         moveBlock: n,
         onClick: l
       },
       c
     )) }) }),
-    /* @__PURE__ */ e.jsx(so, {})
+    /* @__PURE__ */ e.jsx(co, {})
   ] });
-}, io = ({ isHeader: t }) => {
-  const { header: o, footer: n } = B(), { pageContext: r } = P();
+}, po = ({ isHeader: t }) => {
+  const { header: o, footer: n } = L(), { pageContext: r } = P();
   return t ? o == null ? void 0 : o.renderSettings(r) : n == null ? void 0 : n.renderSettings(r);
-}, lo = () => {
+}, go = () => {
   const { settings: t } = J();
   return t == null ? void 0 : t.renderSettings();
-}, co = "_theme_1xj36_1", uo = "_block_1xj36_6", ho = "_name_1xj36_20", we = {
-  theme: co,
-  block: uo,
-  name: ho
-}, go = () => {
+}, mo = "_theme_1xj36_1", Co = "_block_1xj36_6", So = "_name_1xj36_20", ve = {
+  theme: mo,
+  block: Co,
+  name: So
+}, _o = () => {
   const { setActiveBlock: t } = H();
   function o(n) {
     t(n);
   }
-  return /* @__PURE__ */ e.jsx("div", { className: we.theme, children: nt.map((n) => /* @__PURE__ */ e.jsxs(
+  return /* @__PURE__ */ e.jsx("div", { className: ve.theme, children: at.map((n) => /* @__PURE__ */ e.jsxs(
     "div",
     {
       onClick: () => o(n),
-      className: v(we.block),
+      className: B(ve.block),
       children: [
-        /* @__PURE__ */ e.jsx(p, { name: n.icon }),
-        /* @__PURE__ */ e.jsx("span", { className: we.name, children: n.name }),
-        /* @__PURE__ */ e.jsx(p, { name: "CaretRight" })
+        /* @__PURE__ */ e.jsx(m, { name: n.icon }),
+        /* @__PURE__ */ e.jsx("span", { className: ve.name, children: n.name }),
+        /* @__PURE__ */ e.jsx(m, { name: "CaretRight" })
       ]
     },
     n.icon
   )) });
-}, 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 = {
-  back: po,
-  render: mo,
-  open: Co,
-  close: So,
-  clicked: _o,
-  title: xo,
-  button: bo,
-  loading: wo,
-  settings: fo,
-  buttons: ko,
-  deleteButton: vo
-}, jo = ({ block: t }) => {
+}, bo = "_back_y3z55_1", xo = "_render_y3z55_8", fo = "_open_y3z55_23", vo = "_close_y3z55_50", wo = "_clicked_y3z55_54", ko = "_title_y3z55_58", jo = "_button_y3z55_66", yo = "_loading_y3z55_71", Bo = "_settings_y3z55_75", Ao = "_deleteButton_y3z55_81", G = {
+  back: bo,
+  render: xo,
+  open: fo,
+  close: vo,
+  clicked: wo,
+  title: ko,
+  button: jo,
+  loading: yo,
+  settings: Bo,
+  deleteButton: Ao
+}, Po = ({ block: t }) => {
   if (!t) return null;
   const { pageContext: o } = P();
   return t.renderSettings(o);
-}, Bo = (t) => {
-  var f;
-  const { isAdd: o } = t, [n, r] = _.useState(!1), { setActiveBlock: i } = Se(), { sourceBlocks: a, activeBlock: s, setActiveBlock: l, currentInstance: c, setCurrentInstance: C } = K(), {
-    blocks: m,
-    addBlock: S,
-    editBlock: d,
+}, Lo = (t) => {
+  var k;
+  const { isAdd: o } = t, [n, r] = v.useState(!1), { setActiveBlock: i } = Se(), { sourceBlocks: a, activeBlock: s, setActiveBlock: l, currentInstance: c, setCurrentInstance: p } = K(), {
+    blocks: C,
+    addBlock: d,
+    editBlock: h,
     currentBlock: u,
-    setCurrentBlock: x,
-    removeBlock: h,
+    setCurrentBlock: f,
+    removeBlock: S,
     setPositionBlock: b,
-    setHeader: j,
-    setFooter: y,
-    header: L,
-    footer: U
-  } = B(), { currentPage: T, pages: N } = P();
-  function F(w = !1) {
-    !o && c && !w && d(N[T].name, u, {
-      name: m[N[T].name][u].name,
+    setHeader: _,
+    setFooter: A,
+    header: T,
+    footer: N
+  } = L(), { currentPage: y, pages: x } = P();
+  function D(w = !1) {
+    !o && x && c && !w && h(x[y].name, u, {
+      name: C[x[y].name][u].name,
       value: c
-    }), l(null), x(null), setTimeout(() => {
+    }), l(null), f(null), setTimeout(() => {
       r(!1);
-    }, 150), C(null);
+    }, 150), p(null);
   }
   function V() {
-    F(), i({
+    D(), i({
       name: "Layers",
       icon: "TreeStructure"
-    }), C(null);
+    }), p(null);
   }
   function g() {
     if (o)
       return new a[s]();
-    {
-      const w = m[N[T].name][u];
+    if (x) {
+      const w = C[x[y].name][u];
       return new a[w.name](w.value.blockSettings);
     }
   }
-  return _.useEffect(() => {
+  return v.useEffect(() => {
     if (s || u && !["header", "footer"].includes(u)) {
       const w = g();
-      C(w);
+      p(w);
     } else
-      C(null);
-  }, [s, u]), _.useEffect(() => {
-    u === "header" && j(L);
-  }, [u, L]), _.useEffect(() => {
-    u === "footer" && y(U);
-  }, [u, U]), /* @__PURE__ */ e.jsxs(
+      p(null);
+  }, [s, u]), v.useEffect(() => {
+    u === "header" && _(T);
+  }, [u, T]), v.useEffect(() => {
+    u === "footer" && A(N);
+  }, [u, N]), /* @__PURE__ */ e.jsxs(
     "div",
     {
-      className: v(I.render, {
-        [I.open]: u || s,
-        [I.close]: !u && !s,
-        [I.clicked]: n
+      className: B(G.render, {
+        [G.open]: u || s,
+        [G.close]: !u && !s,
+        [G.clicked]: n
       }),
       children: [
-        /* @__PURE__ */ e.jsxs("div", { className: I.back, children: [
+        /* @__PURE__ */ e.jsxs("div", { className: G.back, children: [
           /* @__PURE__ */ e.jsx(
-            p,
+            m,
             {
               name: "CaretLeft",
               hoverable: !0,
-              onClick: () => F()
-            }
-          ),
-          /* @__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" })
-        ] }),
-        /* @__PURE__ */ e.jsxs("div", { className: I.settings, children: [
-          c && /* @__PURE__ */ e.jsx(jo, { block: c }),
-          u && ["header", "footer"].includes(u) && /* @__PURE__ */ e.jsx(io, { isHeader: u === "header" }),
-          !s && !u && /* @__PURE__ */ e.jsx("div", { className: I.loading, children: "Loading" })
-        ] }),
-        /* @__PURE__ */ e.jsxs("div", { className: I.buttons, children: [
-          o && /* @__PURE__ */ e.jsx(
-            Q,
-            {
-              style: {
-                width: "100%"
-              },
-              onClick: () => {
-                r(!0), ["header", "footer"].includes(u) ? u === "header" ? j(L) : y(U) : (S(N[T].name, {
-                  name: s,
-                  value: c
-                }), b(null)), V();
-              },
-              children: "Add Section"
+              onClick: () => D()
             }
           ),
-          !o && !["header", "footer"].includes(u) && /* @__PURE__ */ e.jsx(
+          /* @__PURE__ */ e.jsx("h3", { className: G.title, children: s || x && C[x[y].name] && ((k = C[x[y].name][u]) == null ? void 0 : k.name) || u && U(u) || "Loading" }),
+          !o && x && !["header", "footer"].includes(u) && /* @__PURE__ */ e.jsx(
             "button",
             {
               onClick: () => {
-                r(!0), h(N[T].name, u), F(!0);
+                r(!0), S(x[y].name, u), D(!0);
               },
-              className: I.deleteButton,
+              className: G.deleteButton,
               children: /* @__PURE__ */ e.jsx(
-                p,
+                m,
                 {
                   name: "Trash",
                   hoverable: !0
@@ -1098,30 +1170,50 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
               )
             }
           )
-        ] })
+        ] }),
+        /* @__PURE__ */ e.jsxs("div", { className: G.settings, children: [
+          c && /* @__PURE__ */ e.jsx(Po, { block: c }),
+          u && ["header", "footer"].includes(u) && /* @__PURE__ */ e.jsx(po, { isHeader: u === "header" }),
+          !s && !u && /* @__PURE__ */ e.jsx("div", { className: G.loading, children: "Loading" })
+        ] }),
+        o && /* @__PURE__ */ e.jsx("div", { className: G.addButton, children: /* @__PURE__ */ e.jsx(
+          Q,
+          {
+            style: {
+              width: "100%"
+            },
+            onClick: () => {
+              r(!0), !["header", "footer"].includes(u) && x ? (d(x[y].name, {
+                name: s,
+                value: c
+              }), b(null)) : u === "header" ? _(T) : A(N), V();
+            },
+            children: "Add Section"
+          }
+        ) })
       ]
     }
   );
-}, 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 = {
-  settings: yo,
-  open: Ao,
-  close: Po,
-  header: Lo,
-  title: To,
-  addButton: No
-}, 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 = {
-  wrapper: Fo,
-  category: Do,
-  categoryTitle: Mo,
-  color: Ho,
-  content: $o,
-  preview: Ro
-}, Eo = () => {
+}, To = "_settings_1r85j_1", No = "_open_1r85j_16", Fo = "_close_1r85j_20", Do = "_header_1r85j_24", Mo = "_title_1r85j_30", $o = "_addButton_1r85j_37", ae = {
+  settings: To,
+  open: No,
+  close: Fo,
+  header: Do,
+  title: Mo,
+  addButton: $o
+}, 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 = {
+  wrapper: Ho,
+  category: Ro,
+  categoryTitle: Eo,
+  color: Uo,
+  content: Io,
+  preview: Oo
+}, Go = () => {
   const { themeSettings: t, updateColor: o } = H();
   async function n(i, a, s) {
     o(i, a, s);
   }
-  const r = He(() => {
+  const r = Re(() => {
     const i = {};
     return Object.entries(t.colors).forEach(([a, s]) => {
       Object.entries(s).forEach(([l, c]) => {
@@ -1134,7 +1226,7 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
     {
       className: Z.category,
       children: [
-        /* @__PURE__ */ e.jsx("h2", { className: Z.categoryTitle, children: E(i) }),
+        /* @__PURE__ */ e.jsx("h2", { className: Z.categoryTitle, children: U(i) }),
         Object.entries(a).map(([s, l]) => /* @__PURE__ */ e.jsxs(
           "div",
           {
@@ -1153,14 +1245,14 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
                 /* @__PURE__ */ e.jsx(
                   ie,
                   {
-                    title: E(s),
+                    title: U(s),
                     initialColor: l,
                     onChange: (c) => n(i, s, c)
                   }
                 )
               ] }),
               r.includes(l) && /* @__PURE__ */ e.jsx(
-                Ke,
+                Ze,
                 {
                   type: "warning",
                   message: "To avoid contrast problems, please use a different color",
@@ -1177,40 +1269,40 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
     },
     i
   )) });
-}, 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 = {
-  wrapper: Uo,
-  category: Oo,
-  categoryTitle: Io,
-  color: Go,
-  name: qo,
-  content: zo,
-  label: Wo,
-  input: Vo,
-  title: Xo,
-  field: Ko,
-  alignments: Qo,
-  lineField: Yo,
-  style: Jo,
-  header: Zo
-}, es = ["left", "center", "right"], ts = ["solid", "dashed"], me = (t) => {
+}, qo = "_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", q = {
+  wrapper: qo,
+  category: zo,
+  categoryTitle: Wo,
+  color: Vo,
+  name: Xo,
+  content: Ko,
+  label: Qo,
+  input: Yo,
+  title: Jo,
+  field: Zo,
+  alignments: es,
+  lineField: ts,
+  style: ns,
+  header: os
+}, ss = ["left", "center", "right"], rs = ["solid", "dashed"], me = (t) => {
   const { title: o, children: n, rightAddon: r } = t;
-  return /* @__PURE__ */ e.jsxs("div", { className: G.field, children: [
-    /* @__PURE__ */ e.jsxs("div", { className: G.header, children: [
+  return /* @__PURE__ */ e.jsxs("div", { className: q.field, children: [
+    /* @__PURE__ */ e.jsxs("div", { className: q.header, children: [
       /* @__PURE__ */ e.jsx("h4", { children: o }),
       r
     ] }),
     n
   ] });
-}, ns = () => {
-  const { themeSettings: t, updateInput: o } = H(), n = He(() => t.inputs, [t]), r = (a, s, l) => {
+}, as = () => {
+  const { themeSettings: t, updateInput: o } = H(), n = Re(() => t.inputs, [t]), r = (a, s, l) => {
     o(a, s, l);
   }, i = (a) => (s) => {
     o(a, s, "color");
   };
-  return /* @__PURE__ */ e.jsxs("div", { className: G.wrapper, children: [
+  return /* @__PURE__ */ e.jsxs("div", { className: q.wrapper, children: [
     /* @__PURE__ */ e.jsxs(me, { title: "General", children: [
       /* @__PURE__ */ e.jsx(
-        M,
+        $,
         {
           label: "Height (px)",
           value: String(n.general.height),
@@ -1220,7 +1312,7 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
         }
       ),
       /* @__PURE__ */ e.jsx(
-        M,
+        $,
         {
           label: "Style name",
           value: n.general.name,
@@ -1239,7 +1331,7 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
       /* @__PURE__ */ e.jsx(
         ie,
         {
-          initialColor: E(n.general.color),
+          initialColor: U(n.general.color),
           onChange: i("general"),
           title: "Font Color",
           labelStyle: "secondary"
@@ -1250,8 +1342,8 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
       me,
       {
         title: "Field Fill",
-        rightAddon: /* @__PURE__ */ e.jsx("div", { className: G.switch, children: /* @__PURE__ */ e.jsx(
-          ve,
+        rightAddon: /* @__PURE__ */ e.jsx("div", { className: q.switch, children: /* @__PURE__ */ e.jsx(
+          Be,
           {
             onChange: (a) => r("field", a, "active"),
             current: n.field.active
@@ -1261,14 +1353,14 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
           /* @__PURE__ */ e.jsx(
             ie,
             {
-              initialColor: E(n.field.color),
+              initialColor: U(n.field.color),
               onChange: i("field"),
               title: "Color",
               labelStyle: "secondary"
             }
           ),
           /* @__PURE__ */ e.jsx(
-            M,
+            $,
             {
               label: "Opacity (%)",
               value: String(n.field.opacity),
@@ -1284,21 +1376,21 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
       me,
       {
         title: "Border",
-        rightAddon: /* @__PURE__ */ e.jsx("div", { className: G.switch, children: /* @__PURE__ */ e.jsx(
-          ve,
+        rightAddon: /* @__PURE__ */ e.jsx("div", { className: q.switch, children: /* @__PURE__ */ e.jsx(
+          Be,
           {
             onChange: (a) => r("border", a, "active"),
             current: n.border.active
           }
         ) }),
         children: [
-          /* @__PURE__ */ e.jsxs("div", { className: G.lineField, children: [
-            /* @__PURE__ */ e.jsxs("div", { className: G.style, children: [
-              /* @__PURE__ */ e.jsx("span", { className: G.title, children: "Style" }),
+          /* @__PURE__ */ e.jsxs("div", { className: q.lineField, children: [
+            /* @__PURE__ */ e.jsxs("div", { className: q.style, children: [
+              /* @__PURE__ */ e.jsx("span", { className: q.title, children: "Style" }),
               /* @__PURE__ */ e.jsx(
-                je,
+                Ae,
                 {
-                  items: ts,
+                  items: rs,
                   selectedItem: n.border.style,
                   onSelect: (a) => r("border", a, "style"),
                   getIconName: (a) => a === "solid" ? "Minus" : "Selection"
@@ -1306,7 +1398,7 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
               )
             ] }),
             /* @__PURE__ */ e.jsx(
-              M,
+              $,
               {
                 label: "Radius (px)",
                 value: String(n.border.radius),
@@ -1317,7 +1409,7 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
             )
           ] }),
           /* @__PURE__ */ e.jsx(
-            M,
+            $,
             {
               label: "Thickness (px)",
               value: String(n.border.thickness),
@@ -1329,7 +1421,7 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
           /* @__PURE__ */ e.jsx(
             ie,
             {
-              initialColor: E(n.border.color),
+              initialColor: U(n.border.color),
               onChange: i("border"),
               title: "Color",
               labelStyle: "secondary"
@@ -1340,7 +1432,7 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
     ),
     /* @__PURE__ */ e.jsxs(me, { title: "Label", children: [
       /* @__PURE__ */ e.jsx(
-        M,
+        $,
         {
           label: "Line Height (px)",
           value: String(n.label.height),
@@ -1361,18 +1453,18 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
       /* @__PURE__ */ e.jsx(
         ie,
         {
-          initialColor: E(n.label.color),
+          initialColor: U(n.label.color),
           onChange: i("label"),
           title: "Color",
           labelStyle: "secondary"
         }
       ),
-      /* @__PURE__ */ e.jsxs("div", { className: G.alignments, children: [
-        /* @__PURE__ */ e.jsx("h4", { className: G.title, children: "Alignment Type" }),
+      /* @__PURE__ */ e.jsxs("div", { className: q.alignments, children: [
+        /* @__PURE__ */ e.jsx("h4", { className: q.title, children: "Alignment Type" }),
         /* @__PURE__ */ e.jsx(
-          je,
+          Ae,
           {
-            items: es,
+            items: ss,
             selectedItem: n.label.alignment,
             onSelect: (a) => r("label", a, "alignment"),
             getIconName: (a) => a === "center" ? "AlignCenterHorizontal" : a === "left" ? "AlignLeft" : "AlignRight"
@@ -1381,17 +1473,17 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
       ] })
     ] })
   ] });
-}, 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 = {
-  wrapper: os,
-  category: ss,
-  categoryTitle: rs,
-  font: as,
-  content: is,
-  icon: ls,
-  paragraph: cs,
-  deleteIcon: ds,
-  iconButton: us
-}, hs = (t) => {
+}, is = "_wrapper_k9on2_1", ls = "_category_k9on2_5", cs = "_categoryTitle_k9on2_10", ds = "_font_k9on2_16", us = "_content_k9on2_36", hs = "_icon_k9on2_42", ps = "_paragraph_k9on2_51", gs = "_deleteIcon_k9on2_55", ms = "_iconButton_k9on2_62", W = {
+  wrapper: is,
+  category: ls,
+  categoryTitle: cs,
+  font: ds,
+  content: us,
+  icon: hs,
+  paragraph: ps,
+  deleteIcon: gs,
+  iconButton: ms
+}, Cs = (t) => {
   const { font: o, size: n, id: r, category: i } = t, { setActiveFont: a } = H();
   return /* @__PURE__ */ e.jsxs(
     "div",
@@ -1402,22 +1494,22 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
         /* @__PURE__ */ e.jsx(
           "div",
           {
-            className: v(W.icon, {
+            className: B(W.icon, {
               [W.paragraph]: i === "paragraph"
             }),
-            children: /* @__PURE__ */ e.jsx(p, { name: i === "paragraph" ? "TextB" : "TextH" })
+            children: /* @__PURE__ */ e.jsx(m, { name: i === "paragraph" ? "TextB" : "TextH" })
           }
         ),
         /* @__PURE__ */ e.jsxs("div", { className: W.content, children: [
-          /* @__PURE__ */ e.jsx("h2", { className: W.categoryTitle, children: E(r) }),
+          /* @__PURE__ */ e.jsx("h2", { className: W.categoryTitle, children: U(r) }),
           /* @__PURE__ */ e.jsx("span", { className: W.value, children: `${o}, ${n}px` })
         ] })
       ]
     }
   );
-}, gs = () => {
+}, Ss = () => {
   const { themeSettings: t, setActiveFont: o, activeBlock: n } = H();
-  _.useEffect(() => (r(), () => {
+  v.useEffect(() => (r(), () => {
     r();
   }), []);
   function r() {
@@ -1429,9 +1521,9 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
       {
         className: W.category,
         children: [
-          /* @__PURE__ */ e.jsx("h2", { className: W.categoryTitle, children: E(i) }),
+          /* @__PURE__ */ e.jsx("h2", { className: W.categoryTitle, children: U(i) }),
           Object.entries(a).map(([s, l]) => /* @__PURE__ */ e.jsx(
-            hs,
+            Cs,
             {
               id: s,
               category: i,
@@ -1443,27 +1535,27 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
       },
       i
     )) });
-}, 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 = {
-  wrapper: ps,
-  open: ms,
-  close: Cs,
-  header: Ss,
-  title: _s,
-  options: xs,
-  clicked: bs
-}, ws = () => {
-  const { activeBlock: t, setActiveFont: o, activeFont: n, themeSettings: r, updateFont: i } = H(), { fonts: a } = De(), [s, l] = _.useState(null);
+}, _s = "_wrapper_94fpv_1", bs = "_open_94fpv_16", xs = "_close_94fpv_20", fs = "_header_94fpv_24", vs = "_title_94fpv_31", ws = "_options_94fpv_37", ks = "_clicked_94fpv_44", ee = {
+  wrapper: _s,
+  open: bs,
+  close: xs,
+  header: fs,
+  title: vs,
+  options: ws,
+  clicked: ks
+}, js = () => {
+  const { activeBlock: t, setActiveFont: o, activeFont: n, themeSettings: r, updateFont: i } = H(), { fonts: a } = He(), [s, l] = v.useState(null);
   function c() {
     o(null);
   }
-  function C(S, d) {
-    s && n && i(s, n, d, S);
+  function p(d, h) {
+    s && n && i(s, n, h, d);
   }
-  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]);
+  const C = v.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]);
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
-      className: v(ee.wrapper, {
+      className: B(ee.wrapper, {
         [ee.open]: (t == null ? void 0 : t.name) === "Fonts" && n,
         [ee.close]: (t == null ? void 0 : t.name) !== "Fonts" || !n
       }),
@@ -1475,7 +1567,7 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
             onClick: c,
             children: [
               /* @__PURE__ */ e.jsx(
-                p,
+                m,
                 {
                   name: "CaretLeft",
                   hoverable: !0
@@ -1485,22 +1577,22 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
             ]
           }
         ),
-        n && m && /* @__PURE__ */ e.jsxs("div", { className: ee.options, children: [
+        n && C && /* @__PURE__ */ e.jsxs("div", { className: ee.options, children: [
           /* @__PURE__ */ e.jsx(
             se,
             {
               label: "Font",
-              value: m.font,
-              onChange: (S) => C(S, "font"),
-              options: [...a.filter((S) => S !== m.font)]
+              value: C.font,
+              onChange: (d) => p(d, "font"),
+              options: [...a.filter((d) => d !== C.font)]
             }
           ),
           /* @__PURE__ */ e.jsx(
             se,
             {
               label: "Size",
-              value: String(m.size),
-              onChange: (S) => C(S, "size"),
+              value: String(C.size),
+              onChange: (d) => p(d, "size"),
               options: Ce
             }
           ),
@@ -1508,24 +1600,24 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
             se,
             {
               label: "Weight",
-              value: String(m.weight),
-              onChange: (S) => C(S, "weight"),
-              options: Qe
+              value: String(C.weight),
+              onChange: (d) => p(d, "weight"),
+              options: et
             }
           )
         ] })
       ]
     }
   );
-}, 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 = {
-  wrapper: fs,
-  open: ks,
-  close: vs,
-  header: js,
-  title: Bs,
-  options: ys,
-  clicked: As
-}, Ee = () => {
+}, 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 = {
+  wrapper: ys,
+  open: Bs,
+  close: As,
+  header: Ps,
+  title: Ls,
+  options: Ts,
+  clicked: Ns
+}, Oe = () => {
   const { activeBlock: t, themeSettings: o, updateBorder: n, setActiveBlock: r } = H();
   function i(l, c) {
     n(c, l);
@@ -1533,18 +1625,18 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
   function a() {
     r(null);
   }
-  const s = _.useMemo(() => o.borders, [o]);
+  const s = v.useMemo(() => o.borders, [o]);
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
-      className: v(te.wrapper, {
+      className: B(te.wrapper, {
         [te.open]: (t == null ? void 0 : t.name) === "Borders",
         [te.close]: (t == null ? void 0 : t.name) !== "Borders"
       }),
       children: [
         /* @__PURE__ */ e.jsxs("div", { className: te.header, children: [
           /* @__PURE__ */ e.jsx(
-            p,
+            m,
             {
               name: "CaretLeft",
               hoverable: !0,
@@ -1555,7 +1647,7 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
         ] }),
         /* @__PURE__ */ e.jsxs("div", { className: te.options, children: [
           /* @__PURE__ */ e.jsx(
-            M,
+            $,
             {
               label: "Border Radius (px)",
               value: String(s.radius),
@@ -1565,7 +1657,7 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
             }
           ),
           /* @__PURE__ */ e.jsx(
-            M,
+            $,
             {
               label: "Border Thickness (px)",
               value: String(s.thickness),
@@ -1578,20 +1670,20 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
       ]
     }
   );
-}, 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", $ = {
-  wrapper: Ps,
-  open: Ls,
-  close: Ts,
-  header: Ns,
-  title: Fs,
-  options: Ds,
-  clicked: Ms,
-  label: Hs,
-  alignments: $s,
-  blocks: Rs,
-  alignment: Es,
-  active: Us
-}, Os = ["left", "center", "right"], Ue = () => {
+}, 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", Gs = "_alignment_1j33r_55", qs = "_active_1j33r_75", R = {
+  wrapper: Fs,
+  open: Ds,
+  close: Ms,
+  header: $s,
+  title: Hs,
+  options: Rs,
+  clicked: Es,
+  label: Us,
+  alignments: Is,
+  blocks: Os,
+  alignment: Gs,
+  active: qs
+}, zs = ["left", "center", "right"], Ge = () => {
   const { activeBlock: t, themeSettings: o, updateButton: n, setActiveBlock: r } = H();
   function i(l, c) {
     n(c, l);
@@ -1599,29 +1691,29 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
   function a() {
     r(null);
   }
-  const s = _.useMemo(() => o.buttons, [o]);
+  const s = v.useMemo(() => o.buttons, [o]);
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
-      className: v($.wrapper, {
-        [$.open]: (t == null ? void 0 : t.name) === "Buttons",
-        [$.close]: (t == null ? void 0 : t.name) !== "Buttons"
+      className: B(R.wrapper, {
+        [R.open]: (t == null ? void 0 : t.name) === "Buttons",
+        [R.close]: (t == null ? void 0 : t.name) !== "Buttons"
       }),
       children: [
-        /* @__PURE__ */ e.jsxs("div", { className: $.header, children: [
+        /* @__PURE__ */ e.jsxs("div", { className: R.header, children: [
           /* @__PURE__ */ e.jsx(
-            p,
+            m,
             {
               name: "CaretLeft",
               hoverable: !0,
               onClick: a
             }
           ),
-          /* @__PURE__ */ e.jsx("span", { className: $.title, children: "Buttons Style" })
+          /* @__PURE__ */ e.jsx("span", { className: R.title, children: "Buttons Style" })
         ] }),
-        s && /* @__PURE__ */ e.jsxs("div", { className: $.options, children: [
+        s && /* @__PURE__ */ e.jsxs("div", { className: R.options, children: [
           /* @__PURE__ */ e.jsx(
-            M,
+            $,
             {
               label: "Height (px)",
               value: String(s.height),
@@ -1640,7 +1732,7 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
             }
           ),
           /* @__PURE__ */ e.jsx(
-            M,
+            $,
             {
               label: "Border Radius (px)",
               value: String(s.radius),
@@ -1649,19 +1741,19 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
               min: 0
             }
           ),
-          /* @__PURE__ */ e.jsxs("div", { className: $.alignments, children: [
-            /* @__PURE__ */ e.jsx("h4", { className: $.label, children: "Alignment Type" }),
-            /* @__PURE__ */ e.jsx("div", { className: $.blocks, children: Os.map((l) => /* @__PURE__ */ e.jsx(
+          /* @__PURE__ */ e.jsxs("div", { className: R.alignments, children: [
+            /* @__PURE__ */ e.jsx("h4", { className: R.label, children: "Alignment Type" }),
+            /* @__PURE__ */ e.jsx("div", { className: R.blocks, children: zs.map((l) => /* @__PURE__ */ e.jsx(
               "div",
               {
-                className: v($.alignment, {
-                  [$.active]: s.alignment === l
+                className: B(R.alignment, {
+                  [R.active]: s.alignment === l
                 }),
                 onClick: () => {
                   i(l, "alignment");
                 },
                 children: /* @__PURE__ */ e.jsx(
-                  p,
+                  m,
                   {
                     name: l === "center" ? "AlignCenterHorizontal" : l === "left" ? "AlignLeft" : "AlignRight",
                     fill: s.alignment === l ? "#252525" : "#757575"
@@ -1675,14 +1767,14 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
       ]
     }
   );
-}, Is = () => {
+}, Ws = () => {
   const { activeBlock: t } = H();
   return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    (t == null ? void 0 : t.name) === "Fonts" && /* @__PURE__ */ e.jsx(ws, {}),
-    (t == null ? void 0 : t.name) === "Borders" && /* @__PURE__ */ e.jsx(Ee, {}),
-    (t == null ? void 0 : t.name) === "Buttons" && /* @__PURE__ */ e.jsx(Ue, {})
+    (t == null ? void 0 : t.name) === "Fonts" && /* @__PURE__ */ e.jsx(js, {}),
+    (t == null ? void 0 : t.name) === "Borders" && /* @__PURE__ */ e.jsx(Oe, {}),
+    (t == null ? void 0 : t.name) === "Buttons" && /* @__PURE__ */ e.jsx(Ge, {})
   ] });
-}, Gs = () => {
+}, Vs = () => {
   const { activeBlock: t, setActiveBlock: o } = H(), { activeBlock: n } = Se();
   function r() {
     o(null);
@@ -1690,14 +1782,14 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
-      className: v(ae.settings, {
+      className: B(ae.settings, {
         [ae.open]: t,
         [ae.close]: !t || n.name !== "Theme"
       }),
       children: [
         /* @__PURE__ */ e.jsxs("div", { className: ae.header, children: [
           /* @__PURE__ */ e.jsx(
-            p,
+            m,
             {
               name: "CaretLeft",
               hoverable: !0,
@@ -1706,16 +1798,16 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
           ),
           /* @__PURE__ */ e.jsx("span", { className: ae.title, children: t == null ? void 0 : t.name })
         ] }),
-        (t == null ? void 0 : t.name) === "Fonts" && /* @__PURE__ */ e.jsx(gs, {}),
-        (t == null ? void 0 : t.name) === "Colors" && /* @__PURE__ */ e.jsx(Eo, {}),
-        (t == null ? void 0 : t.name) === "Inputs" && /* @__PURE__ */ e.jsx(ns, {}),
-        (t == null ? void 0 : t.name) === "Borders" && /* @__PURE__ */ e.jsx(Ee, {}),
-        (t == null ? void 0 : t.name) === "Borders" && /* @__PURE__ */ e.jsx(Ue, {}),
-        /* @__PURE__ */ e.jsx(Is, {})
+        (t == null ? void 0 : t.name) === "Fonts" && /* @__PURE__ */ e.jsx(Ss, {}),
+        (t == null ? void 0 : t.name) === "Colors" && /* @__PURE__ */ e.jsx(Go, {}),
+        (t == null ? void 0 : t.name) === "Inputs" && /* @__PURE__ */ e.jsx(as, {}),
+        (t == null ? void 0 : t.name) === "Borders" && /* @__PURE__ */ e.jsx(Oe, {}),
+        (t == null ? void 0 : t.name) === "Borders" && /* @__PURE__ */ e.jsx(Ge, {}),
+        /* @__PURE__ */ e.jsx(Ws, {})
       ]
     }
   );
-}, qs = () => {
+}, Xs = () => {
   const { activeBlock: t } = Se(), { activeBlock: o } = K();
   function n() {
     switch (t.name) {
@@ -1729,29 +1821,29 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
         return "Settings";
     }
   }
-  return /* @__PURE__ */ e.jsxs("div", { className: Le.sidebar, children: [
-    /* @__PURE__ */ e.jsx("h3", { className: Le.title, children: n() }),
-    t.name === "Layers" && /* @__PURE__ */ e.jsx(ao, {}),
-    t.name === "Add" && /* @__PURE__ */ e.jsx(Re, {}),
-    /* @__PURE__ */ e.jsx(Bo, { isAdd: !!o }),
-    /* @__PURE__ */ e.jsx(Gs, {}),
-    t.name === "Theme" && /* @__PURE__ */ e.jsx(go, {}),
-    t.name === "Settings" && /* @__PURE__ */ e.jsx(lo, {})
+  return /* @__PURE__ */ e.jsxs("div", { className: Fe.sidebar, children: [
+    /* @__PURE__ */ e.jsx("h3", { className: Fe.title, children: n() }),
+    t.name === "Layers" && /* @__PURE__ */ e.jsx(ho, {}),
+    t.name === "Add" && /* @__PURE__ */ e.jsx(Ie, {}),
+    /* @__PURE__ */ e.jsx(Lo, { isAdd: !!o }),
+    /* @__PURE__ */ e.jsx(Vs, {}),
+    t.name === "Theme" && /* @__PURE__ */ e.jsx(_o, {}),
+    t.name === "Settings" && /* @__PURE__ */ e.jsx(go, {})
   ] });
-}, 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 = {
-  wrapper: zs,
-  header: Ws,
-  content: Vs,
-  buttons: Xs,
-  cancel: Ks,
-  label: Qs,
-  description: Ys,
-  preview: Js,
-  block: Zs,
-  slug: er,
-  title: tr
-}, nr = () => {
-  var F, V, g, f, w, A;
+}, 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 = {
+  wrapper: Ks,
+  header: Qs,
+  content: Ys,
+  buttons: Js,
+  cancel: Zs,
+  label: er,
+  description: tr,
+  preview: nr,
+  block: or,
+  slug: sr,
+  title: rr
+}, ar = () => {
+  var D, V, g, k, w, F;
   const {
     setIsOpenModal: t,
     pages: o,
@@ -1761,100 +1853,100 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
     setIsEdit: a,
     editedPage: s,
     setEditedPage: l
-  } = 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(
-    s ? (g = o[s]) == null ? void 0 : g.seo.description : ""
-  ), [b, j] = _.useState(
-    s ? (f = o[s]) == null ? void 0 : f.visibility : "public"
+  } = P(), { createPage: c, updatePage: p } = L(), [C, d] = v.useState(s ? o && ((D = o[s]) == null ? void 0 : D.path) : ""), [h, u] = v.useState(s ? o && ((V = o[s]) == null ? void 0 : V.name) : ""), [f, S] = v.useState(
+    s ? o && ((g = o[s]) == null ? void 0 : g.seo.description) : ""
+  ), [b, _] = v.useState(
+    s ? o && ((k = o[s]) == null ? void 0 : k.visibility) : "public"
   );
-  function y() {
-    S(""), u(""), h(""), j("public"), a(!1), l(null);
+  function A() {
+    d(""), u(""), S(""), _("public"), a(!1), l(null);
   }
-  function L() {
-    y(), t(!1);
+  function T() {
+    A(), t(!1);
   }
-  function U(k) {
-    return k[0] === "/" ? k : "/" + k;
+  function N(j) {
+    return j[0] === "/" ? j : "/" + j;
   }
-  function T() {
+  function y() {
     n({
-      path: U(m),
-      name: d || m,
+      path: N(C),
+      name: h || C || "",
       icon: "File",
       seo: {
-        title: d,
-        description: x
+        title: h || "",
+        description: f || ""
       },
-      visibility: b
-    }), c(d), L();
+      visibility: b || "public"
+    }), c(h), T();
   }
-  function N() {
-    C(o[s].name, d || m), r(s, {
-      path: U(m),
-      name: d || m,
-      icon: o[s].icon || "file",
+  function x() {
+    o && (p(o[s].name || "", h || C || ""), r(s, {
+      path: N(C),
+      name: h || C,
+      icon: o[s].icon || "File",
       seo: {
-        title: d,
-        description: x
+        title: h || "",
+        description: f || ""
       },
-      visibility: b
-    }), L();
+      visibility: b || "public"
+    })), T();
   }
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
-      className: R.wrapper,
-      onClick: (k) => k.stopPropagation(),
+      className: E.wrapper,
+      onClick: (j) => j.stopPropagation(),
       children: [
-        /* @__PURE__ */ e.jsxs("div", { className: R.header, children: [
+        /* @__PURE__ */ e.jsxs("div", { className: E.header, children: [
           /* @__PURE__ */ e.jsxs("h2", { children: [
             i ? "Edit" : "Create",
             " Blank Page"
           ] }),
           /* @__PURE__ */ e.jsx(
-            p,
+            m,
             {
               name: "X",
               fill: "#757575",
               hoverable: !0,
-              onClick: L
+              onClick: T
             }
           )
         ] }),
-        /* @__PURE__ */ e.jsxs("div", { className: R.content, children: [
+        /* @__PURE__ */ e.jsxs("div", { className: E.content, children: [
           /* @__PURE__ */ e.jsx(
-            M,
+            $,
             {
               label: "Page Slug",
-              onChange: (k) => S(k),
-              value: m,
+              onChange: (j) => d(j),
+              value: C,
               placeholder: "path-to-page",
-              disabled: !!(s && ((w = o[s]) != null && w.name) && le.includes(o[s].name)),
+              disabled: !!(s && o && ((w = o[s]) != null && w.name) && le.includes(o[s].name)),
               required: !0,
               regex: "^.+$"
             }
           ),
           /* @__PURE__ */ e.jsx(
-            M,
+            $,
             {
               label: "Page Title",
-              onChange: (k) => u(k),
-              value: d,
+              onChange: (j) => u(j),
+              value: h,
               placeholder: "Contact us",
-              disabled: !!(s && ((A = o[s]) != null && A.name) && le.includes(o[s].name))
+              disabled: !!(s && o && ((F = o[s]) != null && F.name) && le.includes(o[s].name))
             }
           ),
           /* @__PURE__ */ e.jsx(
-            Ye,
+            tt,
             {
               label: "Description",
-              onChange: (k) => h(k),
-              value: x,
+              onChange: (j) => S(j),
+              value: f,
               placeholder: "Contact us at any time of the day or night. You are always welcome",
               maxLength: 150
             }
           ),
           /* @__PURE__ */ e.jsx(
-            Je,
+            nt,
             {
               label: "Visibility",
               defaultValue: b,
@@ -1868,32 +1960,32 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
                   label: "Private"
                 }
               ],
-              onChange: (k) => j(k)
+              onChange: (j) => _(j)
             }
           ),
-          /* @__PURE__ */ e.jsxs("div", { className: R.preview, children: [
-            /* @__PURE__ */ e.jsx("span", { className: R.label, children: "Preview" }),
-            /* @__PURE__ */ e.jsxs("div", { className: R.block, children: [
-              /* @__PURE__ */ e.jsx("span", { className: R.slug, children: m || "yoursite.url" }),
-              /* @__PURE__ */ e.jsx("span", { className: R.title, children: d || "My Blank Page" }),
-              /* @__PURE__ */ e.jsx("span", { className: R.description, children: x || "It is My Description" })
+          /* @__PURE__ */ e.jsxs("div", { className: E.preview, children: [
+            /* @__PURE__ */ e.jsx("span", { className: E.label, children: "Preview" }),
+            /* @__PURE__ */ e.jsxs("div", { className: E.block, children: [
+              /* @__PURE__ */ e.jsx("span", { className: E.slug, children: C || "yoursite.url" }),
+              /* @__PURE__ */ e.jsx("span", { className: E.title, children: h || "My Blank Page" }),
+              /* @__PURE__ */ e.jsx("span", { className: E.description, children: f || "It is My Description" })
             ] })
           ] })
         ] }),
-        /* @__PURE__ */ e.jsxs("div", { className: R.buttons, children: [
+        /* @__PURE__ */ e.jsxs("div", { className: E.buttons, children: [
           /* @__PURE__ */ e.jsx(
             Q,
             {
-              className: R.cancel,
-              onClick: L,
+              className: E.cancel,
+              onClick: T,
               children: "Cancel"
             }
           ),
           /* @__PURE__ */ e.jsx(
             Q,
             {
-              onClick: i ? N : T,
-              disabled: m.length === 0,
+              onClick: i ? x : y,
+              disabled: C.length === 0,
               children: i ? "Update" : "Create"
             }
           )
@@ -1901,36 +1993,36 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
       ]
     }
   );
-}, or = "_layout_kjedu_1", sr = "_main_kjedu_8", rr = "_content_kjedu_15", fe = {
-  layout: or,
-  main: sr,
-  content: rr
-}, ar = () => {
-  const { isOpenModal: t, setIsOpenModal: o } = P(), { openModal: n, setOpenModal: r } = Ze();
+}, ir = "_layout_vvs1k_1", lr = "_main_vvs1k_8", cr = "_content_vvs1k_15", we = {
+  layout: ir,
+  main: lr,
+  content: cr
+}, dr = () => {
+  const { isOpenModal: t, setIsOpenModal: o } = P(), { openModal: n, setOpenModal: r } = ot();
   return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    /* @__PURE__ */ e.jsxs("div", { className: fe.layout, children: [
-      /* @__PURE__ */ e.jsx(Vt, {}),
-      /* @__PURE__ */ e.jsxs("main", { className: fe.main, children: [
-        /* @__PURE__ */ e.jsx(Et, {}),
-        /* @__PURE__ */ e.jsxs("div", { className: fe.content, children: [
-          /* @__PURE__ */ e.jsx(qs, {}),
-          /* @__PURE__ */ e.jsx(Un, {})
+    /* @__PURE__ */ e.jsxs("div", { className: we.layout, children: [
+      /* @__PURE__ */ e.jsx(Yt, {}),
+      /* @__PURE__ */ e.jsxs("main", { className: we.main, children: [
+        /* @__PURE__ */ e.jsx(Gt, {}),
+        /* @__PURE__ */ e.jsxs("div", { className: we.content, children: [
+          /* @__PURE__ */ e.jsx(Xs, {}),
+          /* @__PURE__ */ e.jsx(zn, {})
         ] })
       ] })
     ] }),
-    t && /* @__PURE__ */ e.jsx(Be, { close: o, children: /* @__PURE__ */ e.jsx(nr, {}) }),
-    n && /* @__PURE__ */ e.jsx(Be, { close: r, children: /* @__PURE__ */ e.jsx(et, {}) })
+    t && /* @__PURE__ */ e.jsx(Pe, { close: o, children: /* @__PURE__ */ e.jsx(ar, {}) }),
+    n && /* @__PURE__ */ e.jsx(Pe, { close: r, children: /* @__PURE__ */ e.jsx(st, {}) })
   ] });
 };
 async function ne(t, o) {
-  const n = localStorage.getItem("shopId") || void 0, r = `${ot}/${t}/builder/shops/${n}/${o}`, i = localStorage.getItem("accessToken") || void 0;
-  return (await Me.get(r, {
+  const n = localStorage.getItem("shopId") || void 0, r = `${Ee}/${t}/builder/shops/${n}/${o}`, i = localStorage.getItem("accessToken") || void 0;
+  return (await ke.get(r, {
     headers: {
       Authorization: `Bearer ${i}`
     }
   })).data;
 }
-async function ir() {
+async function ur() {
   try {
     const [t, o, n, r, i, a] = await Promise.allSettled([
       ne("v1", "general"),
@@ -1952,17 +2044,17 @@ async function ir() {
     throw console.error("Error fetching page data:", t), t;
   }
 }
-async function lr() {
+async function hr() {
   try {
-    const { data: t } = await Me.get(
-      `${st}?key=AIzaSyAEsTbjAPUz_TeuFCq4z4LPK9w_vst0Pfw`
+    const { data: t } = await ke.get(
+      `${it}?key=AIzaSyAEsTbjAPUz_TeuFCq4z4LPK9w_vst0Pfw`
     );
     return t.items;
   } catch (t) {
     throw console.error("Error fetching page data:", t), t;
   }
 }
-function hr() {
+function Sr() {
   const {
     editBlock: t,
     currentBlock: o,
@@ -1971,41 +2063,71 @@ function hr() {
     setHeader: i,
     footer: a,
     setFooter: s
-  } = B.getState(), { currentPage: l, pages: c } = P.getState(), { currentInstance: C, activeBlock: m } = K.getState();
-  !m && C && (o === "header" && i(r), o === "footer" && s(a), t(c[l].name, o, {
+  } = L.getState(), { currentPage: l, pages: c } = P.getState(), { currentInstance: p, activeBlock: C } = K.getState();
+  !C && p && c && (o === "header" && i(r), o === "footer" && s(a), t(c[l].name, o, {
     name: n[c[l].name][o].name,
-    value: C
+    value: p
   }));
 }
-const gr = (t) => {
-  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();
-  return _.useEffect(() => {
-    const u = {};
-    Object.keys(o).map((h) => {
-      u[h] = o[h];
-    }), s(u), a(u), S(r), d(i), C(n), (async () => {
+async function pr() {
+  const t = localStorage.getItem("shopId") || void 0, o = `${Ee}/v1/builder/shops/${t}/pages`, n = localStorage.getItem("accessToken") || void 0;
+  return (await ke.get(o, {
+    headers: {
+      Authorization: `Bearer ${n}`
+    }
+  })).data;
+}
+const _r = (t) => {
+  const { blocks: o, settings: n, header: r, footer: i } = t, { setBlocks: a, setSourceBlocks: s } = K(), { fonts: l, setFonts: c } = He(), { setSettings: p } = J(), { setPageContext: C, setPages: d } = P(), { setHeader: h, setFooter: u } = L();
+  function f(S) {
+    return S[0] === "/" ? S.slice(1) : S;
+  }
+  return v.useEffect(() => {
+    const S = {};
+    Object.keys(o).map((_) => {
+      S[_] = o[_];
+    }), s(S), a(S), h(r), u(i), p(n), (async () => {
       if (l.length === 0) {
-        const j = await lr();
-        c([...j.map((y) => y.family)]);
+        const y = await hr();
+        c([...y.map((x) => x.family)]);
       }
-      let h = {
-        listings: [],
-        products: [],
-        reviews: [],
-        categories: [],
-        faqs: [],
-        general: []
+      let _ = {
+        listings: null,
+        products: null,
+        reviews: null,
+        categories: null,
+        faqs: null,
+        general: null
       };
-      const b = await ir();
-      Object.keys(b).map((j) => {
-        const y = j;
-        h[y] = b[y].value.data;
-      }), m(h);
+      const A = await ur();
+      console.log("Data", A), Object.keys(A).map((y) => {
+        const x = y;
+        _[x] = A[x].value.data;
+      }), C(_);
+      const T = await pr();
+      console.log(T);
+      const N = {};
+      T.data.forEach((y) => {
+        const x = f(y.path);
+        y.path === "/" ? N.home = {
+          ...y,
+          icon: be.home.icon,
+          name: "home"
+        } : be[x] ? N[x] = {
+          ...y,
+          icon: be[x].icon,
+          name: x
+        } : N[x] = {
+          ...y,
+          icon: "File",
+          name: x
+        };
+      }), console.log("Buffer", N), d(N);
     })();
-  }, []), /* @__PURE__ */ e.jsx(ar, {});
+  }, []), /* @__PURE__ */ e.jsx(dr, {});
 };
 export {
-  gr as Builder,
-  hr as hotReload,
-  ur as iconNames
+  _r as Builder,
+  Sr as hotReload,
+  Cr as iconNames
 };