@billgangcom/theme-lib 1.17.1 → 1.18.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/dist/builder.cjs.js +2 -2
  2. package/dist/builder.es.js +892 -901
  3. package/dist/{root-CcZWgeeq.cjs → root-CBo8978V.cjs} +18 -18
  4. package/dist/{root-iwDkF_8A.js → root-CL1RHy-a.js} +26 -25
  5. package/dist/shared/lib/getDynamicRoutes.d.ts +1 -5
  6. package/dist/ui.cjs.js +1 -1
  7. package/dist/ui.es.js +2 -2
  8. package/package.json +1 -1
package/dist/builder.es.js CHANGED
@@ -1,7 +1,7 @@
1
1
  (function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode('@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,100..900;1,100..900&display=swap";._icon_bsuj2_1 path{fill:var(--icon-fill)}._hoverable_bsuj2_5{cursor:pointer}._rotated_bsuj2_9{transform:rotate(180deg)}._button_3jsln_1{padding:10px 16px;border-radius:12px;cursor:pointer;font-size:16px}._button_3jsln_1:disabled{opacity:.7;cursor:auto}._primary_3jsln_13{color:#fff;background-color:#ff3f19}._secondary_3jsln_18{color:#757575;background-color:#f8f8f8}._content_3jsln_23{display:flex;align-items:center;gap:4px}._wrapper_wp7u5_1{display:flex;flex-direction:column;gap:6px;justify-content:start;width:100%}._label_wp7u5_9{width:100%;color:var(--accent-color);line-height:20px;font-size:14px;font-weight:400}._input_wp7u5_17{width:100%;background-color:var(--background-color);border-radius:12px;padding:7px 11px;font-size:16px;line-height:24px;border:1px solid var(--background-color)}._input_wp7u5_17::placeholder{color:#c2c2c2}._input_wp7u5_17:disabled{background-color:var(--background-color);opacity:.7}._required_wp7u5_36{border:1px solid #ff3f19}._paddingless_wp7u5_40{padding:0}._content_wp7u5_44{display:flex;align-items:center;gap:8px}._borderless_wp7u5_50{border-radius:0;border:none}._wrapper_1v1ye_1{display:flex;flex-direction:column;gap:6px;justify-content:start;width:100%}._label_1v1ye_9{width:100%;color:var(--accent-color);line-height:20px;font-size:14px;font-weight:400}._select_1v1ye_17{width:100%;background-color:var(--background-color);border-radius:12px;padding:10px 12px;font-size:14px;line-height:20px;display:flex;align-items:center;justify-content:space-between;cursor:pointer}._icon_1v1ye_30{transition:.2s}._rotate_1v1ye_34{transform:rotate(180deg)}._content_1v1ye_38{position:relative}._options_1v1ye_42{position:absolute;top:45px;width:100%;background-color:var(--background-color);border-radius:12px;font-size:14px;line-height:20px;display:flex;flex-direction:column;max-height:200px;z-index:10;overflow-y:scroll;cursor:pointer}._option_1v1ye_42{padding:10px 12px;border-radius:12px}._option_1v1ye_42:hover{background-color:#e6e6e6}._addon_1v1ye_66{display:flex;align-items:center;gap:6px}._wrapper_3w2ni_1{display:flex;width:fit-content;gap:8px;align-items:center;border-radius:12px;line-height:20px;color:#252525;font-size:14px;font-weight:400}._switch_3w2ni_13{width:40px;height:24px;background-color:#ccc;border-radius:25px;display:flex;align-items:center;padding:2px;cursor:pointer;transition:background-color .2s}._switch_3w2ni_13._active_3w2ni_24{background:#ff3f19}._switch_3w2ni_13 ._toggle_3w2ni_27{width:14px;height:14px;background-color:#fff;border-radius:16px;transition:transform .2s;transform:translate(2px)}._switch_3w2ni_13._active_3w2ni_24 ._toggle_3w2ni_27{transform:translate(18px)}._background_3w2ni_39{background-color:#f8f8f8}._padding_3w2ni_43{padding:8px}._wrapper_1inu5_1{border:var(--default-border);width:fit-content;height:fit-content;max-height:500px;max-width:500px;min-width:300px;padding:10px;left:10px;top:10px;position:absolute;z-index:1000;background-color:#fff;display:flex;border-radius:8px;justify-content:center;align-items:center;overflow:hidden}._blocks_1op3c_1{display:flex;align-items:center;gap:8px}._block_1op3c_1{padding:8px;display:flex;align-items:center;justify-content:center;border:1px solid #f8f8f8;background-color:#f8f8f8;border-radius:12px;cursor:pointer}._active_1op3c_18{border:1px solid #ff3f19}._applyButton_1cqw4_2{flex:0 1 50%;font-weight:400}._cancelButton_1cqw4_7{background-color:#f8f8f8;color:var(--accent-color)}._content_1cqw4_12{display:flex;flex-direction:column;width:100%}._label_1cqw4_18{padding:8px 12px;border-radius:8px;display:flex;align-items:center;position:relative;gap:8px;width:100%;background-color:var(--background-color);cursor:pointer}._colorValue_1cqw4_30{width:20px;height:20px;padding:2.5px;border-radius:2px}._modal_1cqw4_37{left:15px;width:288px;overflow-y:auto;z-index:100000000;position:fixed;background-color:#fff;border-radius:12px;padding:10px;border:1px solid #e6e6e6;height:400px;display:flex;flex-direction:column;gap:10px;font-size:16px;line-height:24px;font-weight:700}._colorMap_1cqw4_56{position:relative;width:100%;height:300px;cursor:pointer;border-radius:4px}._indicator_1cqw4_64{position:absolute;width:20px;height:20px;border:4px solid white;border-radius:50%;pointer-events:none}._hueSlider_1cqw4_73{width:80%;left:30px;height:8px;position:absolute;bottom:80px;background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red,red);border-radius:5px}input[type=range]{-webkit-appearance:none;height:8px;outline:none;border-radius:5px;position:relative;display:flex;justify-content:center}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border:5px solid #fff;border-radius:50%;cursor:pointer}._slider_1cqw4_102{width:100%;cursor:pointer}._buttons_1cqw4_107{display:flex;gap:5px;width:100%}._name_1cqw4_113{line-height:20px;padding:0 4px 4px}._secondary_1cqw4_118{width:100%;color:var(--accent-color);line-height:20px;font-size:14px;font-weight:400}._input_1cqw4_126{line-height:20px;font-size:14px;font-weight:400}._modal_1qb2a_1{position:fixed;top:0;left:0;right:0;bottom:0;background:#2525253d;z-index:100000;display:flex;padding:20px;justify-content:center;align-items:center;overflow:hidden}._wrapper_1qvfi_1{display:flex;flex-direction:column;gap:6px;justify-content:start;width:100%;position:relative}._label_1qvfi_10{width:100%;color:var(--accent-color);line-height:20px;font-size:14px;font-weight:400}._textarea_1qvfi_18{width:100%;background-color:var(--background-color);border-radius:12px;padding:8px 12px;font-size:16px;line-height:24px;resize:none;min-height:80px}._textarea_1qvfi_18::placeholder{color:#c2c2c2}._length_1qvfi_33{position:absolute;bottom:12px;right:12px;color:#c2c2c2;line-height:20px}._wrapper_1fcne_2{display:flex;flex-direction:column;gap:6px;justify-content:start;width:100%}._label_1fcne_10{width:100%;color:var(--accent-color);line-height:20px;font-size:14px;font-weight:400}._options_1fcne_18{display:flex;gap:20px}._radioLabel_1fcne_23{display:flex;align-items:center;cursor:pointer;position:relative}._radio_1fcne_23{position:absolute;opacity:0;cursor:pointer}._custom_1fcne_36{height:20px;width:20px;border-radius:50%;border:1px solid #e6e6e6;display:inline-block;margin-right:8px;position:relative}._radio_1fcne_23:checked+._custom_1fcne_36{border-color:#ff3f19;background:#ffeae5}._custom_1fcne_36:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;border-radius:50%;background-color:#e53e3e;opacity:0}._radio_1fcne_23:checked+._custom_1fcne_36:after{opacity:1}._option_1fcne_18{font-size:16px;line-height:24px;font-weight:400}._tip_pl6k0_1{display:flex;align-items:center;padding:8px;border-radius:12px;gap:8px}._text_pl6k0_9{flex:1 1 auto;line-height:20px;font-size:14px}._warning_pl6k0_15{background:#faf8e6;color:#c1972a}._error_pl6k0_20{background:#ffc3b7;color:#ff3f19}._hide_pl6k0_25{display:none}._customCheckbox_1b69m_1{display:inline-block;cursor:pointer;position:relative}._checkboxBox_1b69m_7{display:inline-block;width:20px;height:20px;border:1px solid #e6e6e6;border-radius:6px;position:relative}._checkboxBox_1b69m_7._checked_1b69m_16{background:#ffeae5;border:1px solid #ff3f19}._icon_1b69m_21{position:absolute;top:3px;left:3px}._loader_wrwsz_1{border:4px solid rgba(0,0,0,.1);border-left-color:#f8f8f8;border-radius:50%;width:40px;height:40px;animation:_spin_wrwsz_1 1s linear infinite}@keyframes _spin_wrwsz_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._wrapper_tm686_2{display:flex;flex-direction:column;gap:6px;width:100%}._label_tm686_9{color:#757575;font-weight:400;font-size:14px;line-height:20px}._icon_tm686_16{padding:4px;background-color:#fff;border:1px solid #f0f0f0;display:flex;justify-content:center;align-items:center;border-radius:6px}._text_tm686_26{font-weight:400;font-size:16px;line-height:24px;color:#ff3f19}._content_tm686_33{display:flex;align-items:center;gap:6px;cursor:pointer;background-color:#f8f8f8;border-radius:12px;padding:6px 8px}._modal_tm686_43{background-color:#f8f8f8;border:1px solid #f0f0f0;border-radius:16px;width:100%;max-width:640px}._top_tm686_51{padding:16px 24px;display:flex;align-items:center;justify-content:space-between}._title_tm686_58{color:#252525;font-weight:400;font-size:18px;line-height:24px}._modalContent_tm686_65{padding:16px 24px;border-top-left-radius:16px;border-top-right-radius:16px;border-top:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0;background-color:#fff}._images_tm686_74{display:grid;grid-template-columns:repeat(3,1fr);align-items:center;gap:10px;overflow-y:scroll;max-height:390px}._add_tm686_83{display:flex;flex-direction:column;gap:8px;padding:43px 16px;border:1px dashed #e6e6e6;justify-content:center;align-items:center;border-radius:16px;aspect-ratio:1/1}._description_tm686_95{text-align:center;color:#252525;font-size:14px;line-height:20px}._description_tm686_95 span:last-child{padding-top:4px}._bottom_tm686_105{display:flex;justify-content:end;align-items:center;width:100%;background-color:#fff;border-bottom-left-radius:16px;border-bottom-right-radius:16px;padding:16px 24px 12px;gap:6px}._cancel_tm686_117{background-color:var(--background-color);color:var(--accent-color)}._highlight_tm686_122{color:#ff3f19;cursor:pointer}._accent_tm686_127{color:var(--accent-color)}._image_tm686_74{position:relative;padding:43px 16px;border:1px solid #e6e6e6;justify-content:center;align-items:center;border-radius:16px;aspect-ratio:1/1}._selected_tm686_141{border:1px solid #ff3f19}._checkbox_tm686_145{position:absolute;top:12px;left:12px}._loading_tm686_151{position:relative;padding:43px 16px;border:1px solid #e6e6e6;background-color:#f8f8f8;justify-content:center;align-items:center;display:flex;border-radius:16px;aspect-ratio:1/1}._spinner_tm686_163{width:24px;height:24px;border:2px solid #ff3f19;border-top-color:#f8f8f8;border-radius:50%;animation:_spin_tm686_163 1s linear infinite}@keyframes _spin_tm686_163{to{transform:rotate(360deg)}}*{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}._wrapper_dbban_1{height:100%;overflow-y:scroll;display:flex;flex-direction:column}._main_dbban_8{flex:1 1 auto}._loading_dbban_12{width:100%;height:100%;display:flex;justify-content:center;align-items:center}._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}*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}:root{--billgang-color-signal-danger: #c12a2a;--billgang-color-brand-default: #ff3f19;--billgang-color-brand-light: #ffeae5;--billgang-color-brand-lighter: rgba(255, 64, 26, .1);--billgang-color-surface-0: #f8f8f8;--billgang-color-surface-100: #ffffff;--billgang-color-surface-200: #c2c2c2;--billgang-color-text-brandDefault: #252525;--billgang-color-text-secondary: #757575;--billgang-color-border-default: #f0f0f0;--billgang-color-border-hover: #e6e6e6;--billgang-color-shadow-0: #dfdfdf;--billgang-color-success-background: #e5fadd;--billgang-color-success-text: #338b13;--billgang-color-warning-background: #faf8e6;--billgang-color-warning-text: #c1972a;--billgang-color-error-background: #fae6e6;--billgang-color-dialog-backdrop: rgba(37, 37, 37, .25);--billgang-color-field-background-default: var( --billgang-color-surface-200 );--billgang-color-field-background-hover: var(--billgang-color-surface-100);--billgang-color-field-background-focus: var(--billgang-color-surface-100);--billgang-color-field-border-default: var(--billgang-color-surface-200);--billgang-color-field-border-hover: var(--billgang-color-surface-200);--billgang-color-field-border-focus: var(--billgang-color-brand-default);--billgang-shadow-0: 0 1px 0 var(--billgang-color-shadow-0);--billgang-shadow-field: 0 0 0 3px var(--billgang-color-brand-light);--billgang-shadow-dialog: 0 10px 20px rgba(0, 0, 0, .05)}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.flex-center{display:flex;align-items:center;justify-content:center}.icon-wrapper{display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:24px;background-color:var(--billgang-color-surface-0)}.\\!visible{visibility:visible!important}.visible{visibility:visible}.invisible{visibility:hidden}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-4{top:1rem;right:1rem;bottom:1rem;left:1rem}.inset-y-0{top:0;bottom:0}.bottom-0{bottom:0}.bottom-10{bottom:2.5rem}.bottom-3{bottom:.75rem}.bottom-\\[60px\\]{bottom:60px}.left-0{left:0}.left-4{left:1rem}.right-0{right:0}.right-3{right:.75rem}.right-6{right:1.5rem}.right-\\[14px\\]{right:14px}.top-0{top:0}.top-6{top:1.5rem}.-z-50{z-index:-50}.z-10{z-index:10}.z-50{z-index:50}.z-\\[1000\\]{z-index:1000}.col-span-1{grid-column:span 1 / span 1}.col-span-2{grid-column:span 2 / span 2}.row-span-2{grid-row:span 2 / span 2}.m-auto{margin:auto}.mx-0{margin-left:0;margin-right:0}.mx-1{margin-left:.25rem;margin-right:.25rem}.mx-4{margin-left:1rem;margin-right:1rem}.-mt-2{margin-top:-.5rem}.mb-1{margin-bottom:.25rem}.mb-10{margin-bottom:2.5rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.ml-4{margin-left:1rem}.ml-\\[6px\\]{margin-left:6px}.ml-auto{margin-left:auto}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mr-4{margin-right:1rem}.mr-\\[10px\\]{margin-right:10px}.mr-auto{margin-right:auto}.mt-1{margin-top:.25rem}.mt-10{margin-top:2.5rem}.mt-2{margin-top:.5rem}.mt-2\\.5{margin-top:.625rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-\\[1px\\]{margin-top:1px}.mt-\\[2px\\]{margin-top:2px}.mt-auto{margin-top:auto}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.size-12{width:3rem;height:3rem}.size-4{width:1rem;height:1rem}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-2{height:.5rem}.h-4{height:1rem}.h-40{height:10rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\\[18px\\]{height:18px}.h-\\[20px\\]{height:20px}.h-\\[21px\\]{height:21px}.h-\\[276px\\]{height:276px}.h-\\[28px\\]{height:28px}.h-\\[38px\\]{height:38px}.h-\\[4px\\]{height:4px}.h-\\[56px\\]{height:56px}.h-\\[5px\\]{height:5px}.h-\\[80\\%\\]{height:80%}.h-\\[92\\%\\]{height:92%}.h-\\[92px\\]{height:92px}.h-auto{height:auto}.h-fit{height:-moz-fit-content;height:fit-content}.h-full{height:100%}.max-h-8{max-height:2rem}.max-h-\\[230px\\]{max-height:230px}.min-h-\\[300px\\]{min-height:300px}.min-h-\\[96px\\]{min-height:96px}.min-h-svh{min-height:100svh}.w-1{width:.25rem}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-12{width:3rem}.w-2{width:.5rem}.w-4{width:1rem}.w-40{width:10rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-\\[120px\\]{width:120px}.w-\\[160px\\]{width:160px}.w-\\[20px\\]{width:20px}.w-\\[21px\\]{width:21px}.w-\\[256px\\]{width:256px}.w-\\[28px\\]{width:28px}.w-\\[56px\\]{width:56px}.w-\\[5px\\]{width:5px}.w-\\[calc\\(100\\%\\/6\\)\\]{width:calc(100% / 6)}.w-auto{width:auto}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.min-w-0{min-width:0px}.min-w-12{min-width:3rem}.min-w-4{min-width:1rem}.min-w-8{min-width:2rem}.min-w-\\[120px\\]{min-width:120px}.min-w-\\[18px\\]{min-width:18px}.min-w-fit{min-width:-moz-fit-content;min-width:fit-content}.max-w-\\[100\\%\\]{max-width:100%}.max-w-\\[1120px\\]{max-width:1120px}.max-w-\\[368px\\]{max-width:368px}.max-w-\\[376px\\]{max-width:376px}.max-w-\\[40\\%\\]{max-width:40%}.max-w-\\[456px\\]{max-width:456px}.max-w-\\[480px\\]{max-width:480px}.max-w-\\[65\\%\\]{max-width:65%}.max-w-\\[80\\%\\]{max-width:80%}.max-w-\\[800px\\]{max-width:800px}.max-w-\\[85\\%\\]{max-width:85%}.max-w-full{max-width:100%}.flex-1{flex:1 1 0%}.flex-auto{flex:1 1 auto}.flex-shrink-0{flex-shrink:0}.shrink{flex-shrink:1}.flex-grow{flex-grow:1}.translate-y-0{--tw-translate-y: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-1\\/2{--tw-translate-y: 50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-full{--tw-translate-y: 100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-rotate-90{--tw-rotate: -90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.cursor-pointer{cursor:pointer}.list-none{list-style-type:none}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-\\[minmax\\(120px\\,auto\\)_minmax\\(0\\,20\\%\\)_repeat\\(4\\,minmax\\(min-content\\,auto\\)\\)\\]{grid-template-columns:minmax(120px,auto) minmax(0,20%) repeat(4,minmax(min-content,auto))}.grid-cols-\\[minmax\\(120px\\,auto\\)_repeat\\(5\\,minmax\\(min-content\\,auto\\)\\)\\]{grid-template-columns:minmax(120px,auto) repeat(5,minmax(min-content,auto))}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.\\!items-start{align-items:flex-start!important}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-2\\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-\\[3px\\]{gap:3px}.gap-\\[6px\\]{gap:6px}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.overflow-ellipsis{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.text-nowrap{text-wrap:nowrap}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-\\[100px\\]{border-radius:100px}.rounded-\\[32px\\]{border-radius:32px}.rounded-\\[50\\%\\]{border-radius:50%}.rounded-\\[6px\\]{border-radius:6px}.rounded-base{border-radius:12px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:16px}.rounded-none{border-radius:0}.rounded-sm{border-radius:8px}.rounded-xl{border-radius:24px}.rounded-t-xl{border-top-left-radius:24px;border-top-right-radius:24px}.border{border-width:1px}.border-2{border-width:2px}.border-4{border-width:4px}.border-\\[1px\\]{border-width:1px}.border-b,.border-b-\\[1px\\]{border-bottom-width:1px}.border-l{border-left-width:1px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-none{border-style:none}.\\!border-brandDefault{border-color:var(--billgang-color-brand-default)!important}.border-borderDefault{border-color:var(--billgang-color-border-default)}.border-borderHover{border-color:var(--billgang-color-border-hover)}.border-brandDefault{border-color:var(--billgang-color-brand-default)}.border-textPrimary{border-color:var(--billgang-color-text-brandDefault)}.border-transparent{border-color:transparent}.border-x-borderDefault{border-left-color:var(--billgang-color-border-default);border-right-color:var(--billgang-color-border-default)}.border-x-brandDefault{border-left-color:var(--billgang-color-brand-default);border-right-color:var(--billgang-color-brand-default)}.border-x-surface100{border-left-color:var(--billgang-color-surface-100);border-right-color:var(--billgang-color-surface-100)}.border-b-transparent{border-bottom-color:transparent}.border-t-borderDefault{border-top-color:var(--billgang-color-border-default)}.border-t-brandDefault{border-top-color:var(--billgang-color-brand-default)}.border-t-surface100{border-top-color:var(--billgang-color-surface-100)}.\\!bg-surface0{background-color:var(--billgang-color-surface-0)!important}.bg-\\[rgba\\(37\\,37\\,37\\,0\\.24\\)\\]{background-color:#2525253d}.bg-borderDefault{background-color:var(--billgang-color-border-default)}.bg-brandDefault{background-color:var(--billgang-color-brand-default)}.bg-brandLight{background-color:var(--billgang-color-brand-light)}.bg-signalDangerBackground{background-color:var(--billgang-color-error-background)}.bg-successBackground{background-color:var(--billgang-color-success-background)}.bg-surface0{background-color:var(--billgang-color-surface-0)}.bg-surface100{background-color:var(--billgang-color-surface-100)}.bg-surface200{background-color:var(--billgang-color-surface-200)}.bg-textPrimary{background-color:var(--billgang-color-text-brandDefault)}.bg-transparent{background-color:transparent}.bg-warningBackground{background-color:var(--billgang-color-warning-background)}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.bg-cover{background-size:cover}.bg-no-repeat{background-repeat:no-repeat}.fill-brandDefault{fill:var(--billgang-color-brand-default)}.fill-signalDanger{fill:var(--billgang-color-signal-danger)}.fill-surface100{fill:var(--billgang-color-surface-100)}.fill-textPrimary{fill:var(--billgang-color-text-brandDefault)}.fill-textSecondary{fill:var(--billgang-color-text-secondary)}.stroke-borderDefault{stroke:var(--billgang-color-border-default)}.stroke-brandDefault{stroke:var(--billgang-color-brand-default)}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.p-0{padding:0}.p-1{padding:.25rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-\\[12px_16px\\]{padding:12px 16px}.p-\\[12px_16px_10px\\]{padding:12px 16px 10px}.p-\\[4px_8px\\]{padding:4px 8px}.p-\\[6px\\]{padding:6px}.px-0{padding-left:0;padding-right:0}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-\\[2px\\]{padding-top:2px;padding-bottom:2px}.pb-4{padding-bottom:1rem}.pb-6{padding-bottom:1.5rem}.pb-9{padding-bottom:2.25rem}.pl-2{padding-left:.5rem}.pl-4{padding-left:1rem}.pl-9{padding-left:2.25rem}.pl-\\[6px\\]{padding-left:6px}.pr-10{padding-right:2.5rem}.pr-4{padding-right:1rem}.pr-6{padding-right:1.5rem}.pt-0{padding-top:0}.pt-6{padding-top:1.5rem}.pt-8{padding-top:2rem}.text-center{text-align:center}.text-right{text-align:right}.align-middle{vertical-align:middle}.text-base{font-size:16px}.text-lg{font-size:20px}.text-sm{font-size:14px}.text-xl{font-size:24px}.text-xs{font-size:12px}.text-xxl{font-size:32px}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.leading-10{line-height:2.5rem}.text-brandDefault{color:var(--billgang-color-brand-default)}.text-signalDanger{color:var(--billgang-color-signal-danger)}.text-successText{color:var(--billgang-color-success-text)}.text-surface100{color:var(--billgang-color-surface-100)}.text-surface200{color:var(--billgang-color-surface-200)}.text-textPrimary{color:var(--billgang-color-text-brandDefault)}.text-textSecondary{color:var(--billgang-color-text-secondary)}.text-warningText{color:var(--billgang-color-warning-text)}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.opacity-0{opacity:0}.opacity-100{opacity:1}.shadow-shadow0{--tw-shadow: var(--billgang-shadow-0);--tw-shadow-colored: var(--billgang-shadow-0);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);--tw-shadow-color: var(--billgang-color-shadow-0);--tw-shadow: var(--tw-shadow-colored)}.outline{outline-style:solid}.outline-0{outline-width:0px}.outline-2{outline-width:2px}.outline-offset-\\[-1px\\]{outline-offset:-1px}.outline-brandDefault{outline-color:var(--billgang-color-brand-default)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}body{font-family:Archivo,sans-serif;color:var(--billgang-color-text-brandDefault)}html,body,#root{height:100%}.grecaptcha-badge{visibility:hidden}.placeholder\\:text-surface200::-moz-placeholder{color:var(--billgang-color-surface-200)}.placeholder\\:text-surface200::placeholder{color:var(--billgang-color-surface-200)}.first\\:rounded-l-base:first-child{border-top-left-radius:12px;border-bottom-left-radius:12px}.last\\:rounded-r-base:last-child{border-top-right-radius:12px;border-bottom-right-radius:12px}.last\\:border-r-0:last-child{border-right-width:0px}.last-of-type\\:border-none:last-of-type{border-style:none}.last-of-type\\:pb-0:last-of-type{padding-bottom:0}.hover\\:bg-surface100:hover{background-color:var(--billgang-color-surface-100)}.hover\\:text-textPrimary:hover{color:var(--billgang-color-text-brandDefault)}.hover\\:underline:hover{text-decoration-line:underline}.disabled\\:opacity-50:disabled{opacity:.5}@media (min-width: 640px){.sm\\:col-span-2{grid-column:span 2 / span 2}}@media (min-width: 768px){.md\\:bottom-auto{bottom:auto}.md\\:left-1\\/2{left:50%}.md\\:top-1\\/2{top:50%}.md\\:mb-0{margin-bottom:0}.md\\:ml-auto{margin-left:auto}.md\\:mr-4{margin-right:1rem}.md\\:mt-0{margin-top:0}.md\\:mt-5{margin-top:1.25rem}.md\\:flex{display:flex}.md\\:hidden{display:none}.md\\:h-\\[92px\\]{height:92px}.md\\:h-auto{height:auto}.md\\:h-full{height:100%}.md\\:h-svh{height:100svh}.md\\:max-h-svh{max-height:100svh}.md\\:min-h-\\[92px\\]{min-height:92px}.md\\:w-\\[320px\\]{width:320px}.md\\:w-\\[40\\%\\]{width:40%}.md\\:w-\\[50\\%\\]{width:50%}.md\\:w-\\[640px\\]{width:640px}.md\\:w-\\[720px\\]{width:720px}.md\\:w-auto{width:auto}.md\\:w-fit{width:-moz-fit-content;width:fit-content}.md\\:w-full{width:100%}.md\\:max-w-\\[520px\\]{max-width:520px}.md\\:-translate-x-1\\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.md\\:-translate-y-1\\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.md\\:scale-50{--tw-scale-x: .5;--tw-scale-y: .5;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.md\\:scale-\\[1\\]{--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.md\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\\:flex-row{flex-direction:row}.md\\:flex-col{flex-direction:column}.md\\:flex-col-reverse{flex-direction:column-reverse}.md\\:items-start{align-items:flex-start}.md\\:items-end{align-items:flex-end}.md\\:justify-center{justify-content:center}.md\\:justify-between{justify-content:space-between}.md\\:gap-2{gap:.5rem}.md\\:gap-3{gap:.75rem}.md\\:overflow-auto{overflow:auto}.md\\:rounded-none{border-radius:0}.md\\:rounded-xl{border-radius:24px}.md\\:border-none{border-style:none}.md\\:bg-transparent{background-color:transparent}.md\\:p-10{padding:2.5rem}.md\\:p-4{padding:1rem}.md\\:px-0{padding-left:0;padding-right:0}.md\\:pb-6{padding-bottom:1.5rem}.md\\:pl-4{padding-left:1rem}.md\\:pr-4{padding-right:1rem}.md\\:pt-0{padding-top:0}.md\\:opacity-0{opacity:0}.md\\:opacity-100{opacity:1}}@media (min-width: 1024px){.lg\\:bottom-10{bottom:2.5rem}.lg\\:left-auto{left:auto}.lg\\:right-0{right:0}.lg\\:col-span-1{grid-column:span 1 / span 1}.lg\\:col-span-4{grid-column:span 4 / span 4}.lg\\:mb-0{margin-bottom:0}.lg\\:ml-3{margin-left:.75rem}.lg\\:h-\\[72px\\]{height:72px}.lg\\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.lg\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\\:flex-row{flex-direction:row}.lg\\:justify-between{justify-content:space-between}.lg\\:gap-4{gap:1rem}.lg\\:p-6{padding:1.5rem}.lg\\:py-3{padding-top:.75rem;padding-bottom:.75rem}.lg\\:pb-6{padding-bottom:1.5rem}}@media (min-width: 1280px){.xl\\:mt-1{margin-top:.25rem}.xl\\:block{display:block}.xl\\:flex{display:flex}.xl\\:max-w-\\[320px\\]{max-width:320px}.xl\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.xl\\:flex-row{flex-direction:row}.xl\\:rounded-base{border-radius:12px}.xl\\:border-r{border-right-width:1px}.xl\\:border-none{border-style:none}.xl\\:bg-surface0{background-color:var(--billgang-color-surface-0)}.xl\\:p-6{padding:1.5rem}.xl\\:py-6{padding-top:1.5rem;padding-bottom:1.5rem}.xl\\:pr-0{padding-right:0}.xl\\:pr-10{padding-right:2.5rem}.xl\\:pr-4{padding-right:1rem}.xl\\:hover\\:bg-surface0:hover{background-color:var(--billgang-color-surface-0)}}._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}._button_1jgdy_1{display:flex;align-items:center;padding:10px;background-color:#f8f8f8;border-radius:12px;color:#757575;cursor:pointer;position:relative}._login_1jgdy_12{padding:12px 16px}._signUp_1jgdy_16{background-color:#ff3f19;color:#fff}._buttons_1jgdy_21{display:flex;justify-content:flex-end;align-items:center;gap:16px}._modal_1jgdy_28{background-color:#fff;height:100vh;position:absolute;right:0;top:0;bottom:0;align-self:flex-end;justify-self:flex-end;border-top-left-radius:24px;border-bottom-left-radius:24px;width:100%;min-width:300px;max-width:450px}._info_1jgdy_44{display:flex;gap:8px;align-items:center}._top_1jgdy_50{padding:26px 24px;border-bottom:1px solid #f0f0f0;display:flex;align-items:center;justify-content:space-between;gap:8px}._title_1jgdy_59{font-size:20px;font-weight:700;line-height:24px}._clear_1jgdy_65{font-size:14px;font-weight:400;line-height:20px;color:#e6e6e6}._activeClear_1jgdy_72{color:#ff3f19}._count_1jgdy_76{background:#ff3f19;color:#fff;width:100%;height:100%;border-radius:50%;min-width:20px;min-height:20px;display:flex;align-items:center;justify-content:center}._cart_1jgdy_89{height:calc(100% - 76px);width:100%;display:flex;flex-direction:column}._empty_1jgdy_96{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;flex:1 1 auto;gap:4px;color:#757575}._empty_1jgdy_96 div{padding-bottom:16px}._empty_1jgdy_96 span:first-child{font-size:16px;font-weight:700;line-height:24px;text-align:center}._empty_1jgdy_96 span:last-child{font-size:16px;font-weight:400;line-height:24px;text-align:center}._product_1jgdy_122{padding:26px 24px;display:flex;align-items:center;justify-content:space-between}._products_1jgdy_129{display:flex;flex-direction:column;flex:1 1 auto;overflow-y:scroll}._image_1jgdy_136{width:56px;height:56px;border-radius:12px}._productInfo_1jgdy_142{display:flex;gap:12px;align-items:center}._content_1jgdy_148{display:flex;flex-direction:column;gap:4px}._name_1jgdy_154{font-size:16px;font-weight:600;line-height:24px}._price_1jgdy_160{font-size:16px;font-weight:400;line-height:24px}._productButtons_1jgdy_166{display:flex;align-items:center;gap:5px}._productButton_1jgdy_166{display:flex;justify-content:center;align-items:center;border-radius:12px;padding:8px;min-width:36px;min-height:36px;background-color:#f8f8f8}._productCount_1jgdy_183{display:flex;justify-content:center;align-items:center;border-radius:12px;padding:8px;font-size:16px;font-weight:400;line-height:24px;text-align:center;color:#252525;background-color:#f8f8f8}._bottom_1jgdy_197{display:flex;flex-direction:column;gap:10px;width:100%;padding:26px 24px}._subtotal_1jgdy_205{display:flex;align-items:center;justify-content:space-between}._block_1jgdy_211{display:flex;align-items:center;gap:10px}._shoppingCount_1jgdy_217{width:12px;height:12px;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:#ff3f19;color:#fff;font-size:10px;font-weight:500;line-height:12px;text-align:center;position:absolute;top:8px;right:8px}')),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
2
- import { m as M, n as Y, o as D, p as V, q as $, j as e, L as ye, r as Ae, s as Ke, I as S, t as Ye, c as L, w as J, x as Je, B as K, y as Ze, z as Ce, A as et, E as _e, F as Ee, G, g as tt, D as nt, H as ot, u as st, d as at, h as ie, i as rt, a as I, b as se, J as Se, S as Pe, P as Le, K as Oe, N as it, T as lt, R as ct, O as dt, M as Te, l as ut, Q as be, U as Be, V as ht, e as pt, W as gt, X as mt, Y as St, Z as Ct, _ as _t, $ as bt, a0 as ft, a1 as xt, a2 as wt } from "./root-iwDkF_8A.js";
3
- import C, { useMemo as Ue } from "react";
4
- const U = (t) => t ? t.replace(/_/g, " ").split(" ").map((n) => n.charAt(0).toUpperCase() + n.slice(1)).join(" and ") : "", vt = [
2
+ import { m as F, n as Y, o as T, p as V, q as M, j as e, L as ye, r as Xe, s as Qe, t as Ke, I as C, w as Ye, c as A, x as J, y as Je, B as K, z as Ze, A as Ce, E as et, F as _e, G as Re, J as G, g as tt, D as nt, H as ot, u as st, d as at, h as ie, i as rt, a as H, b as se, K as Se, S as Ae, P as Pe, N as Ie, O as it, T as lt, R as ct, Q as dt, M as Le, l as ut, U as fe, V as Be, W as ht, e as pt, X as gt, Y as mt, Z as St, _ as Ct, $ as _t, a0 as ft, a1 as bt, a2 as xt, a3 as wt } from "./root-CL1RHy-a.js";
3
+ import _, { useMemo as Ee } from "react";
4
+ const O = (t) => t ? t.replace(/_/g, " ").split(" ").map((o) => o.charAt(0).toUpperCase() + o.slice(1)).join(" and ") : "", kt = [
5
5
  {
6
6
  icon: "Desktop",
7
7
  value: "desktop"
@@ -14,7 +14,7 @@ const U = (t) => t ? t.replace(/_/g, " ").split(" ").map((n) => n.charAt(0).toUp
14
14
  icon: "DeviceMobileCamera",
15
15
  value: "mobile"
16
16
  }
17
- ], kt = [
17
+ ], vt = [
18
18
  {
19
19
  icon: "PaintBrushBroad",
20
20
  name: "Colors"
@@ -43,7 +43,7 @@ const U = (t) => t ? t.replace(/_/g, " ").split(" ").map((n) => n.charAt(0).toUp
43
43
  "product",
44
44
  "ticket",
45
45
  "login"
46
- ], fe = {
46
+ ], be = {
47
47
  home: {
48
48
  path: "/",
49
49
  name: "home",
@@ -114,16 +114,16 @@ const U = (t) => t ? t.replace(/_/g, " ").split(" ").map((n) => n.charAt(0).toUp
114
114
  },
115
115
  visibility: "public"
116
116
  }
117
- }, Ia = ["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"];
117
+ }, Ea = ["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"];
118
118
  function jt() {
119
- const t = localStorage.getItem("sellerAccessToken"), n = localStorage.getItem("shopId");
120
- if (t && n)
121
- return Fe(), !!(t && n);
119
+ const t = localStorage.getItem("sellerAccessToken"), o = localStorage.getItem("shopId");
120
+ if (t && o)
121
+ return Te(), !!(t && o);
122
122
  {
123
- let o = new URLSearchParams(document.location.search);
124
- const s = o.get("shopId"), i = o.get("sellerAccessToken");
125
- if (Fe(), s && i)
126
- return localStorage.setItem("shopId", s), localStorage.setItem("sellerAccessToken", i), !!(i && s);
123
+ let n = new URLSearchParams(document.location.search);
124
+ const s = n.get("shopId"), i = n.get("sellerAccessToken"), r = n.get("draftId");
125
+ if (Te(), s && i && r)
126
+ return localStorage.setItem("shopId", s), localStorage.setItem("sellerAccessToken", i), localStorage.setItem("draftId", r), !!(i && s && r);
127
127
  }
128
128
  return !1;
129
129
  }
@@ -131,64 +131,51 @@ const yt = "_wrapper_dbban_1", Bt = "_main_dbban_8", At = "_loading_dbban_12", x
131
131
  wrapper: yt,
132
132
  main: Bt,
133
133
  loading: At
134
- }, Ge = ({ render: t, block: n }) => t(n), qe = () => {
135
- const { footer: t } = M(), { settings: n } = Y(), { pageContext: o } = D();
136
- return t == null ? void 0 : t.renderBlock(n, o);
137
- }, ze = () => {
138
- const { header: t } = M(), { settings: n } = Y(), { pageContext: o } = D();
139
- return t == null ? void 0 : t.renderBlock(n, o);
140
- }, Ne = ({ pagePath: t }) => {
141
- const { sourceBlocks: n } = V(), { pageContext: o } = D(), [s, i] = C.useState(!0), [r, a] = C.useState(null), { setThemeSettings: l } = $(), [d, g] = C.useState();
142
- C.useEffect(() => {
134
+ }, Oe = ({ render: t, block: o }) => t(o), Ue = () => {
135
+ const { footer: t } = F(), { settings: o } = Y(), { pageContext: n } = T();
136
+ return t == null ? void 0 : t.renderBlock(o, n);
137
+ }, Ge = () => {
138
+ const { header: t } = F(), { settings: o } = Y(), { pageContext: n } = T();
139
+ return t == null ? void 0 : t.renderBlock(o, n);
140
+ }, Pt = ({ pagePath: t }) => {
141
+ const { sourceBlocks: o } = V(), { pageContext: n } = T(), [s, i] = _.useState(!0), [r, a] = _.useState(null), { setThemeSettings: l } = M(), [d, S] = _.useState();
142
+ _.useEffect(() => {
143
143
  i(!0), (async () => {
144
- if (t === "productId") {
145
- const _ = window.location.pathname.slice(1), { layout: w } = await Ae(encodeURIComponent(_));
146
- a(w);
147
- } else {
148
- const { layout: _ } = await Ae(encodeURIComponent(t));
149
- a(_);
150
- }
151
- const { settings: u, theme: c } = await Ke();
152
- l(c), g(u), i(!1);
144
+ const { layout: u } = await Xe(encodeURIComponent(t));
145
+ a(u);
146
+ const { settings: c, theme: f } = await Qe();
147
+ l(f), S(c), i(!1);
153
148
  })();
154
149
  }, []);
155
- const h = (p) => {
156
- const u = new n[p.name]();
157
- return Object.assign(u, p.value), u.renderBlock(d, o);
150
+ const h = (g) => {
151
+ const u = new o[g.name]();
152
+ return Object.assign(u, g.value), u.renderBlock(d, n);
158
153
  };
159
154
  return /* @__PURE__ */ e.jsxs("div", { className: xe.wrapper, children: [
160
- /* @__PURE__ */ e.jsx(ze, {}),
161
- !s && r ? /* @__PURE__ */ e.jsx("div", { className: xe.main, children: Object.keys(r).map((p) => /* @__PURE__ */ e.jsx(
162
- Ge,
155
+ /* @__PURE__ */ e.jsx(Ge, {}),
156
+ !s && r ? /* @__PURE__ */ e.jsx("div", { className: xe.main, children: Object.keys(r).map((g) => /* @__PURE__ */ e.jsx(
157
+ Oe,
163
158
  {
164
- block: r[p],
159
+ block: r[g],
165
160
  render: h
166
161
  }
167
162
  )) }) : /* @__PURE__ */ e.jsx("div", { className: xe.loading, children: /* @__PURE__ */ e.jsx(ye, {}) }),
168
- /* @__PURE__ */ e.jsx(qe, {})
163
+ /* @__PURE__ */ e.jsx(Ue, {})
169
164
  ] });
170
165
  };
171
- function Pt(t) {
172
- if (t) {
173
- const n = Object.values(t).map((o) => ({
174
- path: `${o.path}`,
175
- element: /* @__PURE__ */ e.jsx(Ne, { pagePath: o.path })
176
- }));
177
- return n.push({
178
- path: "/product/:productPath",
179
- element: /* @__PURE__ */ e.jsx(Ne, { pagePath: "productId" })
180
- }), n;
181
- } else return [];
166
+ function Lt() {
167
+ const t = Ke();
168
+ return /* @__PURE__ */ e.jsx(Pt, { pagePath: t.pathname });
182
169
  }
183
- const Fe = () => {
170
+ const Te = () => {
184
171
  const t = new URL(window.location.href);
185
172
  window.history.replaceState(null, "", t.pathname + t.hash);
186
- }, Lt = "_buttons_1gn8m_1", Tt = "_button_1gn8m_1", Nt = {
187
- buttons: Lt,
188
- button: Tt
189
- }, Ft = () => /* @__PURE__ */ e.jsxs("div", { className: Nt.buttons, children: [
173
+ }, Tt = "_buttons_1gn8m_1", Nt = "_button_1gn8m_1", Ft = {
174
+ buttons: Tt,
175
+ button: Nt
176
+ }, Dt = () => /* @__PURE__ */ e.jsxs("div", { className: Ft.buttons, children: [
190
177
  /* @__PURE__ */ e.jsx(
191
- S,
178
+ C,
192
179
  {
193
180
  name: "ArrowUUpLeft",
194
181
  hoverable: !0,
@@ -197,7 +184,7 @@ const Fe = () => {
197
184
  }
198
185
  ),
199
186
  /* @__PURE__ */ e.jsx(
200
- S,
187
+ C,
201
188
  {
202
189
  name: "ArrowUUpRight",
203
190
  hoverable: !0,
@@ -205,68 +192,68 @@ const Fe = () => {
205
192
  height: 20
206
193
  }
207
194
  )
208
- ] }), Dt = "_devices_hxl12_1", Mt = "_device_hxl12_1", $t = "_active_hxl12_23", we = {
209
- devices: Dt,
210
- device: Mt,
211
- active: $t
212
- }, Ht = () => {
213
- const { currentDevice: t, setCurrentDevice: n } = Ye();
214
- return /* @__PURE__ */ e.jsx("div", { className: we.devices, children: vt.map((o) => /* @__PURE__ */ e.jsx(
195
+ ] }), Mt = "_devices_hxl12_1", $t = "_device_hxl12_1", Ht = "_active_hxl12_23", we = {
196
+ devices: Mt,
197
+ device: $t,
198
+ active: Ht
199
+ }, Rt = () => {
200
+ const { currentDevice: t, setCurrentDevice: o } = Ye();
201
+ return /* @__PURE__ */ e.jsx("div", { className: we.devices, children: kt.map((n) => /* @__PURE__ */ e.jsx(
215
202
  "div",
216
203
  {
217
- className: L(we.device, {
218
- [we.active]: t === o
204
+ className: A(we.device, {
205
+ [we.active]: t === n
219
206
  }),
220
- onClick: () => n(o),
207
+ onClick: () => o(n),
221
208
  children: /* @__PURE__ */ e.jsx(
222
- S,
209
+ C,
223
210
  {
224
- name: o.icon,
225
- fill: t === o ? "#252525" : "#757575",
211
+ name: n.icon,
212
+ fill: t === n ? "#252525" : "#757575",
226
213
  width: 20,
227
214
  height: 20
228
215
  }
229
216
  )
230
217
  },
231
- o.value
218
+ n.value
232
219
  )) });
233
- }, Rt = "_header_zvaam_1", It = "_left_zvaam_12", Et = "_right_zvaam_13", ue = {
234
- header: Rt,
235
- left: It,
236
- right: Et
237
- }, Ot = "_preview_vijvm_2", Ut = "_active_vijvm_22", ve = {
238
- preview: Ot,
239
- active: Ut
240
- }, Gt = () => {
241
- const { onPreview: t, setOnPreview: n } = J();
220
+ }, It = "_header_zvaam_1", Et = "_left_zvaam_12", Ot = "_right_zvaam_13", ue = {
221
+ header: It,
222
+ left: Et,
223
+ right: Ot
224
+ }, Ut = "_preview_vijvm_2", Gt = "_active_vijvm_22", ke = {
225
+ preview: Ut,
226
+ active: Gt
227
+ }, qt = () => {
228
+ const { onPreview: t, setOnPreview: o } = J();
242
229
  return /* @__PURE__ */ e.jsxs(
243
230
  "div",
244
231
  {
245
- className: L(ve.preview, {
246
- [ve.active]: t
232
+ className: A(ke.preview, {
233
+ [ke.active]: t
247
234
  }),
248
- onClick: () => n(!t),
235
+ onClick: () => o(!t),
249
236
  children: [
250
237
  /* @__PURE__ */ e.jsx(
251
- S,
238
+ C,
252
239
  {
253
240
  name: "ArrowUpRight",
254
241
  width: 20,
255
242
  height: 20
256
243
  }
257
244
  ),
258
- /* @__PURE__ */ e.jsx("span", { className: ve.text, children: "Preview" })
245
+ /* @__PURE__ */ e.jsx("span", { className: ke.text, children: "Preview" })
259
246
  ]
260
247
  }
261
248
  );
262
- }, qt = "_settings_q79q3_1", zt = {
263
- settings: qt
264
- }, Wt = "_language_1mbvp_1", Vt = "_text_1mbvp_11", De = {
265
- language: Wt,
266
- text: Vt
267
- }, Xt = () => /* @__PURE__ */ e.jsxs("div", { className: De.language, children: [
249
+ }, zt = "_settings_q79q3_1", Wt = {
250
+ settings: zt
251
+ }, Vt = "_language_1mbvp_1", Xt = "_text_1mbvp_11", Ne = {
252
+ language: Vt,
253
+ text: Xt
254
+ }, Qt = () => /* @__PURE__ */ e.jsxs("div", { className: Ne.language, children: [
268
255
  /* @__PURE__ */ e.jsx(
269
- S,
256
+ C,
270
257
  {
271
258
  name: "Globe",
272
259
  fill: "#252525",
@@ -274,38 +261,38 @@ const Fe = () => {
274
261
  height: 20
275
262
  }
276
263
  ),
277
- /* @__PURE__ */ e.jsx("span", { className: De.text, children: "Default" }),
264
+ /* @__PURE__ */ e.jsx("span", { className: Ne.text, children: "Default" }),
278
265
  /* @__PURE__ */ e.jsx(
279
- S,
266
+ C,
280
267
  {
281
268
  name: "CaretDown",
282
269
  width: 20,
283
270
  height: 20
284
271
  }
285
272
  )
286
- ] }), Qt = "_pages_sf7rl_1", Kt = "_text_sf7rl_16", Yt = "_modal_sf7rl_22", Jt = "_page_sf7rl_1", Zt = "_hoverable_sf7rl_45", en = "_separator_sf7rl_49", tn = "_button_sf7rl_53", nn = "_items_sf7rl_67", q = {
287
- pages: Qt,
273
+ ] }), Kt = "_pages_sf7rl_1", Yt = "_text_sf7rl_16", Jt = "_modal_sf7rl_22", Zt = "_page_sf7rl_1", en = "_hoverable_sf7rl_45", tn = "_separator_sf7rl_49", nn = "_button_sf7rl_53", on = "_items_sf7rl_67", q = {
274
+ pages: Kt,
288
275
  default: "_default_sf7rl_5",
289
- text: Kt,
290
- modal: Yt,
291
- page: Jt,
292
- hoverable: Zt,
293
- separator: en,
294
- button: tn,
295
- items: nn
296
- }, on = () => {
276
+ text: Yt,
277
+ modal: Jt,
278
+ page: Zt,
279
+ hoverable: en,
280
+ separator: tn,
281
+ button: nn,
282
+ items: on
283
+ }, sn = () => {
297
284
  const {
298
285
  currentPage: t,
299
- setCurrentPage: n,
300
- setIsOpenModal: o,
286
+ setCurrentPage: o,
287
+ setIsOpenModal: n,
301
288
  pages: s,
302
289
  setIsEdit: i,
303
290
  setEditedPage: r,
304
291
  deletePage: a,
305
292
  isOpenSelectModal: l,
306
293
  setIsOpenSelectModal: d
307
- } = D(), { deletePage: g } = M(), [h, p] = C.useState("");
308
- return C.useEffect(() => {
294
+ } = T(), { deletePage: S } = F(), [h, g] = _.useState("");
295
+ return _.useEffect(() => {
309
296
  const u = () => {
310
297
  d(!1);
311
298
  };
@@ -322,7 +309,7 @@ const Fe = () => {
322
309
  },
323
310
  children: [
324
311
  /* @__PURE__ */ e.jsx(
325
- S,
312
+ C,
326
313
  {
327
314
  name: s && s[t] && s[t].icon || "File",
328
315
  fill: "#252525",
@@ -330,9 +317,9 @@ const Fe = () => {
330
317
  height: 20
331
318
  }
332
319
  ),
333
- /* @__PURE__ */ e.jsx("span", { className: q.text, children: s && s[t] && le.includes(s[t].name) ? `${U(s[t].name)} page` : s && s[t] && s[t].name }),
320
+ /* @__PURE__ */ e.jsx("span", { className: q.text, children: s && s[t] && le.includes(s[t].name) ? `${O(s[t].name)} page` : s && s[t] && s[t].name }),
334
321
  /* @__PURE__ */ e.jsx(
335
- S,
322
+ C,
336
323
  {
337
324
  name: "CaretDown",
338
325
  width: 20,
@@ -353,47 +340,47 @@ const Fe = () => {
353
340
  return /* @__PURE__ */ e.jsxs(
354
341
  "div",
355
342
  {
356
- className: L(q.page, {
343
+ className: A(q.page, {
357
344
  [q.hoverable]: h === u
358
345
  }),
359
- onMouseEnter: () => p(u),
360
- onMouseLeave: () => p(""),
346
+ onMouseEnter: () => g(u),
347
+ onMouseLeave: () => g(""),
361
348
  onClick: () => {
362
- p(""), i(!1), n(u), d(!1);
349
+ g(""), i(!1), o(u), d(!1);
363
350
  },
364
351
  children: [
365
352
  /* @__PURE__ */ e.jsx(
366
- S,
353
+ C,
367
354
  {
368
355
  name: c.icon,
369
356
  fill: "#252525"
370
357
  }
371
358
  ),
372
- /* @__PURE__ */ e.jsx("span", { className: q.text, children: le.includes(c.name) ? `${U(c.name)} page` : c.name }),
359
+ /* @__PURE__ */ e.jsx("span", { className: q.text, children: le.includes(c.name) ? `${O(c.name)} page` : c.name }),
373
360
  h === u && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
374
361
  /* @__PURE__ */ e.jsx(
375
- S,
362
+ C,
376
363
  {
377
364
  name: "Gear",
378
365
  fill: "#757575",
379
- onClick: (_) => {
380
- _.stopPropagation(), i(!0), r(u), o(!0);
366
+ onClick: (f) => {
367
+ f.stopPropagation(), i(!0), r(u), n(!0);
381
368
  }
382
369
  }
383
370
  ),
384
371
  !le.includes(c.name) && /* @__PURE__ */ e.jsx(
385
- S,
372
+ C,
386
373
  {
387
374
  name: "Trash",
388
375
  fill: "#C12A2A",
389
- onClick: (_) => {
390
- s[t].path === c.name && n("/"), _.stopPropagation(), a(u), g(c.name), Je(c.path);
376
+ onClick: (f) => {
377
+ s[t].path === c.name && o("/"), f.stopPropagation(), a(u), S(c.name), Je(c.path);
391
378
  }
392
379
  }
393
380
  )
394
381
  ] }),
395
382
  s[t] && s[t].path === c.name && /* @__PURE__ */ e.jsx(
396
- S,
383
+ C,
397
384
  {
398
385
  name: "Check",
399
386
  fill: "#FF3F19"
@@ -410,12 +397,12 @@ const Fe = () => {
410
397
  {
411
398
  className: q.button,
412
399
  onClick: (u) => {
413
- u.stopPropagation(), o(!0);
400
+ u.stopPropagation(), n(!0);
414
401
  },
415
402
  size: "l",
416
403
  children: [
417
404
  /* @__PURE__ */ e.jsx(
418
- S,
405
+ C,
419
406
  {
420
407
  name: "Plus",
421
408
  fill: "#ff3f19"
@@ -429,17 +416,17 @@ const Fe = () => {
429
416
  }
430
417
  )
431
418
  ] });
432
- }, sn = "_zoom_a77cn_1", an = {
433
- zoom: sn
434
- }, rn = () => {
435
- const [t, n] = C.useState(), o = () => {
436
- n(Number(Math.round(window.devicePixelRatio * 50).toFixed(0)));
419
+ }, an = "_zoom_a77cn_1", rn = {
420
+ zoom: an
421
+ }, ln = () => {
422
+ const [t, o] = _.useState(), n = () => {
423
+ o(Number(Math.round(window.devicePixelRatio * 50).toFixed(0)));
437
424
  };
438
- return C.useEffect(() => (o(), window.addEventListener("resize", o), () => {
439
- window.removeEventListener("resize", o);
440
- }), []), /* @__PURE__ */ e.jsxs("div", { className: an.zoom, children: [
425
+ return _.useEffect(() => (n(), window.addEventListener("resize", n), () => {
426
+ window.removeEventListener("resize", n);
427
+ }), []), /* @__PURE__ */ e.jsxs("div", { className: rn.zoom, children: [
441
428
  /* @__PURE__ */ e.jsx(
442
- S,
429
+ C,
443
430
  {
444
431
  name: "MagnifyingGlassMinus",
445
432
  width: 20,
@@ -451,15 +438,15 @@ const Fe = () => {
451
438
  " %"
452
439
  ] })
453
440
  ] });
454
- }, ln = () => /* @__PURE__ */ e.jsxs("div", { className: zt.settings, children: [
455
- /* @__PURE__ */ e.jsx(Xt, {}),
456
- /* @__PURE__ */ e.jsx(on, {}),
457
- /* @__PURE__ */ e.jsx(rn, {})
458
- ] }), cn = "_theme_3wxbf_1", dn = {
459
- theme: cn
460
- }, un = () => /* @__PURE__ */ e.jsxs("div", { className: dn.theme, children: [
441
+ }, cn = () => /* @__PURE__ */ e.jsxs("div", { className: Wt.settings, children: [
442
+ /* @__PURE__ */ e.jsx(Qt, {}),
443
+ /* @__PURE__ */ e.jsx(sn, {}),
444
+ /* @__PURE__ */ e.jsx(ln, {})
445
+ ] }), dn = "_theme_3wxbf_1", un = {
446
+ theme: dn
447
+ }, hn = () => /* @__PURE__ */ e.jsxs("div", { className: un.theme, children: [
461
448
  /* @__PURE__ */ e.jsx(
462
- S,
449
+ C,
463
450
  {
464
451
  name: "Check",
465
452
  width: 18,
@@ -467,24 +454,24 @@ const Fe = () => {
467
454
  }
468
455
  ),
469
456
  /* @__PURE__ */ e.jsx("div", { children: "Current Theme" })
470
- ] }), hn = () => {
471
- const { themeSettings: t } = $(), { settings: n } = Y(), { isOpenSelectModal: o } = D(), [s, i] = C.useState(null), [r, a] = C.useState(!1), { pages: l } = D(), { blocks: d } = M();
472
- function g(_, w) {
473
- return w.map(
474
- (b) => Object.values(b.value.blockSettings).filter((N) => N.type === _).map((N) => N.value).flat()
457
+ ] }), pn = () => {
458
+ const { themeSettings: t } = M(), { settings: o } = Y(), { isOpenSelectModal: n } = T(), [s, i] = _.useState(null), [r, a] = _.useState(!1), { pages: l } = T(), { blocks: d } = F();
459
+ function S(f, k) {
460
+ return k.map(
461
+ (b) => Object.values(b.value.blockSettings).filter((N) => N.type === f).map((N) => N.value).flat()
475
462
  ).flat().map((b) => b.listingId);
476
463
  }
477
- function h(_, w) {
478
- return g(_, w).some((b) => b);
464
+ function h(f, k) {
465
+ return S(f, k).some((b) => b);
479
466
  }
480
- function p(_, w) {
481
- const x = g(_, w);
482
- return Array.isArray(x) && x.length > 0 ? Math.max(...x) : 0;
467
+ function g(f, k) {
468
+ const w = S(f, k);
469
+ return Array.isArray(w) && w.length > 0 ? Math.max(...w) : 0;
483
470
  }
484
- function u(_) {
471
+ function u(f) {
485
472
  if (l) {
486
- const w = Object.keys(l).find((x) => l[x].name === _);
487
- if (w) return l[w];
473
+ const k = Object.keys(l).find((w) => l[w].name === f);
474
+ if (k) return l[k];
488
475
  }
489
476
  return null;
490
477
  }
@@ -492,20 +479,20 @@ const Fe = () => {
492
479
  if (r)
493
480
  s && clearTimeout(s);
494
481
  else {
495
- const w = Object.keys(d).map((x) => {
496
- const b = u(x);
482
+ const k = Object.keys(d).map((w) => {
483
+ const b = u(w);
497
484
  return {
498
- name: b ? b.name : x,
499
- path: (b == null ? void 0 : b.path) || x,
485
+ name: b ? b.name : w,
486
+ path: (b == null ? void 0 : b.path) || w,
500
487
  layout: {
501
- ...d[x]
488
+ ...d[w]
502
489
  },
503
- neededProductIds: [...g("ProductId", Object.values(d[x]))],
504
- neededCategoryIds: [...g("CategoryId", Object.values(d[x]))],
505
- neededAnnouncementIds: [...g("AnnouncementId", Object.values(d[x]))],
506
- neededListingIds: [...g("listings", Object.values(d[x]))],
507
- neededFaqs: h("Faqs", Object.values(d[x])),
508
- neededReviewCount: p("ReviewCount", Object.values(d[x])),
490
+ neededProductIds: [...S("ProductId", Object.values(d[w]))],
491
+ neededCategoryIds: [...S("CategoryId", Object.values(d[w]))],
492
+ neededAnnouncementIds: [...S("AnnouncementId", Object.values(d[w]))],
493
+ neededListingIds: [...S("listings", Object.values(d[w]))],
494
+ neededFaqs: h("Faqs", Object.values(d[w])),
495
+ neededReviewCount: g("ReviewCount", Object.values(d[w])),
509
496
  seo: {
510
497
  pageTitle: b && b.seo && b.seo.title ? b.seo.title : "",
511
498
  pageDescription: b && b.seo && b.seo.description ? b.seo.description : ""
@@ -514,72 +501,72 @@ const Fe = () => {
514
501
  });
515
502
  Ze("POST", "save", {
516
503
  themeSettings: t,
517
- settings: n,
518
- updatedPages: w
504
+ settings: o,
505
+ updatedPages: k
519
506
  });
520
507
  }
521
508
  a(!0);
522
- const _ = setTimeout(() => {
509
+ const f = setTimeout(() => {
523
510
  a(!1);
524
511
  }, 2e3);
525
- i(_);
512
+ i(f);
526
513
  };
527
514
  return /* @__PURE__ */ e.jsxs(
528
515
  "div",
529
516
  {
530
517
  className: ue.header,
531
518
  style: {
532
- zIndex: o ? 5e4 : 50
519
+ zIndex: n ? 5e4 : 50
533
520
  },
534
521
  children: [
535
522
  /* @__PURE__ */ e.jsxs("div", { className: ue.left, children: [
536
- /* @__PURE__ */ e.jsx(Ht, {}),
537
- /* @__PURE__ */ e.jsx(Gt, {})
523
+ /* @__PURE__ */ e.jsx(Rt, {}),
524
+ /* @__PURE__ */ e.jsx(qt, {})
538
525
  ] }),
539
- /* @__PURE__ */ e.jsx("div", { className: ue.center, children: /* @__PURE__ */ e.jsx(ln, {}) }),
526
+ /* @__PURE__ */ e.jsx("div", { className: ue.center, children: /* @__PURE__ */ e.jsx(cn, {}) }),
540
527
  /* @__PURE__ */ e.jsxs("div", { className: ue.right, children: [
541
- /* @__PURE__ */ e.jsx(un, {}),
542
- /* @__PURE__ */ e.jsx(Ft, {}),
528
+ /* @__PURE__ */ e.jsx(hn, {}),
529
+ /* @__PURE__ */ e.jsx(Dt, {}),
543
530
  /* @__PURE__ */ e.jsx(K, { onClick: c, children: "Save" })
544
531
  ] })
545
532
  ]
546
533
  }
547
534
  );
548
- }, pn = "_exit_2ce42_1", gn = "_text_2ce42_10", Me = {
549
- exit: pn,
550
- text: gn
551
- }, mn = () => /* @__PURE__ */ e.jsxs("div", { className: Me.exit, children: [
535
+ }, gn = "_exit_2ce42_1", mn = "_text_2ce42_10", Fe = {
536
+ exit: gn,
537
+ text: mn
538
+ }, Sn = () => /* @__PURE__ */ e.jsxs("div", { className: Fe.exit, children: [
552
539
  /* @__PURE__ */ e.jsx(
553
- S,
540
+ C,
554
541
  {
555
542
  name: "SignOut",
556
543
  width: 20,
557
544
  height: 20
558
545
  }
559
546
  ),
560
- /* @__PURE__ */ e.jsx("span", { className: Me.text, children: "Exit" })
561
- ] }), Sn = "_navbar_2ac63_1", Cn = "_main_2ac63_6", _n = "_block_2ac63_13", bn = "_active_2ac63_30", he = {
562
- navbar: Sn,
563
- main: Cn,
564
- block: _n,
547
+ /* @__PURE__ */ e.jsx("span", { className: Fe.text, children: "Exit" })
548
+ ] }), Cn = "_navbar_2ac63_1", _n = "_main_2ac63_6", fn = "_block_2ac63_13", bn = "_active_2ac63_30", he = {
549
+ navbar: Cn,
550
+ main: _n,
551
+ block: fn,
565
552
  active: bn
566
- }, fn = () => {
567
- const { activeBlock: t, setActiveBlock: n } = Ce(), { setActiveBlock: o } = V(), { setCurrentBlock: s } = M(), { setActiveBlock: i } = $();
553
+ }, xn = () => {
554
+ const { activeBlock: t, setActiveBlock: o } = Ce(), { setActiveBlock: n } = V(), { setCurrentBlock: s } = F(), { setActiveBlock: i } = M();
568
555
  function r(a) {
569
- o(null), n(a), s(null), i(null);
556
+ n(null), o(a), s(null), i(null);
570
557
  }
571
558
  return /* @__PURE__ */ e.jsxs("div", { className: he.navbar, children: [
572
- /* @__PURE__ */ e.jsx(mn, {}),
559
+ /* @__PURE__ */ e.jsx(Sn, {}),
573
560
  /* @__PURE__ */ e.jsx("div", { className: he.main, children: et.map((a) => /* @__PURE__ */ e.jsxs(
574
561
  "div",
575
562
  {
576
- className: L(he.block, {
563
+ className: A(he.block, {
577
564
  [he.active]: t.icon === a.icon
578
565
  }),
579
566
  onClick: () => r(a),
580
567
  children: [
581
568
  /* @__PURE__ */ e.jsx(
582
- S,
569
+ C,
583
570
  {
584
571
  name: a.icon,
585
572
  fill: t.icon === a.icon ? "#252525" : "#757575"
@@ -591,28 +578,28 @@ const Fe = () => {
591
578
  a.icon
592
579
  )) })
593
580
  ] });
594
- }, xn = "_preview_1q4f5_1", wn = "_main_1q4f5_9", vn = "_content_1q4f5_19", kn = "_loading_1q4f5_26", jn = "_loader_1q4f5_34", yn = "_spin_1q4f5_1", pe = {
595
- preview: xn,
596
- main: wn,
581
+ }, wn = "_preview_1q4f5_1", kn = "_main_1q4f5_9", vn = "_content_1q4f5_19", jn = "_loading_1q4f5_26", yn = "_loader_1q4f5_34", Bn = "_spin_1q4f5_1", pe = {
582
+ preview: wn,
583
+ main: kn,
597
584
  content: vn,
598
- loading: kn,
599
- loader: jn,
600
- spin: yn
601
- }, Bn = "_header_1t64j_1", An = "_circles_1t64j_14", Pn = "_circle_1t64j_14", Ln = "_red_1t64j_30", Tn = "_green_1t64j_34", Nn = "_yellow_1t64j_38", Fn = "_input_1t64j_42", Dn = "_main_1t64j_51", Mn = "_text_1t64j_59", X = {
602
- header: Bn,
603
- circles: An,
604
- circle: Pn,
605
- red: Ln,
606
- green: Tn,
607
- yellow: Nn,
608
- input: Fn,
609
- main: Dn,
610
- text: Mn
611
- }, $n = "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", Hn = ["red", "yellow", "green"], Rn = () => /* @__PURE__ */ e.jsxs("div", { className: X.header, children: [
612
- /* @__PURE__ */ e.jsx("div", { className: X.circles, children: Hn.map((t) => /* @__PURE__ */ e.jsx(
585
+ loading: jn,
586
+ loader: yn,
587
+ spin: Bn
588
+ }, An = "_header_1t64j_1", Pn = "_circles_1t64j_14", Ln = "_circle_1t64j_14", Tn = "_red_1t64j_30", Nn = "_green_1t64j_34", Fn = "_yellow_1t64j_38", Dn = "_input_1t64j_42", Mn = "_main_1t64j_51", $n = "_text_1t64j_59", X = {
589
+ header: An,
590
+ circles: Pn,
591
+ circle: Ln,
592
+ red: Tn,
593
+ green: Nn,
594
+ yellow: Fn,
595
+ input: Dn,
596
+ main: Mn,
597
+ text: $n
598
+ }, Hn = "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", Rn = ["red", "yellow", "green"], In = () => /* @__PURE__ */ e.jsxs("div", { className: X.header, children: [
599
+ /* @__PURE__ */ e.jsx("div", { className: X.circles, children: Rn.map((t) => /* @__PURE__ */ e.jsx(
613
600
  "div",
614
601
  {
615
- className: L(X.circle, {
602
+ className: A(X.circle, {
616
603
  [X.red]: t === "red",
617
604
  [X.yellow]: t === "yellow",
618
605
  [X.green]: t === "green"
@@ -625,13 +612,13 @@ const Fe = () => {
625
612
  /* @__PURE__ */ e.jsx(
626
613
  "img",
627
614
  {
628
- src: $n,
615
+ src: Hn,
629
616
  alt: ""
630
617
  }
631
618
  ),
632
619
  /* @__PURE__ */ e.jsx("span", { className: X.text, children: "lorem.ipsum" }),
633
620
  /* @__PURE__ */ e.jsx(
634
- S,
621
+ C,
635
622
  {
636
623
  name: "Lock",
637
624
  fill: "#757575",
@@ -641,7 +628,7 @@ const Fe = () => {
641
628
  )
642
629
  ] }),
643
630
  /* @__PURE__ */ e.jsx(
644
- S,
631
+ C,
645
632
  {
646
633
  name: "Copy",
647
634
  width: 20,
@@ -649,71 +636,71 @@ const Fe = () => {
649
636
  }
650
637
  )
651
638
  ] })
652
- ] }), In = "_content_1plo6_1", En = "_main_1plo6_8", On = "_block_1plo6_12", Un = "_active_1plo6_19", Gn = "_name_1plo6_23", qn = "_empty_1plo6_37", zn = "_icon_1plo6_48", Wn = "_title_1plo6_59", Vn = "_text_1plo6_65", Xn = "_sections_1plo6_71", Qn = "_section_1plo6_71", ae = {
653
- content: In,
654
- main: En,
655
- block: On,
656
- active: Un,
657
- name: Gn,
658
- empty: qn,
659
- icon: zn,
660
- title: Wn,
661
- text: Vn,
662
- sections: Xn,
663
- section: Qn
664
- }, Kn = "_sidebar_1f3hk_1", Yn = "_content_1f3hk_12", Jn = "_button_1f3hk_22", Zn = "_moveButton_1f3hk_30", eo = "_border_1f3hk_34", to = "_deleteButton_1f3hk_38", R = {
665
- sidebar: Kn,
666
- content: Yn,
667
- button: Jn,
668
- moveButton: Zn,
669
- border: eo,
670
- deleteButton: to
671
- }, no = () => {
672
- const { activeBlock: t } = J(), { blocks: n, removeBlock: o, moveBlock: s, duplicateBlock: i } = M(), { currentPage: r, pages: a } = D(), l = a && a[r] ? Object.keys(n[a[r].path]) : [], d = l.indexOf(t), g = () => {
639
+ ] }), En = "_content_1plo6_1", On = "_main_1plo6_8", Un = "_block_1plo6_12", Gn = "_active_1plo6_19", qn = "_name_1plo6_23", zn = "_empty_1plo6_37", Wn = "_icon_1plo6_48", Vn = "_title_1plo6_59", Xn = "_text_1plo6_65", Qn = "_sections_1plo6_71", Kn = "_section_1plo6_71", ae = {
640
+ content: En,
641
+ main: On,
642
+ block: Un,
643
+ active: Gn,
644
+ name: qn,
645
+ empty: zn,
646
+ icon: Wn,
647
+ title: Vn,
648
+ text: Xn,
649
+ sections: Qn,
650
+ section: Kn
651
+ }, Yn = "_sidebar_1f3hk_1", Jn = "_content_1f3hk_12", Zn = "_button_1f3hk_22", eo = "_moveButton_1f3hk_30", to = "_border_1f3hk_34", no = "_deleteButton_1f3hk_38", $ = {
652
+ sidebar: Yn,
653
+ content: Jn,
654
+ button: Zn,
655
+ moveButton: eo,
656
+ border: to,
657
+ deleteButton: no
658
+ }, oo = () => {
659
+ const { activeBlock: t } = J(), { blocks: o, removeBlock: n, moveBlock: s, duplicateBlock: i } = F(), { currentPage: r, pages: a } = T(), l = a && a[r] ? Object.keys(o[a[r].path]) : [], d = l.indexOf(t), S = () => {
673
660
  d > 0 && a && s(a[r].path, d, d - 1);
674
661
  }, h = () => {
675
662
  d < l.length - 1 && a && s(a[r].path, d, d + 1);
676
- }, p = () => {
663
+ }, g = () => {
677
664
  a && i(a[r].path, t);
678
665
  };
679
- return /* @__PURE__ */ e.jsx("div", { className: R.sidebar, children: /* @__PURE__ */ e.jsxs("div", { className: R.content, children: [
666
+ return /* @__PURE__ */ e.jsx("div", { className: $.sidebar, children: /* @__PURE__ */ e.jsxs("div", { className: $.content, children: [
680
667
  /* @__PURE__ */ e.jsx(
681
668
  "button",
682
669
  {
683
- onClick: g,
684
- className: L(R.button, R.moveButton),
670
+ onClick: S,
671
+ className: A($.button, $.moveButton),
685
672
  disabled: d === 0,
686
- children: /* @__PURE__ */ e.jsx(S, { name: "ArrowUp" })
673
+ children: /* @__PURE__ */ e.jsx(C, { name: "ArrowUp" })
687
674
  }
688
675
  ),
689
676
  /* @__PURE__ */ e.jsx(
690
677
  "button",
691
678
  {
692
679
  onClick: h,
693
- className: L(R.button, R.moveButton),
680
+ className: A($.button, $.moveButton),
694
681
  disabled: d === l.length - 1,
695
- children: /* @__PURE__ */ e.jsx(S, { name: "ArrowDown" })
682
+ children: /* @__PURE__ */ e.jsx(C, { name: "ArrowDown" })
696
683
  }
697
684
  ),
698
- /* @__PURE__ */ e.jsx("div", { className: R.border }),
685
+ /* @__PURE__ */ e.jsx("div", { className: $.border }),
699
686
  /* @__PURE__ */ e.jsx(
700
687
  "button",
701
688
  {
702
- onClick: p,
703
- className: L(R.button, R.moveButton),
704
- children: /* @__PURE__ */ e.jsx(S, { name: "Copy" })
689
+ onClick: g,
690
+ className: A($.button, $.moveButton),
691
+ children: /* @__PURE__ */ e.jsx(C, { name: "Copy" })
705
692
  }
706
693
  ),
707
- /* @__PURE__ */ e.jsx("div", { className: R.border }),
694
+ /* @__PURE__ */ e.jsx("div", { className: $.border }),
708
695
  /* @__PURE__ */ e.jsx(
709
696
  "button",
710
697
  {
711
698
  onClick: () => {
712
- a && o(a[r].path, t);
699
+ a && n(a[r].path, t);
713
700
  },
714
- className: L(R.button, R.deleteButton),
701
+ className: A($.button, $.deleteButton),
715
702
  children: /* @__PURE__ */ e.jsx(
716
- S,
703
+ C,
717
704
  {
718
705
  name: "Trash",
719
706
  hoverable: !0
@@ -722,11 +709,11 @@ const Fe = () => {
722
709
  }
723
710
  )
724
711
  ] }) });
725
- }, oo = C.memo(() => {
726
- const { setActiveBlock: t, activeBlock: n } = J(), { blocks: o, sourceBlocks: s } = V(), { blocks: i } = M(), { settings: r } = Y(), { currentPage: a, pages: l, setIsOpenSelectModal: d, pageContext: g } = D(), h = C.useRef(n);
727
- C.useEffect(() => {
728
- h.current = n;
729
- }, [n]), C.useEffect(() => {
712
+ }, so = _.memo(() => {
713
+ const { setActiveBlock: t, activeBlock: o } = J(), { blocks: n, sourceBlocks: s } = V(), { blocks: i } = F(), { settings: r } = Y(), { currentPage: a, pages: l, setIsOpenSelectModal: d, pageContext: S } = T(), h = _.useRef(o);
714
+ _.useEffect(() => {
715
+ h.current = o;
716
+ }, [o]), _.useEffect(() => {
730
717
  const c = () => {
731
718
  h.current && t(null);
732
719
  };
@@ -734,9 +721,9 @@ const Fe = () => {
734
721
  document.body.removeEventListener("click", c);
735
722
  };
736
723
  }, []);
737
- const p = (c) => {
738
- const _ = new o[c.name]();
739
- return Object.assign(_, c.value), _.renderBlock(r, g);
724
+ const g = (c) => {
725
+ const f = new n[c.name]();
726
+ return Object.assign(f, c.value), f.renderBlock(r, S);
740
727
  };
741
728
  function u(c) {
742
729
  if (s)
@@ -750,21 +737,21 @@ const Fe = () => {
750
737
  },
751
738
  className: ae.content,
752
739
  children: [
753
- /* @__PURE__ */ e.jsx(ze, {}),
740
+ /* @__PURE__ */ e.jsx(Ge, {}),
754
741
  /* @__PURE__ */ e.jsx("div", { className: ae.main, children: l && l[a] && i[l[a].path] && Object.keys(i[l[a].path]).map((c) => /* @__PURE__ */ e.jsxs(
755
742
  "div",
756
743
  {
757
744
  onClick: () => t(c),
758
- className: L(ae.block, {
759
- [ae.active]: n === c
745
+ className: A(ae.block, {
746
+ [ae.active]: o === c
760
747
  }),
761
748
  children: [
762
- n === c && /* @__PURE__ */ e.jsx("div", { className: ae.name, children: u(i[l[a].path][c].name) }),
763
- n === c && /* @__PURE__ */ e.jsx(no, {}),
764
- o && /* @__PURE__ */ e.jsx(
765
- Ge,
749
+ o === c && /* @__PURE__ */ e.jsx("div", { className: ae.name, children: u(i[l[a].path][c].name) }),
750
+ o === c && /* @__PURE__ */ e.jsx(oo, {}),
751
+ n && /* @__PURE__ */ e.jsx(
752
+ Oe,
766
753
  {
767
- render: p,
754
+ render: g,
768
755
  block: i[l[a].path][c]
769
756
  }
770
757
  )
@@ -772,48 +759,48 @@ const Fe = () => {
772
759
  },
773
760
  c
774
761
  )) }),
775
- /* @__PURE__ */ e.jsx(qe, {})
762
+ /* @__PURE__ */ e.jsx(Ue, {})
776
763
  ]
777
764
  }
778
765
  );
779
- }), so = "_results_f488n_1", ao = "_name_f488n_8", ro = "_product_f488n_15", ge = {
780
- results: so,
781
- name: ao,
782
- product: ro
783
- }, io = "_search_1s0qp_1", lo = "_input_1s0qp_12", $e = {
784
- search: io,
785
- input: lo
786
- }, co = () => /* @__PURE__ */ e.jsxs("label", { className: $e.search, children: [
766
+ }), ao = "_results_f488n_1", ro = "_name_f488n_8", io = "_product_f488n_15", ge = {
767
+ results: ao,
768
+ name: ro,
769
+ product: io
770
+ }, lo = "_search_1s0qp_1", co = "_input_1s0qp_12", De = {
771
+ search: lo,
772
+ input: co
773
+ }, uo = () => /* @__PURE__ */ e.jsxs("label", { className: De.search, children: [
787
774
  /* @__PURE__ */ e.jsx(
788
775
  "input",
789
776
  {
790
777
  type: "text",
791
778
  placeholder: "Search for sections",
792
- className: $e.input
779
+ className: De.input
793
780
  }
794
781
  ),
795
782
  /* @__PURE__ */ e.jsx(
796
- S,
783
+ C,
797
784
  {
798
785
  name: "MagnifyingGlass",
799
786
  fill: "#757575"
800
787
  }
801
788
  )
802
- ] }), We = () => {
803
- const { blocks: t, sourceBlocks: n, setActiveBlock: o } = V(), { hideModal: s } = _e();
789
+ ] }), qe = () => {
790
+ const { blocks: t, sourceBlocks: o, setActiveBlock: n } = V(), { hideModal: s } = _e();
804
791
  function i(l) {
805
- o(l), s();
792
+ n(l), s();
806
793
  }
807
794
  function r(l) {
808
- if (n)
809
- return new n[l]().blockSettings.displayName;
795
+ if (o)
796
+ return new o[l]().blockSettings.displayName;
810
797
  }
811
798
  function a(l) {
812
- if (n)
813
- return new n[l]().blockSettings.isAddable;
799
+ if (o)
800
+ return new o[l]().blockSettings.isAddable;
814
801
  }
815
802
  return /* @__PURE__ */ e.jsxs("div", { className: ge.add, children: [
816
- /* @__PURE__ */ e.jsx(co, {}),
803
+ /* @__PURE__ */ e.jsx(uo, {}),
817
804
  /* @__PURE__ */ e.jsx("div", { className: ge.results, children: t && Object.keys(t).map((l) => {
818
805
  if (a(l))
819
806
  return /* @__PURE__ */ e.jsxs(
@@ -823,68 +810,68 @@ const Fe = () => {
823
810
  onClick: () => i(l),
824
811
  children: [
825
812
  /* @__PURE__ */ e.jsx("span", { className: ge.name, children: r(l) }),
826
- /* @__PURE__ */ e.jsx(S, { name: "CaretRight" })
813
+ /* @__PURE__ */ e.jsx(C, { name: "CaretRight" })
827
814
  ]
828
815
  },
829
816
  l
830
817
  );
831
818
  }) })
832
819
  ] });
833
- }, uo = () => {
820
+ }, ho = () => {
834
821
  const {
835
822
  modalPosition: t,
836
- color: n,
837
- initialColor: o,
823
+ color: o,
824
+ initialColor: n,
838
825
  setShowModal: s,
839
826
  hue: i,
840
827
  saturation: r,
841
828
  brightness: a,
842
829
  dragging: l,
843
830
  setDragging: d,
844
- setHue: g,
831
+ setHue: S,
845
832
  setSaturation: h,
846
- setBrightness: p,
833
+ setBrightness: g,
847
834
  colorChange: u,
848
835
  setColor: c,
849
- update: _
850
- } = Ee(), w = (m) => {
851
- const { offsetX: y, offsetY: A } = m.nativeEvent;
852
- d(!0), N(y, A, m.currentTarget);
853
- }, x = (m) => {
836
+ update: f
837
+ } = Re(), k = (m) => {
838
+ const { offsetX: v, offsetY: y } = m.nativeEvent;
839
+ d(!0), N(v, y, m.currentTarget);
840
+ }, w = (m) => {
854
841
  if (l) {
855
- const y = document.querySelector(`.${G.colorMap}`), { left: A, top: v } = y.getBoundingClientRect(), f = m.clientX - A, H = m.clientY - v;
856
- N(f, H, y);
842
+ const v = document.querySelector(`.${G.colorMap}`), { left: y, top: x } = v.getBoundingClientRect(), p = m.clientX - y, j = m.clientY - x;
843
+ N(p, j, v);
857
844
  }
858
845
  }, b = () => {
859
846
  d(!1);
860
- }, N = (m, y, A) => {
861
- const { width: v, height: f } = A.getBoundingClientRect(), H = Math.max(0, Math.min(m / v * 100, 100)), ce = Math.max(0, Math.min(100 - y / f * 100, 100));
862
- h(H), p(ce), T(H, ce);
863
- }, T = (m, y) => {
864
- const A = B(i, m, y);
865
- u(A), c(A);
866
- }, F = (m, y, A) => {
867
- y /= 100, A /= 100;
868
- const v = (de) => (de + m / 60) % 6, f = (de) => A * (1 - y * Math.max(0, Math.min(v(de), 4 - v(de), 1))), H = Math.round(255 * f(5)), ce = Math.round(255 * f(3)), Qe = Math.round(255 * f(1));
869
- return { r: H, g: ce, b: Qe };
870
- }, k = (m, y, A) => {
871
- const v = (f) => f.toString(16).padStart(2, "0");
872
- return `#${v(m)}${v(y)}${v(A)}`;
873
- }, B = (m, y, A) => {
874
- const { r: v, g: f, b: H } = F(m, y, A);
875
- return k(v, f, H);
847
+ }, N = (m, v, y) => {
848
+ const { width: x, height: p } = y.getBoundingClientRect(), j = Math.max(0, Math.min(m / x * 100, 100)), ce = Math.max(0, Math.min(100 - v / p * 100, 100));
849
+ h(j), g(ce), P(j, ce);
850
+ }, P = (m, v) => {
851
+ const y = B(i, m, v);
852
+ u(y), c(y);
853
+ }, R = (m, v, y) => {
854
+ v /= 100, y /= 100;
855
+ const x = (de) => (de + m / 60) % 6, p = (de) => y * (1 - v * Math.max(0, Math.min(x(de), 4 - x(de), 1))), j = Math.round(255 * p(5)), ce = Math.round(255 * p(3)), Ve = Math.round(255 * p(1));
856
+ return { r: j, g: ce, b: Ve };
857
+ }, L = (m, v, y) => {
858
+ const x = (p) => p.toString(16).padStart(2, "0");
859
+ return `#${x(m)}${x(v)}${x(y)}`;
860
+ }, B = (m, v, y) => {
861
+ const { r: x, g: p, b: j } = R(m, v, y);
862
+ return L(x, p, j);
876
863
  };
877
- C.useEffect(() => {
878
- const m = (A) => x(A), y = () => b();
879
- return l ? (document.addEventListener("mousemove", m), document.addEventListener("mouseup", y)) : (document.removeEventListener("mousemove", m), document.removeEventListener("mouseup", y)), () => {
880
- document.removeEventListener("mousemove", m), document.removeEventListener("mouseup", y);
864
+ _.useEffect(() => {
865
+ const m = (y) => w(y), v = () => b();
866
+ return l ? (document.addEventListener("mousemove", m), document.addEventListener("mouseup", v)) : (document.removeEventListener("mousemove", m), document.removeEventListener("mouseup", v)), () => {
867
+ document.removeEventListener("mousemove", m), document.removeEventListener("mouseup", v);
881
868
  };
882
869
  }, [l]);
883
- function j() {
884
- _(n), s(!1);
870
+ function D() {
871
+ f(o), s(!1);
885
872
  }
886
- function P() {
887
- s(!1), u(o);
873
+ function U() {
874
+ s(!1), u(n);
888
875
  }
889
876
  return /* @__PURE__ */ e.jsxs(
890
877
  "div",
@@ -901,7 +888,7 @@ const Fe = () => {
901
888
  "div",
902
889
  {
903
890
  className: G.colorMap,
904
- onMouseDown: w,
891
+ onMouseDown: k,
905
892
  style: {
906
893
  background: `
907
894
  linear-gradient(to top, black, transparent),
@@ -930,7 +917,7 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
930
917
  max: "360",
931
918
  value: i,
932
919
  onChange: (m) => {
933
- g(Number(m.target.value)), T(r, a);
920
+ S(Number(m.target.value)), P(r, a);
934
921
  },
935
922
  className: G.slider
936
923
  }
@@ -939,15 +926,15 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
939
926
  /* @__PURE__ */ e.jsx(
940
927
  K,
941
928
  {
942
- onClick: P,
943
- className: L(G.applyButton, G.cancelButton),
929
+ onClick: U,
930
+ className: A(G.applyButton, G.cancelButton),
944
931
  children: "Cancel"
945
932
  }
946
933
  ),
947
934
  /* @__PURE__ */ e.jsx(
948
935
  K,
949
936
  {
950
- onClick: j,
937
+ onClick: D,
951
938
  className: G.applyButton,
952
939
  children: "Apply"
953
940
  }
@@ -956,112 +943,112 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
956
943
  ]
957
944
  }
958
945
  );
959
- }, ho = () => {
946
+ }, po = () => {
960
947
  const { onPreview: t } = J(), {
961
948
  // hoverBlockId,
962
- isModalVisible: n
949
+ isModalVisible: o
963
950
  // isPreviewVisible
964
951
  } = _e(), {
965
952
  // currentPage,
966
953
  // pages,
967
- pageContext: o
968
- } = D(), { showModal: s } = Ee(), [i, r] = C.useState(!0);
969
- return C.useEffect(() => {
970
- t && o.general && setTimeout(() => {
954
+ pageContext: n
955
+ } = T(), { showModal: s } = Re(), [i, r] = _.useState(!0);
956
+ return _.useEffect(() => {
957
+ t && n.general && setTimeout(() => {
971
958
  r(!1);
972
959
  }, 100);
973
- }, [t, o]), /* @__PURE__ */ e.jsxs("div", { className: pe.preview, children: [
974
- n && /* @__PURE__ */ e.jsx(tt, { children: /* @__PURE__ */ e.jsx(We, {}) }),
975
- s && /* @__PURE__ */ e.jsx(uo, {}),
960
+ }, [t, n]), /* @__PURE__ */ e.jsxs("div", { className: pe.preview, children: [
961
+ o && /* @__PURE__ */ e.jsx(tt, { children: /* @__PURE__ */ e.jsx(qe, {}) }),
962
+ s && /* @__PURE__ */ e.jsx(ho, {}),
976
963
  t && /* @__PURE__ */ e.jsxs("div", { className: pe.main, children: [
977
- /* @__PURE__ */ e.jsx(Rn, {}),
978
- /* @__PURE__ */ e.jsx("div", { className: pe.content, children: i ? /* @__PURE__ */ e.jsx("div", { className: pe.loading, children: /* @__PURE__ */ e.jsx(ye, {}) }) : /* @__PURE__ */ e.jsx(oo, {}) })
964
+ /* @__PURE__ */ e.jsx(In, {}),
965
+ /* @__PURE__ */ e.jsx("div", { className: pe.content, children: i ? /* @__PURE__ */ e.jsx("div", { className: pe.loading, children: /* @__PURE__ */ e.jsx(ye, {}) }) : /* @__PURE__ */ e.jsx(so, {}) })
979
966
  ] })
980
967
  ] });
981
- }, po = "_sidebar_96mlz_1", go = "_title_96mlz_10", mo = "_active_96mlz_18", He = {
982
- sidebar: po,
983
- title: go,
984
- active: mo
985
- }, So = "_layers_62wod_1", Co = "_block_62wod_8", _o = "_dragging_62wod_23", bo = "_active_62wod_31", fo = "_add_62wod_35", xo = "_button_62wod_47", wo = "_empty_62wod_60", vo = "_title_62wod_72", ko = "_icon_62wod_79", jo = "_text_62wod_83", yo = "_highlight_62wod_89", oe = {
986
- layers: So,
987
- block: Co,
988
- dragging: _o,
968
+ }, go = "_sidebar_96mlz_1", mo = "_title_96mlz_10", So = "_active_96mlz_18", Me = {
969
+ sidebar: go,
970
+ title: mo,
971
+ active: So
972
+ }, Co = "_layers_62wod_1", _o = "_block_62wod_8", fo = "_dragging_62wod_23", bo = "_active_62wod_31", xo = "_add_62wod_35", wo = "_button_62wod_47", ko = "_empty_62wod_60", vo = "_title_62wod_72", jo = "_icon_62wod_79", yo = "_text_62wod_83", Bo = "_highlight_62wod_89", oe = {
973
+ layers: Co,
974
+ block: _o,
975
+ dragging: fo,
989
976
  active: bo,
990
- add: fo,
991
- button: xo,
992
- empty: wo,
977
+ add: xo,
978
+ button: wo,
979
+ empty: ko,
993
980
  title: vo,
994
- icon: ko,
995
- text: jo,
996
- highlight: yo
997
- }, Bo = "_block_1d6lb_1", Re = {
998
- block: Bo
999
- }, Ao = () => {
1000
- const { setCurrentBlock: t } = M(), { activeBlock: n } = J();
1001
- function o(s) {
981
+ icon: jo,
982
+ text: yo,
983
+ highlight: Bo
984
+ }, Ao = "_block_1d6lb_1", $e = {
985
+ block: Ao
986
+ }, Po = () => {
987
+ const { setCurrentBlock: t } = F(), { activeBlock: o } = J();
988
+ function n(s) {
1002
989
  t(s);
1003
990
  }
1004
991
  return /* @__PURE__ */ e.jsxs(
1005
992
  "div",
1006
993
  {
1007
- className: L(Re.block, {
1008
- [Re.active]: n === "header"
994
+ className: A($e.block, {
995
+ [$e.active]: o === "header"
1009
996
  }),
1010
- onClick: () => o("header"),
997
+ onClick: () => n("header"),
1011
998
  children: [
1012
- /* @__PURE__ */ e.jsx(S, { name: "Cards" }),
999
+ /* @__PURE__ */ e.jsx(C, { name: "Cards" }),
1013
1000
  /* @__PURE__ */ e.jsx("span", { children: "Header" })
1014
1001
  ]
1015
1002
  }
1016
1003
  );
1017
- }, Po = "_block_1d6lb_1", Ie = {
1018
- block: Po
1019
- }, Lo = () => {
1020
- const { activeBlock: t } = J(), { setCurrentBlock: n } = M();
1021
- function o(s) {
1022
- n(s);
1004
+ }, Lo = "_block_1d6lb_1", He = {
1005
+ block: Lo
1006
+ }, To = () => {
1007
+ const { activeBlock: t } = J(), { setCurrentBlock: o } = F();
1008
+ function n(s) {
1009
+ o(s);
1023
1010
  }
1024
1011
  return /* @__PURE__ */ e.jsxs(
1025
1012
  "div",
1026
1013
  {
1027
- className: L(Ie.block, {
1028
- [Ie.active]: t === "footer"
1014
+ className: A(He.block, {
1015
+ [He.active]: t === "footer"
1029
1016
  }),
1030
- onClick: () => o("footer"),
1017
+ onClick: () => n("footer"),
1031
1018
  children: [
1032
- /* @__PURE__ */ e.jsx(S, { name: "Cards" }),
1019
+ /* @__PURE__ */ e.jsx(C, { name: "Cards" }),
1033
1020
  /* @__PURE__ */ e.jsx("span", { children: "Footer" })
1034
1021
  ]
1035
1022
  }
1036
1023
  );
1037
- }, To = ({ id: t, name: n, index: o, moveBlock: s, onClick: i }) => {
1038
- const { currentPage: r, pages: a } = D(), { activeBlock: l } = J(), {
1024
+ }, No = ({ id: t, name: o, index: n, moveBlock: s, onClick: i }) => {
1025
+ const { currentPage: r, pages: a } = T(), { activeBlock: l } = J(), {
1039
1026
  showPreview: d,
1040
- hidePreview: g,
1027
+ hidePreview: S,
1041
1028
  showModal: h,
1042
- hideModal: p,
1029
+ hideModal: g,
1043
1030
  clearHideTimeout: u,
1044
1031
  startHideTimeout: c,
1045
- hoverBlockId: _,
1046
- isModalVisible: w
1047
- } = _e(), { setPositionBlock: x } = M(), [b, N] = C.useState(!1), T = () => {
1048
- w && p(), d(t), N(!0), u();
1049
- }, F = (m) => {
1050
- m.stopPropagation(), g(), h(t), u(), x(o + 1);
1051
- }, k = () => {
1052
- w ? c() : (N(!1), g());
1032
+ hoverBlockId: f,
1033
+ isModalVisible: k
1034
+ } = _e(), { setPositionBlock: w } = F(), [b, N] = _.useState(!1), P = () => {
1035
+ k && g(), d(t), N(!0), u();
1036
+ }, R = (m) => {
1037
+ m.stopPropagation(), S(), h(t), u(), w(n + 1);
1038
+ }, L = () => {
1039
+ k ? c() : (N(!1), S());
1053
1040
  };
1054
- C.useEffect(() => {
1055
- w || N(!1);
1056
- }, [w]);
1041
+ _.useEffect(() => {
1042
+ k || N(!1);
1043
+ }, [k]);
1057
1044
  const [, B] = st({
1058
1045
  accept: "block",
1059
1046
  hover(m) {
1060
- m.index !== o && a && (s(a[r].path, m.index, o), m.index = o);
1047
+ m.index !== n && a && (s(a[r].path, m.index, n), m.index = n);
1061
1048
  }
1062
- }), [{ isDragging: j }, P] = at({
1049
+ }), [{ isDragging: D }, U] = at({
1063
1050
  type: "block",
1064
- item: { id: t, index: o },
1051
+ item: { id: t, index: n },
1065
1052
  collect: (m) => ({
1066
1053
  isDragging: m.isDragging()
1067
1054
  })
@@ -1069,24 +1056,24 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1069
1056
  return /* @__PURE__ */ e.jsxs(
1070
1057
  "div",
1071
1058
  {
1072
- ref: (m) => P(B(m)),
1073
- className: L(oe.block, {
1074
- [oe.dragging]: j,
1075
- [oe.active]: !j && l === t
1059
+ ref: (m) => U(B(m)),
1060
+ className: A(oe.block, {
1061
+ [oe.dragging]: D,
1062
+ [oe.active]: !D && l === t
1076
1063
  }),
1077
1064
  onClick: () => i(t),
1078
- onMouseEnter: T,
1079
- onMouseLeave: k,
1065
+ onMouseEnter: P,
1066
+ onMouseLeave: L,
1080
1067
  children: [
1081
- /* @__PURE__ */ e.jsx(S, { name: "Cards" }),
1082
- /* @__PURE__ */ e.jsx("span", { children: n }),
1083
- (b || _ === t) && !j && /* @__PURE__ */ e.jsx("div", { className: oe.add, children: /* @__PURE__ */ e.jsx(
1068
+ /* @__PURE__ */ e.jsx(C, { name: "Cards" }),
1069
+ /* @__PURE__ */ e.jsx("span", { children: o }),
1070
+ (b || f === t) && !D && /* @__PURE__ */ e.jsx("div", { className: oe.add, children: /* @__PURE__ */ e.jsx(
1084
1071
  "button",
1085
1072
  {
1086
1073
  className: oe.button,
1087
- onClick: (m) => F(m),
1074
+ onClick: (m) => R(m),
1088
1075
  children: /* @__PURE__ */ e.jsx(
1089
- S,
1076
+ C,
1090
1077
  {
1091
1078
  name: "Plus",
1092
1079
  fill: "#fff"
@@ -1097,162 +1084,162 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1097
1084
  ]
1098
1085
  }
1099
1086
  );
1100
- }, No = () => {
1101
- const { blocks: t, setCurrentBlock: n, moveBlock: o } = M(), { currentPage: s, pages: i } = D(), { setMouseOverModal: r, setHoverBlockId: a } = _e();
1087
+ }, Fo = () => {
1088
+ const { blocks: t, setCurrentBlock: o, moveBlock: n } = F(), { currentPage: s, pages: i } = T(), { setMouseOverModal: r, setHoverBlockId: a } = _e();
1102
1089
  function l(h) {
1103
- n(h), r(!1), a(null);
1090
+ o(h), r(!1), a(null);
1104
1091
  }
1105
1092
  const { sourceBlocks: d } = V();
1106
- function g(h) {
1093
+ function S(h) {
1107
1094
  if (d)
1108
1095
  return new d[h]().blockSettings.displayName;
1109
1096
  }
1110
1097
  return /* @__PURE__ */ e.jsxs("div", { className: oe.layers, children: [
1111
- /* @__PURE__ */ e.jsx(Ao, {}),
1112
- /* @__PURE__ */ e.jsx(nt, { backend: ot, children: /* @__PURE__ */ e.jsx(e.Fragment, { children: i && i[s] && t[i[s].path] && Object.keys(t[i[s].path]).map((h, p) => /* @__PURE__ */ e.jsx(
1113
- To,
1098
+ /* @__PURE__ */ e.jsx(Po, {}),
1099
+ /* @__PURE__ */ e.jsx(nt, { backend: ot, children: /* @__PURE__ */ e.jsx(e.Fragment, { children: i && i[s] && t[i[s].path] && Object.keys(t[i[s].path]).map((h, g) => /* @__PURE__ */ e.jsx(
1100
+ No,
1114
1101
  {
1115
1102
  id: h,
1116
- name: g(t[i[s].path][h].name),
1117
- index: p,
1118
- moveBlock: o,
1103
+ name: S(t[i[s].path][h].name),
1104
+ index: g,
1105
+ moveBlock: n,
1119
1106
  onClick: l
1120
1107
  },
1121
1108
  h
1122
1109
  )) }) }),
1123
- /* @__PURE__ */ e.jsx(Lo, {})
1110
+ /* @__PURE__ */ e.jsx(To, {})
1124
1111
  ] });
1125
- }, Fo = ({ isHeader: t }) => {
1126
- const { header: n, footer: o } = M(), { pageContext: s } = D();
1127
- return t ? n == null ? void 0 : n.renderSettings(s) : o == null ? void 0 : o.renderSettings(s);
1128
- }, Do = () => {
1112
+ }, Do = ({ isHeader: t }) => {
1113
+ const { header: o, footer: n } = F(), { pageContext: s } = T();
1114
+ return t ? o == null ? void 0 : o.renderSettings(s) : n == null ? void 0 : n.renderSettings(s);
1115
+ }, Mo = () => {
1129
1116
  const { settings: t } = Y();
1130
1117
  return t == null ? void 0 : t.renderSettings();
1131
- }, Mo = "_theme_1xj36_1", $o = "_block_1xj36_6", Ho = "_name_1xj36_20", ke = {
1132
- theme: Mo,
1133
- block: $o,
1134
- name: Ho
1135
- }, Ro = () => {
1136
- const { setActiveBlock: t } = $();
1137
- function n(o) {
1138
- t(o);
1118
+ }, $o = "_theme_1xj36_1", Ho = "_block_1xj36_6", Ro = "_name_1xj36_20", ve = {
1119
+ theme: $o,
1120
+ block: Ho,
1121
+ name: Ro
1122
+ }, Io = () => {
1123
+ const { setActiveBlock: t } = M();
1124
+ function o(n) {
1125
+ t(n);
1139
1126
  }
1140
- return /* @__PURE__ */ e.jsx("div", { className: ke.theme, children: kt.map((o) => /* @__PURE__ */ e.jsxs(
1127
+ return /* @__PURE__ */ e.jsx("div", { className: ve.theme, children: vt.map((n) => /* @__PURE__ */ e.jsxs(
1141
1128
  "div",
1142
1129
  {
1143
- onClick: () => n(o),
1144
- className: L(ke.block),
1130
+ onClick: () => o(n),
1131
+ className: A(ve.block),
1145
1132
  children: [
1146
- /* @__PURE__ */ e.jsx(S, { name: o.icon }),
1147
- /* @__PURE__ */ e.jsx("span", { className: ke.name, children: o.name }),
1148
- /* @__PURE__ */ e.jsx(S, { name: "CaretRight" })
1133
+ /* @__PURE__ */ e.jsx(C, { name: n.icon }),
1134
+ /* @__PURE__ */ e.jsx("span", { className: ve.name, children: n.name }),
1135
+ /* @__PURE__ */ e.jsx(C, { name: "CaretRight" })
1149
1136
  ]
1150
1137
  },
1151
- o.icon
1138
+ n.icon
1152
1139
  )) });
1153
- }, Io = "_back_y3z55_1", Eo = "_render_y3z55_8", Oo = "_open_y3z55_23", Uo = "_close_y3z55_50", Go = "_clicked_y3z55_54", qo = "_title_y3z55_58", zo = "_button_y3z55_66", Wo = "_loading_y3z55_71", Vo = "_settings_y3z55_75", Xo = "_deleteButton_y3z55_81", z = {
1154
- back: Io,
1155
- render: Eo,
1156
- open: Oo,
1157
- close: Uo,
1158
- clicked: Go,
1159
- title: qo,
1160
- button: zo,
1161
- loading: Wo,
1162
- settings: Vo,
1163
- deleteButton: Xo
1164
- }, Qo = ({ block: t }) => {
1140
+ }, Eo = "_back_y3z55_1", Oo = "_render_y3z55_8", Uo = "_open_y3z55_23", Go = "_close_y3z55_50", qo = "_clicked_y3z55_54", zo = "_title_y3z55_58", Wo = "_button_y3z55_66", Vo = "_loading_y3z55_71", Xo = "_settings_y3z55_75", Qo = "_deleteButton_y3z55_81", z = {
1141
+ back: Eo,
1142
+ render: Oo,
1143
+ open: Uo,
1144
+ close: Go,
1145
+ clicked: qo,
1146
+ title: zo,
1147
+ button: Wo,
1148
+ loading: Vo,
1149
+ settings: Xo,
1150
+ deleteButton: Qo
1151
+ }, Ko = ({ block: t }) => {
1165
1152
  if (!t) return null;
1166
- const { pageContext: n } = D();
1167
- return t.renderSettings(n);
1168
- }, Ko = (t) => {
1169
- var A;
1170
- const { isAdd: n } = t, [o, s] = C.useState(!1), { setActiveBlock: i } = Ce(), { sourceBlocks: r, activeBlock: a, setActiveBlock: l, currentInstance: d, setCurrentInstance: g } = V(), {
1153
+ const { pageContext: o } = T();
1154
+ return t.renderSettings(o);
1155
+ }, Yo = (t) => {
1156
+ var y;
1157
+ const { isAdd: o } = t, [n, s] = _.useState(!1), { setActiveBlock: i } = Ce(), { sourceBlocks: r, activeBlock: a, setActiveBlock: l, currentInstance: d, setCurrentInstance: S } = V(), {
1171
1158
  blocks: h,
1172
- addBlock: p,
1159
+ addBlock: g,
1173
1160
  editBlock: u,
1174
1161
  currentBlock: c,
1175
- setCurrentBlock: _,
1176
- removeBlock: w,
1177
- setPositionBlock: x,
1162
+ setCurrentBlock: f,
1163
+ removeBlock: k,
1164
+ setPositionBlock: w,
1178
1165
  setHeader: b,
1179
1166
  setFooter: N,
1180
- header: T,
1181
- footer: F
1182
- } = M(), { currentPage: k, pages: B } = D();
1183
- function j(v = !1) {
1184
- if (!n && B && d && !v) {
1185
- const f = {
1167
+ header: P,
1168
+ footer: R
1169
+ } = F(), { currentPage: L, pages: B } = T();
1170
+ function D(x = !1) {
1171
+ if (!o && B && d && !x) {
1172
+ const p = {
1186
1173
  blockSettings: {}
1187
1174
  };
1188
- Object.keys(d.blockSettings).filter((H) => !["displayName", "isAddable"].includes(H)).map((H) => {
1189
- f.blockSettings[H] = d.blockSettings[H];
1190
- }), u(B[k].path, c, {
1191
- name: h[B[k].path][c].name,
1192
- value: f
1175
+ Object.keys(d.blockSettings).filter((j) => !["displayName", "isAddable"].includes(j)).map((j) => {
1176
+ p.blockSettings[j] = d.blockSettings[j];
1177
+ }), u(B[L].path, c, {
1178
+ name: h[B[L].path][c].name,
1179
+ value: p
1193
1180
  });
1194
1181
  }
1195
- l(null), _(null), setTimeout(() => {
1182
+ l(null), f(null), setTimeout(() => {
1196
1183
  s(!1);
1197
- }, 150), g(null);
1184
+ }, 150), S(null);
1198
1185
  }
1199
- function P() {
1200
- j(), i({
1186
+ function U() {
1187
+ D(), i({
1201
1188
  name: "Layers",
1202
1189
  icon: "TreeStructure"
1203
- }), g(null);
1190
+ }), S(null);
1204
1191
  }
1205
1192
  function m() {
1206
- if (n)
1193
+ if (o)
1207
1194
  return new r[a]();
1208
1195
  if (B) {
1209
- const v = h[B[k].path][c];
1210
- return new r[v.name](v.value.blockSettings);
1196
+ const x = h[B[L].path][c];
1197
+ return new r[x.name](x.value.blockSettings);
1211
1198
  }
1212
1199
  }
1213
- C.useEffect(() => {
1200
+ _.useEffect(() => {
1214
1201
  if (a || c && !["header", "footer"].includes(c)) {
1215
- const v = m();
1216
- g(v);
1202
+ const x = m();
1203
+ S(x);
1217
1204
  } else
1218
- g(null);
1219
- }, [a, c]), C.useEffect(() => {
1220
- c === "header" && b(T);
1221
- }, [c, T]), C.useEffect(() => {
1222
- c === "footer" && N(F);
1223
- }, [c, F]);
1224
- function y(v) {
1225
- if (r && v)
1226
- return new r[v]().blockSettings.displayName;
1205
+ S(null);
1206
+ }, [a, c]), _.useEffect(() => {
1207
+ c === "header" && b(P);
1208
+ }, [c, P]), _.useEffect(() => {
1209
+ c === "footer" && N(R);
1210
+ }, [c, R]);
1211
+ function v(x) {
1212
+ if (r && x)
1213
+ return new r[x]().blockSettings.displayName;
1227
1214
  }
1228
1215
  return /* @__PURE__ */ e.jsxs(
1229
1216
  "div",
1230
1217
  {
1231
- className: L(z.render, {
1218
+ className: A(z.render, {
1232
1219
  [z.open]: c || a,
1233
1220
  [z.close]: !c && !a,
1234
- [z.clicked]: o
1221
+ [z.clicked]: n
1235
1222
  }),
1236
1223
  children: [
1237
1224
  /* @__PURE__ */ e.jsxs("div", { className: z.back, children: [
1238
1225
  /* @__PURE__ */ e.jsx(
1239
- S,
1226
+ C,
1240
1227
  {
1241
1228
  name: "CaretLeft",
1242
1229
  hoverable: !0,
1243
- onClick: () => j()
1230
+ onClick: () => D()
1244
1231
  }
1245
1232
  ),
1246
- /* @__PURE__ */ e.jsx("h3", { className: z.title, children: a && y(a) || B && B[k] && h[B[k].path] && y((A = h[B[k].path][c]) == null ? void 0 : A.name) || c && U(c) || "Loading" }),
1247
- !n && B && !["header", "footer"].includes(c) && /* @__PURE__ */ e.jsx(
1233
+ /* @__PURE__ */ e.jsx("h3", { className: z.title, children: a && v(a) || B && B[L] && h[B[L].path] && v((y = h[B[L].path][c]) == null ? void 0 : y.name) || c && O(c) || "Loading" }),
1234
+ !o && B && !["header", "footer"].includes(c) && /* @__PURE__ */ e.jsx(
1248
1235
  "button",
1249
1236
  {
1250
1237
  onClick: () => {
1251
- s(!0), w(B[k].path, c), j(!0);
1238
+ s(!0), k(B[L].path, c), D(!0);
1252
1239
  },
1253
1240
  className: z.deleteButton,
1254
1241
  children: /* @__PURE__ */ e.jsx(
1255
- S,
1242
+ C,
1256
1243
  {
1257
1244
  name: "Trash",
1258
1245
  hoverable: !0
@@ -1262,11 +1249,11 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1262
1249
  )
1263
1250
  ] }),
1264
1251
  /* @__PURE__ */ e.jsxs("div", { className: z.settings, children: [
1265
- d && /* @__PURE__ */ e.jsx(Qo, { block: d }),
1266
- c && ["header", "footer"].includes(c) && /* @__PURE__ */ e.jsx(Fo, { isHeader: c === "header" }),
1252
+ d && /* @__PURE__ */ e.jsx(Ko, { block: d }),
1253
+ c && ["header", "footer"].includes(c) && /* @__PURE__ */ e.jsx(Do, { isHeader: c === "header" }),
1267
1254
  !a && !c && /* @__PURE__ */ e.jsx("div", { className: z.loading, children: "Loading" })
1268
1255
  ] }),
1269
- n && /* @__PURE__ */ e.jsx("div", { className: z.addButton, children: /* @__PURE__ */ e.jsx(
1256
+ o && /* @__PURE__ */ e.jsx("div", { className: z.addButton, children: /* @__PURE__ */ e.jsx(
1270
1257
  K,
1271
1258
  {
1272
1259
  style: {
@@ -1274,18 +1261,18 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1274
1261
  },
1275
1262
  onClick: () => {
1276
1263
  if (s(!0), !["header", "footer"].includes(c) && B) {
1277
- const v = {
1264
+ const x = {
1278
1265
  blockSettings: {}
1279
1266
  };
1280
- Object.keys(d.blockSettings).filter((f) => !["displayName", "isAddable"].includes(f)).map((f) => {
1281
- v.blockSettings[f] = d.blockSettings[f];
1282
- }), p(B[k].path, {
1267
+ Object.keys(d.blockSettings).filter((p) => !["displayName", "isAddable"].includes(p)).map((p) => {
1268
+ x.blockSettings[p] = d.blockSettings[p];
1269
+ }), g(B[L].path, {
1283
1270
  name: a,
1284
- value: v
1285
- }), x(null);
1271
+ value: x
1272
+ }), w(null);
1286
1273
  } else
1287
- c === "header" ? b(T) : N(F);
1288
- P();
1274
+ c === "header" ? b(P) : N(R);
1275
+ U();
1289
1276
  },
1290
1277
  children: "Add Section"
1291
1278
  }
@@ -1293,26 +1280,26 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1293
1280
  ]
1294
1281
  }
1295
1282
  );
1296
- }, Yo = "_settings_1r85j_1", Jo = "_open_1r85j_16", Zo = "_close_1r85j_20", es = "_header_1r85j_24", ts = "_title_1r85j_30", ns = "_addButton_1r85j_37", re = {
1297
- settings: Yo,
1298
- open: Jo,
1299
- close: Zo,
1300
- header: es,
1301
- title: ts,
1302
- addButton: ns
1303
- }, os = "_wrapper_n1a7x_1", ss = "_category_n1a7x_5", as = "_categoryTitle_n1a7x_10", rs = "_color_n1a7x_16", is = "_content_n1a7x_24", ls = "_preview_n1a7x_32", Z = {
1304
- wrapper: os,
1305
- category: ss,
1306
- categoryTitle: as,
1307
- color: rs,
1308
- content: is,
1309
- preview: ls
1310
- }, cs = () => {
1311
- const { themeSettings: t, updateColor: n } = $();
1312
- async function o(i, r, a) {
1313
- n(i, r, a);
1283
+ }, Jo = "_settings_1r85j_1", Zo = "_open_1r85j_16", es = "_close_1r85j_20", ts = "_header_1r85j_24", ns = "_title_1r85j_30", os = "_addButton_1r85j_37", re = {
1284
+ settings: Jo,
1285
+ open: Zo,
1286
+ close: es,
1287
+ header: ts,
1288
+ title: ns,
1289
+ addButton: os
1290
+ }, ss = "_wrapper_n1a7x_1", as = "_category_n1a7x_5", rs = "_categoryTitle_n1a7x_10", is = "_color_n1a7x_16", ls = "_content_n1a7x_24", cs = "_preview_n1a7x_32", Z = {
1291
+ wrapper: ss,
1292
+ category: as,
1293
+ categoryTitle: rs,
1294
+ color: is,
1295
+ content: ls,
1296
+ preview: cs
1297
+ }, ds = () => {
1298
+ const { themeSettings: t, updateColor: o } = M();
1299
+ async function n(i, r, a) {
1300
+ o(i, r, a);
1314
1301
  }
1315
- const s = Ue(() => {
1302
+ const s = Ee(() => {
1316
1303
  const i = {};
1317
1304
  return Object.entries(t.colors).forEach(([r, a]) => {
1318
1305
  Object.entries(a).forEach(([l, d]) => {
@@ -1325,7 +1312,7 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1325
1312
  {
1326
1313
  className: Z.category,
1327
1314
  children: [
1328
- /* @__PURE__ */ e.jsx("h2", { className: Z.categoryTitle, children: U(i) }),
1315
+ /* @__PURE__ */ e.jsx("h2", { className: Z.categoryTitle, children: O(i) }),
1329
1316
  Object.entries(r).map(([a, l]) => /* @__PURE__ */ e.jsxs(
1330
1317
  "div",
1331
1318
  {
@@ -1344,9 +1331,9 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1344
1331
  /* @__PURE__ */ e.jsx(
1345
1332
  ie,
1346
1333
  {
1347
- title: U(a),
1334
+ title: O(a),
1348
1335
  initialColor: l,
1349
- onChange: (d) => o(i, a, d)
1336
+ onChange: (d) => n(i, a, d)
1350
1337
  }
1351
1338
  )
1352
1339
  ] }),
@@ -1368,53 +1355,53 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1368
1355
  },
1369
1356
  i
1370
1357
  )) });
1371
- }, ds = "_wrapper_kb55x_2", us = "_category_kb55x_6", hs = "_categoryTitle_kb55x_11", ps = "_color_kb55x_17", gs = "_name_kb55x_23", ms = "_content_kb55x_28", Ss = "_label_kb55x_34", Cs = "_input_kb55x_45", _s = "_title_kb55x_71", bs = "_field_kb55x_79", fs = "_alignments_kb55x_89", xs = "_lineField_kb55x_95", ws = "_style_kb55x_101", vs = "_header_kb55x_108", W = {
1372
- wrapper: ds,
1373
- category: us,
1374
- categoryTitle: hs,
1375
- color: ps,
1376
- name: gs,
1377
- content: ms,
1378
- label: Ss,
1379
- input: Cs,
1380
- title: _s,
1358
+ }, us = "_wrapper_kb55x_2", hs = "_category_kb55x_6", ps = "_categoryTitle_kb55x_11", gs = "_color_kb55x_17", ms = "_name_kb55x_23", Ss = "_content_kb55x_28", Cs = "_label_kb55x_34", _s = "_input_kb55x_45", fs = "_title_kb55x_71", bs = "_field_kb55x_79", xs = "_alignments_kb55x_89", ws = "_lineField_kb55x_95", ks = "_style_kb55x_101", vs = "_header_kb55x_108", W = {
1359
+ wrapper: us,
1360
+ category: hs,
1361
+ categoryTitle: ps,
1362
+ color: gs,
1363
+ name: ms,
1364
+ content: Ss,
1365
+ label: Cs,
1366
+ input: _s,
1367
+ title: fs,
1381
1368
  field: bs,
1382
- alignments: fs,
1383
- lineField: xs,
1384
- style: ws,
1369
+ alignments: xs,
1370
+ lineField: ws,
1371
+ style: ks,
1385
1372
  header: vs
1386
- }, ks = ["left", "center", "right"], js = ["solid", "dashed"], me = (t) => {
1387
- const { title: n, children: o, rightAddon: s } = t;
1373
+ }, js = ["left", "center", "right"], ys = ["solid", "dashed"], me = (t) => {
1374
+ const { title: o, children: n, rightAddon: s } = t;
1388
1375
  return /* @__PURE__ */ e.jsxs("div", { className: W.field, children: [
1389
1376
  /* @__PURE__ */ e.jsxs("div", { className: W.header, children: [
1390
- /* @__PURE__ */ e.jsx("h4", { children: n }),
1377
+ /* @__PURE__ */ e.jsx("h4", { children: o }),
1391
1378
  s
1392
1379
  ] }),
1393
- o
1380
+ n
1394
1381
  ] });
1395
- }, ys = () => {
1396
- const { themeSettings: t, updateInput: n } = $(), o = Ue(() => t.inputs, [t]), s = (r, a, l) => {
1397
- n(r, a, l);
1382
+ }, Bs = () => {
1383
+ const { themeSettings: t, updateInput: o } = M(), n = Ee(() => t.inputs, [t]), s = (r, a, l) => {
1384
+ o(r, a, l);
1398
1385
  }, i = (r) => (a) => {
1399
- n(r, a, "color");
1386
+ o(r, a, "color");
1400
1387
  };
1401
1388
  return /* @__PURE__ */ e.jsxs("div", { className: W.wrapper, children: [
1402
1389
  /* @__PURE__ */ e.jsxs(me, { title: "General", children: [
1403
1390
  /* @__PURE__ */ e.jsx(
1404
- I,
1391
+ H,
1405
1392
  {
1406
1393
  label: "Height (px)",
1407
- value: String(o.general.height),
1394
+ value: String(n.general.height),
1408
1395
  onChange: (r) => s("general", r, "height"),
1409
1396
  type: "number",
1410
1397
  min: 0
1411
1398
  }
1412
1399
  ),
1413
1400
  /* @__PURE__ */ e.jsx(
1414
- I,
1401
+ H,
1415
1402
  {
1416
1403
  label: "Style name",
1417
- value: o.general.name,
1404
+ value: n.general.name,
1418
1405
  onChange: (r) => s("general", r, "name")
1419
1406
  }
1420
1407
  ),
@@ -1423,14 +1410,14 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1423
1410
  {
1424
1411
  label: "Font Size (px)",
1425
1412
  onChange: (r) => s("general", r, "size"),
1426
- value: String(o.general.size),
1413
+ value: String(n.general.size),
1427
1414
  options: Se
1428
1415
  }
1429
1416
  ),
1430
1417
  /* @__PURE__ */ e.jsx(
1431
1418
  ie,
1432
1419
  {
1433
- initialColor: U(o.general.color),
1420
+ initialColor: O(n.general.color),
1434
1421
  onChange: i("general"),
1435
1422
  title: "Font Color",
1436
1423
  labelStyle: "secondary"
@@ -1442,27 +1429,27 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1442
1429
  {
1443
1430
  title: "Field Fill",
1444
1431
  rightAddon: /* @__PURE__ */ e.jsx("div", { className: W.switch, children: /* @__PURE__ */ e.jsx(
1445
- Pe,
1432
+ Ae,
1446
1433
  {
1447
1434
  onChange: (r) => s("field", r, "active"),
1448
- current: o.field.active
1435
+ current: n.field.active
1449
1436
  }
1450
1437
  ) }),
1451
1438
  children: [
1452
1439
  /* @__PURE__ */ e.jsx(
1453
1440
  ie,
1454
1441
  {
1455
- initialColor: U(o.field.color),
1442
+ initialColor: O(n.field.color),
1456
1443
  onChange: i("field"),
1457
1444
  title: "Color",
1458
1445
  labelStyle: "secondary"
1459
1446
  }
1460
1447
  ),
1461
1448
  /* @__PURE__ */ e.jsx(
1462
- I,
1449
+ H,
1463
1450
  {
1464
1451
  label: "Opacity (%)",
1465
- value: String(o.field.opacity),
1452
+ value: String(n.field.opacity),
1466
1453
  onChange: (r) => s("field", r, "opacity"),
1467
1454
  type: "number",
1468
1455
  min: 0
@@ -1476,10 +1463,10 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1476
1463
  {
1477
1464
  title: "Border",
1478
1465
  rightAddon: /* @__PURE__ */ e.jsx("div", { className: W.switch, children: /* @__PURE__ */ e.jsx(
1479
- Pe,
1466
+ Ae,
1480
1467
  {
1481
1468
  onChange: (r) => s("border", r, "active"),
1482
- current: o.border.active
1469
+ current: n.border.active
1483
1470
  }
1484
1471
  ) }),
1485
1472
  children: [
@@ -1487,20 +1474,20 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1487
1474
  /* @__PURE__ */ e.jsxs("div", { className: W.style, children: [
1488
1475
  /* @__PURE__ */ e.jsx("span", { className: W.title, children: "Style" }),
1489
1476
  /* @__PURE__ */ e.jsx(
1490
- Le,
1477
+ Pe,
1491
1478
  {
1492
- items: js,
1493
- selectedItem: o.border.style,
1479
+ items: ys,
1480
+ selectedItem: n.border.style,
1494
1481
  onSelect: (r) => s("border", r, "style"),
1495
1482
  getIconName: (r) => r === "solid" ? "Minus" : "Selection"
1496
1483
  }
1497
1484
  )
1498
1485
  ] }),
1499
1486
  /* @__PURE__ */ e.jsx(
1500
- I,
1487
+ H,
1501
1488
  {
1502
1489
  label: "Radius (px)",
1503
- value: String(o.border.radius),
1490
+ value: String(n.border.radius),
1504
1491
  onChange: (r) => s("border", r, "radius"),
1505
1492
  type: "number",
1506
1493
  min: 0
@@ -1508,10 +1495,10 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1508
1495
  )
1509
1496
  ] }),
1510
1497
  /* @__PURE__ */ e.jsx(
1511
- I,
1498
+ H,
1512
1499
  {
1513
1500
  label: "Thickness (px)",
1514
- value: String(o.border.thickness),
1501
+ value: String(n.border.thickness),
1515
1502
  onChange: (r) => s("border", r, "thickness"),
1516
1503
  type: "number",
1517
1504
  min: 0
@@ -1520,7 +1507,7 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1520
1507
  /* @__PURE__ */ e.jsx(
1521
1508
  ie,
1522
1509
  {
1523
- initialColor: U(o.border.color),
1510
+ initialColor: O(n.border.color),
1524
1511
  onChange: i("border"),
1525
1512
  title: "Color",
1526
1513
  labelStyle: "secondary"
@@ -1531,10 +1518,10 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1531
1518
  ),
1532
1519
  /* @__PURE__ */ e.jsxs(me, { title: "Label", children: [
1533
1520
  /* @__PURE__ */ e.jsx(
1534
- I,
1521
+ H,
1535
1522
  {
1536
1523
  label: "Line Height (px)",
1537
- value: String(o.label.height),
1524
+ value: String(n.label.height),
1538
1525
  onChange: (r) => s("label", r, "height"),
1539
1526
  type: "number",
1540
1527
  min: 0
@@ -1545,14 +1532,14 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1545
1532
  {
1546
1533
  label: "Font Size (px)",
1547
1534
  onChange: (r) => s("label", r, "size"),
1548
- value: String(o.label.size),
1535
+ value: String(n.label.size),
1549
1536
  options: Se
1550
1537
  }
1551
1538
  ),
1552
1539
  /* @__PURE__ */ e.jsx(
1553
1540
  ie,
1554
1541
  {
1555
- initialColor: U(o.label.color),
1542
+ initialColor: O(n.label.color),
1556
1543
  onChange: i("label"),
1557
1544
  title: "Color",
1558
1545
  labelStyle: "secondary"
@@ -1561,10 +1548,10 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1561
1548
  /* @__PURE__ */ e.jsxs("div", { className: W.alignments, children: [
1562
1549
  /* @__PURE__ */ e.jsx("h4", { className: W.title, children: "Alignment Type" }),
1563
1550
  /* @__PURE__ */ e.jsx(
1564
- Le,
1551
+ Pe,
1565
1552
  {
1566
- items: ks,
1567
- selectedItem: o.label.alignment,
1553
+ items: js,
1554
+ selectedItem: n.label.alignment,
1568
1555
  onSelect: (r) => s("label", r, "alignment"),
1569
1556
  getIconName: (r) => r === "center" ? "AlignCenterHorizontal" : r === "left" ? "AlignLeft" : "AlignRight"
1570
1557
  }
@@ -1572,18 +1559,18 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1572
1559
  ] })
1573
1560
  ] })
1574
1561
  ] });
1575
- }, Bs = "_wrapper_k9on2_1", As = "_category_k9on2_5", Ps = "_categoryTitle_k9on2_10", Ls = "_font_k9on2_16", Ts = "_content_k9on2_36", Ns = "_icon_k9on2_42", Fs = "_paragraph_k9on2_51", Ds = "_deleteIcon_k9on2_55", Ms = "_iconButton_k9on2_62", Q = {
1576
- wrapper: Bs,
1577
- category: As,
1578
- categoryTitle: Ps,
1579
- font: Ls,
1580
- content: Ts,
1581
- icon: Ns,
1582
- paragraph: Fs,
1583
- deleteIcon: Ds,
1584
- iconButton: Ms
1585
- }, $s = (t) => {
1586
- const { font: n, size: o, id: s, category: i } = t, { setActiveFont: r } = $();
1562
+ }, As = "_wrapper_k9on2_1", Ps = "_category_k9on2_5", Ls = "_categoryTitle_k9on2_10", Ts = "_font_k9on2_16", Ns = "_content_k9on2_36", Fs = "_icon_k9on2_42", Ds = "_paragraph_k9on2_51", Ms = "_deleteIcon_k9on2_55", $s = "_iconButton_k9on2_62", Q = {
1563
+ wrapper: As,
1564
+ category: Ps,
1565
+ categoryTitle: Ls,
1566
+ font: Ts,
1567
+ content: Ns,
1568
+ icon: Fs,
1569
+ paragraph: Ds,
1570
+ deleteIcon: Ms,
1571
+ iconButton: $s
1572
+ }, Hs = (t) => {
1573
+ const { font: o, size: n, id: s, category: i } = t, { setActiveFont: r } = M();
1587
1574
  return /* @__PURE__ */ e.jsxs(
1588
1575
  "div",
1589
1576
  {
@@ -1593,36 +1580,36 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1593
1580
  /* @__PURE__ */ e.jsx(
1594
1581
  "div",
1595
1582
  {
1596
- className: L(Q.icon, {
1583
+ className: A(Q.icon, {
1597
1584
  [Q.paragraph]: i === "paragraph"
1598
1585
  }),
1599
- children: /* @__PURE__ */ e.jsx(S, { name: i === "paragraph" ? "TextB" : "TextH" })
1586
+ children: /* @__PURE__ */ e.jsx(C, { name: i === "paragraph" ? "TextB" : "TextH" })
1600
1587
  }
1601
1588
  ),
1602
1589
  /* @__PURE__ */ e.jsxs("div", { className: Q.content, children: [
1603
- /* @__PURE__ */ e.jsx("h2", { className: Q.categoryTitle, children: U(s) }),
1604
- /* @__PURE__ */ e.jsx("span", { className: Q.value, children: `${n}, ${o}px` })
1590
+ /* @__PURE__ */ e.jsx("h2", { className: Q.categoryTitle, children: O(s) }),
1591
+ /* @__PURE__ */ e.jsx("span", { className: Q.value, children: `${o}, ${n}px` })
1605
1592
  ] })
1606
1593
  ]
1607
1594
  }
1608
1595
  );
1609
- }, Hs = () => {
1610
- const { themeSettings: t, setActiveFont: n, activeBlock: o } = $();
1611
- C.useEffect(() => (s(), () => {
1596
+ }, Rs = () => {
1597
+ const { themeSettings: t, setActiveFont: o, activeBlock: n } = M();
1598
+ _.useEffect(() => (s(), () => {
1612
1599
  s();
1613
1600
  }), []);
1614
1601
  function s() {
1615
- n(null);
1602
+ o(null);
1616
1603
  }
1617
- if (o != null && o.name)
1604
+ if (n != null && n.name)
1618
1605
  return /* @__PURE__ */ e.jsx("div", { className: Q.wrapper, children: Object.entries(t.fonts).map(([i, r]) => /* @__PURE__ */ e.jsxs(
1619
1606
  "div",
1620
1607
  {
1621
1608
  className: Q.category,
1622
1609
  children: [
1623
- /* @__PURE__ */ e.jsx("h2", { className: Q.categoryTitle, children: U(i) }),
1610
+ /* @__PURE__ */ e.jsx("h2", { className: Q.categoryTitle, children: O(i) }),
1624
1611
  Object.entries(r).map(([a, l]) => /* @__PURE__ */ e.jsx(
1625
- $s,
1612
+ Hs,
1626
1613
  {
1627
1614
  id: a,
1628
1615
  category: i,
@@ -1634,29 +1621,29 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1634
1621
  },
1635
1622
  i
1636
1623
  )) });
1637
- }, Rs = "_wrapper_94fpv_1", Is = "_open_94fpv_16", Es = "_close_94fpv_20", Os = "_header_94fpv_24", Us = "_title_94fpv_31", Gs = "_options_94fpv_37", qs = "_clicked_94fpv_44", ee = {
1638
- wrapper: Rs,
1639
- open: Is,
1640
- close: Es,
1641
- header: Os,
1642
- title: Us,
1643
- options: Gs,
1644
- clicked: qs
1645
- }, zs = () => {
1646
- const { activeBlock: t, setActiveFont: n, activeFont: o, themeSettings: s, updateFont: i } = $(), { fonts: r } = Oe(), [a, l] = C.useState(null);
1624
+ }, Is = "_wrapper_94fpv_1", Es = "_open_94fpv_16", Os = "_close_94fpv_20", Us = "_header_94fpv_24", Gs = "_title_94fpv_31", qs = "_options_94fpv_37", zs = "_clicked_94fpv_44", ee = {
1625
+ wrapper: Is,
1626
+ open: Es,
1627
+ close: Os,
1628
+ header: Us,
1629
+ title: Gs,
1630
+ options: qs,
1631
+ clicked: zs
1632
+ }, Ws = () => {
1633
+ const { activeBlock: t, setActiveFont: o, activeFont: n, themeSettings: s, updateFont: i } = M(), { fonts: r } = Ie(), [a, l] = _.useState(null);
1647
1634
  function d() {
1648
- n(null);
1635
+ o(null);
1649
1636
  }
1650
- function g(p, u) {
1651
- a && o && i(a, o, u, p);
1637
+ function S(g, u) {
1638
+ a && n && i(a, n, u, g);
1652
1639
  }
1653
- const h = C.useMemo(() => o ? s.fonts.heading[o] ? (l("heading"), s.fonts.heading[o]) : s.fonts.paragraph[o] ? (l("paragraph"), s.fonts.paragraph[o]) : (l(null), null) : null, [o, s]);
1640
+ const h = _.useMemo(() => n ? s.fonts.heading[n] ? (l("heading"), s.fonts.heading[n]) : s.fonts.paragraph[n] ? (l("paragraph"), s.fonts.paragraph[n]) : (l(null), null) : null, [n, s]);
1654
1641
  return /* @__PURE__ */ e.jsxs(
1655
1642
  "div",
1656
1643
  {
1657
- className: L(ee.wrapper, {
1658
- [ee.open]: (t == null ? void 0 : t.name) === "Fonts" && o,
1659
- [ee.close]: (t == null ? void 0 : t.name) !== "Fonts" || !o
1644
+ className: A(ee.wrapper, {
1645
+ [ee.open]: (t == null ? void 0 : t.name) === "Fonts" && n,
1646
+ [ee.close]: (t == null ? void 0 : t.name) !== "Fonts" || !n
1660
1647
  }),
1661
1648
  children: [
1662
1649
  /* @__PURE__ */ e.jsxs(
@@ -1666,7 +1653,7 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1666
1653
  onClick: d,
1667
1654
  children: [
1668
1655
  /* @__PURE__ */ e.jsx(
1669
- S,
1656
+ C,
1670
1657
  {
1671
1658
  name: "CaretLeft",
1672
1659
  hoverable: !0
@@ -1676,14 +1663,14 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1676
1663
  ]
1677
1664
  }
1678
1665
  ),
1679
- o && h && /* @__PURE__ */ e.jsxs("div", { className: ee.options, children: [
1666
+ n && h && /* @__PURE__ */ e.jsxs("div", { className: ee.options, children: [
1680
1667
  /* @__PURE__ */ e.jsx(
1681
1668
  se,
1682
1669
  {
1683
1670
  label: "Font",
1684
1671
  value: h.font,
1685
- onChange: (p) => g(p, "font"),
1686
- options: [...r.filter((p) => p !== h.font)]
1672
+ onChange: (g) => S(g, "font"),
1673
+ options: [...r.filter((g) => g !== h.font)]
1687
1674
  }
1688
1675
  ),
1689
1676
  /* @__PURE__ */ e.jsx(
@@ -1691,7 +1678,7 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1691
1678
  {
1692
1679
  label: "Size",
1693
1680
  value: String(h.size),
1694
- onChange: (p) => g(p, "size"),
1681
+ onChange: (g) => S(g, "size"),
1695
1682
  options: Se
1696
1683
  }
1697
1684
  ),
@@ -1700,7 +1687,7 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1700
1687
  {
1701
1688
  label: "Weight",
1702
1689
  value: String(h.weight),
1703
- onChange: (p) => g(p, "weight"),
1690
+ onChange: (g) => S(g, "weight"),
1704
1691
  options: it
1705
1692
  }
1706
1693
  )
@@ -1708,34 +1695,34 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1708
1695
  ]
1709
1696
  }
1710
1697
  );
1711
- }, Ws = "_wrapper_94fpv_1", Vs = "_open_94fpv_16", Xs = "_close_94fpv_20", Qs = "_header_94fpv_24", Ks = "_title_94fpv_31", Ys = "_options_94fpv_37", Js = "_clicked_94fpv_44", te = {
1712
- wrapper: Ws,
1713
- open: Vs,
1714
- close: Xs,
1715
- header: Qs,
1716
- title: Ks,
1717
- options: Ys,
1718
- clicked: Js
1719
- }, Ve = () => {
1720
- const { activeBlock: t, themeSettings: n, updateBorder: o, setActiveBlock: s } = $();
1698
+ }, Vs = "_wrapper_94fpv_1", Xs = "_open_94fpv_16", Qs = "_close_94fpv_20", Ks = "_header_94fpv_24", Ys = "_title_94fpv_31", Js = "_options_94fpv_37", Zs = "_clicked_94fpv_44", te = {
1699
+ wrapper: Vs,
1700
+ open: Xs,
1701
+ close: Qs,
1702
+ header: Ks,
1703
+ title: Ys,
1704
+ options: Js,
1705
+ clicked: Zs
1706
+ }, ze = () => {
1707
+ const { activeBlock: t, themeSettings: o, updateBorder: n, setActiveBlock: s } = M();
1721
1708
  function i(l, d) {
1722
- o(d, l);
1709
+ n(d, l);
1723
1710
  }
1724
1711
  function r() {
1725
1712
  s(null);
1726
1713
  }
1727
- const a = C.useMemo(() => n.borders, [n]);
1714
+ const a = _.useMemo(() => o.borders, [o]);
1728
1715
  return /* @__PURE__ */ e.jsxs(
1729
1716
  "div",
1730
1717
  {
1731
- className: L(te.wrapper, {
1718
+ className: A(te.wrapper, {
1732
1719
  [te.open]: (t == null ? void 0 : t.name) === "Borders",
1733
1720
  [te.close]: (t == null ? void 0 : t.name) !== "Borders"
1734
1721
  }),
1735
1722
  children: [
1736
1723
  /* @__PURE__ */ e.jsxs("div", { className: te.header, children: [
1737
1724
  /* @__PURE__ */ e.jsx(
1738
- S,
1725
+ C,
1739
1726
  {
1740
1727
  name: "CaretLeft",
1741
1728
  hoverable: !0,
@@ -1746,7 +1733,7 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1746
1733
  ] }),
1747
1734
  /* @__PURE__ */ e.jsxs("div", { className: te.options, children: [
1748
1735
  /* @__PURE__ */ e.jsx(
1749
- I,
1736
+ H,
1750
1737
  {
1751
1738
  label: "Border Radius (px)",
1752
1739
  value: String(a.radius),
@@ -1756,7 +1743,7 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1756
1743
  }
1757
1744
  ),
1758
1745
  /* @__PURE__ */ e.jsx(
1759
- I,
1746
+ H,
1760
1747
  {
1761
1748
  label: "Border Thickness (px)",
1762
1749
  value: String(a.thickness),
@@ -1769,50 +1756,50 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1769
1756
  ]
1770
1757
  }
1771
1758
  );
1772
- }, Zs = "_wrapper_1j33r_1", ea = "_open_1j33r_16", ta = "_close_1j33r_20", na = "_header_1j33r_24", oa = "_title_1j33r_31", sa = "_options_1j33r_37", aa = "_clicked_1j33r_44", ra = "_label_1j33r_48", ia = "_alignments_1j33r_55", la = "_blocks_1j33r_61", ca = "_alignment_1j33r_55", da = "_active_1j33r_75", E = {
1773
- wrapper: Zs,
1774
- open: ea,
1775
- close: ta,
1776
- header: na,
1777
- title: oa,
1778
- options: sa,
1779
- clicked: aa,
1780
- label: ra,
1781
- alignments: ia,
1782
- blocks: la,
1783
- alignment: ca,
1784
- active: da
1785
- }, ua = ["left", "center", "right"], Xe = () => {
1786
- const { activeBlock: t, themeSettings: n, updateButton: o, setActiveBlock: s } = $();
1759
+ }, ea = "_wrapper_1j33r_1", ta = "_open_1j33r_16", na = "_close_1j33r_20", oa = "_header_1j33r_24", sa = "_title_1j33r_31", aa = "_options_1j33r_37", ra = "_clicked_1j33r_44", ia = "_label_1j33r_48", la = "_alignments_1j33r_55", ca = "_blocks_1j33r_61", da = "_alignment_1j33r_55", ua = "_active_1j33r_75", I = {
1760
+ wrapper: ea,
1761
+ open: ta,
1762
+ close: na,
1763
+ header: oa,
1764
+ title: sa,
1765
+ options: aa,
1766
+ clicked: ra,
1767
+ label: ia,
1768
+ alignments: la,
1769
+ blocks: ca,
1770
+ alignment: da,
1771
+ active: ua
1772
+ }, ha = ["left", "center", "right"], We = () => {
1773
+ const { activeBlock: t, themeSettings: o, updateButton: n, setActiveBlock: s } = M();
1787
1774
  function i(l, d) {
1788
- o(d, l);
1775
+ n(d, l);
1789
1776
  }
1790
1777
  function r() {
1791
1778
  s(null);
1792
1779
  }
1793
- const a = C.useMemo(() => n.buttons, [n]);
1780
+ const a = _.useMemo(() => o.buttons, [o]);
1794
1781
  return /* @__PURE__ */ e.jsxs(
1795
1782
  "div",
1796
1783
  {
1797
- className: L(E.wrapper, {
1798
- [E.open]: (t == null ? void 0 : t.name) === "Buttons",
1799
- [E.close]: (t == null ? void 0 : t.name) !== "Buttons"
1784
+ className: A(I.wrapper, {
1785
+ [I.open]: (t == null ? void 0 : t.name) === "Buttons",
1786
+ [I.close]: (t == null ? void 0 : t.name) !== "Buttons"
1800
1787
  }),
1801
1788
  children: [
1802
- /* @__PURE__ */ e.jsxs("div", { className: E.header, children: [
1789
+ /* @__PURE__ */ e.jsxs("div", { className: I.header, children: [
1803
1790
  /* @__PURE__ */ e.jsx(
1804
- S,
1791
+ C,
1805
1792
  {
1806
1793
  name: "CaretLeft",
1807
1794
  hoverable: !0,
1808
1795
  onClick: r
1809
1796
  }
1810
1797
  ),
1811
- /* @__PURE__ */ e.jsx("span", { className: E.title, children: "Buttons Style" })
1798
+ /* @__PURE__ */ e.jsx("span", { className: I.title, children: "Buttons Style" })
1812
1799
  ] }),
1813
- a && /* @__PURE__ */ e.jsxs("div", { className: E.options, children: [
1800
+ a && /* @__PURE__ */ e.jsxs("div", { className: I.options, children: [
1814
1801
  /* @__PURE__ */ e.jsx(
1815
- I,
1802
+ H,
1816
1803
  {
1817
1804
  label: "Height (px)",
1818
1805
  value: String(a.height),
@@ -1831,7 +1818,7 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1831
1818
  }
1832
1819
  ),
1833
1820
  /* @__PURE__ */ e.jsx(
1834
- I,
1821
+ H,
1835
1822
  {
1836
1823
  label: "Border Radius (px)",
1837
1824
  value: String(a.radius),
@@ -1840,19 +1827,19 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1840
1827
  min: 0
1841
1828
  }
1842
1829
  ),
1843
- /* @__PURE__ */ e.jsxs("div", { className: E.alignments, children: [
1844
- /* @__PURE__ */ e.jsx("h4", { className: E.label, children: "Alignment Type" }),
1845
- /* @__PURE__ */ e.jsx("div", { className: E.blocks, children: ua.map((l) => /* @__PURE__ */ e.jsx(
1830
+ /* @__PURE__ */ e.jsxs("div", { className: I.alignments, children: [
1831
+ /* @__PURE__ */ e.jsx("h4", { className: I.label, children: "Alignment Type" }),
1832
+ /* @__PURE__ */ e.jsx("div", { className: I.blocks, children: ha.map((l) => /* @__PURE__ */ e.jsx(
1846
1833
  "div",
1847
1834
  {
1848
- className: L(E.alignment, {
1849
- [E.active]: a.alignment === l
1835
+ className: A(I.alignment, {
1836
+ [I.active]: a.alignment === l
1850
1837
  }),
1851
1838
  onClick: () => {
1852
1839
  i(l, "alignment");
1853
1840
  },
1854
1841
  children: /* @__PURE__ */ e.jsx(
1855
- S,
1842
+ C,
1856
1843
  {
1857
1844
  name: l === "center" ? "AlignCenterHorizontal" : l === "left" ? "AlignLeft" : "AlignRight",
1858
1845
  fill: a.alignment === l ? "#252525" : "#757575"
@@ -1866,29 +1853,29 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1866
1853
  ]
1867
1854
  }
1868
1855
  );
1869
- }, ha = () => {
1870
- const { activeBlock: t } = $();
1856
+ }, pa = () => {
1857
+ const { activeBlock: t } = M();
1871
1858
  return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
1872
- (t == null ? void 0 : t.name) === "Fonts" && /* @__PURE__ */ e.jsx(zs, {}),
1873
- (t == null ? void 0 : t.name) === "Borders" && /* @__PURE__ */ e.jsx(Ve, {}),
1874
- (t == null ? void 0 : t.name) === "Buttons" && /* @__PURE__ */ e.jsx(Xe, {})
1859
+ (t == null ? void 0 : t.name) === "Fonts" && /* @__PURE__ */ e.jsx(Ws, {}),
1860
+ (t == null ? void 0 : t.name) === "Borders" && /* @__PURE__ */ e.jsx(ze, {}),
1861
+ (t == null ? void 0 : t.name) === "Buttons" && /* @__PURE__ */ e.jsx(We, {})
1875
1862
  ] });
1876
- }, pa = () => {
1877
- const { activeBlock: t, setActiveBlock: n } = $(), { activeBlock: o } = Ce();
1863
+ }, ga = () => {
1864
+ const { activeBlock: t, setActiveBlock: o } = M(), { activeBlock: n } = Ce();
1878
1865
  function s() {
1879
- n(null);
1866
+ o(null);
1880
1867
  }
1881
1868
  return /* @__PURE__ */ e.jsxs(
1882
1869
  "div",
1883
1870
  {
1884
- className: L(re.settings, {
1871
+ className: A(re.settings, {
1885
1872
  [re.open]: t,
1886
- [re.close]: !t || o.name !== "Theme"
1873
+ [re.close]: !t || n.name !== "Theme"
1887
1874
  }),
1888
1875
  children: [
1889
1876
  /* @__PURE__ */ e.jsxs("div", { className: re.header, children: [
1890
1877
  /* @__PURE__ */ e.jsx(
1891
- S,
1878
+ C,
1892
1879
  {
1893
1880
  name: "CaretLeft",
1894
1881
  hoverable: !0,
@@ -1897,18 +1884,18 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1897
1884
  ),
1898
1885
  /* @__PURE__ */ e.jsx("span", { className: re.title, children: t == null ? void 0 : t.name })
1899
1886
  ] }),
1900
- (t == null ? void 0 : t.name) === "Fonts" && /* @__PURE__ */ e.jsx(Hs, {}),
1901
- (t == null ? void 0 : t.name) === "Colors" && /* @__PURE__ */ e.jsx(cs, {}),
1902
- (t == null ? void 0 : t.name) === "Inputs" && /* @__PURE__ */ e.jsx(ys, {}),
1903
- (t == null ? void 0 : t.name) === "Borders" && /* @__PURE__ */ e.jsx(Ve, {}),
1904
- (t == null ? void 0 : t.name) === "Borders" && /* @__PURE__ */ e.jsx(Xe, {}),
1905
- /* @__PURE__ */ e.jsx(ha, {})
1887
+ (t == null ? void 0 : t.name) === "Fonts" && /* @__PURE__ */ e.jsx(Rs, {}),
1888
+ (t == null ? void 0 : t.name) === "Colors" && /* @__PURE__ */ e.jsx(ds, {}),
1889
+ (t == null ? void 0 : t.name) === "Inputs" && /* @__PURE__ */ e.jsx(Bs, {}),
1890
+ (t == null ? void 0 : t.name) === "Borders" && /* @__PURE__ */ e.jsx(ze, {}),
1891
+ (t == null ? void 0 : t.name) === "Borders" && /* @__PURE__ */ e.jsx(We, {}),
1892
+ /* @__PURE__ */ e.jsx(pa, {})
1906
1893
  ]
1907
1894
  }
1908
1895
  );
1909
- }, ga = () => {
1910
- const { activeBlock: t } = Ce(), { activeBlock: n } = V();
1911
- function o() {
1896
+ }, ma = () => {
1897
+ const { activeBlock: t } = Ce(), { activeBlock: o } = V();
1898
+ function n() {
1912
1899
  switch (t.name) {
1913
1900
  case "Layers":
1914
1901
  return "Layers";
@@ -1920,126 +1907,126 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1920
1907
  return "Settings";
1921
1908
  }
1922
1909
  }
1923
- return /* @__PURE__ */ e.jsxs("div", { className: He.sidebar, children: [
1924
- /* @__PURE__ */ e.jsx("h3", { className: He.title, children: o() }),
1925
- t.name === "Layers" && /* @__PURE__ */ e.jsx(No, {}),
1926
- t.name === "Add" && /* @__PURE__ */ e.jsx(We, {}),
1927
- /* @__PURE__ */ e.jsx(Ko, { isAdd: !!n }),
1928
- /* @__PURE__ */ e.jsx(pa, {}),
1929
- t.name === "Theme" && /* @__PURE__ */ e.jsx(Ro, {}),
1930
- t.name === "Settings" && /* @__PURE__ */ e.jsx(Do, {})
1910
+ return /* @__PURE__ */ e.jsxs("div", { className: Me.sidebar, children: [
1911
+ /* @__PURE__ */ e.jsx("h3", { className: Me.title, children: n() }),
1912
+ t.name === "Layers" && /* @__PURE__ */ e.jsx(Fo, {}),
1913
+ t.name === "Add" && /* @__PURE__ */ e.jsx(qe, {}),
1914
+ /* @__PURE__ */ e.jsx(Yo, { isAdd: !!o }),
1915
+ /* @__PURE__ */ e.jsx(ga, {}),
1916
+ t.name === "Theme" && /* @__PURE__ */ e.jsx(Io, {}),
1917
+ t.name === "Settings" && /* @__PURE__ */ e.jsx(Mo, {})
1931
1918
  ] });
1932
- }, ma = "_wrapper_jjfwh_1", Sa = "_header_jjfwh_12", Ca = "_content_jjfwh_21", _a = "_buttons_jjfwh_29", ba = "_cancel_jjfwh_35", fa = "_label_jjfwh_40", xa = "_description_jjfwh_41", wa = "_preview_jjfwh_49", va = "_block_jjfwh_55", ka = "_slug_jjfwh_63", ja = "_title_jjfwh_69", O = {
1933
- wrapper: ma,
1934
- header: Sa,
1935
- content: Ca,
1936
- buttons: _a,
1919
+ }, Sa = "_wrapper_jjfwh_1", Ca = "_header_jjfwh_12", _a = "_content_jjfwh_21", fa = "_buttons_jjfwh_29", ba = "_cancel_jjfwh_35", xa = "_label_jjfwh_40", wa = "_description_jjfwh_41", ka = "_preview_jjfwh_49", va = "_block_jjfwh_55", ja = "_slug_jjfwh_63", ya = "_title_jjfwh_69", E = {
1920
+ wrapper: Sa,
1921
+ header: Ca,
1922
+ content: _a,
1923
+ buttons: fa,
1937
1924
  cancel: ba,
1938
- label: fa,
1939
- description: xa,
1940
- preview: wa,
1925
+ label: xa,
1926
+ description: wa,
1927
+ preview: ka,
1941
1928
  block: va,
1942
- slug: ka,
1943
- title: ja
1944
- }, ya = () => {
1945
- var j, P, m, y, A, v;
1929
+ slug: ja,
1930
+ title: ya
1931
+ }, Ba = () => {
1932
+ var D, U, m, v, y, x;
1946
1933
  const {
1947
1934
  setIsOpenModal: t,
1948
- pages: n,
1949
- createPage: o,
1935
+ pages: o,
1936
+ createPage: n,
1950
1937
  updatePage: s,
1951
1938
  isEdit: i,
1952
1939
  setIsEdit: r,
1953
1940
  editedPage: a,
1954
1941
  setEditedPage: l
1955
- } = D(), { createPage: d, updatePage: g } = M(), [h, p] = C.useState(a ? n && ((j = n[a]) == null ? void 0 : j.path) : ""), [u, c] = C.useState(a ? n && ((P = n[a]) == null ? void 0 : P.name) : ""), [_, w] = C.useState(
1956
- a ? n && n[a].seo && (((m = n[a]) == null ? void 0 : m.seo.description) || "") : ""
1957
- ), [x, b] = C.useState(
1958
- a ? n && ((y = n[a]) == null ? void 0 : y.visibility) : "public"
1942
+ } = T(), { createPage: d, updatePage: S } = F(), [h, g] = _.useState(a ? o && ((D = o[a]) == null ? void 0 : D.path) : ""), [u, c] = _.useState(a ? o && ((U = o[a]) == null ? void 0 : U.name) : ""), [f, k] = _.useState(
1943
+ a ? o && o[a].seo && (((m = o[a]) == null ? void 0 : m.seo.description) || "") : ""
1944
+ ), [w, b] = _.useState(
1945
+ a ? o && ((v = o[a]) == null ? void 0 : v.visibility) : "public"
1959
1946
  );
1960
1947
  function N() {
1961
- p(""), c(""), w(""), b("public"), r(!1), l(null);
1948
+ g(""), c(""), k(""), b("public"), r(!1), l(null);
1962
1949
  }
1963
- function T() {
1950
+ function P() {
1964
1951
  N(), t(!1);
1965
1952
  }
1966
- function F(f) {
1967
- return f[0] === "/" ? f : "/" + f;
1953
+ function R(p) {
1954
+ return p[0] === "/" ? p : "/" + p;
1968
1955
  }
1969
- function k() {
1970
- o({
1971
- path: F(h),
1956
+ function L() {
1957
+ n({
1958
+ path: R(h),
1972
1959
  name: u || h || "",
1973
1960
  icon: "File",
1974
1961
  seo: {
1975
1962
  title: u || "",
1976
- description: _ || ""
1963
+ description: f || ""
1977
1964
  },
1978
- visibility: x || "public"
1979
- }), d(u), T();
1965
+ visibility: w || "public"
1966
+ }), d(u), P();
1980
1967
  }
1981
1968
  function B() {
1982
- n && (g(n[a].name || "", u || h || ""), s(a, {
1983
- path: F(h),
1969
+ o && (S(o[a].name || "", u || h || ""), s(a, {
1970
+ path: R(h),
1984
1971
  name: u || h,
1985
- icon: n[a].icon || "File",
1972
+ icon: o[a].icon || "File",
1986
1973
  seo: {
1987
1974
  title: u || "",
1988
- description: _ || ""
1975
+ description: f || ""
1989
1976
  },
1990
- visibility: x || "public"
1991
- })), T();
1977
+ visibility: w || "public"
1978
+ })), P();
1992
1979
  }
1993
1980
  return /* @__PURE__ */ e.jsxs(
1994
1981
  "div",
1995
1982
  {
1996
- className: O.wrapper,
1997
- onClick: (f) => f.stopPropagation(),
1983
+ className: E.wrapper,
1984
+ onClick: (p) => p.stopPropagation(),
1998
1985
  children: [
1999
- /* @__PURE__ */ e.jsxs("div", { className: O.header, children: [
1986
+ /* @__PURE__ */ e.jsxs("div", { className: E.header, children: [
2000
1987
  /* @__PURE__ */ e.jsxs("h2", { children: [
2001
1988
  i ? "Edit" : "Create",
2002
1989
  " Blank Page"
2003
1990
  ] }),
2004
1991
  /* @__PURE__ */ e.jsx(
2005
- S,
1992
+ C,
2006
1993
  {
2007
1994
  name: "X",
2008
1995
  fill: "#757575",
2009
1996
  hoverable: !0,
2010
- onClick: T
1997
+ onClick: P
2011
1998
  }
2012
1999
  )
2013
2000
  ] }),
2014
- /* @__PURE__ */ e.jsxs("div", { className: O.content, children: [
2001
+ /* @__PURE__ */ e.jsxs("div", { className: E.content, children: [
2015
2002
  /* @__PURE__ */ e.jsx(
2016
- I,
2003
+ H,
2017
2004
  {
2018
2005
  label: "Page Slug",
2019
- onChange: (f) => p(f),
2006
+ onChange: (p) => g(p),
2020
2007
  value: h,
2021
2008
  placeholder: "path-to-page",
2022
- disabled: !!(a && n && ((A = n[a]) != null && A.name) && le.includes(n[a].name)),
2009
+ disabled: !!(a && o && ((y = o[a]) != null && y.name) && le.includes(o[a].name)),
2023
2010
  required: !0,
2024
2011
  regex: "^.+$"
2025
2012
  }
2026
2013
  ),
2027
2014
  /* @__PURE__ */ e.jsx(
2028
- I,
2015
+ H,
2029
2016
  {
2030
2017
  label: "Page Title",
2031
- onChange: (f) => c(f),
2018
+ onChange: (p) => c(p),
2032
2019
  value: u,
2033
2020
  placeholder: "Contact us",
2034
- disabled: !!(a && n && ((v = n[a]) != null && v.name) && le.includes(n[a].name))
2021
+ disabled: !!(a && o && ((x = o[a]) != null && x.name) && le.includes(o[a].name))
2035
2022
  }
2036
2023
  ),
2037
2024
  /* @__PURE__ */ e.jsx(
2038
2025
  lt,
2039
2026
  {
2040
2027
  label: "Description",
2041
- onChange: (f) => w(f),
2042
- value: _,
2028
+ onChange: (p) => k(p),
2029
+ value: f,
2043
2030
  placeholder: "Contact us at any time of the day or night. You are always welcome",
2044
2031
  maxLength: 150
2045
2032
  }
@@ -2048,7 +2035,7 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
2048
2035
  ct,
2049
2036
  {
2050
2037
  label: "Visibility",
2051
- defaultValue: x,
2038
+ defaultValue: w,
2052
2039
  options: [
2053
2040
  {
2054
2041
  value: "public",
@@ -2059,31 +2046,31 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
2059
2046
  label: "Private"
2060
2047
  }
2061
2048
  ],
2062
- onChange: (f) => b(f)
2049
+ onChange: (p) => b(p)
2063
2050
  }
2064
2051
  ),
2065
- /* @__PURE__ */ e.jsxs("div", { className: O.preview, children: [
2066
- /* @__PURE__ */ e.jsx("span", { className: O.label, children: "Preview" }),
2067
- /* @__PURE__ */ e.jsxs("div", { className: O.block, children: [
2068
- /* @__PURE__ */ e.jsx("span", { className: O.slug, children: h || "yoursite.url" }),
2069
- /* @__PURE__ */ e.jsx("span", { className: O.title, children: u || "My Blank Page" }),
2070
- /* @__PURE__ */ e.jsx("span", { className: O.description, children: _ || "It is My Description" })
2052
+ /* @__PURE__ */ e.jsxs("div", { className: E.preview, children: [
2053
+ /* @__PURE__ */ e.jsx("span", { className: E.label, children: "Preview" }),
2054
+ /* @__PURE__ */ e.jsxs("div", { className: E.block, children: [
2055
+ /* @__PURE__ */ e.jsx("span", { className: E.slug, children: h || "yoursite.url" }),
2056
+ /* @__PURE__ */ e.jsx("span", { className: E.title, children: u || "My Blank Page" }),
2057
+ /* @__PURE__ */ e.jsx("span", { className: E.description, children: f || "It is My Description" })
2071
2058
  ] })
2072
2059
  ] })
2073
2060
  ] }),
2074
- /* @__PURE__ */ e.jsxs("div", { className: O.buttons, children: [
2061
+ /* @__PURE__ */ e.jsxs("div", { className: E.buttons, children: [
2075
2062
  /* @__PURE__ */ e.jsx(
2076
2063
  K,
2077
2064
  {
2078
- className: O.cancel,
2079
- onClick: T,
2065
+ className: E.cancel,
2066
+ onClick: P,
2080
2067
  children: "Cancel"
2081
2068
  }
2082
2069
  ),
2083
2070
  /* @__PURE__ */ e.jsx(
2084
2071
  K,
2085
2072
  {
2086
- onClick: i ? B : k,
2073
+ onClick: i ? B : L,
2087
2074
  disabled: h.length === 0,
2088
2075
  children: i ? "Update" : "Create"
2089
2076
  }
@@ -2092,38 +2079,38 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
2092
2079
  ]
2093
2080
  }
2094
2081
  );
2095
- }, Ba = "_layout_vvs1k_1", Aa = "_main_vvs1k_8", Pa = "_content_vvs1k_15", je = {
2096
- layout: Ba,
2097
- main: Aa,
2098
- content: Pa
2099
- }, La = () => {
2100
- const { isOpenModal: t, setIsOpenModal: n } = D(), { openModal: o, setOpenModal: s } = dt();
2082
+ }, Aa = "_layout_vvs1k_1", Pa = "_main_vvs1k_8", La = "_content_vvs1k_15", je = {
2083
+ layout: Aa,
2084
+ main: Pa,
2085
+ content: La
2086
+ }, Ta = () => {
2087
+ const { isOpenModal: t, setIsOpenModal: o } = T(), { openModal: n, setOpenModal: s } = dt();
2101
2088
  return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
2102
2089
  /* @__PURE__ */ e.jsxs("div", { className: je.layout, children: [
2103
- /* @__PURE__ */ e.jsx(fn, {}),
2090
+ /* @__PURE__ */ e.jsx(xn, {}),
2104
2091
  /* @__PURE__ */ e.jsxs("main", { className: je.main, children: [
2105
- /* @__PURE__ */ e.jsx(hn, {}),
2092
+ /* @__PURE__ */ e.jsx(pn, {}),
2106
2093
  /* @__PURE__ */ e.jsxs("div", { className: je.content, children: [
2107
- /* @__PURE__ */ e.jsx(ga, {}),
2108
- /* @__PURE__ */ e.jsx(ho, {})
2094
+ /* @__PURE__ */ e.jsx(ma, {}),
2095
+ /* @__PURE__ */ e.jsx(po, {})
2109
2096
  ] })
2110
2097
  ] })
2111
2098
  ] }),
2112
- t && /* @__PURE__ */ e.jsx(Te, { close: n, children: /* @__PURE__ */ e.jsx(ya, {}) }),
2113
- o && /* @__PURE__ */ e.jsx(Te, { close: s, children: /* @__PURE__ */ e.jsx(ut, {}) })
2099
+ t && /* @__PURE__ */ e.jsx(Le, { close: o, children: /* @__PURE__ */ e.jsx(Ba, {}) }),
2100
+ n && /* @__PURE__ */ e.jsx(Le, { close: s, children: /* @__PURE__ */ e.jsx(ut, {}) })
2114
2101
  ] });
2115
2102
  };
2116
- async function ne(t, n) {
2117
- const o = localStorage.getItem("shopId") || void 0, s = `${Be}/${t}/builder/shops/${o}/${n}`, i = localStorage.getItem("sellerAccessToken") || void 0;
2118
- return (await be.get(s, {
2103
+ async function ne(t, o) {
2104
+ const n = localStorage.getItem("shopId") || void 0, s = `${Be}/${t}/builder/shops/${n}/${o}`, i = localStorage.getItem("sellerAccessToken") || void 0;
2105
+ return (await fe.get(s, {
2119
2106
  headers: {
2120
2107
  Authorization: `Bearer ${i}`
2121
2108
  }
2122
2109
  })).data;
2123
2110
  }
2124
- async function Ta() {
2111
+ async function Na() {
2125
2112
  try {
2126
- const [t, n, o, s, i, r] = await Promise.allSettled([
2113
+ const [t, o, n, s, i, r] = await Promise.allSettled([
2127
2114
  ne("v1", "general"),
2128
2115
  ne("v1", "faqs"),
2129
2116
  ne("v1", "listings"),
@@ -2133,8 +2120,8 @@ async function Ta() {
2133
2120
  ]);
2134
2121
  return {
2135
2122
  general: t,
2136
- faqs: n,
2137
- listings: o,
2123
+ faqs: o,
2124
+ listings: n,
2138
2125
  products: s,
2139
2126
  reviews: i,
2140
2127
  categories: r
@@ -2143,9 +2130,9 @@ async function Ta() {
2143
2130
  throw console.error("Error fetching page data:", t), t;
2144
2131
  }
2145
2132
  }
2146
- async function Na() {
2133
+ async function Fa() {
2147
2134
  try {
2148
- const { data: t } = await be.get(
2135
+ const { data: t } = await fe.get(
2149
2136
  `${ht}?key=AIzaSyAEsTbjAPUz_TeuFCq4z4LPK9w_vst0Pfw`
2150
2137
  );
2151
2138
  return t.items;
@@ -2153,60 +2140,69 @@ async function Na() {
2153
2140
  throw console.error("Error fetching page data:", t), t;
2154
2141
  }
2155
2142
  }
2156
- function Ea() {
2143
+ function Oa() {
2157
2144
  const {
2158
2145
  editBlock: t,
2159
- currentBlock: n,
2160
- blocks: o,
2146
+ currentBlock: o,
2147
+ blocks: n,
2161
2148
  header: s,
2162
2149
  setHeader: i,
2163
2150
  footer: r,
2164
2151
  setFooter: a
2165
- } = M.getState(), { currentPage: l, pages: d } = D.getState(), { currentInstance: g, activeBlock: h } = V.getState();
2166
- if (!h && g && d) {
2167
- n === "header" && i(s), n === "footer" && a(r);
2168
- const p = {
2152
+ } = F.getState(), { currentPage: l, pages: d } = T.getState(), { currentInstance: S, activeBlock: h } = V.getState();
2153
+ if (!h && S && d) {
2154
+ o === "header" && i(s), o === "footer" && a(r);
2155
+ const g = {
2169
2156
  blockSettings: {}
2170
2157
  };
2171
- Object.keys(g.blockSettings).filter((u) => !["displayName", "isAddable"].includes(u)).map((u) => {
2172
- p.blockSettings[u] = g.blockSettings[u];
2173
- }), t(d[l].name, n, {
2174
- name: o[d[l].name][n].name,
2175
- value: p
2158
+ Object.keys(S.blockSettings).filter((u) => !["displayName", "isAddable"].includes(u)).map((u) => {
2159
+ g.blockSettings[u] = S.blockSettings[u];
2160
+ }), t(d[l].name, o, {
2161
+ name: n[d[l].name][o].name,
2162
+ value: g
2176
2163
  });
2177
2164
  }
2178
2165
  }
2179
- async function Fa() {
2180
- const t = localStorage.getItem("shopId"), n = localStorage.getItem("draftId"), o = `${Be}/v2/builder/shops/${t}/drafts/${n}/pages`, s = localStorage.getItem("sellerAccessToken");
2181
- return (await be.get(o, {
2166
+ async function Da() {
2167
+ const t = localStorage.getItem("shopId"), o = localStorage.getItem("draftId"), n = `${Be}/v2/builder/shops/${t}/drafts/${o}/pages`, s = localStorage.getItem("sellerAccessToken");
2168
+ return (await fe.get(n, {
2182
2169
  headers: {
2183
2170
  Authorization: `Bearer ${s}`
2184
2171
  }
2185
2172
  })).data;
2186
2173
  }
2187
- async function Da() {
2188
- const t = localStorage.getItem("shopId") || void 0, n = localStorage.getItem("draftId") || void 0, o = `${Be}/v2/builder/shops/${t}/drafts/${n}/all`, s = localStorage.getItem("sellerAccessToken") || void 0;
2189
- return (await be.get(o, {
2174
+ async function Ma() {
2175
+ const t = localStorage.getItem("shopId") || void 0, o = localStorage.getItem("draftId") || void 0, n = `${Be}/v2/builder/shops/${t}/drafts/${o}/all`, s = localStorage.getItem("sellerAccessToken") || void 0;
2176
+ return (await fe.get(n, {
2190
2177
  headers: {
2191
2178
  Authorization: `Bearer ${s}`
2192
2179
  }
2193
2180
  })).data;
2194
2181
  }
2195
- const Ma = (t) => {
2196
- const { blocks: n, settings: o, header: s, footer: i } = t, { setBlocks: r, setSourceBlocks: a } = V(), { fonts: l, setFonts: d } = Oe(), { setSettings: g } = Y(), { setPageContext: h } = D(), { setHeader: p, setFooter: u, setBlocks: c } = M(), { setThemeSettings: _ } = $();
2197
- return C.useEffect(() => {
2198
- const w = {};
2199
- Object.keys(n).map((b) => {
2200
- w[b] = n[b];
2201
- }), a(w), r(w), p(s), u(i), (async () => {
2202
- const { data: b } = await Da(), { settings: N, themeSettings: T, layers: F } = b;
2203
- if (_(T), c(F), Object.keys(N).forEach(
2204
- (j) => o[j] = N[j]
2205
- ), g(o), l.length === 0) {
2206
- const j = await Na();
2207
- d([...j.map((P) => P.family)]);
2182
+ const $a = (t) => {
2183
+ const { blocks: o, settings: n, header: s, footer: i } = t, { setBlocks: r, setSourceBlocks: a } = V(), { fonts: l, setFonts: d } = Ie(), { setSettings: S } = Y(), { setPageContext: h } = T(), {
2184
+ setHeader: g,
2185
+ setFooter: u,
2186
+ setBlocks: c,
2187
+ blocks: f,
2188
+ createPage: k
2189
+ } = F(), { setThemeSettings: w } = M(), { setPages: b } = T();
2190
+ function N(P) {
2191
+ return P[0] === "/" ? P.slice(1) : P;
2192
+ }
2193
+ return _.useEffect(() => {
2194
+ const P = {};
2195
+ Object.keys(o).map((L) => {
2196
+ P[L] = o[L];
2197
+ }), a(P), r(P), g(s), u(i), (async () => {
2198
+ const { data: L } = await Ma(), { settings: B, themeSettings: D, layers: U } = L;
2199
+ if (w(D), c(U), Object.keys(B).forEach(
2200
+ (p) => n[p] = B[p]
2201
+ ), S(n), l.length === 0) {
2202
+ const p = await Fa();
2203
+ d([...p.map((j) => j.family)]);
2208
2204
  }
2209
- let k = {
2205
+ let m = {
2210
2206
  listings: null,
2211
2207
  products: null,
2212
2208
  reviews: null,
@@ -2214,108 +2210,103 @@ const Ma = (t) => {
2214
2210
  faqs: null,
2215
2211
  general: null
2216
2212
  };
2217
- const B = await Ta();
2218
- Object.keys(B).map((j) => {
2219
- const P = j;
2220
- k[P] = B[P].value.data;
2221
- }), h(k);
2213
+ const v = await Na();
2214
+ Object.keys(v).map((p) => {
2215
+ const j = p;
2216
+ m[j] = v[j].value.data;
2217
+ }), h(m);
2218
+ const y = await Da(), x = {};
2219
+ y.data.length > 0 && y.data.forEach((p) => {
2220
+ const j = N(p.path);
2221
+ f[j] || k(j), p.path === "/" ? x["/"] = {
2222
+ ...p,
2223
+ icon: be.home.icon,
2224
+ name: "home"
2225
+ } : be[j] ? x[j] = {
2226
+ ...p,
2227
+ icon: be[j].icon,
2228
+ name: j
2229
+ } : x[j] = {
2230
+ ...p,
2231
+ icon: "File",
2232
+ name: j
2233
+ };
2234
+ }), b(x);
2222
2235
  })();
2223
- }, []), /* @__PURE__ */ e.jsx(La, {});
2224
- }, $a = (t) => {
2225
- const { blocks: n, settings: o, header: s, footer: i } = t, [r, a] = C.useState(!0), l = pt();
2226
- return C.useEffect(() => {
2236
+ }, []), /* @__PURE__ */ e.jsx(Ta, {});
2237
+ }, Ha = (t) => {
2238
+ const { blocks: o, settings: n, header: s, footer: i } = t, [r, a] = _.useState(!0), l = pt();
2239
+ return _.useEffect(() => {
2227
2240
  a(!0), jt() ? a(!1) : l("/");
2228
2241
  }, []), /* @__PURE__ */ e.jsx(e.Fragment, { children: r ? /* @__PURE__ */ e.jsx(ye, {}) : /* @__PURE__ */ e.jsx(
2229
- Ma,
2242
+ $a,
2230
2243
  {
2231
- blocks: n,
2232
- settings: o,
2244
+ blocks: o,
2245
+ settings: n,
2233
2246
  header: s,
2234
2247
  footer: i
2235
2248
  }
2236
2249
  ) });
2237
- }, Oa = (t) => {
2238
- const { blocks: n, settings: o, header: s, footer: i } = t, [r, a] = C.useState(null), { setBlocks: l, setSourceBlocks: d } = V(), { setSettings: g } = Y(), { blocks: h, setHeader: p, setFooter: u, createPage: c } = M(), { setPages: _ } = D();
2239
- function w(T) {
2240
- return T[0] === "/" ? T.slice(1) : T;
2241
- }
2242
- C.useEffect(() => {
2243
- const T = async () => {
2244
- const F = await Fa();
2245
- if (F.data.length > 0) {
2246
- const k = {};
2247
- F.data.forEach((j) => {
2248
- const P = w(j.path);
2249
- h[P] || c(P), j.path === "/" ? k["/"] = {
2250
- ...j,
2251
- icon: fe.home.icon,
2252
- name: "home"
2253
- } : fe[P] ? k[P] = {
2254
- ...j,
2255
- icon: fe[P].icon,
2256
- name: P
2257
- } : k[P] = {
2258
- ...j,
2259
- icon: "File",
2260
- name: P
2261
- };
2262
- });
2263
- const B = St([
2264
- {
2265
- path: "/admin/builder",
2266
- element: /* @__PURE__ */ e.jsx(
2267
- $a,
2268
- {
2269
- blocks: n,
2270
- settings: o,
2271
- header: s,
2272
- footer: i
2273
- }
2274
- )
2275
- },
2276
- {
2277
- path: "/checkout",
2278
- element: /* @__PURE__ */ e.jsx(Ct, {})
2279
- },
2280
- {
2281
- path: "/top-up",
2282
- element: /* @__PURE__ */ e.jsx(_t, {})
2283
- },
2284
- {
2285
- path: "/charges/:id",
2286
- element: /* @__PURE__ */ e.jsx(bt, {})
2287
- },
2288
- {
2289
- path: "/orders/:id/:accessToken?",
2290
- element: /* @__PURE__ */ e.jsx(ft, {})
2291
- },
2292
- {
2293
- path: "/subscriptions/:id/:accessToken?",
2294
- element: /* @__PURE__ */ e.jsx(xt, {})
2295
- },
2296
- {
2297
- path: "/customer-dash",
2298
- element: /* @__PURE__ */ e.jsx(wt, {})
2299
- },
2300
- ...Pt(k)
2301
- ]);
2302
- a(B), _(k);
2303
- }
2304
- };
2250
+ }, Ua = (t) => {
2251
+ const { blocks: o, settings: n, header: s, footer: i } = t, [r, a] = _.useState(null), { setBlocks: l, setSourceBlocks: d } = V(), { setSettings: S } = Y(), { setHeader: h, setFooter: g } = F();
2252
+ _.useEffect(() => {
2305
2253
  if (!r) {
2306
- const F = {};
2307
- Object.keys(n).map((k) => {
2308
- F[k] = n[k];
2309
- }), d(F), l(F), p(s), u(i), g(o), T();
2254
+ const k = {};
2255
+ Object.keys(o).map((b) => {
2256
+ k[b] = o[b];
2257
+ }), d(k), l(k), h(s), g(i), S(n);
2258
+ const w = gt([
2259
+ {
2260
+ path: "/admin/builder",
2261
+ element: /* @__PURE__ */ e.jsx(
2262
+ Ha,
2263
+ {
2264
+ blocks: o,
2265
+ settings: n,
2266
+ header: s,
2267
+ footer: i
2268
+ }
2269
+ )
2270
+ },
2271
+ {
2272
+ path: "/checkout",
2273
+ element: /* @__PURE__ */ e.jsx(Ct, {})
2274
+ },
2275
+ {
2276
+ path: "/top-up",
2277
+ element: /* @__PURE__ */ e.jsx(_t, {})
2278
+ },
2279
+ {
2280
+ path: "/charges/:id",
2281
+ element: /* @__PURE__ */ e.jsx(ft, {})
2282
+ },
2283
+ {
2284
+ path: "/orders/:id/:accessToken?",
2285
+ element: /* @__PURE__ */ e.jsx(bt, {})
2286
+ },
2287
+ {
2288
+ path: "/subscriptions/:id/:accessToken?",
2289
+ element: /* @__PURE__ */ e.jsx(xt, {})
2290
+ },
2291
+ {
2292
+ path: "/customer-dash",
2293
+ element: /* @__PURE__ */ e.jsx(wt, {})
2294
+ },
2295
+ {
2296
+ path: "*",
2297
+ element: /* @__PURE__ */ e.jsx(Lt, {})
2298
+ }
2299
+ ]);
2300
+ a(w);
2310
2301
  }
2311
2302
  }, [r]);
2312
- const x = window.location.hostname.includes("localhost") ? "flagship-theme.pages.dev" : window.location.hostname, b = localStorage.getItem("shopPassword"), N = localStorage.getItem("shopId") || "";
2303
+ const u = window.location.hostname.includes("localhost") ? "flagship-theme.pages.dev" : window.location.hostname, c = localStorage.getItem("shopPassword"), f = localStorage.getItem("shopId") || "";
2313
2304
  return /* @__PURE__ */ e.jsx(e.Fragment, { children: r && /* @__PURE__ */ e.jsx(
2314
- gt,
2305
+ mt,
2315
2306
  {
2316
- shopDomain: x,
2317
- shopId: N,
2318
- shopPassword: b || void 0,
2307
+ shopDomain: u,
2308
+ shopId: f,
2309
+ shopPassword: c || void 0,
2319
2310
  routes: {
2320
2311
  Checkout: "/checkout",
2321
2312
  TopUp: "/top-up",
@@ -2323,12 +2314,12 @@ const Ma = (t) => {
2323
2314
  Order: "/orders",
2324
2315
  Subscription: "/subscriptions"
2325
2316
  },
2326
- children: /* @__PURE__ */ e.jsx(mt, { router: r })
2317
+ children: /* @__PURE__ */ e.jsx(St, { router: r })
2327
2318
  }
2328
2319
  ) });
2329
2320
  };
2330
2321
  export {
2331
- Oa as App,
2332
- Ea as hotReload,
2333
- Ia as iconNames
2322
+ Ua as App,
2323
+ Oa as hotReload,
2324
+ Ea as iconNames
2334
2325
  };