pixedi 1.10.0 → 1.10.2

package/dist/lib/index.js

@@ -1,10 +1,8 @@
 (function(){try{if(typeof document<`u`){var e=document.createElement(`style`);e.appendChild(document.createTextNode(`._button_1vpzl_1{cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;box-sizing:border-box;background-color:#0000;border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;gap:8px;height:32px;padding:0 8px;font-family:inherit;font-size:14px;font-weight:500;transition:background-color .2s,border-color .2s,opacity .2s;display:inline-flex}._button_1vpzl_1:disabled{pointer-events:none;opacity:.5}._button_1vpzl_1 svg{flex-shrink:0;width:16px;height:16px}._default_1vpzl_35{background-color:var(--primary);color:var(--primary-foreground)}._default_1vpzl_35:hover{opacity:.9}._outline_1vpzl_44{border-color:var(--border);background-color:var(--background);color:var(--foreground)}._outline_1vpzl_44:hover{background-color:var(--secondary)}._ghost_1vpzl_54{color:var(--foreground);padding:0 8px}._ghost_1vpzl_54:hover{background-color:var(--secondary)}._rect_1vpzl_63{width:32px;height:32px}._separator_gp8ff_1{background-color:var(--border);box-sizing:border-box;border:none;flex-shrink:0;display:block}._separator_gp8ff_1[data-orientation=horizontal]{width:100%;height:1px}._separator_gp8ff_1[data-orientation=vertical]{align-self:stretch;width:1px;height:100%;margin:0}._wrapper_1aw0m_1{box-sizing:border-box;width:100%;position:relative}._trigger_1aw0m_6{width:100%;height:32px;color:var(--foreground);background-color:var(--background);border:1px solid var(--border);cursor:pointer;box-sizing:border-box;-webkit-user-select:none;user-select:none;border-radius:4px;outline:none;justify-content:space-between;align-items:center;padding:0 8px 0 10px;font-family:inherit;font-size:14px;transition:border-color .2s;display:flex}._trigger_1aw0m_6:hover,._trigger_1aw0m_6:focus{border-color:var(--muted-foreground)}._triggerArrow_1aw0m_31{width:16px;height:16px;color:var(--muted-foreground);transition:transform .2s}._wrapper_1aw0m_1[data-state=open] ._triggerArrow_1aw0m_31{transform:rotate(180deg)}._content_1aw0m_40{background-color:var(--background);border:1px solid var(--border);z-index:50;box-sizing:border-box;border-radius:4px;width:100%;max-height:282px;padding:4px;position:absolute;top:calc(100% + 4px);left:0;overflow-y:auto;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}._content_1aw0m_40::-webkit-scrollbar{width:4px}._content_1aw0m_40::-webkit-scrollbar-track{background:0 0}._content_1aw0m_40::-webkit-scrollbar-thumb{background-color:var(--border);border-radius:10px}._wrapper_1aw0m_1[data-state=closed] ._content_1aw0m_40{display:none}._groupLabel_1aw0m_74{color:var(--muted-foreground);-webkit-user-select:none;user-select:none;padding:8px 10px;font-size:12px;font-weight:500}._item_1aw0m_81{width:100%;color:var(--foreground);cursor:pointer;-webkit-user-select:none;user-select:none;box-sizing:border-box;background:0 0;border-radius:4px;justify-content:space-between;align-items:center;padding:4px 10px;display:flex}._item_1aw0m_81:hover{background-color:var(--secondary)}._itemLeft_1aw0m_98{font-size:14px;font-weight:400}._itemAddon_1aw0m_102{align-items:center;gap:8px;display:flex}._itemAddon_1aw0m_102 span{color:var(--muted-foreground);font-size:12px}._itemAddon_1aw0m_102 svg{font-size:14px}._itemAddon_1aw0m_102 b{flex-shrink:0;width:16px;height:16px}._itemRightContainer_1aw0m_122{align-items:center;gap:8px;display:flex}._itemRight_1aw0m_122{color:var(--muted-foreground);font-size:14px}._itemCheck_1aw0m_131{width:16px;height:16px;color:var(--foreground);flex-shrink:0}:host{height:100%;display:block}:host *{box-sizing:border-box}._root_c6inw_8{width:100%;height:100%;font-size:16px;font-family:var(--font-sans);--font-sans:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Tahoma, Helvetica, Arial, sans-serif;--font-mono:"Courier New", Courier, monospace;--color-white:#fff;--color-white-fade:color-mix(in srgb, var(--color-white) 65%, transparent);--color-black:#000;--color-red:oklch(63.7% .237 25.331);--color-green:oklch(76.8% .188 151.716);--background:oklch(100% 0 0);--background-fade:color-mix(in srgb, var(--background) 65%, transparent);--foreground:oklch(14.5% 0 0);--primary:oklch(20.5% 0 0);--primary-foreground:oklch(98.5% 0 0);--secondary:oklch(97% 0 0);--secondary-foreground:oklch(20.5% 0 0);--muted:oklch(95% 0 0);--muted-foreground:oklch(75.6% 0 0);--accent:oklch(97% 0 0);--accent-foreground:oklch(20.5% 0 0);--accent-blue:oklch(60.9% .221 251.687);--accent-blue-light:oklch(96% .02 250);--accent-blue-fade:color-mix(in srgb, var(--accent-blue) 60%, transparent);--border:oklch(92.2% 0 0);--input:oklch(92.2% 0 0);--ring:oklch(70.8% 0 0);--overlay-bg:color-mix(in srgb, var(--color-black) 50%, transparent);--overlay-bg-white:color-mix(in srgb, var(--color-white) 80%, transparent);--surface-border:solid 1px transparent;position:relative}._root_c6inw_8[data-theme=dark]{--color-white-fade:color-mix(in srgb, var(--color-white) 45%, transparent);--background:oklch(24.5% 0 0);--background-fade:color-mix(in srgb, var(--background) 70%, transparent);--foreground:oklch(78.5% 0 0);--primary:oklch(92.2% 0 0);--primary-foreground:oklch(20.5% 0 0);--secondary:oklch(26.9% 0 0);--secondary-foreground:oklch(98.5% 0 0);--muted:oklch(29.5% 0 0);--muted-foreground:oklch(50% 0 0);--accent:oklch(26.9% 0 0);--accent-foreground:oklch(98.5% 0 0);--accent-blue-light:oklch(25% .06 250);--border:oklch(100% 0 0/.1);--input:oklch(100% 0 0/.15);--ring:oklch(55.6% 0 0);--overlay-bg:color-mix(in srgb, var(--color-black) 75%, transparent);--surface-border:solid 1px var(--border)}._root_c6inw_8 h1,._root_c6inw_8 h2,._root_c6inw_8 h3,._root_c6inw_8 h4,._root_c6inw_8 h5,._root_c6inw_8 h6{color:var(--foreground);margin:0;font-weight:600}._textRed_c6inw_78{color:var(--color-red)}._bgRed_c6inw_81{background-color:var(--color-red)}._bgGreen_c6inw_84{background-color:var(--color-green)}._textGreen_c6inw_87{color:var(--color-green)}._mask_c6inw_90{background-color:var(--overlay-bg)}._semibold_c6inw_93{letter-spacing:.4px;font-weight:600}._bold_c6inw_97{letter-spacing:.4px;font-weight:700}._system_c6inw_101{color:var(--muted-foreground);background-color:var(--background);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}._wrapper_c6inw_111{width:100%;height:100%;min-height:480px;position:relative;overflow:hidden}._grid_c6inw_118{background:var(--background);grid-template:"header header"48px"sidebar frame"1fr"sidebar infobar"32px/48px 1fr;height:100%;display:grid;position:relative}._grid_c6inw_118._mobile_c6inw_130{grid-template-columns:0 1fr}._gridNoInfobar_c6inw_134{grid-template:"header header"48px"sidebar frame"1fr/48px 1fr;height:100%;display:grid;position:relative}._gridNoInfobar_c6inw_134._mobile_c6inw_130{grid-template-columns:0 1fr}._gridSingleTool_c6inw_149{grid-template:"frame"1fr/1fr;height:100%;display:grid;position:relative}._input_kyavx_1{width:100%;height:32px;color:var(--foreground);background-color:var(--background);border:1px solid var(--input);box-sizing:border-box;border-radius:4px;outline:none;padding:0 8px;font-family:inherit;font-size:14px;line-height:normal;transition:border-color .2s,box-shadow .2s;display:block}._input_kyavx_1:hover:not(:disabled):not(:focus){border-color:var(--muted-foreground)}._input_kyavx_1:focus{box-shadow:0 0 0 1px var(--ring)}._input_kyavx_1:disabled{cursor:not-allowed;opacity:.5;background-color:var(--secondary)}._input_kyavx_1::placeholder{color:var(--muted-foreground);opacity:1}._numberClean_kyavx_39::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}._numberClean_kyavx_39::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}._numberClean_kyavx_39[type=number]{-moz-appearance:textfield}._container_14vsv_1{position:relative}._legend_14vsv_4{color:var(--muted-foreground);background:var(--background);margin-left:8px;padding:0 4px;font-size:12px;position:absolute;top:-9px}._suffix_14vsv_13{color:var(--muted-foreground);pointer-events:none;-webkit-user-select:none;user-select:none;font-size:14px;position:absolute;bottom:2px;right:8px}._group_1e7jm_1{margin-left:4px;display:flex}._save_1e7jm_6{width:36px;color:var(--color-green);border-top-right-radius:0;border-bottom-right-radius:0}._close_1e7jm_13{width:36px;color:var(--color-red);border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}._sliderContainer_1unyb_1{cursor:pointer;touch-action:none;--slider-progress:0%;align-items:center;width:100%;height:24px;display:flex;position:relative}._sliderContainer_1unyb_1._disabled_1unyb_11{pointer-events:none;cursor:not-allowed;opacity:.5}._sliderContainer_1unyb_1:not(._disabled_1unyb_11):hover ._sliderThumb_1unyb_17{transform:translate(-50%,-50%)scale(1.1)}._sliderTrack_1unyb_22{background-color:color-mix(in oklch, var(--muted-foreground) 65%, transparent);border-radius:2px;width:100%;height:2px;position:relative}._sliderRange_1unyb_34{background-color:var(--primary);height:100%;width:var(--slider-progress);border-radius:2px;position:absolute}._sliderThumb_1unyb_17{top:50%;left:var(--slider-progress);background-color:var(--background);border:2px solid var(--primary);pointer-events:none;border-radius:50%;width:12px;height:13px;transition:transform .1s,box-shadow .1s;position:absolute;transform:translate(-50%,-50%)}._sliderTooltip_1unyb_58{top:-40px;left:var(--slider-progress);background-color:var(--foreground);color:var(--background,#000);white-space:nowrap;pointer-events:none;z-index:2;border-radius:4px;padding:7px 10px 8px;font-size:12px;line-height:1;position:absolute;transform:translate(-50%);box-shadow:0 2px 8px #0000001a}._sliderTooltip_1unyb_58:after{content:"";background-color:var(--foreground);width:6px;height:6px;position:absolute;bottom:-2px;left:50%;transform:translate(-50%)rotate(45deg)}._hiddenInput_1unyb_86{opacity:0;cursor:pointer;z-index:1;width:100%;height:100%;margin:0;position:absolute;top:0;left:0}._tooltip_1rdl9_1{position:relative}._container_1rdl9_5{gap:0;display:flex}._container_1rdl9_5[data-position=left],._container_1rdl9_5[data-position=right]{flex-direction:column}._container_1rdl9_5 [data-tooltip]{pointer-events:auto}._popup_1rdl9_19{top:var(--tooltip-y,0px);left:var(--tooltip-x,0px);background-color:var(--foreground);color:var(--background);z-index:999;pointer-events:none;opacity:var(--tooltip-opacity,0);width:var(--tooltip-w,auto);height:var(--tooltip-h,auto);transition:opacity var(--tooltip-fade,.2s);border-radius:4px;font-size:14px;position:absolute;transform:translate(-50%,-100%);box-shadow:0 2px 8px #0000001a}._popup_1rdl9_19:before{content:"";background-color:inherit;width:10px;height:10px;position:absolute;bottom:-3px;left:50%;transform:translate(-50%)rotate(45deg)}._popup_1rdl9_19[data-position=top]{transform:translate(-50%,-100%)}._popup_1rdl9_19[data-position=top]:before{top:auto;bottom:-3px;left:50%;transform:translate(-50%)rotate(45deg)}._popup_1rdl9_19[data-position=bottom]{transform:translate(-50%)}._popup_1rdl9_19[data-position=bottom]:before{top:-3px;bottom:auto;left:50%;transform:translate(-50%)rotate(45deg)}._popup_1rdl9_19[data-position=left]{transform:translate(-100%,-50%)}._popup_1rdl9_19[data-position=left]:before{top:50%;left:auto;right:-3px;transform:translateY(-50%)rotate(45deg)}._popup_1rdl9_19[data-position=right]{transform:translateY(-50%)}._popup_1rdl9_19[data-position=right]:before{top:50%;left:-3px;right:auto;transform:translateY(-50%)rotate(45deg)}._popup_1rdl9_19._animated_1rdl9_92{transition:left var(--tooltip-slide,.4s), top var(--tooltip-slide,.4s), width var(--tooltip-slide,.4s), height var(--tooltip-slide,.4s), opacity var(--tooltip-fade,.2s)}._mask_1rdl9_101{border-radius:inherit;width:100%;height:100%;overflow:hidden}._track_1rdl9_108{width:max-content;height:max-content;transform:translateX(calc(-1 * var(--tooltip-offset,0px)));display:flex}._track_1rdl9_108[data-position=left],._track_1rdl9_108[data-position=right]{transform:translateY(calc(-1 * var(--tooltip-offset,0px)));flex-direction:column}._animated_1rdl9_92 ._track_1rdl9_108{transition:transform var(--tooltip-slide,.4s)}._title_1rdl9_125{min-width:var(--tooltip-item-w,auto);max-width:var(--tooltip-item-w,none);min-height:var(--tooltip-item-h,32px);max-height:var(--tooltip-item-h,none);white-space:nowrap;box-sizing:border-box;flex:none;justify-content:center;align-items:center;padding:0 10px;display:flex}._surfaceTool_1skmt_1{background-color:var(--background);border:var(--surface-border);color:var(--foreground);z-index:9;border-radius:4px;align-items:center;gap:4px;padding:4px;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 2px 8px #0000001a}._content_1skmt_18{display:flex}._drag_1skmt_22{cursor:move;touch-action:none;-webkit-user-select:none;user-select:none;width:16px;height:16px;padding:0 2px}._tools_4u8qe_1{flex-direction:column}._row1_4u8qe_5{flex-direction:row;align-items:center;gap:4px;padding:4px;display:flex}._min_4u8qe_13{text-align:left;width:30px;font-size:14px}._slider_4u8qe_19{flex:1}._max_4u8qe_23{text-align:right;width:45px;font-size:14px}._row2_4u8qe_29{flex-direction:row;gap:4px;display:flex}._select_4u8qe_35{width:160px}._option_4u8qe_39{width:120px;height:32px}._option_4u8qe_39 img{object-fit:cover;width:100%;height:100%}._active_4u8qe_50{color:var(--accent-blue);background:var(--muted)}._filterInteract_4u8qe_55{max-width:calc(100% - 32px);max-height:calc(100% - 32px);margin:auto;position:absolute;inset:0}._filterInteract_4u8qe_55>div:first-child{width:100%;max-width:100%;height:100%;max-height:100%}._compare_4u8qe_70{width:0;height:100%;position:absolute;top:0;transform:translate(-50%)}._compare_4u8qe_70:before{content:"";background:var(--accent-blue);width:1px;height:100%;position:absolute;top:0;left:-.5px}._compareThumb_4u8qe_88{background:var(--color-white);border:solid 1px var(--accent-blue);width:32px;height:32px;color:var(--accent-blue);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}._compareThumb_4u8qe_88 svg{width:20px;height:20px}._preview_t77n1_1{box-sizing:border-box;max-width:calc(100% - 32px);max-height:calc(100% - 32px);margin:auto;transition:all .2s linear,clip-path;position:absolute;inset:0;overflow:hidden}._preview_t77n1_1._faded_t77n1_13{opacity:.5;filter:blur(2px)}._rotate_t77n1_19{box-sizing:border-box;width:100%;height:100%;transition:all .2s linear;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}._flip_t77n1_31{box-sizing:border-box;transition:all .2s linear;position:absolute;inset:0;overflow:hidden}._image_t77n1_39{max-width:none;max-height:none;transition:all .2s linear,filter;display:block;position:absolute}._label_t77n1_49{background:var(--color-white-fade);box-sizing:border-box;text-transform:uppercase;letter-spacing:1px;width:80px;height:28px;color:var(--color-black);z-index:3;justify-content:center;align-items:center;font-size:12px;font-weight:600;display:flex;position:absolute;top:8px}._before_t77n1_67{left:8px}._after_t77n1_71{right:8px}._header_m05h6_1{box-sizing:border-box;background-color:var(--background);border-bottom:1px solid var(--border);grid-area:header;justify-content:space-between;align-items:center;height:48px;padding:0 8px;display:flex}._left_m05h6_12{align-items:center;gap:0;display:flex}._sidebarToggle_m05h6_17{border-right:solid 1px var(--border);width:48px;height:48px;color:var(--foreground);cursor:pointer;justify-content:center;align-items:center;transition:all .2s;display:none;position:relative;left:-8px}._sidebarToggle_m05h6_17._mobile_m05h6_30{display:flex}._sidebarIcon_m05h6_34{stroke-width:1.6px;width:18px;height:18px}._tools_m05h6_39{gap:8px;display:flex}._history_m05h6_43{align-items:center;gap:6px;display:flex}._historyText_m05h6_48{color:var(--muted-foreground);font-size:14px;font-family:var(--font-mono)}._sidebar_1lx29_1{background:var(--background-fade);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-right:1px solid var(--border);z-index:10;grid-area:sidebar;width:48px;position:relative}._sidebar_1lx29_1._mobile_1lx29_10{transition:transform .2s ease-out;transform:translate(-110%);box-shadow:0 2px 8px #0000001a}._sidebar_1lx29_1._mobile_1lx29_10._open_1lx29_15{transform:translate(0%)}._wrapper_1lx29_20{flex-direction:column;display:flex}._item_1lx29_24{cursor:pointer;height:48px;color:var(--foreground);justify-content:center;align-items:center;transition:all .2s;display:flex;position:relative}._item_1lx29_24 svg{width:16px;height:16px}._item_1lx29_24:hover{background-color:var(--accent)}._item_1lx29_24._selected_1lx29_43{color:var(--accent-blue);background-color:var(--accent)}._item_1lx29_24._selected_1lx29_43:before{content:"";background-color:var(--accent-blue);width:2px;position:absolute;top:0;bottom:0;left:0}._infobar_1kq0f_1{background:var(--muted);border-top:solid 1px var(--border);font-family:var(--font-mono);color:var(--foreground);grid-area:infobar;justify-content:space-between;align-items:center;padding:0 16px;font-size:14px;display:flex}._resize_1sbig_1{align-items:center;padding-top:16px}._toolsLock_1sbig_5{width:12px;height:12px;color:var(--muted-foreground)}._indicatorWrapper_1sbig_10{justify-content:center;width:100%;height:2px;display:flex;position:absolute;top:0;left:0}._indicator_1sbig_10{background:var(--accent-blue);opacity:.6;border-radius:2px;width:30%;height:100%;transition:width .2s}._wrapper_1co2u_1{box-sizing:border-box;max-width:calc(100% - 32px);max-height:calc(100% - 32px);margin:auto;position:absolute;inset:0}._box_1co2u_9{cursor:move;box-sizing:border-box;-webkit-user-select:none;user-select:none;touch-action:none;border:1px solid var(--color-white-fade);position:absolute}._toolsInfo_1co2u_18{-webkit-user-select:none;user-select:none;min-width:54px;margin-top:-2px;display:inline-block}._toolsInfoLabel_1co2u_25{color:var(--muted-foreground);font-size:12px;line-height:12px}._toolsInfoValue_1co2u_30{color:var(--foreground);font-size:14px;line-height:14px}._linesBox_1co2u_35{pointer-events:none;position:absolute;inset:1px}._line_1co2u_35{border:1px dashed var(--color-white);opacity:.5;position:absolute}._lineV_1co2u_45{border-top:0;border-bottom:0;width:33%;height:100%;top:0;left:33%}._lineH_1co2u_53{border-left:0;border-right:0;width:100%;height:33%;top:33%;left:0}._pointer_1co2u_61{box-sizing:border-box;width:14px;height:14px;position:absolute}._pointerTopLeft_1co2u_67{border-top:3px solid var(--accent-blue);border-left:3px solid var(--accent-blue);cursor:nwse-resize;top:-6px;left:-6px}._pointerTopRight_1co2u_74{border-top:3px solid var(--accent-blue);border-right:3px solid var(--accent-blue);cursor:nesw-resize;top:-6px;right:-6px}._pointerBottomRight_1co2u_81{border-bottom:3px solid var(--accent-blue);border-right:3px solid var(--accent-blue);cursor:nwse-resize;bottom:-6px;right:-6px}._pointerBottomLeft_1co2u_88{border-bottom:3px solid var(--accent-blue);border-left:3px solid var(--accent-blue);cursor:nesw-resize;bottom:-6px;left:-6px}._mobileBorder_1co2u_95{box-sizing:border-box;border:2px solid var(--accent-blue);position:absolute;inset:0}._mobilePointer_1co2u_101{background-color:var(--overlay-bg-white);border:3px solid var(--accent-blue);box-sizing:border-box;border-radius:50%;width:32px;height:32px;position:absolute;bottom:-16px;right:-16px}._info_1co2u_112{height:16px;font-family:var(--font-mono);color:#000;background-color:var(--color-white-fade);box-sizing:border-box;align-items:center;padding:0 6px;font-size:12px;display:flex;position:absolute}._info_1co2u_112 b{font-weight:600;transform:translateY(1px)}._infoX_1co2u_129{border-left:solid 2px var(--accent-blue);top:-12px;left:16px}._infoY_1co2u_134{transform-origin:100%;border-right:solid 2px var(--accent-blue);top:8px;right:calc(100% + 4px);transform:rotate(-90deg)}._infoW_1co2u_141{border-right:solid 2px var(--accent-blue);bottom:-12px;right:16px}._infoH_1co2u_146{transform-origin:0%;border-left:solid 2px var(--accent-blue);bottom:8px;left:calc(100% + 4px);transform:rotate(-90deg)}._group_1co2u_153{flex-shrink:0;width:max-content;display:flex}._group_1co2u_153 button{color:var(--foreground);border-radius:0}._group_1co2u_153 button._active_1co2u_162{color:var(--accent-blue);background:var(--muted)}._group_1co2u_153 button:not(:first-child){margin-left:-1px}._group_1co2u_153 button:first-child{border-top-left-radius:4px;border-bottom-left-radius:4px}._group_1co2u_153 button:last-child{border-top-right-radius:4px;border-bottom-right-radius:4px}._select_1ieak_1{width:220px}._btnH_15adi_1{border-top-right-radius:0;border-bottom-right-radius:0;width:36px}._btnV_15adi_7{border-top-left-radius:0;border-bottom-left-radius:0;width:36px;margin-left:-1px}._frame_17rae_1{box-sizing:border-box;background:var(--background);grid-area:frame;width:100%;height:100%;margin:0 auto;position:relative;overflow:hidden}._bg-circled_17rae_12{background:radial-gradient(50% 50% at 100% 0, var(--background) 0% 5%, var(--muted) 6% 15%, var(--background) 16% 25%, var(--muted) 26% 35%, var(--background) 36% 45%, var(--muted) 46% 55%, var(--background) 56% 65%, var(--muted) 66% 75%, var(--background) 76% 85%, var(--muted) 86% 95%, #0000 96%), radial-gradient(50% 50% at 0 100%, var(--background) 0% 5%, var(--muted) 6% 15%, var(--background) 16% 25%, var(--muted) 26% 35%, var(--background) 36% 45%, var(--muted) 46% 55%, var(--background) 56% 65%, var(--muted) 66% 75%, var(--background) 76% 85%, var(--muted) 86% 95%, #0000 96%), radial-gradient(50% 50%, var(--background) 0% 5%, var(--muted) 6% 15%, var(--background) 16% 25%, var(--muted) 26% 35%, var(--background) 36% 45%, var(--muted) 46% 55%, var(--background) 56% 65%, var(--muted) 66% 75%, var(--background) 76% 85%, var(--muted) 86% 95%, #0000 96%), radial-gradient(50% 50%, var(--background) 0% 5%, var(--muted) 6% 15%, var(--background) 16% 25%, var(--muted) 26% 35%, var(--background) 36% 45%, var(--muted) 46% 55%, var(--background) 56% 65%, var(--muted) 66% 75%, var(--background) 76% 85%, var(--muted) 86% 95%, #0000 96%) calc(48px / 2) calc(48px / 2) var(--background);background-size:48px 48px}._bg-diagonals_17rae_74{background:linear-gradient(45deg, var(--muted) 12.5%, var(--background) 0 25%, #0000 0 75%, var(--background) 0 87.5%, var(--muted) 0) calc(55px / 2) calc(55px / 2), linear-gradient(45deg, var(--background) 12.5%, var(--muted) 0 25%, #0000 0 75%, var(--muted) 0 87.5%, var(--background) 0), repeating-linear-gradient(-45deg, var(--muted) 0 12.5%, var(--background) 0 25%, var(--muted) 0 37.5%, var(--background) 0 62.5%);background-size:55px 55px}._bg-rhombus_17rae_103{background:repeating-linear-gradient(45deg, #0000 calc(-650% / 13) calc(50% / 13), var(--muted) 0 calc(100% / 13), #0000 0 calc(150% / 13), var(--muted) 0 calc(200% / 13), #0000 0 calc(250% / 13), var(--muted) 0 calc(300% / 13)), repeating-linear-gradient(45deg, #0000 calc(-650% / 13) calc(50% / 13), var(--muted) 0 calc(100% / 13), #0000 0 calc(150% / 13), var(--muted) 0 calc(200% / 13), #0000 0 calc(250% / 13), var(--muted) 0 calc(300% / 13)) 36px 36px, repeating-linear-gradient(-45deg, #0000 calc(-650% / 13) calc(50% / 13), var(--muted) 0 calc(100% / 13), #0000 0 calc(150% / 13), var(--muted) 0 calc(200% / 13), #0000 0 calc(250% / 13), var(--muted) 0 calc(300% / 13)), repeating-linear-gradient(-45deg, #0000 calc(-650% / 13) calc(50% / 13), var(--muted) 0 calc(100% / 13), #0000 0 calc(150% / 13), var(--muted) 0 calc(200% / 13), #0000 0 calc(250% / 13), var(--muted) 0 calc(300% / 13)) 36px 36px var(--background);background-size:72px 72px}/*$vite$:1*/`)),document.head.appendChild(e)}}catch(e){console.error(`vite-plugin-css-injected-by-js`,e)}})();
 import { Children as e, createContext as t, forwardRef as n, isValidElement as r, useCallback as i, useContext as a, useEffect as o, useImperativeHandle as s, useLayoutEffect as c, useMemo as l, useRef as u, useState as d } from "react";
-//#region \0rolldown/runtime.js
-var f = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t.exports), p = /* @__PURE__ */ ((e) => typeof require < "u" ? require : typeof Proxy < "u" ? new Proxy(e, { get: (e, t) => (typeof require < "u" ? require : e)[t] }) : e)(function(e) {
-	if (typeof require < "u") return require.apply(this, arguments);
-	throw Error("Calling `require` for \"" + e + "\" in an environment that doesn't expose the `require` function. See https://rolldown.rs/in-depth/bundling-cjs#require-external-modules for more details.");
-}), m = 1920, h = .85, g = [
+import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
+//#region src/shared/components/Pixedi/constants.ts
+var h = 1920, g = .85, _ = [
 	{
 		label: "Facebook",
 		value: "facebook",
@@ -107,7 +105,7 @@ var f = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t
 			}
 		]
 	}
-], _ = [
+], v = [
 	{
 		value: "saturate",
 		label: "Saturate",
@@ -178,7 +176,7 @@ var f = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t
 		sliderValue: 100,
 		rightLabel: "100%"
 	}
-], v = [
+], y = [
 	{
 		value: "vintage",
 		label: "Vintage"
@@ -219,182 +217,7 @@ var f = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t
 		value: "x-ray",
 		label: "X-Ray"
 	}
-], y = /* @__PURE__ */ f(((e) => {
-	var t = Symbol.for("react.transitional.element"), n = Symbol.for("react.fragment");
-	function r(e, n, r) {
-		var i = null;
-		if (r !== void 0 && (i = "" + r), n.key !== void 0 && (i = "" + n.key), "key" in n) for (var a in r = {}, n) a !== "key" && (r[a] = n[a]);
-		else r = n;
-		return n = r.ref, {
-			$$typeof: t,
-			type: e,
-			key: i,
-			ref: n === void 0 ? null : n,
-			props: r
-		};
-	}
-	e.Fragment = n, e.jsx = r, e.jsxs = r;
-})), b = /* @__PURE__ */ f(((e) => {
-	process.env.NODE_ENV !== "production" && (function() {
-		function t(e) {
-			if (e == null) return null;
-			if (typeof e == "function") return e.$$typeof === k ? null : e.displayName || e.name || null;
-			if (typeof e == "string") return e;
-			switch (e) {
-				case v: return "Fragment";
-				case b: return "Profiler";
-				case y: return "StrictMode";
-				case w: return "Suspense";
-				case T: return "SuspenseList";
-				case O: return "Activity";
-			}
-			if (typeof e == "object") switch (typeof e.tag == "number" && console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), e.$$typeof) {
-				case _: return "Portal";
-				case S: return e.displayName || "Context";
-				case x: return (e._context.displayName || "Context") + ".Consumer";
-				case C:
-					var n = e.render;
-					return e = e.displayName, e ||= (e = n.displayName || n.name || "", e === "" ? "ForwardRef" : "ForwardRef(" + e + ")"), e;
-				case E: return n = e.displayName || null, n === null ? t(e.type) || "Memo" : n;
-				case D:
-					n = e._payload, e = e._init;
-					try {
-						return t(e(n));
-					} catch {}
-			}
-			return null;
-		}
-		function n(e) {
-			return "" + e;
-		}
-		function r(e) {
-			try {
-				n(e);
-				var t = !1;
-			} catch {
-				t = !0;
-			}
-			if (t) {
-				t = console;
-				var r = t.error, i = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
-				return r.call(t, "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.", i), n(e);
-			}
-		}
-		function i(e) {
-			if (e === v) return "<>";
-			if (typeof e == "object" && e && e.$$typeof === D) return "<...>";
-			try {
-				var n = t(e);
-				return n ? "<" + n + ">" : "<...>";
-			} catch {
-				return "<...>";
-			}
-		}
-		function a() {
-			var e = A.A;
-			return e === null ? null : e.getOwner();
-		}
-		function o() {
-			return Error("react-stack-top-frame");
-		}
-		function s(e) {
-			if (ee.call(e, "key")) {
-				var t = Object.getOwnPropertyDescriptor(e, "key").get;
-				if (t && t.isReactWarning) return !1;
-			}
-			return e.key !== void 0;
-		}
-		function c(e, t) {
-			function n() {
-				ne || (ne = !0, console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)", t));
-			}
-			n.isReactWarning = !0, Object.defineProperty(e, "key", {
-				get: n,
-				configurable: !0
-			});
-		}
-		function l() {
-			var e = t(this.type);
-			return re[e] || (re[e] = !0, console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")), e = this.props.ref, e === void 0 ? null : e;
-		}
-		function u(e, t, n, r, i, a) {
-			var o = n.ref;
-			return e = {
-				$$typeof: g,
-				type: e,
-				key: t,
-				props: n,
-				_owner: r
-			}, (o === void 0 ? null : o) === null ? Object.defineProperty(e, "ref", {
-				enumerable: !1,
-				value: null
-			}) : Object.defineProperty(e, "ref", {
-				enumerable: !1,
-				get: l
-			}), e._store = {}, Object.defineProperty(e._store, "validated", {
-				configurable: !1,
-				enumerable: !1,
-				writable: !0,
-				value: 0
-			}), Object.defineProperty(e, "_debugInfo", {
-				configurable: !1,
-				enumerable: !1,
-				writable: !0,
-				value: null
-			}), Object.defineProperty(e, "_debugStack", {
-				configurable: !1,
-				enumerable: !1,
-				writable: !0,
-				value: i
-			}), Object.defineProperty(e, "_debugTask", {
-				configurable: !1,
-				enumerable: !1,
-				writable: !0,
-				value: a
-			}), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
-		}
-		function d(e, n, i, o, l, d) {
-			var p = n.children;
-			if (p !== void 0) if (o) if (te(p)) {
-				for (o = 0; o < p.length; o++) f(p[o]);
-				Object.freeze && Object.freeze(p);
-			} else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
-			else f(p);
-			if (ee.call(n, "key")) {
-				p = t(e);
-				var m = Object.keys(n).filter(function(e) {
-					return e !== "key";
-				});
-				o = 0 < m.length ? "{key: someKey, " + m.join(": ..., ") + ": ...}" : "{key: someKey}", N[p + o] || (m = 0 < m.length ? "{" + m.join(": ..., ") + ": ...}" : "{}", console.error("A props object containing a \"key\" prop is being spread into JSX:\n  let props = %s;\n  <%s {...props} />\nReact keys must be passed directly to JSX without using spread:\n  let props = %s;\n  <%s key={someKey} {...props} />", o, p, m, p), N[p + o] = !0);
-			}
-			if (p = null, i !== void 0 && (r(i), p = "" + i), s(n) && (r(n.key), p = "" + n.key), "key" in n) for (var h in i = {}, n) h !== "key" && (i[h] = n[h]);
-			else i = n;
-			return p && c(i, typeof e == "function" ? e.displayName || e.name || "Unknown" : e), u(e, p, i, a(), l, d);
-		}
-		function f(e) {
-			m(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e && e.$$typeof === D && (e._payload.status === "fulfilled" ? m(e._payload.value) && e._payload.value._store && (e._payload.value._store.validated = 1) : e._store && (e._store.validated = 1));
-		}
-		function m(e) {
-			return typeof e == "object" && !!e && e.$$typeof === g;
-		}
-		var h = p("react"), g = Symbol.for("react.transitional.element"), _ = Symbol.for("react.portal"), v = Symbol.for("react.fragment"), y = Symbol.for("react.strict_mode"), b = Symbol.for("react.profiler"), x = Symbol.for("react.consumer"), S = Symbol.for("react.context"), C = Symbol.for("react.forward_ref"), w = Symbol.for("react.suspense"), T = Symbol.for("react.suspense_list"), E = Symbol.for("react.memo"), D = Symbol.for("react.lazy"), O = Symbol.for("react.activity"), k = Symbol.for("react.client.reference"), A = h.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, ee = Object.prototype.hasOwnProperty, te = Array.isArray, j = console.createTask ? console.createTask : function() {
-			return null;
-		};
-		h = { react_stack_bottom_frame: function(e) {
-			return e();
-		} };
-		var ne, re = {}, M = h.react_stack_bottom_frame.bind(h, o)(), ie = j(i(o)), N = {};
-		e.Fragment = v, e.jsx = function(e, t, n) {
-			var r = 1e4 > A.recentlyCreatedOwnerStacks++;
-			return d(e, t, n, !1, r ? Error("react-stack-top-frame") : M, r ? j(i(e)) : ie);
-		}, e.jsxs = function(e, t, n) {
-			var r = 1e4 > A.recentlyCreatedOwnerStacks++;
-			return d(e, t, n, !0, r ? Error("react-stack-top-frame") : M, r ? j(i(e)) : ie);
-		};
-	})();
-})), x = (/* @__PURE__ */ f(((e, t) => {
-	process.env.NODE_ENV === "production" ? t.exports = y() : t.exports = b();
-})))(), S = {
+], b = {
 	xmlns: "http://w3.org",
 	width: "24",
 	height: "24",
@@ -404,50 +227,50 @@ var f = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t
 	strokeWidth: "2",
 	strokeLinecap: "round",
 	strokeLinejoin: "round"
-}, C = (e) => /* @__PURE__ */ (0, x.jsx)("svg", {
-	...S,
+}, x = (e) => /* @__PURE__ */ p("svg", {
+	...b,
 	...e,
-	children: /* @__PURE__ */ (0, x.jsx)("path", { d: "M20 6 9 17l-5-5" })
-}), w = (e) => /* @__PURE__ */ (0, x.jsxs)("svg", {
-	...S,
+	children: /* @__PURE__ */ p("path", { d: "M20 6 9 17l-5-5" })
+}), S = (e) => /* @__PURE__ */ m("svg", {
+	...b,
 	...e,
-	children: [/* @__PURE__ */ (0, x.jsx)("path", { d: "M18 6 6 18" }), /* @__PURE__ */ (0, x.jsx)("path", { d: "m6 6 12 12" })]
-}), T = (e) => /* @__PURE__ */ (0, x.jsxs)("svg", {
-	...S,
+	children: [/* @__PURE__ */ p("path", { d: "M18 6 6 18" }), /* @__PURE__ */ p("path", { d: "m6 6 12 12" })]
+}), C = (e) => /* @__PURE__ */ m("svg", {
+	...b,
 	...e,
-	children: [/* @__PURE__ */ (0, x.jsx)("rect", {
+	children: [/* @__PURE__ */ p("rect", {
 		width: "18",
 		height: "11",
 		x: "3",
 		y: "11",
 		rx: "2",
 		ry: "2"
-	}), /* @__PURE__ */ (0, x.jsx)("path", { d: "M7 11V7a5 5 0 0 1 10 0v4" })]
-}), E = (e) => /* @__PURE__ */ (0, x.jsxs)("svg", {
-	...S,
+	}), /* @__PURE__ */ p("path", { d: "M7 11V7a5 5 0 0 1 10 0v4" })]
+}), w = (e) => /* @__PURE__ */ m("svg", {
+	...b,
 	...e,
-	children: [/* @__PURE__ */ (0, x.jsx)("path", { d: "m12 19-7-7 7-7" }), /* @__PURE__ */ (0, x.jsx)("path", { d: "M19 12H5" })]
-}), D = (e) => /* @__PURE__ */ (0, x.jsx)("svg", {
-	...S,
+	children: [/* @__PURE__ */ p("path", { d: "m12 19-7-7 7-7" }), /* @__PURE__ */ p("path", { d: "M19 12H5" })]
+}), T = (e) => /* @__PURE__ */ p("svg", {
+	...b,
 	...e,
-	children: /* @__PURE__ */ (0, x.jsx)("path", { d: "m6 9 6 6 6-6" })
-}), O = (e) => /* @__PURE__ */ (0, x.jsxs)("svg", {
-	...S,
+	children: /* @__PURE__ */ p("path", { d: "m6 9 6 6 6-6" })
+}), E = (e) => /* @__PURE__ */ m("svg", {
+	...b,
 	...e,
-	children: [/* @__PURE__ */ (0, x.jsx)("path", { d: "M3 7v6h6" }), /* @__PURE__ */ (0, x.jsx)("path", { d: "M21 17a9 9 0 0 0-9-9 9 9 0 0 0-6 2.3L3 13" })]
-}), k = (e) => /* @__PURE__ */ (0, x.jsxs)("svg", {
-	...S,
+	children: [/* @__PURE__ */ p("path", { d: "M3 7v6h6" }), /* @__PURE__ */ p("path", { d: "M21 17a9 9 0 0 0-9-9 9 9 0 0 0-6 2.3L3 13" })]
+}), D = (e) => /* @__PURE__ */ m("svg", {
+	...b,
 	...e,
-	children: [/* @__PURE__ */ (0, x.jsx)("path", { d: "M21 7v6h-6" }), /* @__PURE__ */ (0, x.jsx)("path", { d: "M3 17a9 9 0 0 1 9-9 9 9 0 0 1 6 2.3l3 2.7" })]
-}), A = (e) => /* @__PURE__ */ (0, x.jsxs)("svg", {
-	...S,
+	children: [/* @__PURE__ */ p("path", { d: "M21 7v6h-6" }), /* @__PURE__ */ p("path", { d: "M3 17a9 9 0 0 1 9-9 9 9 0 0 1 6 2.3l3 2.7" })]
+}), O = (e) => /* @__PURE__ */ m("svg", {
+	...b,
 	...e,
-	children: [/* @__PURE__ */ (0, x.jsx)("path", { d: "M6 2v14a2 2 0 0 0 2 2h14" }), /* @__PURE__ */ (0, x.jsx)("path", { d: "M18 22V8a2 2 0 0 0-2-2H2" })]
-}), ee = (e) => /* @__PURE__ */ (0, x.jsxs)("svg", {
-	...S,
+	children: [/* @__PURE__ */ p("path", { d: "M6 2v14a2 2 0 0 0 2 2h14" }), /* @__PURE__ */ p("path", { d: "M18 22V8a2 2 0 0 0-2-2H2" })]
+}), k = (e) => /* @__PURE__ */ m("svg", {
+	...b,
 	...e,
 	children: [
-		/* @__PURE__ */ (0, x.jsx)("rect", {
+		/* @__PURE__ */ p("rect", {
 			width: "18",
 			height: "18",
 			x: "3",
@@ -455,52 +278,52 @@ var f = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t
 			rx: "2",
 			ry: "2"
 		}),
-		/* @__PURE__ */ (0, x.jsx)("circle", {
+		/* @__PURE__ */ p("circle", {
 			cx: "9",
 			cy: "9",
 			r: "2"
 		}),
-		/* @__PURE__ */ (0, x.jsx)("path", { d: "m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21" })
+		/* @__PURE__ */ p("path", { d: "m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21" })
 	]
-}), te = (e) => /* @__PURE__ */ (0, x.jsx)("svg", {
-	...S,
+}), A = (e) => /* @__PURE__ */ p("svg", {
+	...b,
 	...e,
-	children: /* @__PURE__ */ (0, x.jsx)("rect", {
+	children: /* @__PURE__ */ p("rect", {
 		width: "18",
 		height: "18",
 		x: "3",
 		y: "3",
 		rx: "2"
 	})
-}), j = (e) => /* @__PURE__ */ (0, x.jsx)("svg", {
-	...S,
+}), ee = (e) => /* @__PURE__ */ p("svg", {
+	...b,
 	...e,
-	children: /* @__PURE__ */ (0, x.jsx)("rect", {
+	children: /* @__PURE__ */ p("rect", {
 		width: "20",
 		height: "12",
 		x: "2",
 		y: "6",
 		rx: "2"
 	})
-}), ne = (e) => /* @__PURE__ */ (0, x.jsx)("svg", {
-	...S,
+}), te = (e) => /* @__PURE__ */ p("svg", {
+	...b,
 	...e,
-	children: /* @__PURE__ */ (0, x.jsx)("rect", {
+	children: /* @__PURE__ */ p("rect", {
 		width: "20",
 		height: "15",
 		x: "2",
 		y: "4.5",
 		rx: "2"
 	})
-}), re = (e) => /* @__PURE__ */ (0, x.jsxs)("svg", {
-	...S,
+}), ne = (e) => /* @__PURE__ */ m("svg", {
+	...b,
 	...e,
 	children: [
-		/* @__PURE__ */ (0, x.jsx)("path", { d: "M3 7V5a2 2 0 0 1 2-2h2" }),
-		/* @__PURE__ */ (0, x.jsx)("path", { d: "M17 3h2a2 2 0 0 1 2 2v2" }),
-		/* @__PURE__ */ (0, x.jsx)("path", { d: "M21 17v2a2 2 0 0 1-2 2h-2" }),
-		/* @__PURE__ */ (0, x.jsx)("path", { d: "M7 21H5a2 2 0 0 1-2-2v-2" }),
-		/* @__PURE__ */ (0, x.jsx)("rect", {
+		/* @__PURE__ */ p("path", { d: "M3 7V5a2 2 0 0 1 2-2h2" }),
+		/* @__PURE__ */ p("path", { d: "M17 3h2a2 2 0 0 1 2 2v2" }),
+		/* @__PURE__ */ p("path", { d: "M21 17v2a2 2 0 0 1-2 2h-2" }),
+		/* @__PURE__ */ p("path", { d: "M7 21H5a2 2 0 0 1-2-2v-2" }),
+		/* @__PURE__ */ p("rect", {
 			width: "10",
 			height: "8",
 			x: "7",
@@ -508,164 +331,164 @@ var f = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t
 			rx: "1"
 		})
 	]
-}), M = (e) => /* @__PURE__ */ (0, x.jsxs)("svg", {
-	...S,
+}), re = (e) => /* @__PURE__ */ m("svg", {
+	...b,
 	...e,
 	children: [
-		/* @__PURE__ */ (0, x.jsx)("path", { d: "M8 3H5a2 2 0 0 0-2 2v14c0 1.1.9 2 2 2h3" }),
-		/* @__PURE__ */ (0, x.jsx)("path", { d: "M16 3h3a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-3" }),
-		/* @__PURE__ */ (0, x.jsx)("path", { d: "M12 20v2" }),
-		/* @__PURE__ */ (0, x.jsx)("path", { d: "M12 14v2" }),
-		/* @__PURE__ */ (0, x.jsx)("path", { d: "M12 8v2" }),
-		/* @__PURE__ */ (0, x.jsx)("path", { d: "M12 2v2" })
+		/* @__PURE__ */ p("path", { d: "M8 3H5a2 2 0 0 0-2 2v14c0 1.1.9 2 2 2h3" }),
+		/* @__PURE__ */ p("path", { d: "M16 3h3a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-3" }),
+		/* @__PURE__ */ p("path", { d: "M12 20v2" }),
+		/* @__PURE__ */ p("path", { d: "M12 14v2" }),
+		/* @__PURE__ */ p("path", { d: "M12 8v2" }),
+		/* @__PURE__ */ p("path", { d: "M12 2v2" })
 	]
-}), ie = (e) => /* @__PURE__ */ (0, x.jsxs)("svg", {
-	...S,
+}), ie = (e) => /* @__PURE__ */ m("svg", {
+	...b,
 	...e,
 	children: [
-		/* @__PURE__ */ (0, x.jsx)("path", { d: "M21 8V5a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v3" }),
-		/* @__PURE__ */ (0, x.jsx)("path", { d: "M21 16v3a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-3" }),
-		/* @__PURE__ */ (0, x.jsx)("path", { d: "M4 12H2" }),
-		/* @__PURE__ */ (0, x.jsx)("path", { d: "M10 12H8" }),
-		/* @__PURE__ */ (0, x.jsx)("path", { d: "M16 12h-2" }),
-		/* @__PURE__ */ (0, x.jsx)("path", { d: "M22 12h-2" })
+		/* @__PURE__ */ p("path", { d: "M21 8V5a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v3" }),
+		/* @__PURE__ */ p("path", { d: "M21 16v3a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-3" }),
+		/* @__PURE__ */ p("path", { d: "M4 12H2" }),
+		/* @__PURE__ */ p("path", { d: "M10 12H8" }),
+		/* @__PURE__ */ p("path", { d: "M16 12h-2" }),
+		/* @__PURE__ */ p("path", { d: "M22 12h-2" })
 	]
-}), N = (e) => /* @__PURE__ */ (0, x.jsxs)("svg", {
-	...S,
+}), ae = (e) => /* @__PURE__ */ m("svg", {
+	...b,
 	...e,
-	children: [/* @__PURE__ */ (0, x.jsx)("path", { d: "M21 12a9 9 0 1 1-9-9c2.52 0 4.93 1 6.74 2.74L21 8" }), /* @__PURE__ */ (0, x.jsx)("path", { d: "M21 3v5h-5" })]
-}), ae = (e) => /* @__PURE__ */ (0, x.jsxs)("svg", {
-	...S,
+	children: [/* @__PURE__ */ p("path", { d: "M21 12a9 9 0 1 1-9-9c2.52 0 4.93 1 6.74 2.74L21 8" }), /* @__PURE__ */ p("path", { d: "M21 3v5h-5" })]
+}), oe = (e) => /* @__PURE__ */ m("svg", {
+	...b,
 	...e,
-	children: [/* @__PURE__ */ (0, x.jsx)("path", { d: "M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8" }), /* @__PURE__ */ (0, x.jsx)("path", { d: "M3 3v5h5" })]
-}), oe = (e) => /* @__PURE__ */ (0, x.jsxs)("svg", {
-	...S,
+	children: [/* @__PURE__ */ p("path", { d: "M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8" }), /* @__PURE__ */ p("path", { d: "M3 3v5h5" })]
+}), se = (e) => /* @__PURE__ */ m("svg", {
+	...b,
 	...e,
 	children: [
-		/* @__PURE__ */ (0, x.jsx)("rect", {
+		/* @__PURE__ */ p("rect", {
 			width: "7",
 			height: "7",
 			x: "3",
 			y: "3",
 			rx: "1"
 		}),
-		/* @__PURE__ */ (0, x.jsx)("rect", {
+		/* @__PURE__ */ p("rect", {
 			width: "7",
 			height: "7",
 			x: "3",
 			y: "14",
 			rx: "1"
 		}),
-		/* @__PURE__ */ (0, x.jsx)("path", { d: "M14 4h7" }),
-		/* @__PURE__ */ (0, x.jsx)("path", { d: "M14 9h7" }),
-		/* @__PURE__ */ (0, x.jsx)("path", { d: "M14 15h7" }),
-		/* @__PURE__ */ (0, x.jsx)("path", { d: "M14 20h7" })
+		/* @__PURE__ */ p("path", { d: "M14 4h7" }),
+		/* @__PURE__ */ p("path", { d: "M14 9h7" }),
+		/* @__PURE__ */ p("path", { d: "M14 15h7" }),
+		/* @__PURE__ */ p("path", { d: "M14 20h7" })
 	]
-}), se = (e) => /* @__PURE__ */ (0, x.jsxs)("svg", {
-	...S,
+}), ce = (e) => /* @__PURE__ */ m("svg", {
+	...b,
 	...e,
 	children: [
-		/* @__PURE__ */ (0, x.jsx)("path", { d: "M10 5H3" }),
-		/* @__PURE__ */ (0, x.jsx)("path", { d: "M12 19H3" }),
-		/* @__PURE__ */ (0, x.jsx)("path", { d: "M14 3v4" }),
-		/* @__PURE__ */ (0, x.jsx)("path", { d: "M16 17v4" }),
-		/* @__PURE__ */ (0, x.jsx)("path", { d: "M21 12h-9" }),
-		/* @__PURE__ */ (0, x.jsx)("path", { d: "M21 19h-5" }),
-		/* @__PURE__ */ (0, x.jsx)("path", { d: "M21 5h-7" }),
-		/* @__PURE__ */ (0, x.jsx)("path", { d: "M8 10v4" }),
-		/* @__PURE__ */ (0, x.jsx)("path", { d: "M8 12H3" })
+		/* @__PURE__ */ p("path", { d: "M10 5H3" }),
+		/* @__PURE__ */ p("path", { d: "M12 19H3" }),
+		/* @__PURE__ */ p("path", { d: "M14 3v4" }),
+		/* @__PURE__ */ p("path", { d: "M16 17v4" }),
+		/* @__PURE__ */ p("path", { d: "M21 12h-9" }),
+		/* @__PURE__ */ p("path", { d: "M21 19h-5" }),
+		/* @__PURE__ */ p("path", { d: "M21 5h-7" }),
+		/* @__PURE__ */ p("path", { d: "M8 10v4" }),
+		/* @__PURE__ */ p("path", { d: "M8 12H3" })
 	]
-}), ce = (e) => /* @__PURE__ */ (0, x.jsxs)("svg", {
-	...S,
+}), le = (e) => /* @__PURE__ */ m("svg", {
+	...b,
 	...e,
 	children: [
-		/* @__PURE__ */ (0, x.jsx)("rect", {
+		/* @__PURE__ */ p("rect", {
 			width: "18",
 			height: "18",
 			x: "3",
 			y: "3",
 			rx: "2"
 		}),
-		/* @__PURE__ */ (0, x.jsx)("path", { d: "M9 3v18" }),
-		/* @__PURE__ */ (0, x.jsx)("path", { d: "m14 9 3 3-3 3" })
+		/* @__PURE__ */ p("path", { d: "M9 3v18" }),
+		/* @__PURE__ */ p("path", { d: "m14 9 3 3-3 3" })
 	]
-}), le = (e) => /* @__PURE__ */ (0, x.jsxs)("svg", {
-	...S,
+}), ue = (e) => /* @__PURE__ */ m("svg", {
+	...b,
 	...e,
 	children: [
-		/* @__PURE__ */ (0, x.jsx)("rect", {
+		/* @__PURE__ */ p("rect", {
 			width: "18",
 			height: "18",
 			x: "3",
 			y: "3",
 			rx: "2"
 		}),
-		/* @__PURE__ */ (0, x.jsx)("path", { d: "M9 3v18" }),
-		/* @__PURE__ */ (0, x.jsx)("path", { d: "m16 15-3-3 3-3" })
+		/* @__PURE__ */ p("path", { d: "M9 3v18" }),
+		/* @__PURE__ */ p("path", { d: "m16 15-3-3 3-3" })
 	]
-}), ue = (e) => /* @__PURE__ */ (0, x.jsxs)("svg", {
-	...S,
+}), de = (e) => /* @__PURE__ */ m("svg", {
+	...b,
 	...e,
 	children: [
-		/* @__PURE__ */ (0, x.jsx)("path", { d: "M15 4V2" }),
-		/* @__PURE__ */ (0, x.jsx)("path", { d: "M15 16v-2" }),
-		/* @__PURE__ */ (0, x.jsx)("path", { d: "M8 9h2" }),
-		/* @__PURE__ */ (0, x.jsx)("path", { d: "M20 9h2" }),
-		/* @__PURE__ */ (0, x.jsx)("path", { d: "M17.8 11.8 19 13" }),
-		/* @__PURE__ */ (0, x.jsx)("path", { d: "M15 9h.01" }),
-		/* @__PURE__ */ (0, x.jsx)("path", { d: "M17.8 6.2 19 5" }),
-		/* @__PURE__ */ (0, x.jsx)("path", { d: "m3 21 9-9" }),
-		/* @__PURE__ */ (0, x.jsx)("path", { d: "M12.2 6.2 11 5" })
+		/* @__PURE__ */ p("path", { d: "M15 4V2" }),
+		/* @__PURE__ */ p("path", { d: "M15 16v-2" }),
+		/* @__PURE__ */ p("path", { d: "M8 9h2" }),
+		/* @__PURE__ */ p("path", { d: "M20 9h2" }),
+		/* @__PURE__ */ p("path", { d: "M17.8 11.8 19 13" }),
+		/* @__PURE__ */ p("path", { d: "M15 9h.01" }),
+		/* @__PURE__ */ p("path", { d: "M17.8 6.2 19 5" }),
+		/* @__PURE__ */ p("path", { d: "m3 21 9-9" }),
+		/* @__PURE__ */ p("path", { d: "M12.2 6.2 11 5" })
 	]
-}), de = (e) => /* @__PURE__ */ (0, x.jsxs)("svg", {
-	...S,
+}), fe = (e) => /* @__PURE__ */ m("svg", {
+	...b,
 	...e,
 	children: [
-		/* @__PURE__ */ (0, x.jsx)("path", { d: "M12 3v18" }),
-		/* @__PURE__ */ (0, x.jsx)("path", { d: "m16 16 4-4-4-4" }),
-		/* @__PURE__ */ (0, x.jsx)("path", { d: "m8 8-4 4 4 4" })
+		/* @__PURE__ */ p("path", { d: "M12 3v18" }),
+		/* @__PURE__ */ p("path", { d: "m16 16 4-4-4-4" }),
+		/* @__PURE__ */ p("path", { d: "m8 8-4 4 4 4" })
 	]
-}), fe = (e) => /* @__PURE__ */ (0, x.jsxs)("svg", {
-	...S,
+}), pe = (e) => /* @__PURE__ */ m("svg", {
+	...b,
 	...e,
 	children: [
-		/* @__PURE__ */ (0, x.jsx)("circle", {
+		/* @__PURE__ */ p("circle", {
 			cx: "9",
 			cy: "12",
 			r: "1"
 		}),
-		/* @__PURE__ */ (0, x.jsx)("circle", {
+		/* @__PURE__ */ p("circle", {
 			cx: "9",
 			cy: "5",
 			r: "1"
 		}),
-		/* @__PURE__ */ (0, x.jsx)("circle", {
+		/* @__PURE__ */ p("circle", {
 			cx: "9",
 			cy: "19",
 			r: "1"
 		}),
-		/* @__PURE__ */ (0, x.jsx)("circle", {
+		/* @__PURE__ */ p("circle", {
 			cx: "15",
 			cy: "12",
 			r: "1"
 		}),
-		/* @__PURE__ */ (0, x.jsx)("circle", {
+		/* @__PURE__ */ p("circle", {
 			cx: "15",
 			cy: "5",
 			r: "1"
 		}),
-		/* @__PURE__ */ (0, x.jsx)("circle", {
+		/* @__PURE__ */ p("circle", {
 			cx: "15",
 			cy: "19",
 			r: "1"
 		})
 	]
-}), pe = (e) => /* @__PURE__ */ (0, x.jsx)("svg", {
-	...S,
+}), me = (e) => /* @__PURE__ */ p("svg", {
+	...b,
 	...e,
-	children: /* @__PURE__ */ (0, x.jsx)("path", {
+	children: /* @__PURE__ */ p("path", {
 		d: "M21 12a9 9 0 1 1-6.219-8.56",
-		children: /* @__PURE__ */ (0, x.jsx)("animateTransform", {
+		children: /* @__PURE__ */ p("animateTransform", {
 			attributeType: "xml",
 			attributeName: "transform",
 			type: "rotate",
@@ -675,27 +498,27 @@ var f = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t
 			repeatCount: "indefinite"
 		})
 	})
-}), P = {
+}), j = {
 	button: "_button_1vpzl_1",
 	default: "_default_1vpzl_35",
 	outline: "_outline_1vpzl_44",
 	ghost: "_ghost_1vpzl_54",
 	rect: "_rect_1vpzl_63"
-}, F = ({ className: e = "", variant: t = "default", children: n, ref: r, ...i }) => /* @__PURE__ */ (0, x.jsx)("button", {
+}, M = ({ className: e = "", variant: t = "default", children: n, ref: r, ...i }) => /* @__PURE__ */ p("button", {
 	ref: r,
-	className: `${P.button} ${P[t]} ${e}`.trim(),
+	className: `${j.button} ${j[t]} ${e}`.trim(),
 	...i,
 	children: n
-}), me = { separator: "_separator_gp8ff_1" }, he = n(({ className: e = "", orientation: t = "horizontal", ...n }, r) => /* @__PURE__ */ (0, x.jsx)("hr", {
+}), he = { separator: "_separator_gp8ff_1" }, ge = n(({ className: e = "", orientation: t = "horizontal", ...n }, r) => /* @__PURE__ */ p("hr", {
 	ref: r,
 	role: "separator",
 	"aria-orientation": t,
 	"data-orientation": t,
-	className: `${me.separator} ${e}`.trim(),
+	className: `${he.separator} ${e}`.trim(),
 	...n
 }));
-he.displayName = "Separator";
-var I = {
+ge.displayName = "Separator";
+var N = {
 	wrapper: "_wrapper_1aw0m_1",
 	trigger: "_trigger_1aw0m_6",
 	triggerArrow: "_triggerArrow_1aw0m_31",
@@ -707,7 +530,7 @@ var I = {
 	itemRightContainer: "_itemRightContainer_1aw0m_122",
 	itemRight: "_itemRight_1aw0m_122",
 	itemCheck: "_itemCheck_1aw0m_131"
-}, L = {
+}, P = {
 	root: "_root_c6inw_8",
 	textRed: "_textRed_c6inw_78",
 	bgRed: "_bgRed_c6inw_81",
@@ -722,7 +545,7 @@ var I = {
 	mobile: "_mobile_c6inw_130",
 	gridNoInfobar: "_gridNoInfobar_c6inw_134",
 	gridSingleTool: "_gridSingleTool_c6inw_149"
-}, ge = (e) => {
+}, _e = (e) => {
 	let t = 0, n = window.innerHeight;
 	for (let r = e.parentElement; r; r = r.parentElement) {
 		let { overflow: e, overflowY: i } = getComputedStyle(r);
@@ -734,7 +557,7 @@ var I = {
 		top: t,
 		bottom: n
 	};
-}, _e = ({ items: e, value: t, onChange: n }) => {
+}, ve = ({ items: e, value: t, onChange: n }) => {
 	let [r, i] = d(!1), a = u(null), s = u(null), f = u(null), p = l(() => {
 		let t = (e) => e.reduce((e, n) => n.options ? [...e, ...t(n.options.map((e) => ({
 			...e,
@@ -751,7 +574,7 @@ var I = {
 		let e = a.current, t = s.current, n = f.current;
 		if (!r || !e || !t || !n) return;
 		n.style.removeProperty("top"), n.style.removeProperty("max-height");
-		let { top: i, bottom: o } = ge(e), c = e.getBoundingClientRect().top, l = t.getBoundingClientRect(), u = n.offsetHeight, d = o - 8 - l.bottom - 4, p = l.top - 4 - i - 8, m = l.bottom + 4, h = 0;
+		let { top: i, bottom: o } = _e(e), c = e.getBoundingClientRect().top, l = t.getBoundingClientRect(), u = n.offsetHeight, d = o - 8 - l.bottom - 4, p = l.top - 4 - i - 8, m = l.bottom + 4, h = 0;
 		u > d && (u <= p ? m = l.top - 4 - u : p > d ? (h = Math.max(p, 0), m = l.top - 4 - h) : h = Math.max(d, 0)), h && (n.style.maxHeight = `${h}px`), n.style.top = `${m - c}px`;
 	}, [r, e]), {
 		isOpen: r,
@@ -764,114 +587,114 @@ var I = {
 		},
 		toggleOpen: () => i((e) => !e)
 	};
-}, ve = ({ items: e, value: t, onChange: n, placeholder: r = "Select an option", className: i = "", renderOption: a }) => {
-	let { isOpen: o, selectedLabel: s, containerRef: c, triggerRef: l, contentRef: u, handleSelectItem: d, toggleOpen: f } = _e({
+}, ye = ({ items: e, value: t, onChange: n, placeholder: r = "Select an option", className: i = "", renderOption: a }) => {
+	let { isOpen: o, selectedLabel: s, containerRef: c, triggerRef: l, contentRef: u, handleSelectItem: d, toggleOpen: f } = ve({
 		items: e,
 		value: t,
 		onChange: n
 	});
-	return /* @__PURE__ */ (0, x.jsxs)("div", {
+	return /* @__PURE__ */ m("div", {
 		ref: c,
-		className: `${I.wrapper} ${i}`.trim(),
+		className: `${N.wrapper} ${i}`.trim(),
 		"data-state": o ? "open" : "closed",
-		children: [/* @__PURE__ */ (0, x.jsxs)("button", {
+		children: [/* @__PURE__ */ m("button", {
 			ref: l,
 			type: "button",
-			className: I.trigger,
+			className: N.trigger,
 			onClick: f,
-			children: [/* @__PURE__ */ (0, x.jsx)("span", { children: s ?? r }), /* @__PURE__ */ (0, x.jsx)(D, { className: I.triggerArrow })]
-		}), /* @__PURE__ */ (0, x.jsx)("div", {
+			children: [/* @__PURE__ */ p("span", { children: s ?? r }), /* @__PURE__ */ p(T, { className: N.triggerArrow })]
+		}), /* @__PURE__ */ p("div", {
 			ref: u,
-			className: I.content,
-			children: e.map((e, n) => e.options ? /* @__PURE__ */ (0, x.jsxs)("div", { children: [/* @__PURE__ */ (0, x.jsx)("div", {
-				className: `${I.groupLabel} ${L.semibold}`,
+			className: N.content,
+			children: e.map((e, n) => e.options ? /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("div", {
+				className: `${N.groupLabel} ${P.semibold}`,
 				children: e.label
-			}), e.options.map((e) => /* @__PURE__ */ (0, x.jsxs)("div", {
-				className: I.item,
+			}), e.options.map((e) => /* @__PURE__ */ m("div", {
+				className: N.item,
 				onClick: () => d(e.value),
-				children: [a ? a(e) : /* @__PURE__ */ (0, x.jsx)("span", {
-					className: I.itemLeft,
+				children: [a ? a(e) : /* @__PURE__ */ p("span", {
+					className: N.itemLeft,
 					children: e.label
-				}), /* @__PURE__ */ (0, x.jsxs)("div", {
-					className: I.itemAddon,
+				}), /* @__PURE__ */ m("div", {
+					className: N.itemAddon,
 					children: [
-						e.rightLabel && /* @__PURE__ */ (0, x.jsx)("span", { children: e.rightLabel }),
-						t === e.value && /* @__PURE__ */ (0, x.jsx)(C, { className: I.itemCheck }),
-						t !== e.value && /* @__PURE__ */ (0, x.jsx)("b", {})
+						e.rightLabel && /* @__PURE__ */ p("span", { children: e.rightLabel }),
+						t === e.value && /* @__PURE__ */ p(x, { className: N.itemCheck }),
+						t !== e.value && /* @__PURE__ */ p("b", {})
 					]
 				})]
-			}, e.value))] }, `group-${n}`) : /* @__PURE__ */ (0, x.jsxs)("div", {
-				className: I.item,
+			}, e.value))] }, `group-${n}`) : /* @__PURE__ */ m("div", {
+				className: N.item,
 				onClick: () => d(e.value),
-				children: [a ? a(e) : /* @__PURE__ */ (0, x.jsx)("span", {
-					className: I.itemLeft,
+				children: [a ? a(e) : /* @__PURE__ */ p("span", {
+					className: N.itemLeft,
 					children: e.label
-				}), /* @__PURE__ */ (0, x.jsxs)("div", {
-					className: I.itemAddon,
+				}), /* @__PURE__ */ m("div", {
+					className: N.itemAddon,
 					children: [
-						e.rightLabel && /* @__PURE__ */ (0, x.jsx)("span", { children: e.rightLabel }),
-						t === e.value && /* @__PURE__ */ (0, x.jsx)(C, { className: I.itemCheck }),
-						t !== e.value && /* @__PURE__ */ (0, x.jsx)("b", {})
+						e.rightLabel && /* @__PURE__ */ p("span", { children: e.rightLabel }),
+						t === e.value && /* @__PURE__ */ p(x, { className: N.itemCheck }),
+						t !== e.value && /* @__PURE__ */ p("b", {})
 					]
 				})]
 			}, e.value))
 		})]
 	});
-}, ye = {
+}, be = {
 	input: "_input_kyavx_1",
 	numberClean: "_numberClean_kyavx_39"
-}, be = ({ className: e = "", type: t = "text", hideArrows: n = !0, ref: r, ...i }) => {
-	let a = t === "number" && n ? ye.numberClean : "";
-	return /* @__PURE__ */ (0, x.jsx)("input", {
+}, xe = ({ className: e = "", type: t = "text", hideArrows: n = !0, ref: r, ...i }) => {
+	let a = t === "number" && n ? be.numberClean : "";
+	return /* @__PURE__ */ p("input", {
 		ref: r,
 		type: t,
-		className: `${ye.input} ${a} ${e}`.trim(),
+		className: `${be.input} ${a} ${e}`.trim(),
 		...i
 	});
-}, xe = {
+}, Se = {
 	container: "_container_14vsv_1",
 	legend: "_legend_14vsv_4",
 	suffix: "_suffix_14vsv_13"
-}, Se = ({ label: e, className: t = "", style: n, ref: r, ...i }) => /* @__PURE__ */ (0, x.jsxs)("div", {
-	className: `${xe.container} ${t}`.trim(),
+}, Ce = ({ label: e, className: t = "", style: n, ref: r, ...i }) => /* @__PURE__ */ m("div", {
+	className: `${Se.container} ${t}`.trim(),
 	style: n,
 	children: [
-		/* @__PURE__ */ (0, x.jsx)("span", {
-			className: xe.legend,
+		/* @__PURE__ */ p("span", {
+			className: Se.legend,
 			children: e
 		}),
-		/* @__PURE__ */ (0, x.jsx)(be, {
+		/* @__PURE__ */ p(xe, {
 			ref: r,
 			type: "number",
 			...i
 		}),
-		/* @__PURE__ */ (0, x.jsx)("span", {
-			className: xe.suffix,
+		/* @__PURE__ */ p("span", {
+			className: Se.suffix,
 			children: "px"
 		})
 	]
-}), Ce = {
+}), we = {
 	group: "_group_1e7jm_1",
 	save: "_save_1e7jm_6",
 	close: "_close_1e7jm_13"
-}, R = ({ onSave: e, onClose: t, saving: n = !1, disabled: r = !1 }) => /* @__PURE__ */ (0, x.jsxs)("div", {
-	className: Ce.group,
-	children: [/* @__PURE__ */ (0, x.jsx)(F, {
+}, F = ({ onSave: e, onClose: t, saving: n = !1, disabled: r = !1 }) => /* @__PURE__ */ m("div", {
+	className: we.group,
+	children: [/* @__PURE__ */ p(M, {
 		variant: "outline",
-		className: Ce.save,
+		className: we.save,
 		"aria-label": "Save",
 		disabled: r || n,
 		onClick: e,
-		children: n ? /* @__PURE__ */ (0, x.jsx)(pe, {}) : /* @__PURE__ */ (0, x.jsx)(C, {})
-	}), /* @__PURE__ */ (0, x.jsx)(F, {
+		children: p(n ? me : x, {})
+	}), /* @__PURE__ */ p(M, {
 		variant: "outline",
-		className: Ce.close,
+		className: we.close,
 		"aria-label": "Close",
 		disabled: n,
 		onClick: t,
-		children: /* @__PURE__ */ (0, x.jsx)(w, {})
+		children: /* @__PURE__ */ p(S, {})
 	})]
-}), z = {
+}), I = {
 	sliderContainer: "_sliderContainer_1unyb_1",
 	disabled: "_disabled_1unyb_11",
 	sliderThumb: "_sliderThumb_1unyb_17",
@@ -879,10 +702,10 @@ var I = {
 	sliderRange: "_sliderRange_1unyb_34",
 	sliderTooltip: "_sliderTooltip_1unyb_58",
 	hiddenInput: "_hiddenInput_1unyb_86"
-}, we = (e, t, n) => {
+}, Te = (e, t, n) => {
 	let r = n - t;
 	return r <= 0 ? 0 : (e - t) / r * 100;
-}, Te = /* @__PURE__ */ new Set([
+}, Ee = /* @__PURE__ */ new Set([
 	"ArrowDown",
 	"ArrowLeft",
 	"ArrowRight",
@@ -891,63 +714,63 @@ var I = {
 	"Home",
 	"PageDown",
 	"PageUp"
-]), Ee = ({ min: e, max: t, value: n, step: r = 1, disabled: i = !1, isTooltip: a = !1, unit: o = "", className: l, onChange: f, onInput: p, ref: m }) => {
-	let h = u(null), g = u(null), _ = n ?? e, [v, y] = d(_);
-	s(m, () => ({ getValue: () => v }), [v]);
-	let b = (n) => {
-		y(n);
-		let r = we(n, e, t);
-		h.current?.style.setProperty("--slider-progress", `${r}%`);
-	}, S = () => {
-		!i && g.current && f?.(Number(g.current.value));
+]), De = ({ min: e, max: t, value: n, step: r = 1, disabled: i = !1, isTooltip: a = !1, unit: o = "", className: l, onChange: f, onInput: h, ref: g }) => {
+	let _ = u(null), v = u(null), y = n ?? e, [b, x] = d(y);
+	s(g, () => ({ getValue: () => b }), [b]);
+	let S = (n) => {
+		x(n);
+		let r = Te(n, e, t);
+		_.current?.style.setProperty("--slider-progress", `${r}%`);
+	}, C = () => {
+		!i && v.current && f?.(Number(v.current.value));
 	};
 	return c(() => {
-		if (!g.current) return;
-		n !== void 0 && (g.current.value = String(n));
-		let r = Number(g.current.value);
-		y(r);
-		let i = we(r, e, t);
-		h.current?.style.setProperty("--slider-progress", `${i}%`);
+		if (!v.current) return;
+		n !== void 0 && (v.current.value = String(n));
+		let r = Number(v.current.value);
+		x(r);
+		let i = Te(r, e, t);
+		_.current?.style.setProperty("--slider-progress", `${i}%`);
 	}, [
 		n,
 		e,
 		t
-	]), /* @__PURE__ */ (0, x.jsxs)("div", {
-		ref: h,
-		className: `${z.sliderContainer} ${i ? z.disabled : ""} ${l || ""}`,
-		style: { "--slider-progress": `${we(_, e, t)}%` },
-		children: [/* @__PURE__ */ (0, x.jsxs)("div", {
-			className: z.sliderTrack,
+	]), /* @__PURE__ */ m("div", {
+		ref: _,
+		className: `${I.sliderContainer} ${i ? I.disabled : ""} ${l || ""}`,
+		style: { "--slider-progress": `${Te(y, e, t)}%` },
+		children: [/* @__PURE__ */ m("div", {
+			className: I.sliderTrack,
 			children: [
-				/* @__PURE__ */ (0, x.jsx)("div", { className: z.sliderRange }),
-				/* @__PURE__ */ (0, x.jsx)("div", { className: z.sliderThumb }),
-				a && /* @__PURE__ */ (0, x.jsx)("div", {
-					className: z.sliderTooltip,
-					children: `${v}${o}`
+				/* @__PURE__ */ p("div", { className: I.sliderRange }),
+				/* @__PURE__ */ p("div", { className: I.sliderThumb }),
+				a && /* @__PURE__ */ p("div", {
+					className: I.sliderTooltip,
+					children: `${b}${o}`
 				})
 			]
-		}), /* @__PURE__ */ (0, x.jsx)("input", {
-			ref: g,
+		}), /* @__PURE__ */ p("input", {
+			ref: v,
 			type: "range",
 			min: e,
 			max: t,
 			step: r,
-			defaultValue: _,
+			defaultValue: y,
 			disabled: i,
 			onInput: (e) => {
 				let t = Number(e.currentTarget.value);
-				b(t), p?.(t);
+				S(t), h?.(t);
 			},
 			onPointerUp: () => {
-				S();
+				C();
 			},
 			onKeyUp: (e) => {
-				Te.has(e.key) && S();
+				Ee.has(e.key) && C();
 			},
-			className: z.hiddenInput
+			className: I.hiddenInput
 		})]
 	});
-}, B = {
+}, L = {
 	tooltip: "_tooltip_1rdl9_1",
 	container: "_container_1rdl9_5",
 	popup: "_popup_1rdl9_19",
@@ -955,7 +778,7 @@ var I = {
 	mask: "_mask_1rdl9_101",
 	track: "_track_1rdl9_108",
 	title: "_title_1rdl9_125"
-}, De = (t, n = "top") => {
+}, Oe = (t, n = "top") => {
 	let [i, a] = d(null), [s, f] = d(null), [p, m] = d(!1), [h, g] = d(!1), [_, v] = d([]), y = u(null), b = u(null), x = u([]), S = n === "left" || n === "right", C = l(() => {
 		let n = [];
 		return e.forEach(t, (e) => {
@@ -1027,59 +850,59 @@ var I = {
 		handleMouseMove: E,
 		handleMouseLeave: D
 	};
-}, V = ({ children: e, position: t = "top", className: n = "", classNameTitle: r = "", style: i }) => {
-	let { containerRef: a, trackRef: o, titleRefs: s, titles: c, isAnimated: l, cssVars: u, handleMouseMove: d, handleMouseLeave: f } = De(e, t);
-	return /* @__PURE__ */ (0, x.jsxs)("div", {
+}, R = ({ children: e, position: t = "top", className: n = "", classNameTitle: r = "", style: i }) => {
+	let { containerRef: a, trackRef: o, titleRefs: s, titles: c, isAnimated: l, cssVars: u, handleMouseMove: d, handleMouseLeave: f } = Oe(e, t);
+	return /* @__PURE__ */ m("div", {
 		ref: a,
 		onMouseMove: d,
 		onMouseLeave: f,
 		onBlur: f,
-		className: B.tooltip,
+		className: L.tooltip,
 		style: {
 			...u,
 			...i
 		},
-		children: [/* @__PURE__ */ (0, x.jsx)("div", {
+		children: [/* @__PURE__ */ p("div", {
 			"data-position": t,
-			className: `${B.container} ${n}`,
+			className: `${L.container} ${n}`,
 			children: e
-		}), /* @__PURE__ */ (0, x.jsx)("div", {
+		}), /* @__PURE__ */ p("div", {
 			"aria-hidden": "true",
 			"data-position": t,
-			className: `${B.popup} ${l ? B.animated : ""}`,
-			children: /* @__PURE__ */ (0, x.jsx)("div", {
-				className: B.mask,
-				children: /* @__PURE__ */ (0, x.jsx)("div", {
+			className: `${L.popup} ${l ? L.animated : ""}`,
+			children: /* @__PURE__ */ p("div", {
+				className: L.mask,
+				children: /* @__PURE__ */ p("div", {
 					ref: o,
 					"data-position": t,
-					className: B.track,
-					children: c.map((e, t) => /* @__PURE__ */ (0, x.jsx)("div", {
+					className: L.track,
+					children: c.map((e, t) => /* @__PURE__ */ p("div", {
 						ref: (e) => {
 							s.current[t] = e;
 						},
-						className: `${B.title} ${r}`,
+						className: `${L.title} ${r}`,
 						children: e
 					}, t))
 				})
 			})
 		})]
 	});
-}, Oe = "(function(){let e=async e=>{let{width:t,height:n}=e,r=Math.min(1,1920/Math.max(t,n)),i=Math.round(t*r),a=Math.round(n*r),o=new OffscreenCanvas(i,a),s=o.getContext(`2d`);if(!s)throw Error(`Failed to get 2D context for preview canvas`);return s.drawImage(e,0,0,i,a),o.convertToBlob({type:`image/webp`,quality:.85})};function t(e){let t=new OffscreenCanvas(e.width,e.height),n=t.getContext(`2d`);if(!n)throw Error(`Failed to create 2D context for canvas.`);n.drawImage(e,0,0);try{let e=n.getImageData(0,0,t.width,t.height).data;for(let t=3;t<e.length;t+=4)if(e[t]<255)return!0;return!1}catch(e){throw Error(`Error reading pixels: ${e}`,{cause:e})}}self.onmessage=async n=>{let r=``;try{let i;if(n.data instanceof Blob)i=n.data;else{let e=n.data.trim();!e.startsWith(`http://`)&&!e.startsWith(`https://`)&&!e.startsWith(`blob:`)&&!e.startsWith(`data:`)&&(r=`image/png`,e=`data:${r};base64,${e}`);let t=await fetch(e);if(!t.ok)throw Error(`HTTP error! Status: ${t.status}`);i=await t.blob()}let a=i.type||r||`image/unknown`,o=await createImageBitmap(i),{width:s,height:c}=o,l=await e(o),u=t(o);o.close(),self.postMessage({success:!0,originalBlob:i,previewBlob:l,mimeType:a,width:s,height:c,isAlpha:u})}catch(e){self.postMessage({success:!1,error:e instanceof Error?e.message:`An error occurred during image loader worker execution.`})}}})();", ke = typeof self < "u" && self.Blob && new Blob(["(self.URL || self.webkitURL).revokeObjectURL(self.location.href);", Oe], { type: "text/javascript;charset=utf-8" });
-function Ae(e) {
+}, ke = "(function(){let e=async e=>{let{width:t,height:n}=e,r=Math.min(1,1920/Math.max(t,n)),i=Math.round(t*r),a=Math.round(n*r),o=new OffscreenCanvas(i,a),s=o.getContext(`2d`);if(!s)throw Error(`Failed to get 2D context for preview canvas`);return s.drawImage(e,0,0,i,a),o.convertToBlob({type:`image/webp`,quality:.85})};function t(e){let t=new OffscreenCanvas(e.width,e.height),n=t.getContext(`2d`);if(!n)throw Error(`Failed to create 2D context for canvas.`);n.drawImage(e,0,0);try{let e=n.getImageData(0,0,t.width,t.height).data;for(let t=3;t<e.length;t+=4)if(e[t]<255)return!0;return!1}catch(e){throw Error(`Error reading pixels: ${e}`,{cause:e})}}self.onmessage=async n=>{let r=``;try{let i;if(n.data instanceof Blob)i=n.data;else{let e=n.data.trim();!e.startsWith(`http://`)&&!e.startsWith(`https://`)&&!e.startsWith(`blob:`)&&!e.startsWith(`data:`)&&(r=`image/png`,e=`data:${r};base64,${e}`);let t=await fetch(e);if(!t.ok)throw Error(`HTTP error! Status: ${t.status}`);i=await t.blob()}let a=i.type||r||`image/unknown`,o=await createImageBitmap(i),{width:s,height:c}=o,l=await e(o),u=t(o);o.close(),self.postMessage({success:!0,originalBlob:i,previewBlob:l,mimeType:a,width:s,height:c,isAlpha:u})}catch(e){self.postMessage({success:!1,error:e instanceof Error?e.message:`An error occurred during image loader worker execution.`})}}})();", Ae = typeof self < "u" && self.Blob && new Blob(["(self.URL || self.webkitURL).revokeObjectURL(self.location.href);", ke], { type: "text/javascript;charset=utf-8" });
+function je(e) {
 	let t;
 	try {
-		if (t = ke && (self.URL || self.webkitURL).createObjectURL(ke), !t) throw "";
+		if (t = Ae && (self.URL || self.webkitURL).createObjectURL(Ae), !t) throw "";
 		let n = new Worker(t, { name: e?.name });
 		return n.addEventListener("error", () => {
 			(self.URL || self.webkitURL).revokeObjectURL(t);
 		}), n;
 	} catch {
-		return new Worker("data:text/javascript;charset=utf-8," + encodeURIComponent(Oe), { name: e?.name });
+		return new Worker("data:text/javascript;charset=utf-8," + encodeURIComponent(ke), { name: e?.name });
 	}
 }
 //#endregion
 //#region src/shared/components/Pixedi/hooks/useImageLoader.tsx
-var je = ({ src: e, skip: t = !1 }) => {
+var Me = ({ src: e, skip: t = !1 }) => {
 	let [n, r] = d({
 		loading: !t,
 		error: "",
@@ -1092,7 +915,7 @@ var je = ({ src: e, skip: t = !1 }) => {
 	}), i = u(null);
 	return o(() => {
 		if (!e || t) return;
-		let n = new Ae();
+		let n = new je();
 		return n.postMessage(e), n.onmessage = (e) => {
 			let t = e.data;
 			t.success ? (i.current && URL.revokeObjectURL(i.current), i.current = URL.createObjectURL(t.previewBlob), r({
@@ -1113,19 +936,19 @@ var je = ({ src: e, skip: t = !1 }) => {
 			n.terminate(), i.current &&= (URL.revokeObjectURL(i.current), null);
 		};
 	}, [t, e]), n;
-}, Me = () => {
+}, Ne = () => {
 	if (typeof window > "u" || !window.navigator) return null;
 	let e = window.navigator.userAgent.toLowerCase();
 	return /android/.test(e) ? "android" : /iphone|ipad|ipod/.test(e) ? "ios" : /windows phone/.test(e) ? "windows-phone" : /blackberry|bb10/.test(e) ? "blackberry" : /opera mini/.test(e) ? "opera-mini" : /mobile/.test(e) ? "mobile" : null;
-}, H = () => {
-	let [e] = d(() => Me());
+}, Pe = () => {
+	let [e] = d(() => Ne());
 	return e;
-}, Ne = {
+}, Fe = {
 	sm: 480,
 	md: 768,
 	lg: 1024,
 	xl: 1280
-}, U = {
+}, z = {
 	INITIAL: "initial",
 	RESIZE: "resize",
 	CROP: "crop",
@@ -1136,29 +959,29 @@ var je = ({ src: e, skip: t = !1 }) => {
 };
 //#endregion
 //#region src/shared/components/Pixedi/hooks/useBellow.tsx
-function Pe(e, t) {
+function Ie(e, t) {
 	let [n, r] = d(!0);
 	return o(() => {
 		if (!t) return;
 		let n = new ResizeObserver(([t]) => {
-			t && r(t.contentRect.width < Ne[e]);
+			t && r(t.contentRect.width < Fe[e]);
 		});
 		return n.observe(t), () => n.disconnect();
 	}, [e, t]), n;
 }
 //#endregion
 //#region src/shared/components/Pixedi/provider/StoreContext.tsx
-var Fe = t(void 0), W = () => {
-	let e = a(Fe);
+var Le = t(void 0), B = () => {
+	let e = a(Le);
 	if (!e) throw Error("usePixediContext must be used within an PixediProvider");
 	return e;
-}, G = 32, Ie = (e, t, n, r, i, a, o, s, c, l) => {
+}, V = 32, Re = (e, t, n, r, i, a, o, s, c, l) => {
 	let { x: u, y: d, w: f, h: p } = c;
 	if (e) {
 		let e = o - c.w - c.x;
-		u += i - n, u < 0 && (u = 0), f = o - u - e, f < G && (f = G, u = o - e - G);
+		u += i - n, u < 0 && (u = 0), f = o - u - e, f < V && (f = V, u = o - e - V);
 		let t = s - p - d;
-		d += a - r, d < 0 && (d = 0), p = s - d - t, p < G && (p = G, d = s - t - G);
+		d += a - r, d < 0 && (d = 0), p = s - d - t, p < V && (p = V, d = s - t - V);
 	} else {
 		if (t >= 1) {
 			let e = i - n, r = Math.round(e / t);
@@ -1167,7 +990,7 @@ var Fe = t(void 0), W = () => {
 			let e = a - r, n = Math.round(e * t);
 			f -= n, p -= e, u += n, d += e;
 		}
-		if (u < 0 || d < 0 || f < G || p < G) return l;
+		if (u < 0 || d < 0 || f < V || p < V) return l;
 	}
 	return {
 		x: u,
@@ -1175,12 +998,12 @@ var Fe = t(void 0), W = () => {
 		w: f,
 		h: p
 	};
-}, Le = (e, t, n, r, i, a, o, s, c, l) => {
+}, ze = (e, t, n, r, i, a, o, s, c, l) => {
 	let { x: u } = c, { y: d, w: f, h: p } = c;
 	if (e) {
-		f += i - n, f + u > o && (f = o - u), f < G && (f = G);
+		f += i - n, f + u > o && (f = o - u), f < V && (f = V);
 		let e = s - p - d;
-		d += a - r, d < 0 && (d = 0), p = s - d - e, p < G && (p = G, d = s - e - G);
+		d += a - r, d < 0 && (d = 0), p = s - d - e, p < V && (p = V, d = s - e - V);
 	} else {
 		if (t > 1) {
 			let e = i - n, r = Math.round(e / t);
@@ -1189,7 +1012,7 @@ var Fe = t(void 0), W = () => {
 			let e = a - r, n = Math.round(e * t);
 			f -= n, p -= e, d += e;
 		}
-		if (f + u > o || d < 0 || f < G || p < G) return l;
+		if (f + u > o || d < 0 || f < V || p < V) return l;
 	}
 	return {
 		x: u,
@@ -1197,12 +1020,12 @@ var Fe = t(void 0), W = () => {
 		w: f,
 		h: p
 	};
-}, Re = (e, t, n, r, i, a, o, s, c, l) => {
+}, Be = (e, t, n, r, i, a, o, s, c, l) => {
 	let { y: u } = c, { x: d, w: f, h: p } = c;
 	if (e) {
-		p += a - r, p + u > s && (p = s - u), p < G && (p = G);
+		p += a - r, p + u > s && (p = s - u), p < V && (p = V);
 		let e = o - c.w - c.x;
-		d += i - n, d < 0 && (d = 0), f = o - d - e, f < G && (f = G, d = o - e - G);
+		d += i - n, d < 0 && (d = 0), f = o - d - e, f < V && (f = V, d = o - e - V);
 	} else {
 		if (t >= 1) {
 			let e = i - n, r = Math.round(e / t);
@@ -1211,7 +1034,7 @@ var Fe = t(void 0), W = () => {
 			let e = a - r, n = Math.round(e * t);
 			f += n, p += e, d -= n;
 		}
-		if (p + u > s || d < 0 || f < G || p < G) return l;
+		if (p + u > s || d < 0 || f < V || p < V) return l;
 	}
 	return {
 		x: d,
@@ -1219,9 +1042,9 @@ var Fe = t(void 0), W = () => {
 		w: f,
 		h: p
 	};
-}, ze = (e, t, n, r, i, a, o, s, c, l) => {
+}, Ve = (e, t, n, r, i, a, o, s, c, l) => {
 	let { x: u, y: d } = c, { w: f, h: p } = c;
-	if (e) f += i - n, f + u > o && (f = o - u), f < G && (f = G), p += a - r, p + d > s && (p = s - d), p < G && (p = G);
+	if (e) f += i - n, f + u > o && (f = o - u), f < V && (f = V), p += a - r, p + d > s && (p = s - d), p < V && (p = V);
 	else {
 		if (t >= 1) {
 			let e = i - n, r = Math.round(e / t);
@@ -1230,7 +1053,7 @@ var Fe = t(void 0), W = () => {
 			let e = a - r, n = Math.round(e * t);
 			f += n, p += e;
 		}
-		if (p + d > s || f + u > o || f < G || p < G) return l;
+		if (p + d > s || f + u > o || f < V || p < V) return l;
 	}
 	return {
 		x: u,
@@ -1238,20 +1061,20 @@ var Fe = t(void 0), W = () => {
 		w: f,
 		h: p
 	};
-}, Be = (e, t, n, r, i, a, o, s, c) => {
-	let l = e === "tl" || e === "bl", u = e === "tl" || e === "tr", d = c.x + c.w, f = c.y + c.h, p = i - n, m = a - r, h = t >= 1 ? c.w + (l ? -p : p) : (c.h + (u ? -m : m)) * t, g = l ? d : o - c.x, _ = u ? f : s - c.y, v = Math.min(g, _ * t), y = Math.max(G, G * t), b = Math.min(Math.max(h, y), v), x = b / t;
+}, He = (e, t, n, r, i, a, o, s, c) => {
+	let l = e === "tl" || e === "bl", u = e === "tl" || e === "tr", d = c.x + c.w, f = c.y + c.h, p = i - n, m = a - r, h = t >= 1 ? c.w + (l ? -p : p) : (c.h + (u ? -m : m)) * t, g = l ? d : o - c.x, _ = u ? f : s - c.y, v = Math.min(g, _ * t), y = Math.max(V, V * t), b = Math.min(Math.max(h, y), v), x = b / t;
 	return {
 		x: l ? d - b : c.x,
 		y: u ? f - x : c.y,
 		w: b,
 		h: x
 	};
-}, Ve = (e, t, n, r, i, a, o, s, c, l, u) => t ? e === "tl" ? Ie(t, n, r, i, a, o, s, c, l, u) : e === "tr" ? Le(t, n, r, i, a, o, s, c, l, u) : e === "bl" ? Re(t, n, r, i, a, o, s, c, l, u) : e === "br" ? ze(t, n, r, i, a, o, s, c, l, u) : {
+}, Ue = (e, t, n, r, i, a, o, s, c, l, u) => t ? e === "tl" ? Re(t, n, r, i, a, o, s, c, l, u) : e === "tr" ? ze(t, n, r, i, a, o, s, c, l, u) : e === "bl" ? Be(t, n, r, i, a, o, s, c, l, u) : e === "br" ? Ve(t, n, r, i, a, o, s, c, l, u) : {
 	x: 0,
 	y: 0,
 	w: 0,
 	h: 0
-} : Be(e, n, r, i, a, o, s, c, l), K = (e, t, n) => {
+} : He(e, n, r, i, a, o, s, c, l), H = (e, t, n) => {
 	let r = .12, i = t / n, a = 0, o = 0;
 	e === 1 && (a = (i > 1 ? n : t) * (1 - r * 2), o = a), e > 1 && (i > e ? (o = n * (1 - r * 2), a = o * e) : (a = t * (1 - r * 2), o = a / e)), e < 1 && (i > e ? (o = n * (1 - r * 2), a = o * e) : (a = t * (1 - r * 2), o = a / e));
 	let s = a / t * 100, c = o / n * 100, l = (t - a) / 2 / t * 100, u = (n - o) / 2 / n * 100;
@@ -1265,7 +1088,7 @@ var Fe = t(void 0), W = () => {
 		wP: Math.round(s / 100 * t),
 		hP: Math.round(c / 100 * n)
 	};
-}, He = (e, t, n, r) => {
+}, We = (e, t, n, r) => {
 	let i = e.w / 100 * n, a = e.h / 100 * r;
 	t >= 1 ? a = i / t : i = a * t;
 	let o = i / n * 100, s = a / r * 100, c = Math.max(o / (100 - e.x), s / (100 - e.y), 1);
@@ -1274,21 +1097,21 @@ var Fe = t(void 0), W = () => {
 		w: o,
 		h: s
 	};
-}, Ue = (e) => Math.abs(Math.round(e / 90)) % 2 == 1, We = (e, t, n, r) => Ue(n) === Ue(r) ? {
+}, U = (e) => Math.abs(Math.round(e / 90)) % 2 == 1, Ge = (e, t, n, r) => U(n) === U(r) ? {
 	width: e,
 	height: t
 } : {
 	width: t,
 	height: e
-}, Ge = async (e) => {
-	let { width: t, height: n } = e, r = Math.min(1, m / Math.max(t, n)), i = Math.round(t * r), a = Math.round(n * r), o = new OffscreenCanvas(i, a), s = o.getContext("2d");
+}, Ke = async (e) => {
+	let { width: t, height: n } = e, r = Math.min(1, h / Math.max(t, n)), i = Math.round(t * r), a = Math.round(n * r), o = new OffscreenCanvas(i, a), s = o.getContext("2d");
 	if (!s) throw Error("Failed to get 2D context for preview canvas");
 	return s.drawImage(e, 0, 0, i, a), o.convertToBlob({
 		type: "image/webp",
-		quality: h
+		quality: g
 	});
 };
-function Ke(e) {
+function qe(e) {
 	let t = new OffscreenCanvas(e.width, e.height), n = t.getContext("2d");
 	if (!n) throw Error("Failed to create 2D context for canvas.");
 	n.drawImage(e, 0, 0);
@@ -1302,14 +1125,14 @@ function Ke(e) {
 }
 //#endregion
 //#region src/shared/components/Pixedi/utils/imageProcessor.ts
-var qe = (e) => new Promise((t, n) => {
+var Je = (e) => new Promise((t, n) => {
 	let r = new FileReader();
 	r.onloadend = () => {
 		let e = r.result;
 		typeof e == "string" ? t(e) : n(/* @__PURE__ */ Error("Failed to read blob as base64"));
 	}, r.onerror = () => n(r.error ?? /* @__PURE__ */ Error("FileReader error")), r.readAsDataURL(e);
 });
-async function Je(e) {
+async function Ye(e) {
 	let t = await createImageBitmap(e), n = e.type || "image/png", r = n === "image/gif" ? "image/png" : n, i = document.createElement("canvas"), a = i.getContext("2d", { alpha: !0 });
 	i.width = t.width, i.height = t.height, a?.drawImage(t, 0, 0), t.close();
 	let o = () => {
@@ -1349,7 +1172,7 @@ async function Je(e) {
 				}, a, t) : i.toBlob((t) => {
 					t ? e(t) : o(/* @__PURE__ */ Error("Failed to encode image as image/png"));
 				}, "image/png");
-			}), s = await createImageBitmap(o), c = await Ge(s), { width: l, height: u } = s, d = Ke(s);
+			}), s = await createImageBitmap(o), c = await Ke(s), { width: l, height: u } = s, d = qe(s);
 			return s.close(), {
 				newBlob: o,
 				previewBlob: c,
@@ -1363,7 +1186,7 @@ async function Je(e) {
 }
 //#endregion
 //#region src/shared/components/Pixedi/utils/preview.ts
-var Ye = (e, t, n) => Math.max(t, Math.min(n, e)), Xe = (e, t) => [[e[0][0] * t[0][0] + e[0][1] * t[1][0], e[0][0] * t[0][1] + e[0][1] * t[1][1]], [e[1][0] * t[0][0] + e[1][1] * t[1][0], e[1][0] * t[0][1] + e[1][1] * t[1][1]]], Ze = (e) => (Math.round(e / 90) % 4 + 4) % 4 * 90, Qe = (e) => {
+var W = (e, t, n) => Math.max(t, Math.min(n, e)), Xe = (e, t) => [[e[0][0] * t[0][0] + e[0][1] * t[1][0], e[0][0] * t[0][1] + e[0][1] * t[1][1]], [e[1][0] * t[0][0] + e[1][1] * t[1][0], e[1][0] * t[0][1] + e[1][1] * t[1][1]]], Ze = (e) => (Math.round(e / 90) % 4 + 4) % 4 * 90, Qe = (e) => {
 	switch (Ze(e)) {
 		case 90: return [[0, -1], [1, 0]];
 		case 180: return [[-1, 0], [0, -1]];
@@ -1382,13 +1205,13 @@ var Ye = (e, t, n) => Math.max(t, Math.min(n, e)), Xe = (e, t) => [[e[0][0] * t[
 	}, i = 0, a = !1, o = !1;
 	for (let s = 0; s < e.length; s++) {
 		let c = e[s];
-		if (c.action.name === U.INITIAL) t = c.width, n = c.height, r = {
+		if (c.action.name === z.INITIAL) t = c.width, n = c.height, r = {
 			x: 0,
 			y: 0,
 			w: 1,
 			h: 1
 		}, i = 0, a = !1, o = !1;
-		else if (c.action.name === U.CROP) {
+		else if (c.action.name === z.CROP) {
 			let e = (c.action.args.x ?? 0) / 100, t = (c.action.args.y ?? 0) / 100, n = (c.action.args.w ?? 100) / 100, s = (c.action.args.h ?? 100) / 100, l = et(i, a, o), u = [
 				nt(l, e, t),
 				nt(l, e + n, t),
@@ -1401,12 +1224,12 @@ var Ye = (e, t, n) => Math.max(t, Math.min(n, e)), Xe = (e, t) => [[e[0][0] * t[
 				w: r.w * (f - d),
 				h: r.h * (m - p)
 			};
-		} else if (c.action.name === U.FLIP) {
-			let e = Ue(i), t = e ? c.action.args.vertical : c.action.args.horizontal, n = e ? c.action.args.horizontal : c.action.args.vertical;
+		} else if (c.action.name === z.FLIP) {
+			let e = U(i), t = e ? c.action.args.vertical : c.action.args.horizontal, n = e ? c.action.args.horizontal : c.action.args.vertical;
 			t && (a = !a), n && (o = !o);
-		} else c.action.name === U.ROTATE && (i = c.action.args.degrees);
+		} else c.action.name === z.ROTATE && (i = c.action.args.degrees);
 	}
-	let s = r.w * t, c = r.h * n, l = Ue(i), u = l ? c : s, d = l ? s : c, f = e.at(-1)?.width || 0, p = e.at(-1)?.height || 0, m = e.filter((e) => e.action.name === U.FILTERS).at(-1), h = Object.entries(m?.action.args || {}).map(([e, t]) => e === "url" ? `url(#${t})` : e === "hueRotate" ? `hue-rotate(${t}deg)` : `${e}(${t}%)`);
+	let s = r.w * t, c = r.h * n, l = U(i), u = l ? c : s, d = l ? s : c, f = e.at(-1)?.width || 0, p = e.at(-1)?.height || 0, m = e.filter((e) => e.action.name === z.FILTERS).at(-1), h = Object.entries(m?.action.args || {}).map(([e, t]) => e === "url" ? `url(#${t})` : e === "hueRotate" ? `hue-rotate(${t}deg)` : `${e}(${t}%)`);
 	return {
 		box: r,
 		boxWidth: s,
@@ -1423,11 +1246,11 @@ var Ye = (e, t, n) => Math.max(t, Math.min(n, e)), Xe = (e, t) => [[e[0][0] * t[
 		filters: h
 	};
 }, it = (e) => {
-	let { box: t, flipH: n, flipV: r, rotation: i, newWidth: a, newHeight: o, initWidth: s, initHeight: c, viewWidth: l, viewHeight: u } = rt(e), d = e.filter((e) => e.action.name === U.FILTERS).at(-1)?.action.args, f = Ye(t.x, 0, 1), p = Ye(t.y, 0, 1), m = {
+	let { box: t, flipH: n, flipV: r, rotation: i, newWidth: a, newHeight: o, initWidth: s, initHeight: c, viewWidth: l, viewHeight: u } = rt(e), d = e.filter((e) => e.action.name === z.FILTERS).at(-1)?.action.args, f = W(t.x, 0, 1), p = W(t.y, 0, 1), m = {
 		x: f,
 		y: p,
-		w: Ye(t.w, 0, 1 - f),
-		h: Ye(t.h, 0, 1 - p)
+		w: W(t.w, 0, 1 - f),
+		h: W(t.h, 0, 1 - p)
 	}, h = Ze(i);
 	return {
 		...m.x === 0 && m.y === 0 && m.w === 1 && m.h === 1 ? {} : { crop: {
@@ -1448,17 +1271,17 @@ var Ye = (e, t, n) => Math.max(t, Math.min(n, e)), Xe = (e, t) => [[e[0][0] * t[
 		...d ? { filters: d } : {}
 	};
 }, at = () => {
-	let [e, t] = d(!1), { setImage: n, settings: r, history: i, originalBlob: a, setCurrentAction: o, resetHistory: s, onSave: c } = W();
+	let [e, t] = d(!1), { setImage: n, settings: r, history: i, originalBlob: a, setCurrentAction: o, resetHistory: s, onSave: c } = B();
 	return {
 		save: async (o) => {
 			if (!a || e) return;
 			t(!0);
 			let s = it([...i.items.slice(0, i.pointer + 1), ...o ? [o] : []]);
 			try {
-				let e = await Je(a);
+				let e = await Ye(a);
 				s.crop && e.crop(s.crop.x, s.crop.y, s.crop.w, s.crop.h), s.flip && e.flip(s.flip.horizontal, s.flip.vertical), s.rotate && e.rotate(s.rotate.degrees), s.resize && e.resize(s.resize.width, s.resize.height), s.filters && e.filters(s.filters);
 				let { newBlob: t, previewBlob: i, mimeType: o, width: l, height: u, isAlpha: d } = await e.get(r), f = "";
-				r.exportAs === "base64" && (f = await qe(t)), await c(f || t), n({
+				r.exportAs === "base64" && (f = await Je(t)), await c(f || t), n({
 					newBlob: t,
 					previewBlob: i,
 					mimeType: o,
@@ -1477,8 +1300,8 @@ var Ye = (e, t, n) => Math.max(t, Math.min(n, e)), Xe = (e, t) => [[e[0][0] * t[
 		},
 		isSaving: e
 	};
-}, q = () => {
-	let { singleToolUI: e, addToHistory: t, setCurrentAction: n, setSidebar: r, onBack: i } = W(), { save: a, isSaving: o } = at();
+}, G = () => {
+	let { singleToolUI: e, addToHistory: t, setCurrentAction: n, setSidebar: r, onBack: i } = B(), { save: a, isSaving: o } = at();
 	return {
 		commit: (n) => {
 			if (e) return a(n);
@@ -1503,13 +1326,13 @@ var Ye = (e, t, n) => Math.max(t, Math.min(n, e)), Xe = (e, t) => [[e[0][0] * t[
 };
 //#endregion
 //#region src/shared/components/Pixedi/ui/surface-tool/useSurfaceTool.tsx
-function ct(e, t, n) {
+function K(e, t, n) {
 	return Math.min(Math.max(e, t), n);
 }
-function lt(e, { dx: t, dy: n }) {
+function ct(e, { dx: t, dy: n }) {
 	e.style.transform = `translate(calc(-50% + ${t}px), ${n}px)`;
 }
-function ut(e, t) {
+function lt(e, t) {
 	let n = e.parentElement;
 	if (!n) return null;
 	let r = e.getBoundingClientRect(), i = n.getBoundingClientRect(), a = r.left - i.left - t.dx, o = r.top - i.top - t.dy;
@@ -1520,8 +1343,8 @@ function ut(e, t) {
 		maxDy: Math.max(-o, i.height - r.height - o)
 	};
 }
-var dt = ({ surfaceRef: e }) => {
-	let t = H(), n = st(), r = u(null), i = u({
+var ut = ({ surfaceRef: e }) => {
+	let t = Pe(), n = st(), r = u(null), i = u({
 		dx: 0,
 		dy: 0
 	}), a = u(null);
@@ -1529,14 +1352,14 @@ var dt = ({ surfaceRef: e }) => {
 		let o = e.current;
 		if (!o) return;
 		let s = (e) => {
-			n.current = e, lt(o, e);
+			n.current = e, ct(o, e);
 		}, c = () => {
-			let e = ut(o, n.current);
+			let e = lt(o, n.current);
 			if (!e) return;
 			let { dx: t, dy: r } = n.current;
 			s({
-				dx: ct(t, e.minDx, e.maxDx),
-				dy: ct(r, e.minDy, e.maxDy)
+				dx: K(t, e.minDx, e.maxDx),
+				dy: K(r, e.minDy, e.maxDy)
 			});
 		}, l = (e) => {
 			let t = r.current, n = a.current;
@@ -1544,8 +1367,8 @@ var dt = ({ surfaceRef: e }) => {
 			e.preventDefault();
 			let o = "clientX" in e ? e.clientX : e.touches[0].clientX, c = "clientY" in e ? e.clientY : e.touches[0].clientY;
 			s({
-				dx: ct(i.current.dx + (o - t.x), n.minDx, n.maxDx),
-				dy: ct(i.current.dy + (c - t.y), n.minDy, n.maxDy)
+				dx: K(i.current.dx + (o - t.x), n.minDx, n.maxDx),
+				dy: K(i.current.dy + (c - t.y), n.minDy, n.maxDy)
 			});
 		}, u = () => {
 			r.current && (r.current = null, a.current = null, t || (document.body.style.cursor = ""));
@@ -1568,7 +1391,7 @@ var dt = ({ surfaceRef: e }) => {
 		let s = e.current;
 		if (!s) return;
 		o.stopPropagation();
-		let c = ut(s, n.current);
+		let c = lt(s, n.current);
 		if (!c) return;
 		let l = "clientX" in o ? o.clientX : o.touches[0].clientX, u = "clientY" in o ? o.clientY : o.touches[0].clientY;
 		r.current = {
@@ -1576,56 +1399,56 @@ var dt = ({ surfaceRef: e }) => {
 			y: u
 		}, i.current = { ...n.current }, a.current = c, t || (document.body.style.cursor = "move");
 	} };
-}, ft = {
+}, dt = {
 	surfaceTool: "_surfaceTool_1skmt_1",
 	content: "_content_1skmt_18",
 	drag: "_drag_1skmt_22"
-}, J = ({ children: e, className: t = "", ref: n }) => {
-	let r = u(null), { handleDragStart: i } = dt({ surfaceRef: r });
-	return /* @__PURE__ */ (0, x.jsxs)("div", {
+}, q = ({ children: e, className: t = "", ref: n }) => {
+	let r = u(null), { handleDragStart: i } = ut({ surfaceRef: r });
+	return /* @__PURE__ */ m("div", {
 		ref: (e) => {
 			r.current = e, n && (n.current = e);
 		},
-		className: ft.surfaceTool,
-		children: [/* @__PURE__ */ (0, x.jsx)(fe, {
-			className: ft.drag,
+		className: dt.surfaceTool,
+		children: [/* @__PURE__ */ p(pe, {
+			className: dt.drag,
 			onMouseDown: i,
 			onTouchStart: i
-		}), /* @__PURE__ */ (0, x.jsx)("div", {
-			className: `${ft.content} ${t}`,
+		}), /* @__PURE__ */ p("div", {
+			className: `${dt.content} ${t}`,
 			children: e
 		})]
 	});
-}, pt = (e, t) => {
+}, ft = (e, t) => {
 	let n = new CustomEvent("crop-update", { detail: t });
 	e.dispatchEvent(n);
-}, mt = (e, t) => {
+}, pt = (e, t) => {
 	let n = new CustomEvent("clip-path-update", { detail: t });
 	e.dispatchEvent(n);
-}, ht = (e, t) => {
+}, mt = (e, t) => {
 	let n = new CustomEvent("resize-update", { detail: t });
 	e.dispatchEvent(n);
-}, gt = (e, t) => {
+}, J = (e, t) => {
 	let n = new CustomEvent("filter-update", { detail: t });
 	e.dispatchEvent(n);
-}, _t = (e, t) => {
+}, ht = (e, t) => {
 	let n = new CustomEvent("compare-update", { detail: t });
 	e.dispatchEvent(n);
-}, vt = () => {
-	let { showCompare: e, previewUrl: t, getLastFilter: n, getLastHistoryItem: r, toggleCompare: i, eventBus: a } = W(), { commit: s, close: c, isSaving: u } = q(), { width: f, height: p } = r(), { action: m } = n() || {}, h = m?.args || {}, g = h?.url, v = _.map((e) => ({
+}, gt = () => {
+	let { showCompare: e, previewUrl: t, getLastFilter: n, getLastHistoryItem: r, toggleCompare: i, eventBus: a } = B(), { commit: s, close: c, isSaving: u } = G(), { width: f, height: p } = r(), { action: m } = n() || {}, h = m?.args || {}, g = h?.url, _ = v.map((e) => ({
 		...e,
 		sliderValue: h[e.value] ?? e.sliderValue,
 		rightLabel: `${h[e.value] ?? e.sliderValue}${e.unit}`
-	})), y = v.find((e) => e.value === "saturate")?.sliderValue, [b, x] = d("saturate"), [S, C] = d(g ?? "vintage"), [w, T] = d(v), [E, D] = d(y ?? 0), [O, k] = d(!!g), A = l(() => Object.fromEntries(w.map((e) => [e.value, e.sliderValue])), [w]), ee = () => {
-		i(), _t(a, 50);
+	})), y = _.find((e) => e.value === "saturate")?.sliderValue, [b, x] = d("saturate"), [S, C] = d(g ?? "vintage"), [w, T] = d(_), [E, D] = d(y ?? 0), [O, k] = d(!!g), A = l(() => Object.fromEntries(w.map((e) => [e.value, e.sliderValue])), [w]), ee = () => {
+		i(), ht(a, 50);
 	}, te = (e) => {
-		gt(a, {
+		J(a, {
 			...A,
 			[b]: e
 		});
-	}, j = w.find((e) => e.value === b);
+	}, ne = w.find((e) => e.value === b);
 	return o(() => {
-		O ? gt(a, { url: S }) : gt(a, {
+		O ? J(a, { url: S }) : J(a, {
 			...A,
 			[b]: E
 		});
@@ -1643,7 +1466,7 @@ var dt = ({ surfaceRef: e }) => {
 		toggleIsUrl: () => k(!O),
 		filters: w,
 		selectedFilter: b,
-		selectedFilterItem: j,
+		selectedFilterItem: ne,
 		selectedUrl: S,
 		sliderValue: E,
 		handleToggleCompare: ee,
@@ -1659,14 +1482,14 @@ var dt = ({ surfaceRef: e }) => {
 			x(e), D(w.find((t) => t.value === e)?.sliderValue || 0);
 		},
 		handleChangeWhenUrl: (e) => {
-			C(e), gt(a, { url: e });
+			C(e), J(a, { url: e });
 		},
 		handleSave: () => {
 			e && i(), s({
 				width: f,
 				height: p,
 				action: {
-					name: U.FILTERS,
+					name: z.FILTERS,
 					args: { ...O ? { url: S } : Object.fromEntries(w.map((e) => [e.value, e.sliderValue])) }
 				}
 			});
@@ -1689,18 +1512,18 @@ var dt = ({ surfaceRef: e }) => {
 	filterInteract: "_filterInteract_4u8qe_55",
 	compare: "_compare_4u8qe_70",
 	compareThumb: "_compareThumb_4u8qe_88"
-}, yt = () => {
-	let { showCompare: e, previewUrl: t, isUrl: n, toggleIsUrl: r, filters: i, selectedFilter: a, selectedFilterItem: o, selectedUrl: s, sliderValue: c, handleToggleCompare: l, handleSliderInput: u, handleSliderChange: d, handleChange: f, handleChangeWhenUrl: p, handleSave: m, handleClose: h, isSaving: g } = vt();
-	return /* @__PURE__ */ (0, x.jsxs)(J, {
+}, _t = () => {
+	let { showCompare: e, previewUrl: t, isUrl: n, toggleIsUrl: r, filters: i, selectedFilter: a, selectedFilterItem: o, selectedUrl: s, sliderValue: c, handleToggleCompare: l, handleSliderInput: u, handleSliderChange: d, handleChange: f, handleChangeWhenUrl: h, handleSave: g, handleClose: _, isSaving: v } = gt();
+	return /* @__PURE__ */ m(q, {
 		className: Y.tools,
-		children: [!n && o && /* @__PURE__ */ (0, x.jsxs)("div", {
+		children: [!n && o && /* @__PURE__ */ m("div", {
 			className: Y.row1,
 			children: [
-				/* @__PURE__ */ (0, x.jsxs)("div", {
+				/* @__PURE__ */ m("div", {
 					className: Y.min,
 					children: [o.min, o.unit]
 				}),
-				/* @__PURE__ */ (0, x.jsx)(Ee, {
+				/* @__PURE__ */ p(De, {
 					className: Y.slider,
 					min: o.min,
 					max: o.max,
@@ -1711,60 +1534,60 @@ var dt = ({ surfaceRef: e }) => {
 					onInput: u,
 					onChange: d
 				}),
-				/* @__PURE__ */ (0, x.jsxs)("div", {
+				/* @__PURE__ */ m("div", {
 					className: Y.max,
 					children: [o.max, o.unit]
 				})
 			]
-		}), /* @__PURE__ */ (0, x.jsxs)("div", {
+		}), /* @__PURE__ */ m("div", {
 			className: Y.row2,
 			children: [
-				/* @__PURE__ */ (0, x.jsx)(V, {
+				/* @__PURE__ */ p(R, {
 					position: "top",
-					children: /* @__PURE__ */ (0, x.jsx)(F, {
+					children: /* @__PURE__ */ p(M, {
 						variant: "outline",
 						"aria-label": "Compare",
 						"data-tooltip": "Compare",
 						onClick: l,
 						className: e ? Y.active : "",
-						children: /* @__PURE__ */ (0, x.jsx)(de, {})
+						children: /* @__PURE__ */ p(fe, {})
 					})
 				}),
-				/* @__PURE__ */ (0, x.jsx)(V, {
+				/* @__PURE__ */ p(R, {
 					position: "top",
-					children: /* @__PURE__ */ (0, x.jsx)(F, {
+					children: /* @__PURE__ */ p(M, {
 						variant: "outline",
 						"aria-label": n ? "Filters" : "Predefined Filters",
 						"data-tooltip": n ? "Filters" : "Predefined Filters",
 						onClick: r,
-						children: n ? /* @__PURE__ */ (0, x.jsx)(se, {}) : /* @__PURE__ */ (0, x.jsx)(ue, {})
+						children: p(n ? ce : de, {})
 					})
 				}),
-				/* @__PURE__ */ (0, x.jsx)(ve, {
-					items: n ? v : i,
+				/* @__PURE__ */ p(ye, {
+					items: n ? y : i,
 					value: n ? s : a,
 					placeholder: "Select filter",
 					className: Y.select,
-					renderOption: n ? (e) => /* @__PURE__ */ (0, x.jsx)("div", {
+					renderOption: n ? (e) => /* @__PURE__ */ p("div", {
 						className: Y.option,
-						children: /* @__PURE__ */ (0, x.jsx)("img", {
+						children: /* @__PURE__ */ p("img", {
 							src: t,
 							alt: e.label,
 							style: { filter: `url(#${e.value})` }
 						})
 					}) : void 0,
-					onChange: n ? p : f
+					onChange: n ? h : f
 				}),
-				/* @__PURE__ */ (0, x.jsx)(R, {
-					onSave: m,
-					onClose: h,
-					saving: g
+				/* @__PURE__ */ p(F, {
+					onSave: g,
+					onClose: _,
+					saving: v
 				})
 			]
 		})]
 	});
-}, bt = ({ isClipped: e, isFilter: t }) => {
-	let { history: n, previewUrl: r, currentAction: i, getLastRotation: a, eventBus: s } = W(), l = u(null), d = u(null), f = u(i?.name), p = u(r);
+}, vt = ({ isClipped: e, isFilter: t }) => {
+	let { history: n, previewUrl: r, currentAction: i, getLastRotation: a, eventBus: s } = B(), l = u(null), d = u(null), f = u(i?.name), p = u(r);
 	c(() => {
 		let e = f.current, t = i?.name, n = p.current !== r;
 		if (f.current = t, p.current = r, !(e && t && e !== t) && !n) return;
@@ -1787,7 +1610,7 @@ var dt = ({ surfaceRef: e }) => {
 	if (i) {
 		let { width: e, height: t } = n.items.at(n.pointer);
 		m.push({
-			...i.name === U.ROTATE ? We(e, t, a(), i.args.degrees) : {
+			...i.name === z.ROTATE ? Ge(e, t, a(), i.args.degrees) : {
 				width: e,
 				height: t
 			},
@@ -1796,7 +1619,7 @@ var dt = ({ surfaceRef: e }) => {
 	}
 	let h = rt(m);
 	return o(() => {
-		e && l.current && (l.current.style.transition = "none"), i?.name !== U.RESIZE && l.current && (l.current.style.transform = "scale(1)");
+		e && l.current && (l.current.style.transition = "none"), i?.name !== z.RESIZE && l.current && (l.current.style.transform = "scale(1)");
 		let n = (e) => {
 			let t = e.detail;
 			l.current && (l.current.style.transform = `scale(${t / 100})`);
@@ -1838,12 +1661,12 @@ var dt = ({ surfaceRef: e }) => {
 	label: "_label_t77n1_49",
 	before: "_before_t77n1_67",
 	after: "_after_t77n1_71"
-}, xt = ({ isClipped: e, isFilter: t, faded: n, style: r = {} }) => {
-	let { showCompare: i } = W(), { previewRef: a, imageRef: o, previewUrl: s, box: c, boxWidth: l, boxHeight: u, viewWidth: d, viewHeight: f, rotation: p, flipH: m, flipV: h, filters: g } = bt({
+}, yt = ({ isClipped: e, isFilter: t, faded: n, style: r = {} }) => {
+	let { showCompare: i } = B(), { previewRef: a, imageRef: o, previewUrl: s, box: c, boxWidth: l, boxHeight: u, viewWidth: d, viewHeight: f, rotation: h, flipH: g, flipV: _, filters: v } = vt({
 		isClipped: e,
 		isFilter: t
 	});
-	return /* @__PURE__ */ (0, x.jsxs)("div", {
+	return /* @__PURE__ */ m("div", {
 		ref: a,
 		className: `${X.preview} ${n ? X.faded : ""}`,
 		style: {
@@ -1851,25 +1674,25 @@ var dt = ({ surfaceRef: e }) => {
 			...r
 		},
 		children: [
-			i && !t && /* @__PURE__ */ (0, x.jsx)("div", {
+			i && !t && /* @__PURE__ */ p("div", {
 				className: `${X.label} ${X.before}`,
 				children: "Before"
 			}),
-			i && t && /* @__PURE__ */ (0, x.jsx)("div", {
+			i && t && /* @__PURE__ */ p("div", {
 				className: `${X.label} ${X.after}`,
 				children: "After"
 			}),
-			/* @__PURE__ */ (0, x.jsx)("div", {
+			/* @__PURE__ */ p("div", {
 				className: X.rotate,
 				style: {
 					width: `${l / d * 100}%`,
 					height: `${u / f * 100}%`,
-					transform: `translate(-50%, -50%) rotate(${p}deg)`
+					transform: `translate(-50%, -50%) rotate(${h}deg)`
 				},
-				children: /* @__PURE__ */ (0, x.jsx)("div", {
+				children: /* @__PURE__ */ p("div", {
 					className: X.flip,
-					style: { transform: `scale(${m ? -1 : 1}, ${h ? -1 : 1})` },
-					children: /* @__PURE__ */ (0, x.jsx)("img", {
+					style: { transform: `scale(${g ? -1 : 1}, ${_ ? -1 : 1})` },
+					children: /* @__PURE__ */ p("img", {
 						ref: o,
 						className: X.image,
 						src: s,
@@ -1879,17 +1702,17 @@ var dt = ({ surfaceRef: e }) => {
 							height: `${1 / c.h * 100}%`,
 							left: `${-(c.x / c.w) * 100}%`,
 							top: `${-(c.y / c.h) * 100}%`,
-							filter: g.join(" ")
+							filter: v.join(" ")
 						}
 					})
 				})
 			})
 		]
 	});
-}, St = ({ compareRef: e }) => {
-	let { eventBus: t } = W(), n = H(), r = u(null), i = u(null);
+}, bt = ({ compareRef: e }) => {
+	let { eventBus: t } = B(), n = Pe(), r = u(null), i = u(null);
 	return o(() => {
-		i.current = 0, _t(t, 0);
+		i.current = 0, ht(t, 0);
 	}, [t]), o(() => {
 		let n = (n) => {
 			if (!e.current || !r.current) return;
@@ -1897,7 +1720,7 @@ var dt = ({ surfaceRef: e }) => {
 			let a = e.current.parentElement;
 			if (!a) return;
 			let o = "clientX" in n ? n.clientX : n.touches[0].clientX, { width: s, left: c } = a.getBoundingClientRect(), l = Math.min(Math.max(o - c, 0), s) / s * 100;
-			i.current = l, e.current.style.left = `${l}%`, _t(t, l);
+			i.current = l, e.current.style.left = `${l}%`, ht(t, l);
 		}, a = () => {
 			e.current && (r.current = null, document.body.style.cursor = "auto");
 		}, o = new AbortController(), { signal: s } = o;
@@ -1911,24 +1734,24 @@ var dt = ({ surfaceRef: e }) => {
 		let a = "clientX" in t ? t.clientX : t.touches[0].clientX;
 		r.current = a, n || (document.body.style.cursor = "pointer");
 	} };
-}, Ct = () => {
-	let { showCompare: e, getLastHistoryItem: t } = W(), { width: n, height: r } = t(), i = u(null), { handleDragStart: a } = St({ compareRef: i });
-	return /* @__PURE__ */ (0, x.jsxs)("div", {
+}, xt = () => {
+	let { showCompare: e, getLastHistoryItem: t } = B(), { width: n, height: r } = t(), i = u(null), { handleDragStart: a } = bt({ compareRef: i });
+	return /* @__PURE__ */ m("div", {
 		className: Y.filterInteract,
 		style: { aspectRatio: `${n} / ${r}` },
-		children: [/* @__PURE__ */ (0, x.jsx)(xt, { isFilter: !0 }), e && /* @__PURE__ */ (0, x.jsx)(x.Fragment, { children: /* @__PURE__ */ (0, x.jsx)("div", {
+		children: [/* @__PURE__ */ p(yt, { isFilter: !0 }), e && /* @__PURE__ */ p(f, { children: /* @__PURE__ */ p("div", {
 			ref: i,
 			className: Y.compare,
 			style: { left: "50%" },
-			children: /* @__PURE__ */ (0, x.jsx)("div", {
+			children: /* @__PURE__ */ p("div", {
 				className: Y.compareThumb,
 				onMouseDown: a,
 				onTouchStart: a,
-				children: /* @__PURE__ */ (0, x.jsx)(de, {})
+				children: /* @__PURE__ */ p(fe, {})
 			})
 		}) })]
 	});
-}, wt = () => ({
+}, St = () => ({
 	saturate: 100,
 	grayscale: 0,
 	sepia: 0,
@@ -1936,17 +1759,17 @@ var dt = ({ surfaceRef: e }) => {
 	hueRotate: 0,
 	brightness: 100,
 	contrast: 100
-}), Tt = (e, t, n) => {
+}), Ct = (e, t, n) => {
 	if (e.length === 1) switch (e[0]) {
 		case "resize": return {
-			name: U.RESIZE,
+			name: z.RESIZE,
 			args: {
 				width: t,
 				height: n
 			}
 		};
 		case "crop": return {
-			name: U.CROP,
+			name: z.CROP,
 			args: {
 				id: "freeform",
 				ratio: t / n,
@@ -1954,7 +1777,7 @@ var dt = ({ surfaceRef: e }) => {
 			}
 		};
 		case "presetCrop": return {
-			name: U.PRESET_CROP,
+			name: z.PRESET_CROP,
 			args: {
 				id: "facebook-post",
 				ratio: 1200 / 630,
@@ -1966,24 +1789,24 @@ var dt = ({ surfaceRef: e }) => {
 			}
 		};
 		case "flip": return {
-			name: U.FLIP,
+			name: z.FLIP,
 			args: {
 				horizontal: !1,
 				vertical: !1
 			}
 		};
 		case "rotate": return {
-			name: U.ROTATE,
+			name: z.ROTATE,
 			args: { degrees: 0 }
 		};
 		case "filters": return {
-			name: U.FILTERS,
-			args: wt()
+			name: z.FILTERS,
+			args: St()
 		};
 		default: return null;
 	}
 	return null;
-}, Et = {
+}, wt = {
 	tools: [
 		"resize",
 		"crop",
@@ -1996,19 +1819,19 @@ var dt = ({ surfaceRef: e }) => {
 	quality: .85,
 	saveAsWEBP: !1,
 	exportAs: "blob"
-}, Dt = (e, t, n, r, i, a, o) => ({
+}, Tt = (e, t, n, r, i, a, o) => ({
 	history: {
 		pointer: 0,
 		items: [{
 			width: t,
 			height: n,
 			action: {
-				name: U.INITIAL,
+				name: z.INITIAL,
 				args: null
 			}
 		}]
 	},
-	currentAction: Tt(o?.tools || [], t, n),
+	currentAction: Ct(o?.tools || [], t, n),
 	previewUrl: i,
 	originalBlob: r,
 	mimeType: e,
@@ -2017,15 +1840,15 @@ var dt = ({ surfaceRef: e }) => {
 	isAlpha: a,
 	showCompare: !1,
 	singleToolUI: o?.tools?.length === 1
-}), Ot = () => {}, kt = ({ children: e, mimeType: t, width: n, height: r, originalBlob: i, previewUrl: a, isAlpha: s, settings: c, onSave: f = Ot, onBack: p = Ot }) => {
-	let [m, h] = d(Dt(t, n, r, i, a, s, c)), g = u(null);
+}), Et = () => {}, Dt = ({ children: e, mimeType: t, width: n, height: r, originalBlob: i, previewUrl: a, isAlpha: s, settings: c, onSave: f = Et, onBack: m = Et }) => {
+	let [h, g] = d(Tt(t, n, r, i, a, s, c)), _ = u(null);
 	o(() => () => {
-		g.current &&= (URL.revokeObjectURL(g.current), null);
+		_.current &&= (URL.revokeObjectURL(_.current), null);
 	}, []);
-	let _ = (e) => h((t) => ({
+	let v = (e) => g((t) => ({
 		...t,
 		currentAction: e
-	})), v = (e) => h((t) => {
+	})), y = (e) => g((t) => {
 		let n = t.history.pointer + 1, r = [...t.history.items.slice(0, n), e];
 		return {
 			...t,
@@ -2035,68 +1858,68 @@ var dt = ({ surfaceRef: e }) => {
 				pointer: n
 			}
 		};
-	}), y = () => h((e) => ({
+	}), b = () => g((e) => ({
 		...e,
 		showCompare: !e.showCompare
-	})), b = () => {
-		let { items: e, pointer: t } = m.history;
+	})), x = () => {
+		let { items: e, pointer: t } = h.history;
 		return e.at(t) ?? e.at(0) ?? {
 			width: 0,
 			height: 0,
 			action: {
-				name: U.INITIAL,
+				name: z.INITIAL,
 				args: null
 			}
 		};
 	}, S = () => {
-		let { items: e, pointer: t } = m.history;
-		return e.filter((e, n) => n <= t && e.action.name === U.FILTERS).at(-1) ?? null;
+		let { items: e, pointer: t } = h.history;
+		return e.filter((e, n) => n <= t && e.action.name === z.FILTERS).at(-1) ?? null;
 	}, C = () => {
-		let { items: e, pointer: t } = m.history;
+		let { items: e, pointer: t } = h.history;
 		if (e.length === 0 || t < 0) return 0;
-		let n = e.slice(0, t + 1).findLast((e) => e.action.name === U.ROTATE);
-		return n?.action.name === U.ROTATE ? n.action.args.degrees : 0;
-	}, w = () => h((e) => ({
+		let n = e.slice(0, t + 1).findLast((e) => e.action.name === z.ROTATE);
+		return n?.action.name === z.ROTATE ? n.action.args.degrees : 0;
+	}, w = () => g((e) => ({
 		...e,
 		history: {
 			items: [e.history.items[0]],
 			pointer: 0
 		}
-	})), T = () => h((e) => e.history.pointer <= 0 ? e : {
+	})), T = () => g((e) => e.history.pointer <= 0 ? e : {
 		...e,
 		history: {
 			...e.history,
 			pointer: e.history.pointer - 1
 		}
-	}), E = () => h((e) => e.history.pointer >= e.history.items.length - 1 ? e : {
+	}), E = () => g((e) => e.history.pointer >= e.history.items.length - 1 ? e : {
 		...e,
 		history: {
 			...e.history,
 			pointer: e.history.pointer + 1
 		}
-	}), D = (e) => h((t) => ({
+	}), D = (e) => g((t) => ({
 		...t,
 		sidebar: e
 	})), O = l(() => new EventTarget(), []), k = (e) => {
-		g.current && URL.revokeObjectURL(g.current), g.current = URL.createObjectURL(e.previewBlob), h(Dt(e.mimeType, e.width, e.height, e.newBlob, g.current, e.isAlpha, c));
+		_.current && URL.revokeObjectURL(_.current), _.current = URL.createObjectURL(e.previewBlob), g(Tt(e.mimeType, e.width, e.height, e.newBlob, _.current, e.isAlpha, c));
 	};
-	return /* @__PURE__ */ (0, x.jsx)(Fe, {
+	return /* @__PURE__ */ p(Le, {
 		value: {
-			...m,
+			...h,
 			setImage: k,
-			setCurrentAction: _,
-			toggleCompare: y,
-			getLastHistoryItem: b,
+			setCurrentAction: v,
+			toggleCompare: b,
+			getLastHistoryItem: x,
 			getLastRotation: C,
 			getLastFilter: S,
-			addToHistory: v,
+			addToHistory: y,
 			resetHistory: w,
 			undo: T,
 			redo: E,
 			setSidebar: D,
 			eventBus: O,
 			onSave: f,
-			onBack: p
+			onBack: m
 		},
 		children: e
 	});
@@ -2109,40 +1932,40 @@ var dt = ({ surfaceRef: e }) => {
 	tools: "_tools_m05h6_39",
 	history: "_history_m05h6_43",
 	historyText: "_historyText_m05h6_48"
-}, At = ({ isMobile: e }) => {
-	let { save: t, reset: n, isSaving: r } = at(), { sidebar: i, history: a, undo: o, redo: s, setSidebar: c, setCurrentAction: l, onBack: u } = W(), d = a.items.length > 1 && !r, f = a.pointer === 0, p = a.pointer === a.items.length - 1, m = a.items.length < 2 || r, h = m || a.pointer === 0;
-	return /* @__PURE__ */ (0, x.jsxs)("div", {
+}, Ot = ({ isMobile: e }) => {
+	let { save: t, reset: n, isSaving: r } = at(), { sidebar: i, history: a, undo: o, redo: s, setSidebar: c, setCurrentAction: l, onBack: u } = B(), d = a.items.length > 1 && !r, f = a.pointer === 0, h = a.pointer === a.items.length - 1, g = a.items.length < 2 || r, _ = g || a.pointer === 0;
+	return /* @__PURE__ */ m("div", {
 		className: Z.header,
-		children: [/* @__PURE__ */ (0, x.jsxs)("div", {
+		children: [/* @__PURE__ */ m("div", {
 			className: Z.left,
-			children: [/* @__PURE__ */ (0, x.jsx)("div", {
+			children: [/* @__PURE__ */ p("div", {
 				className: `${Z.sidebarToggle} ${e ? Z.mobile : ""}`,
 				onClick: () => {
 					c(!i);
 				},
-				children: i ? /* @__PURE__ */ (0, x.jsx)(le, { className: Z.sidebarIcon }) : /* @__PURE__ */ (0, x.jsx)(ce, { className: Z.sidebarIcon })
-			}), /* @__PURE__ */ (0, x.jsx)(F, {
+				children: p(i ? ue : le, { className: Z.sidebarIcon })
+			}), /* @__PURE__ */ p(M, {
 				variant: "ghost",
-				className: P.rect,
+				className: j.rect,
 				onClick: () => u(),
-				children: /* @__PURE__ */ (0, x.jsx)(E, {})
+				children: /* @__PURE__ */ p(w, {})
 			})]
-		}), /* @__PURE__ */ (0, x.jsxs)("div", {
+		}), /* @__PURE__ */ m("div", {
 			className: Z.tools,
 			children: [
-				d && /* @__PURE__ */ (0, x.jsxs)("div", {
+				d && /* @__PURE__ */ m("div", {
 					className: Z.history,
 					children: [
-						/* @__PURE__ */ (0, x.jsx)(F, {
+						/* @__PURE__ */ p(M, {
 							variant: "outline",
 							disabled: f,
-							className: P.rect,
+							className: j.rect,
 							onClick: () => {
 								o(), l(null);
 							},
-							children: /* @__PURE__ */ (0, x.jsx)(O, {})
+							children: /* @__PURE__ */ p(E, {})
 						}),
-						/* @__PURE__ */ (0, x.jsxs)("div", {
+						/* @__PURE__ */ m("div", {
 							className: Z.historyText,
 							children: [
 								a.pointer + 1,
@@ -2150,76 +1973,76 @@ var dt = ({ surfaceRef: e }) => {
 								a.items.length
 							]
 						}),
-						/* @__PURE__ */ (0, x.jsx)(F, {
+						/* @__PURE__ */ p(M, {
 							variant: "outline",
-							disabled: p,
-							className: P.rect,
+							disabled: h,
+							className: j.rect,
 							onClick: () => {
 								s(), l(null);
 							},
-							children: /* @__PURE__ */ (0, x.jsx)(k, {})
+							children: /* @__PURE__ */ p(D, {})
 						})
 					]
 				}),
-				/* @__PURE__ */ (0, x.jsx)(F, {
+				/* @__PURE__ */ p(M, {
 					variant: "outline",
-					disabled: m,
+					disabled: g,
 					onClick: n,
 					children: "Reset"
 				}),
-				/* @__PURE__ */ (0, x.jsxs)(F, {
-					disabled: h,
+				/* @__PURE__ */ m(M, {
+					disabled: _,
 					onClick: () => t(),
-					children: [r ? /* @__PURE__ */ (0, x.jsx)(pe, {}) : /* @__PURE__ */ (0, x.jsx)(C, {}), "Save"]
+					children: [p(r ? me : x, {}), "Save"]
 				})
 			]
 		})]
 	});
-}, jt = {
-	[U.RESIZE]: {
-		icon: /* @__PURE__ */ (0, x.jsx)(re, {}),
+}, kt = {
+	[z.RESIZE]: {
+		icon: /* @__PURE__ */ p(ne, {}),
 		label: "Resize"
 	},
-	[U.CROP]: {
-		icon: /* @__PURE__ */ (0, x.jsx)(A, {}),
+	[z.CROP]: {
+		icon: /* @__PURE__ */ p(O, {}),
 		label: "Crop"
 	},
-	[U.PRESET_CROP]: {
-		icon: /* @__PURE__ */ (0, x.jsx)(oe, {}),
+	[z.PRESET_CROP]: {
+		icon: /* @__PURE__ */ p(se, {}),
 		label: "Presets"
 	},
-	[U.FLIP]: {
-		icon: /* @__PURE__ */ (0, x.jsx)(M, {}),
+	[z.FLIP]: {
+		icon: /* @__PURE__ */ p(re, {}),
 		label: "Flip"
 	},
-	[U.ROTATE]: {
-		icon: /* @__PURE__ */ (0, x.jsx)(N, {}),
+	[z.ROTATE]: {
+		icon: /* @__PURE__ */ p(ae, {}),
 		label: "Rotate"
 	},
-	[U.FILTERS]: {
-		icon: /* @__PURE__ */ (0, x.jsx)(se, {}),
+	[z.FILTERS]: {
+		icon: /* @__PURE__ */ p(ce, {}),
 		label: "Filters"
 	}
-}, Mt = (e) => jt[e] ?? null, Nt = () => {
-	let { settings: e, currentAction: t, showCompare: n, toggleCompare: r, getLastRotation: i, getLastHistoryItem: a, setCurrentAction: o, setSidebar: s } = W(), c = e?.tools || [], l = t?.name, { width: u, height: d } = a();
+}, At = (e) => kt[e] ?? null, jt = () => {
+	let { settings: e, currentAction: t, showCompare: n, toggleCompare: r, getLastRotation: i, getLastHistoryItem: a, setCurrentAction: o, setSidebar: s } = B(), c = e?.tools || [], l = t?.name, { width: u, height: d } = a();
 	return { click: (e) => {
 		if (c.includes(e) && l === e) {
 			o(null);
 			return;
 		}
 		switch (e) {
-			case U.RESIZE:
+			case z.RESIZE:
 				o({
-					name: U.RESIZE,
+					name: z.RESIZE,
 					args: {
 						width: u,
 						height: d
 					}
 				});
 				break;
-			case U.CROP:
+			case z.CROP:
 				o({
-					name: U.CROP,
+					name: z.CROP,
 					args: {
 						id: "freeform",
 						ratio: u / d,
@@ -2227,9 +2050,9 @@ var dt = ({ surfaceRef: e }) => {
 					}
 				});
 				break;
-			case U.PRESET_CROP:
+			case z.PRESET_CROP:
 				o({
-					name: U.PRESET_CROP,
+					name: z.PRESET_CROP,
 					args: {
 						id: "facebook-post",
 						ratio: 1200 / 630,
@@ -2241,25 +2064,25 @@ var dt = ({ surfaceRef: e }) => {
 					}
 				});
 				break;
-			case U.FLIP:
+			case z.FLIP:
 				o({
-					name: U.FLIP,
+					name: z.FLIP,
 					args: {
 						horizontal: !1,
 						vertical: !1
 					}
 				});
 				break;
-			case U.ROTATE:
+			case z.ROTATE:
 				o({
-					name: U.ROTATE,
+					name: z.ROTATE,
 					args: { degrees: i() }
 				});
 				break;
-			case U.FILTERS:
+			case z.FILTERS:
 				o({
-					name: U.FILTERS,
-					args: wt()
+					name: z.FILTERS,
+					args: St()
 				});
 				break;
 		}
@@ -2272,18 +2095,18 @@ var dt = ({ surfaceRef: e }) => {
 	wrapper: "_wrapper_1lx29_20",
 	item: "_item_1lx29_24",
 	selected: "_selected_1lx29_43"
-}, Pt = ({ isMobile: e }) => {
-	let { settings: t, sidebar: n, currentAction: r } = W(), i = t?.tools || [], a = r?.name, { click: o } = Nt();
-	return /* @__PURE__ */ (0, x.jsx)("nav", {
+}, Mt = ({ isMobile: e }) => {
+	let { settings: t, sidebar: n, currentAction: r } = B(), i = t?.tools || [], a = r?.name, { click: o } = jt();
+	return /* @__PURE__ */ p("nav", {
 		className: `${Q.sidebar} ${e ? Q.mobile : ""} ${e && n ? Q.open : ""}`,
-		children: /* @__PURE__ */ (0, x.jsx)(V, {
+		children: /* @__PURE__ */ p(R, {
 			position: "right",
 			className: Q.tooltip,
 			children: i.map((e) => {
-				let t = Mt(e);
+				let t = At(e);
 				if (!t) return null;
 				let { icon: n, label: r } = t;
-				return /* @__PURE__ */ (0, x.jsx)("div", {
+				return /* @__PURE__ */ p("div", {
 					className: `${Q.item} ${a === e ? Q.selected : ""}`,
 					onClick: () => o(e),
 					"data-tooltip": r,
@@ -2293,15 +2116,15 @@ var dt = ({ surfaceRef: e }) => {
 			})
 		})
 	});
-}, Ft = { infobar: "_infobar_1kq0f_1" }, It = (e) => e < 1024 ? `${e} B` : e < 1024 * 1024 ? `${(e / 1024).toFixed(2)} KB` : `${(e / 1024 / 1024).toFixed(2)} MB`, Lt = () => {
-	let { originalBlob: e, getLastHistoryItem: t } = W(), { width: n, height: r } = t();
-	return /* @__PURE__ */ (0, x.jsxs)("div", {
-		className: Ft.infobar,
-		children: [/* @__PURE__ */ (0, x.jsx)("div", {
-			className: Ft.filesize,
-			children: e ? It(e.size) : "0 B"
-		}), /* @__PURE__ */ (0, x.jsxs)("div", {
-			className: Ft.sizes,
+}, Nt = { infobar: "_infobar_1kq0f_1" }, Pt = (e) => e < 1024 ? `${e} B` : e < 1024 * 1024 ? `${(e / 1024).toFixed(2)} KB` : `${(e / 1024 / 1024).toFixed(2)} MB`, Ft = () => {
+	let { originalBlob: e, getLastHistoryItem: t } = B(), { width: n, height: r } = t();
+	return /* @__PURE__ */ m("div", {
+		className: Nt.infobar,
+		children: [/* @__PURE__ */ p("div", {
+			className: Nt.filesize,
+			children: e ? Pt(e.size) : "0 B"
+		}), /* @__PURE__ */ m("div", {
+			className: Nt.sizes,
 			children: [
 				n,
 				" / ",
@@ -2309,17 +2132,17 @@ var dt = ({ surfaceRef: e }) => {
 			]
 		})]
 	});
-}, Rt = 15, zt = 200, Bt = 2, Vt = (e, t, n) => {
-	let r = Math.min(zt, Math.max(Rt, e));
+}, It = 15, Lt = 200, Rt = 2, zt = (e, t, n) => {
+	let r = Math.min(Lt, Math.max(It, e));
 	return {
 		scale: r,
 		width: Math.round(r / 100 * t),
 		height: Math.round(r / 100 * n)
 	};
-}, Ht = () => {
-	let { getLastHistoryItem: e, eventBus: t } = W(), { commit: n, close: r, isSaving: a } = q(), { width: s, height: c } = e(), [l, f] = d(s), [p, m] = d(c), [h, g] = d(100), _ = u(h), v = u(0), y = u(null), b = i((e) => {
-		let n = Vt(e, s, c);
-		f(n.width), m(n.height), g(n.scale), _.current = n.scale, ht(t, n.scale);
+}, Bt = () => {
+	let { getLastHistoryItem: e, eventBus: t } = B(), { commit: n, close: r, isSaving: a } = G(), { width: s, height: c } = e(), [l, f] = d(s), [p, m] = d(c), [h, g] = d(100), _ = u(h), v = u(0), y = u(null), b = i((e) => {
+		let n = zt(e, s, c);
+		f(n.width), m(n.height), g(n.scale), _.current = n.scale, mt(t, n.scale);
 	}, [
 		c,
 		s,
@@ -2337,13 +2160,13 @@ var dt = ({ surfaceRef: e }) => {
 			let t = y.current?.parentElement, n = e.composedPath?.()[0] ?? e.target;
 			return n instanceof Node && !!t?.contains(n);
 		}, t = (t) => {
-			e(t) && b(_.current - Math.sign(t.deltaY) * Bt);
+			e(t) && b(_.current - Math.sign(t.deltaY) * Rt);
 		}, n = (t) => {
 			e(t) && (v.current = t.touches[0].clientY);
 		}, r = (t) => {
 			if (!e(t)) return;
 			let n = t.touches[0].clientY, r = v.current - n;
-			Math.abs(r) < 10 || (b(_.current + Math.sign(r) * Bt), v.current = n);
+			Math.abs(r) < 10 || (b(_.current + Math.sign(r) * Rt), v.current = n);
 		}, i = new AbortController(), { signal: a } = i;
 		return window.addEventListener("wheel", t, { signal: a }), window.addEventListener("touchstart", n, { signal: a }), window.addEventListener("touchmove", r, { signal: a }), () => i.abort();
 	}, [b]), {
@@ -2366,38 +2189,38 @@ var dt = ({ surfaceRef: e }) => {
 				width: l,
 				height: p,
 				action: {
-					name: U.RESIZE,
+					name: z.RESIZE,
 					args: {
 						width: l,
 						height: p
 					}
 				}
-			}), ht(t, 100);
+			}), mt(t, 100);
 		},
 		close: () => {
-			ht(t, 100), r();
+			mt(t, 100), r();
 		},
 		isSaving: a
 	};
-}, Ut = {
+}, Vt = {
 	resize: "_resize_1sbig_1",
 	toolsLock: "_toolsLock_1sbig_5",
 	indicatorWrapper: "_indicatorWrapper_1sbig_10",
 	indicator: "_indicator_1sbig_10"
-}, Wt = () => {
-	let { resizeRef: e, width: t, height: n, scale: r, currentWidth: i, currentHeight: a, setWidth: o, setHeight: s, handleWidthBlur: c, handleHeightBlur: l, save: u, close: d, isSaving: f } = Ht();
-	return /* @__PURE__ */ (0, x.jsxs)(J, {
+}, Ht = () => {
+	let { resizeRef: e, width: t, height: n, scale: r, currentWidth: i, currentHeight: a, setWidth: o, setHeight: s, handleWidthBlur: c, handleHeightBlur: l, save: u, close: d, isSaving: f } = Bt();
+	return /* @__PURE__ */ m(q, {
 		ref: e,
-		className: Ut.resize,
+		className: Vt.resize,
 		children: [
-			/* @__PURE__ */ (0, x.jsx)("div", {
-				className: Ut.indicatorWrapper,
-				children: /* @__PURE__ */ (0, x.jsx)("div", {
-					className: Ut.indicator,
+			/* @__PURE__ */ p("div", {
+				className: Vt.indicatorWrapper,
+				children: /* @__PURE__ */ p("div", {
+					className: Vt.indicator,
 					style: { width: `${r / 2}%` }
 				})
 			}),
-			/* @__PURE__ */ (0, x.jsx)(Se, {
+			/* @__PURE__ */ p(Ce, {
 				value: t,
 				name: "width",
 				label: "Width",
@@ -2405,8 +2228,8 @@ var dt = ({ surfaceRef: e }) => {
 				onChange: (e) => o(Number(e.target.value)),
 				onBlur: c
 			}),
-			/* @__PURE__ */ (0, x.jsx)(T, { className: Ut.toolsLock }),
-			/* @__PURE__ */ (0, x.jsx)(Se, {
+			/* @__PURE__ */ p(C, { className: Vt.toolsLock }),
+			/* @__PURE__ */ p(Ce, {
 				value: n,
 				name: "height",
 				label: "Height",
@@ -2414,7 +2237,7 @@ var dt = ({ surfaceRef: e }) => {
 				onChange: (e) => s(Number(e.target.value)),
 				onBlur: l
 			}),
-			/* @__PURE__ */ (0, x.jsx)(R, {
+			/* @__PURE__ */ p(F, {
 				onSave: u,
 				onClose: d,
 				saving: f,
@@ -2446,15 +2269,15 @@ var dt = ({ surfaceRef: e }) => {
 	infoH: "_infoH_1co2u_146",
 	group: "_group_1co2u_153",
 	active: "_active_1co2u_162"
-}, Gt = () => {
-	let { getLastHistoryItem: e } = W(), t = H(), n = u(null), { handleCropStart: r, initialCrop: i } = rn({ boxRef: n }), { width: a, height: o } = e(), { x: s, y: c, w: l, h: d } = i;
-	return /* @__PURE__ */ (0, x.jsxs)(x.Fragment, { children: [/* @__PURE__ */ (0, x.jsx)(xt, {
+}, Ut = () => {
+	let { getLastHistoryItem: e } = B(), t = Pe(), n = u(null), { handleCropStart: r, initialCrop: i } = tn({ boxRef: n }), { width: a, height: o } = e(), { x: s, y: c, w: l, h: d } = i;
+	return /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(yt, {
 		isClipped: !0,
 		style: { clipPath: `xywh(${s}% ${c}% ${l}% ${d}%)` }
-	}), /* @__PURE__ */ (0, x.jsx)("div", {
+	}), /* @__PURE__ */ p("div", {
 		className: $.wrapper,
 		style: { aspectRatio: `${a} / ${o}` },
-		children: /* @__PURE__ */ (0, x.jsxs)("div", {
+		children: /* @__PURE__ */ m("div", {
 			ref: n,
 			className: $.box,
 			style: {
@@ -2463,40 +2286,40 @@ var dt = ({ surfaceRef: e }) => {
 				top: `${c}%`,
 				left: `${s}%`
 			},
-			children: [/* @__PURE__ */ (0, x.jsx)(Xt, {}), t ? /* @__PURE__ */ (0, x.jsx)(an, { onMouseDown: r }) : /* @__PURE__ */ (0, x.jsxs)(x.Fragment, { children: [/* @__PURE__ */ (0, x.jsx)(Zt, { onMouseDown: r }), /* @__PURE__ */ (0, x.jsx)(on, {})] })]
+			children: [/* @__PURE__ */ p(Jt, {}), t ? /* @__PURE__ */ p(nn, { onMouseDown: r }) : /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(Yt, { onMouseDown: r }), /* @__PURE__ */ p(rn, {})] })]
 		})
 	})] });
-}, Kt = [
+}, Wt = [
 	{
 		id: "freeform",
-		icon: /* @__PURE__ */ (0, x.jsx)(A, {}),
+		icon: /* @__PURE__ */ p(O, {}),
 		label: "Freeform"
 	},
 	{
 		id: "origin",
-		icon: /* @__PURE__ */ (0, x.jsx)(ee, {}),
+		icon: /* @__PURE__ */ p(k, {}),
 		label: "Original"
 	},
 	{
 		id: "1:1",
-		icon: /* @__PURE__ */ (0, x.jsx)(te, {}),
+		icon: /* @__PURE__ */ p(A, {}),
 		label: "1 : 1"
 	},
 	{
 		id: "4:3",
-		icon: /* @__PURE__ */ (0, x.jsx)(ne, {}),
+		icon: /* @__PURE__ */ p(te, {}),
 		label: "4 : 3"
 	},
 	{
 		id: "16:9",
-		icon: /* @__PURE__ */ (0, x.jsx)(j, {}),
+		icon: /* @__PURE__ */ p(ee, {}),
 		label: "16 : 9"
 	}
-], qt = ({ value: e, onChange: t }) => /* @__PURE__ */ (0, x.jsx)("div", {
+], Gt = ({ value: e, onChange: t }) => /* @__PURE__ */ p("div", {
 	className: $.group,
-	children: /* @__PURE__ */ (0, x.jsx)(V, {
+	children: /* @__PURE__ */ p(R, {
 		position: "top",
-		children: Kt.map((n) => /* @__PURE__ */ (0, x.jsx)(F, {
+		children: Wt.map((n) => /* @__PURE__ */ p(M, {
 			variant: "outline",
 			className: `${$.groupBtn} ${e === n.id ? $.active : ""}`,
 			onClick: () => t(n.id),
@@ -2505,16 +2328,16 @@ var dt = ({ surfaceRef: e }) => {
 			children: n.icon
 		}, n.id))
 	})
-}), Jt = () => {
-	let { setCurrentAction: e, currentAction: t, getLastHistoryItem: n, eventBus: r } = W(), { commit: i, close: a, isSaving: s } = q(), { width: c, height: l } = n(), { name: d, args: f } = t || {}, p = d === U.CROP ? f?.id : "", m = c / l, h = u({
+}), Kt = () => {
+	let { setCurrentAction: e, currentAction: t, getLastHistoryItem: n, eventBus: r } = B(), { commit: i, close: a, isSaving: s } = G(), { width: c, height: l } = n(), { name: d, args: f } = t || {}, p = d === z.CROP ? f?.id : "", m = c / l, h = u({
 		x: 0,
 		y: 0,
 		w: 0,
 		h: 0
 	});
 	return o(() => {
-		if (t?.name !== U.CROP) return;
-		let e = K(t.args.ratio, c, l);
+		if (t?.name !== z.CROP) return;
+		let e = H(t.args.ratio, c, l);
 		h.current = e;
 		let n = (e) => {
 			h.current = e.detail;
@@ -2531,7 +2354,7 @@ var dt = ({ surfaceRef: e }) => {
 		currentValue: p,
 		handleChange: (t) => {
 			t !== p && e({
-				name: U.CROP,
+				name: z.CROP,
 				args: {
 					id: t,
 					ratio: /^\d+:\d+$/.test(t) ? t.split(":").map(Number).reduce((e, t) => e / t) : m,
@@ -2540,13 +2363,13 @@ var dt = ({ surfaceRef: e }) => {
 			});
 		},
 		handleSave: () => {
-			if (!t || t.name !== U.CROP) return;
+			if (!t || t.name !== z.CROP) return;
 			let e = t.args?.preset?.width || Math.round(c * h.current.w / 100), n = t.args?.preset?.height || Math.round(l * h.current.h / 100);
 			i({
 				width: e,
 				height: n,
 				action: {
-					name: U.CROP,
+					name: z.CROP,
 					args: {
 						...t.args,
 						...h.current
@@ -2557,53 +2380,53 @@ var dt = ({ surfaceRef: e }) => {
 		handleClose: a,
 		isSaving: s
 	};
-}, Yt = () => {
-	let { currentValue: e, handleChange: t, handleSave: n, handleClose: r, isSaving: i } = Jt();
-	return /* @__PURE__ */ (0, x.jsxs)(J, { children: [/* @__PURE__ */ (0, x.jsx)(qt, {
+}, qt = () => {
+	let { currentValue: e, handleChange: t, handleSave: n, handleClose: r, isSaving: i } = Kt();
+	return /* @__PURE__ */ m(q, { children: [/* @__PURE__ */ p(Gt, {
 		value: e,
 		onChange: t
-	}), /* @__PURE__ */ (0, x.jsx)(R, {
+	}), /* @__PURE__ */ p(F, {
 		onSave: n,
 		onClose: r,
 		saving: i
 	})] });
-}, Xt = () => /* @__PURE__ */ (0, x.jsxs)("div", {
+}, Jt = () => /* @__PURE__ */ m("div", {
 	className: $.linesBox,
-	children: [/* @__PURE__ */ (0, x.jsx)("span", { className: `${$.line} ${$.lineV}` }), /* @__PURE__ */ (0, x.jsx)("span", { className: `${$.line} ${$.lineH}` })]
-}), Zt = ({ onMouseDown: e }) => /* @__PURE__ */ (0, x.jsxs)(x.Fragment, { children: [
-	/* @__PURE__ */ (0, x.jsx)("div", {
+	children: [/* @__PURE__ */ p("span", { className: `${$.line} ${$.lineV}` }), /* @__PURE__ */ p("span", { className: `${$.line} ${$.lineH}` })]
+}), Yt = ({ onMouseDown: e }) => /* @__PURE__ */ m(f, { children: [
+	/* @__PURE__ */ p("div", {
 		className: `${$.pointer} ${$.pointerTopLeft}`,
 		onMouseDown: (t) => e(t, "tl", "nwse")
 	}),
-	/* @__PURE__ */ (0, x.jsx)("div", {
+	/* @__PURE__ */ p("div", {
 		className: `${$.pointer} ${$.pointerTopRight}`,
 		onMouseDown: (t) => e(t, "tr", "nesw")
 	}),
-	/* @__PURE__ */ (0, x.jsx)("div", {
+	/* @__PURE__ */ p("div", {
 		className: `${$.pointer} ${$.pointerBottomRight}`,
 		onMouseDown: (t) => e(t, "br", "nwse")
 	}),
-	/* @__PURE__ */ (0, x.jsx)("div", {
+	/* @__PURE__ */ p("div", {
 		className: `${$.pointer} ${$.pointerBottomLeft}`,
 		onMouseDown: (t) => e(t, "bl", "nesw")
 	})
 ] });
 //#endregion
 //#region src/shared/components/Pixedi/crop/useCropInteraction.ts
-function Qt(e, t, n) {
+function Xt(e, t, n) {
 	return Math.min(Math.max(e, t), n);
 }
-function $t(e, { x: t, y: n, w: r, h: i }) {
+function Zt(e, { x: t, y: n, w: r, h: i }) {
 	e.style.left = `${t}%`, e.style.top = `${n}%`, e.style.width = `${r}%`, e.style.height = `${i}%`;
 }
-function en(e) {
+function Qt(e) {
 	let { width: t, height: n } = e.getBoundingClientRect();
 	return {
 		frameW: t,
 		frameH: n
 	};
 }
-function tn({ x: e, y: t, w: n, h: r }, i, a) {
+function $t({ x: e, y: t, w: n, h: r }, i, a) {
 	return {
 		x: e / 100 * i,
 		y: t / 100 * a,
@@ -2611,7 +2434,7 @@ function tn({ x: e, y: t, w: n, h: r }, i, a) {
 		h: r / 100 * a
 	};
 }
-function nn({ x: e, y: t, w: n, h: r }, i, a) {
+function en({ x: e, y: t, w: n, h: r }, i, a) {
 	return {
 		x: e / i * 100,
 		y: t / a * 100,
@@ -2619,22 +2442,22 @@ function nn({ x: e, y: t, w: n, h: r }, i, a) {
 		h: r / a * 100
 	};
 }
-var rn = ({ boxRef: e }) => {
-	let { currentAction: t, getLastHistoryItem: n, eventBus: r } = W(), i = H(), { width: a, height: s } = n(), c = t?.name === U.CROP || t?.name === U.PRESET_CROP, d = c ? t.args.ratio : 1, f = !c || t.args.isFree, p = l(() => K(d, a, s), [
+var tn = ({ boxRef: e }) => {
+	let { currentAction: t, getLastHistoryItem: n, eventBus: r } = B(), i = Pe(), { width: a, height: s } = n(), c = t?.name === z.CROP || t?.name === z.PRESET_CROP, d = c ? t.args.ratio : 1, f = !c || t.args.isFree, p = l(() => H(d, a, s), [
 		d,
 		a,
 		s
 	]), m = u(null), h = u(""), g = u(p), _ = u(p);
 	return o(() => {
-		g.current = p, mt(r, p);
+		g.current = p, pt(r, p);
 	}, [p, r]), o(() => {
 		let t = (e, t) => {
-			g.current = t, $t(e, t), pt(r, {
+			g.current = t, Zt(e, t), ft(r, {
 				x: Math.round(t.x / 100 * a),
 				y: Math.round(t.y / 100 * s),
 				w: Math.round(t.w / 100 * a),
 				h: Math.round(t.h / 100 * s)
-			}), mt(r, t);
+			}), pt(r, t);
 		}, n = (e) => {
 			e.preventDefault(), _.current = g.current;
 			let t = "clientX" in e ? e.clientX : e.touches[0].clientX, n = "clientY" in e ? e.clientY : e.touches[0].clientY;
@@ -2647,7 +2470,7 @@ var rn = ({ boxRef: e }) => {
 			t.preventDefault();
 			let n = e.current, r = n.parentElement;
 			if (!r) return;
-			let { frameW: i, frameH: a } = en(r);
+			let { frameW: i, frameH: a } = Qt(r);
 			if (h.current) {
 				o(t, n, i, a);
 				return;
@@ -2655,14 +2478,14 @@ var rn = ({ boxRef: e }) => {
 			c(t, n, i, a);
 		}, o = (e, n, r, i) => {
 			if (!m.current) return;
-			let o = "clientX" in e ? e.clientX : e.touches[0].clientX, c = "clientY" in e ? e.clientY : e.touches[0].clientY, l = nn(Ve(h.current, f, d, m.current.x, m.current.y, o, c, r, i, tn(_.current, r, i), tn(g.current, r, i)), r, i);
-			t(n, f ? l : He(l, d, a, s));
+			let o = "clientX" in e ? e.clientX : e.touches[0].clientX, c = "clientY" in e ? e.clientY : e.touches[0].clientY, l = en(Ue(h.current, f, d, m.current.x, m.current.y, o, c, r, i, $t(_.current, r, i), $t(g.current, r, i)), r, i);
+			t(n, f ? l : We(l, d, a, s));
 		}, c = (e, n, r, i) => {
 			if (!m.current) return;
 			let { x: a, y: o, w: s, h: c } = _.current, l = "clientX" in e ? e.clientX : e.touches[0].clientX, u = "clientY" in e ? e.clientY : e.touches[0].clientY, d = (l - m.current.x) / r * 100, f = (u - m.current.y) / i * 100;
 			t(n, {
-				x: Qt(a + d, 0, Math.max(0, 100 - s)),
-				y: Qt(o + f, 0, Math.max(0, 100 - c)),
+				x: Xt(a + d, 0, Math.max(0, 100 - s)),
+				y: Xt(o + f, 0, Math.max(0, 100 - c)),
 				w: s,
 				h: c
 			});
@@ -2697,17 +2520,17 @@ var rn = ({ boxRef: e }) => {
 		},
 		initialCrop: p
 	};
-}, an = ({ onMouseDown: e }) => /* @__PURE__ */ (0, x.jsx)("div", {
+}, nn = ({ onMouseDown: e }) => /* @__PURE__ */ p("div", {
 	className: $.mobileBorder,
-	children: /* @__PURE__ */ (0, x.jsx)("div", {
+	children: /* @__PURE__ */ p("div", {
 		className: $.mobilePointer,
 		onTouchStart: (t) => e(t, "br", "nwse")
 	})
-}), on = () => {
-	let e = u(null), t = u(null), n = u(null), r = u(null), { currentAction: i, getLastHistoryItem: a, eventBus: s } = W(), { width: c, height: l } = a();
+}), rn = () => {
+	let e = u(null), t = u(null), n = u(null), r = u(null), { currentAction: i, getLastHistoryItem: a, eventBus: s } = B(), { width: c, height: l } = a();
 	return o(() => {
-		if (!(i?.name === U.CROP || i?.name === U.PRESET_CROP)) return;
-		let { xP: a, yP: o, wP: u, hP: d } = K(i.args.ratio, c, l);
+		if (!(i?.name === z.CROP || i?.name === z.PRESET_CROP)) return;
+		let { xP: a, yP: o, wP: u, hP: d } = H(i.args.ratio, c, l);
 		e.current && (e.current.textContent = a.toString()), t.current && (t.current.textContent = o.toString()), n.current && (n.current.textContent = u.toString()), r.current && (r.current.textContent = d.toString());
 		let f = (i) => {
 			let { x: a, y: o, w: s, h: c } = i.detail;
@@ -2721,34 +2544,34 @@ var rn = ({ boxRef: e }) => {
 		l,
 		c,
 		s
-	]), /* @__PURE__ */ (0, x.jsxs)(x.Fragment, { children: [
-		/* @__PURE__ */ (0, x.jsx)("div", {
+	]), /* @__PURE__ */ m(f, { children: [
+		/* @__PURE__ */ p("div", {
 			className: `${$.info} ${$.infoX}`,
-			children: /* @__PURE__ */ (0, x.jsx)("b", { ref: e })
+			children: /* @__PURE__ */ p("b", { ref: e })
 		}),
-		/* @__PURE__ */ (0, x.jsx)("div", {
+		/* @__PURE__ */ p("div", {
 			className: `${$.info} ${$.infoY}`,
-			children: /* @__PURE__ */ (0, x.jsx)("b", { ref: t })
+			children: /* @__PURE__ */ p("b", { ref: t })
 		}),
-		/* @__PURE__ */ (0, x.jsx)("div", {
+		/* @__PURE__ */ p("div", {
 			className: `${$.info} ${$.infoW}`,
-			children: /* @__PURE__ */ (0, x.jsx)("b", { ref: n })
+			children: /* @__PURE__ */ p("b", { ref: n })
 		}),
-		/* @__PURE__ */ (0, x.jsx)("div", {
+		/* @__PURE__ */ p("div", {
 			className: `${$.info} ${$.infoH}`,
-			children: /* @__PURE__ */ (0, x.jsx)("b", { ref: r })
+			children: /* @__PURE__ */ p("b", { ref: r })
 		})
 	] });
-}, sn = g.map((e) => e.options).flat(), cn = () => sn, ln = () => {
-	let { currentAction: e, getLastHistoryItem: t, setCurrentAction: n, eventBus: r } = W(), { commit: i, close: a, isSaving: s } = q(), { width: c, height: l } = t(), d = e?.name === U.PRESET_CROP && sn.some((t) => t.value === e.args.id) ? e.args.id : "", f = u({
+}, an = _.map((e) => e.options).flat(), on = () => an, sn = () => {
+	let { currentAction: e, getLastHistoryItem: t, setCurrentAction: n, eventBus: r } = B(), { commit: i, close: a, isSaving: s } = G(), { width: c, height: l } = t(), d = e?.name === z.PRESET_CROP && an.some((t) => t.value === e.args.id) ? e.args.id : "", f = u({
 		x: 0,
 		y: 0,
 		w: 0,
 		h: 0
 	});
 	return o(() => {
-		if (e?.name !== U.PRESET_CROP) return;
-		let t = K(e.args.ratio, c, l);
+		if (e?.name !== z.PRESET_CROP) return;
+		let t = H(e.args.ratio, c, l);
 		f.current = t;
 		let n = (e) => {
 			f.current = e.detail;
@@ -2763,10 +2586,10 @@ var rn = ({ boxRef: e }) => {
 		r
 	]), {
 		currentValue: d,
-		presetsData: g,
+		presetsData: _,
 		handleChange: (e) => {
 			if (!e) return;
-			let t = cn().find((t) => t.value === e);
+			let t = on().find((t) => t.value === e);
 			if (!t) return;
 			let r = {
 				id: e,
@@ -2778,16 +2601,16 @@ var rn = ({ boxRef: e }) => {
 				}
 			};
 			n({
-				name: U.PRESET_CROP,
+				name: z.PRESET_CROP,
 				args: r
 			});
 		},
 		handleSave: () => {
-			!e || e.name !== U.PRESET_CROP || i({
+			!e || e.name !== z.PRESET_CROP || i({
 				width: e.args?.preset?.width || 0,
 				height: e.args?.preset?.height || 0,
 				action: {
-					name: U.CROP,
+					name: z.CROP,
 					args: {
 						...e.args,
 						...f.current
@@ -2798,23 +2621,23 @@ var rn = ({ boxRef: e }) => {
 		handleClose: a,
 		isSaving: s
 	};
-}, un = { select: "_select_1ieak_1" }, dn = () => {
-	let { currentValue: e, presetsData: t, handleChange: n, handleSave: r, handleClose: i, isSaving: a } = ln();
-	return /* @__PURE__ */ (0, x.jsxs)(J, { children: [/* @__PURE__ */ (0, x.jsx)(ve, {
+}, cn = { select: "_select_1ieak_1" }, ln = () => {
+	let { currentValue: e, presetsData: t, handleChange: n, handleSave: r, handleClose: i, isSaving: a } = sn();
+	return /* @__PURE__ */ m(q, { children: [/* @__PURE__ */ p(ye, {
 		value: e,
 		placeholder: "Select preset",
 		onChange: n,
 		items: t,
-		className: un.select
-	}), /* @__PURE__ */ (0, x.jsx)(R, {
+		className: cn.select
+	}), /* @__PURE__ */ p(F, {
 		onSave: r,
 		onClose: i,
 		saving: a
 	})] });
-}, fn = () => {
-	let { getLastHistoryItem: e, setCurrentAction: t } = W(), { commit: n, close: r, isSaving: i } = q(), { width: a, height: o } = e(), [s, c] = d(!1), [l, u] = d(!1), f = (e, n) => {
+}, un = () => {
+	let { getLastHistoryItem: e, setCurrentAction: t } = B(), { commit: n, close: r, isSaving: i } = G(), { width: a, height: o } = e(), [s, c] = d(!1), [l, u] = d(!1), f = (e, n) => {
 		t({
-			name: U.FLIP,
+			name: z.FLIP,
 			args: {
 				horizontal: e,
 				vertical: n
@@ -2837,7 +2660,7 @@ var rn = ({ boxRef: e }) => {
 				width: a,
 				height: o,
 				action: {
-					name: U.FLIP,
+					name: z.FLIP,
 					args: {
 						horizontal: s,
 						vertical: l
@@ -2848,51 +2671,51 @@ var rn = ({ boxRef: e }) => {
 		handleClose: r,
 		isSaving: i
 	};
-}, pn = {
+}, dn = {
 	btnH: "_btnH_15adi_1",
 	btnV: "_btnV_15adi_7"
-}, mn = () => {
-	let { flipHorizontal: e, flipVertical: t, handleFlipHorizontal: n, handleFlipVertical: r, handleSave: i, handleClose: a, isSaving: o } = fn();
-	return /* @__PURE__ */ (0, x.jsxs)(J, { children: [/* @__PURE__ */ (0, x.jsx)("div", {
-		className: pn.scGroup,
-		children: /* @__PURE__ */ (0, x.jsxs)(V, {
+}, fn = () => {
+	let { flipHorizontal: e, flipVertical: t, handleFlipHorizontal: n, handleFlipVertical: r, handleSave: i, handleClose: a, isSaving: o } = un();
+	return /* @__PURE__ */ m(q, { children: [/* @__PURE__ */ p("div", {
+		className: dn.scGroup,
+		children: /* @__PURE__ */ m(R, {
 			position: "top",
-			children: [/* @__PURE__ */ (0, x.jsx)(F, {
+			children: [/* @__PURE__ */ p(M, {
 				variant: "outline",
-				className: pn.btnH,
+				className: dn.btnH,
 				onClick: n,
 				"aria-label": "Horizontal",
 				"data-tooltip": "Horizontal",
-				children: /* @__PURE__ */ (0, x.jsx)(M, { style: { color: e ? "var(--accent-blue)" : "var(--foreground)" } })
-			}), /* @__PURE__ */ (0, x.jsx)(F, {
+				children: /* @__PURE__ */ p(re, { style: { color: e ? "var(--accent-blue)" : "var(--foreground)" } })
+			}), /* @__PURE__ */ p(M, {
 				variant: "outline",
-				className: pn.btnV,
+				className: dn.btnV,
 				onClick: r,
 				"aria-label": "Vertical",
 				"data-tooltip": "Vertical",
-				children: /* @__PURE__ */ (0, x.jsx)(ie, { style: { color: t ? "var(--accent-blue)" : "var(--foreground)" } })
+				children: /* @__PURE__ */ p(ie, { style: { color: t ? "var(--accent-blue)" : "var(--foreground)" } })
 			})]
 		})
-	}), /* @__PURE__ */ (0, x.jsx)(R, {
+	}), /* @__PURE__ */ p(F, {
 		disabled: !e && !t,
 		saving: o,
 		onSave: i,
 		onClose: a
 	})] });
-}, hn = () => {
-	let { getLastRotation: e, getLastHistoryItem: t, setCurrentAction: n } = W(), { commit: r, close: i, isSaving: a } = q(), { width: o, height: s } = t(), c = e(), l = u(c), d = u(c);
+}, pn = () => {
+	let { getLastRotation: e, getLastHistoryItem: t, setCurrentAction: n } = B(), { commit: r, close: i, isSaving: a } = G(), { width: o, height: s } = t(), c = e(), l = u(c), d = u(c);
 	return {
 		handleRotate: (e) => {
 			d.current += e, n({
-				name: U.ROTATE,
+				name: z.ROTATE,
 				args: { degrees: d.current }
 			});
 		},
 		handleSave: () => {
 			r({
-				...We(o, s, l.current, d.current),
+				...Ge(o, s, l.current, d.current),
 				action: {
-					name: U.ROTATE,
+					name: z.ROTATE,
 					args: { degrees: d.current }
 				}
 			});
@@ -2900,61 +2723,61 @@ var rn = ({ boxRef: e }) => {
 		handleClose: i,
 		isSaving: a
 	};
-}, gn = {
+}, mn = {
 	btnH: "_btnH_15adi_1",
 	btnV: "_btnV_15adi_7"
-}, _n = () => {
-	let { handleRotate: e, handleSave: t, handleClose: n, isSaving: r } = hn();
-	return /* @__PURE__ */ (0, x.jsxs)(J, { children: [/* @__PURE__ */ (0, x.jsx)("div", {
-		className: gn.scGroup,
-		children: /* @__PURE__ */ (0, x.jsxs)(V, {
+}, hn = () => {
+	let { handleRotate: e, handleSave: t, handleClose: n, isSaving: r } = pn();
+	return /* @__PURE__ */ m(q, { children: [/* @__PURE__ */ p("div", {
+		className: mn.scGroup,
+		children: /* @__PURE__ */ m(R, {
 			position: "top",
-			children: [/* @__PURE__ */ (0, x.jsx)(F, {
+			children: [/* @__PURE__ */ p(M, {
 				variant: "outline",
-				className: gn.btnH,
+				className: mn.btnH,
 				onClick: () => e(90),
 				"aria-label": "+90°",
 				"data-tooltip": "+90°",
-				children: /* @__PURE__ */ (0, x.jsx)(N, {})
-			}), /* @__PURE__ */ (0, x.jsx)(F, {
+				children: /* @__PURE__ */ p(ae, {})
+			}), /* @__PURE__ */ p(M, {
 				variant: "outline",
-				className: gn.btnV,
+				className: mn.btnV,
 				onClick: () => e(-90),
 				"aria-label": "-90°",
 				"data-tooltip": "-90°",
-				children: /* @__PURE__ */ (0, x.jsx)(ae, {})
+				children: /* @__PURE__ */ p(oe, {})
 			})]
 		})
-	}), /* @__PURE__ */ (0, x.jsx)(R, {
+	}), /* @__PURE__ */ p(F, {
 		onSave: t,
 		onClose: n,
 		saving: r
 	})] });
-}, vn = {
+}, gn = {
 	frame: "_frame_17rae_1",
 	"bg-circled": "_bg-circled_17rae_12",
 	"bg-diagonals": "_bg-diagonals_17rae_74",
 	"bg-rhombus": "_bg-rhombus_17rae_103"
-}, yn = () => {
-	let { settings: e, currentAction: t } = W(), n = t?.name === U.RESIZE, r = t?.name === U.CROP, i = t?.name === U.PRESET_CROP, a = t?.name === U.FLIP, o = t?.name === U.ROTATE, s = t?.name === U.FILTERS, c = r || i;
-	return /* @__PURE__ */ (0, x.jsxs)("div", {
+}, _n = () => {
+	let { settings: e, currentAction: t } = B(), n = t?.name === z.RESIZE, r = t?.name === z.CROP, i = t?.name === z.PRESET_CROP, a = t?.name === z.FLIP, o = t?.name === z.ROTATE, s = t?.name === z.FILTERS, c = r || i;
+	return /* @__PURE__ */ m("div", {
 		className: `
-    ${vn.frame} 
-    ${e?.background ? vn[`bg-${e.background}`] : ""}
+    ${gn.frame} 
+    ${e?.background ? gn[`bg-${e.background}`] : ""}
   `,
 		children: [
-			/* @__PURE__ */ (0, x.jsx)(xt, { faded: c }),
-			n && /* @__PURE__ */ (0, x.jsx)(Wt, {}),
-			r && /* @__PURE__ */ (0, x.jsx)(Yt, {}),
-			i && /* @__PURE__ */ (0, x.jsx)(dn, {}),
-			a && /* @__PURE__ */ (0, x.jsx)(mn, {}),
-			o && /* @__PURE__ */ (0, x.jsx)(_n, {}),
-			s && /* @__PURE__ */ (0, x.jsx)(yt, {}),
-			(r || i) && /* @__PURE__ */ (0, x.jsx)(Gt, {}, t?.args?.id),
-			s && /* @__PURE__ */ (0, x.jsx)(Ct, {})
+			/* @__PURE__ */ p(yt, { faded: c }),
+			n && /* @__PURE__ */ p(Ht, {}),
+			r && /* @__PURE__ */ p(qt, {}),
+			i && /* @__PURE__ */ p(ln, {}),
+			a && /* @__PURE__ */ p(fn, {}),
+			o && /* @__PURE__ */ p(hn, {}),
+			s && /* @__PURE__ */ p(_t, {}),
+			(r || i) && /* @__PURE__ */ p(Ut, {}, t?.args?.id),
+			s && /* @__PURE__ */ p(xt, {})
 		]
 	});
-}, bn = () => /* @__PURE__ */ (0, x.jsx)("svg", {
+}, vn = () => /* @__PURE__ */ p("svg", {
 	style: {
 		position: "absolute",
 		width: 0,
@@ -2962,206 +2785,206 @@ var rn = ({ boxRef: e }) => {
 		overflow: "hidden"
 	},
 	xmlns: "http://www.w3.org/2000/svg",
-	children: /* @__PURE__ */ (0, x.jsxs)("defs", { children: [
-		/* @__PURE__ */ (0, x.jsx)("filter", {
+	children: /* @__PURE__ */ m("defs", { children: [
+		/* @__PURE__ */ p("filter", {
 			id: "vintage",
-			children: /* @__PURE__ */ (0, x.jsx)("feColorMatrix", {
+			children: /* @__PURE__ */ p("feColorMatrix", {
 				type: "matrix",
 				values: "\n        1.2  0    0    0  0.1\n        0    1.0  0    0  0.0\n        0    0    0.8  0  0.1\n        0    0    0    1  0"
 			})
 		}),
-		/* @__PURE__ */ (0, x.jsx)("filter", {
+		/* @__PURE__ */ p("filter", {
 			id: "olive-army",
-			children: /* @__PURE__ */ (0, x.jsx)("feColorMatrix", {
+			children: /* @__PURE__ */ p("feColorMatrix", {
 				type: "matrix",
 				values: "\n        0.35 0.35 0.35 0 0\n        0.45 0.45 0.45 0 0\n        0.20 0.20 0.20 0 0\n        0    0    0    1 0"
 			})
 		}),
-		/* @__PURE__ */ (0, x.jsx)("filter", {
+		/* @__PURE__ */ p("filter", {
 			id: "warm-sunset",
-			children: /* @__PURE__ */ (0, x.jsx)("feColorMatrix", {
+			children: /* @__PURE__ */ p("feColorMatrix", {
 				type: "matrix",
 				values: "\n        1.3  0    0    0   0.1\n        0    1.1  0    0   0.05\n        0    0    0.7  0  -0.05\n        0    0    0    1   0"
 			})
 		}),
-		/* @__PURE__ */ (0, x.jsx)("filter", {
+		/* @__PURE__ */ p("filter", {
 			id: "sin-city-red",
-			children: /* @__PURE__ */ (0, x.jsx)("feColorMatrix", {
+			children: /* @__PURE__ */ p("feColorMatrix", {
 				type: "matrix",
 				values: "\n        1.5  0    0    0   0\n        0.3  0.3  0.3  0   0\n        0.3  0.3  0.3  0   0\n        0    0    0    1   0"
 			})
 		}),
-		/* @__PURE__ */ (0, x.jsxs)("filter", {
+		/* @__PURE__ */ m("filter", {
 			id: "emboss",
-			children: [/* @__PURE__ */ (0, x.jsx)("feConvolveMatrix", {
+			children: [/* @__PURE__ */ p("feConvolveMatrix", {
 				order: "3",
 				kernelMatrix: "-2 -1 0 -1 1 1 0 1 2"
-			}), /* @__PURE__ */ (0, x.jsx)("feColorMatrix", {
+			}), /* @__PURE__ */ p("feColorMatrix", {
 				type: "matrix",
 				values: "\n        0.33 0.33 0.33 0 0.5\n        0.33 0.33 0.33 0 0.5\n        0.33 0.33 0.33 0 0.5\n        0    0    0    1 0"
 			})]
 		}),
-		/* @__PURE__ */ (0, x.jsxs)("filter", {
+		/* @__PURE__ */ m("filter", {
 			id: "crt-lines",
 			children: [
-				/* @__PURE__ */ (0, x.jsx)("feTurbulence", {
+				/* @__PURE__ */ p("feTurbulence", {
 					type: "fractalNoise",
 					baseFrequency: "0 0.9",
 					numOctaves: "1",
 					result: "lines"
 				}),
-				/* @__PURE__ */ (0, x.jsx)("feColorMatrix", {
+				/* @__PURE__ */ p("feColorMatrix", {
 					type: "matrix",
 					values: "\n        1 0 0 0 0\n        0 1 0 0 0\n        0 0 1 0 0\n        0 0 0 15 -7",
 					result: "sharpLines"
 				}),
-				/* @__PURE__ */ (0, x.jsx)("feComposite", {
+				/* @__PURE__ */ p("feComposite", {
 					operator: "in",
 					in: "SourceGraphic",
 					in2: "sharpLines",
 					result: "pattern"
 				}),
-				/* @__PURE__ */ (0, x.jsx)("feBlend", {
+				/* @__PURE__ */ p("feBlend", {
 					mode: "overlay",
 					in: "SourceGraphic",
 					in2: "pattern"
 				})
 			]
 		}),
-		/* @__PURE__ */ (0, x.jsxs)("filter", {
+		/* @__PURE__ */ m("filter", {
 			id: "grain",
 			x: "0%",
 			y: "0%",
 			width: "100%",
 			height: "100%",
-			children: [/* @__PURE__ */ (0, x.jsx)("feTurbulence", {
+			children: [/* @__PURE__ */ p("feTurbulence", {
 				type: "fractalNoise",
 				baseFrequency: "0.8",
 				numOctaves: "3",
 				result: "noise"
-			}), /* @__PURE__ */ (0, x.jsx)("feBlend", {
+			}), /* @__PURE__ */ p("feBlend", {
 				mode: "multiply",
 				in: "SourceGraphic",
 				in2: "noise"
 			})]
 		}),
-		/* @__PURE__ */ (0, x.jsxs)("filter", {
+		/* @__PURE__ */ m("filter", {
 			id: "cross-process",
-			children: [/* @__PURE__ */ (0, x.jsxs)("feComponentTransfer", { children: [
-				/* @__PURE__ */ (0, x.jsx)("feFuncR", {
+			children: [/* @__PURE__ */ m("feComponentTransfer", { children: [
+				/* @__PURE__ */ p("feFuncR", {
 					type: "table",
 					tableValues: "0 0.05 0.2 0.5 0.8 0.95 1"
 				}),
-				/* @__PURE__ */ (0, x.jsx)("feFuncG", {
+				/* @__PURE__ */ p("feFuncG", {
 					type: "table",
 					tableValues: "0 0.1  0.3 0.6 0.85 1    1"
 				}),
-				/* @__PURE__ */ (0, x.jsx)("feFuncB", {
+				/* @__PURE__ */ p("feFuncB", {
 					type: "table",
 					tableValues: "0.05 0.15 0.4 0.5 0.7 0.8  0.9"
 				})
-			] }), /* @__PURE__ */ (0, x.jsxs)("feComponentTransfer", { children: [/* @__PURE__ */ (0, x.jsx)("feFuncR", {
+			] }), /* @__PURE__ */ m("feComponentTransfer", { children: [/* @__PURE__ */ p("feFuncR", {
 				type: "linear",
 				slope: "1.2",
 				intercept: "-0.1"
-			}), /* @__PURE__ */ (0, x.jsx)("feFuncG", {
+			}), /* @__PURE__ */ p("feFuncG", {
 				type: "linear",
 				slope: "1.1",
 				intercept: "-0.05"
 			})] })]
 		}),
-		/* @__PURE__ */ (0, x.jsx)("filter", {
+		/* @__PURE__ */ p("filter", {
 			id: "x-ray",
-			children: /* @__PURE__ */ (0, x.jsx)("feColorMatrix", {
+			children: /* @__PURE__ */ p("feColorMatrix", {
 				type: "matrix",
 				values: "\n        -0.33 -0.33 -0.33 0 1\n        -0.2  -0.2  -0.2  0 0.6\n        -0.1  -0.1  -0.1  0 0.9\n         0     0     0    1 0"
 			})
 		}),
-		/* @__PURE__ */ (0, x.jsxs)("filter", {
+		/* @__PURE__ */ m("filter", {
 			id: "plastic-wrap",
-			children: [/* @__PURE__ */ (0, x.jsx)("feSpecularLighting", {
+			children: [/* @__PURE__ */ p("feSpecularLighting", {
 				surfaceScale: "5",
 				specularConstant: "1",
 				specularExponent: "20",
 				lightingColor: "#fff",
 				result: "light",
-				children: /* @__PURE__ */ (0, x.jsx)("feDistantLight", {
+				children: /* @__PURE__ */ p("feDistantLight", {
 					azimuth: "225",
 					elevation: "45"
 				})
-			}), /* @__PURE__ */ (0, x.jsx)("feBlend", {
+			}), /* @__PURE__ */ p("feBlend", {
 				mode: "overlay",
 				in: "SourceGraphic",
 				in2: "light"
 			})]
 		})
 	] })
-}), xn = ({ image: e, onSave: t, onBack: n, theme: r = "light", settings: i = Et }) => {
-	let [a, o] = d(null), s = Pe("sm", a), c = {
-		...Et,
+}), yn = ({ image: e, onSave: t, onBack: n, theme: r = "light", settings: i = wt }) => {
+	let [a, o] = d(null), s = Ie("sm", a), c = {
+		...wt,
 		...i
-	}, { loading: l, error: u, mimeType: f, width: p, height: m, originalBlob: h, previewUrl: g, isAlpha: _ } = je({
+	}, { loading: l, error: u, mimeType: f, width: h, height: g, originalBlob: _, previewUrl: v, isAlpha: y } = Me({
 		src: e,
 		skip: c?.tools?.length === 0
 	});
-	return c?.tools?.length === 0 ? /* @__PURE__ */ (0, x.jsx)("div", {
-		className: `${L.root} ${L.wrapper}`,
+	return c?.tools?.length === 0 ? /* @__PURE__ */ p("div", {
+		className: `${P.root} ${P.wrapper}`,
 		"data-theme": r,
-		children: /* @__PURE__ */ (0, x.jsx)("div", {
-			className: L.system,
-			children: /* @__PURE__ */ (0, x.jsx)("div", {
-				className: L.textRed,
+		children: /* @__PURE__ */ p("div", {
+			className: P.system,
+			children: /* @__PURE__ */ p("div", {
+				className: P.textRed,
 				children: "No tools selected."
 			})
 		})
-	}) : l || u || !h || !f ? /* @__PURE__ */ (0, x.jsx)("div", {
-		className: `${L.root} ${L.wrapper}`,
+	}) : l || u || !_ || !f ? /* @__PURE__ */ p("div", {
+		className: `${P.root} ${P.wrapper}`,
 		"data-theme": r,
-		children: /* @__PURE__ */ (0, x.jsxs)("div", {
-			className: L.system,
+		children: /* @__PURE__ */ m("div", {
+			className: P.system,
 			children: [
-				l && /* @__PURE__ */ (0, x.jsx)(pe, { style: {
+				l && /* @__PURE__ */ p(me, { style: {
 					width: 48,
 					height: 48
 				} }),
-				u && /* @__PURE__ */ (0, x.jsx)("div", {
-					className: L.textRed,
+				u && /* @__PURE__ */ p("div", {
+					className: P.textRed,
 					children: u
 				}),
-				!l && !u && (!h || !f) && /* @__PURE__ */ (0, x.jsx)("div", {
-					className: L.textRed,
+				!l && !u && (!_ || !f) && /* @__PURE__ */ p("div", {
+					className: P.textRed,
 					children: "Failed to load image."
 				})
 			]
 		})
-	}) : /* @__PURE__ */ (0, x.jsx)(kt, {
+	}) : /* @__PURE__ */ p(Dt, {
 		mimeType: f,
-		width: p,
-		height: m,
-		originalBlob: h,
-		previewUrl: g,
-		isAlpha: _,
+		width: h,
+		height: g,
+		originalBlob: _,
+		previewUrl: v,
+		isAlpha: y,
 		settings: c,
 		onSave: t,
 		onBack: n,
-		children: /* @__PURE__ */ (0, x.jsxs)("div", {
+		children: /* @__PURE__ */ m("div", {
 			ref: o,
-			className: `${L.root} ${L.wrapper}`,
+			className: `${P.root} ${P.wrapper}`,
 			"data-theme": r,
-			children: [c?.tools?.includes(U.FILTERS) && /* @__PURE__ */ (0, x.jsx)(bn, {}), c?.tools?.length === 1 ? /* @__PURE__ */ (0, x.jsx)("div", {
-				className: L.gridSingleTool,
-				children: /* @__PURE__ */ (0, x.jsx)(yn, {})
-			}) : /* @__PURE__ */ (0, x.jsxs)("div", {
-				className: `${c?.infobar ? L.grid : L.gridNoInfobar} ${s ? L.mobile : ""}`,
+			children: [c?.tools?.includes(z.FILTERS) && /* @__PURE__ */ p(vn, {}), c?.tools?.length === 1 ? /* @__PURE__ */ p("div", {
+				className: P.gridSingleTool,
+				children: /* @__PURE__ */ p(_n, {})
+			}) : /* @__PURE__ */ m("div", {
+				className: `${c?.infobar ? P.grid : P.gridNoInfobar} ${s ? P.mobile : ""}`,
 				children: [
-					/* @__PURE__ */ (0, x.jsx)(At, { isMobile: s }),
-					/* @__PURE__ */ (0, x.jsx)(Pt, { isMobile: s }),
-					/* @__PURE__ */ (0, x.jsx)(yn, {}),
-					c?.infobar && /* @__PURE__ */ (0, x.jsx)(Lt, {})
+					/* @__PURE__ */ p(Ot, { isMobile: s }),
+					/* @__PURE__ */ p(Mt, { isMobile: s }),
+					/* @__PURE__ */ p(_n, {}),
+					c?.infobar && /* @__PURE__ */ p(Ft, {})
 				]
 			})]
 		})
 	});
 };
 //#endregion
-export { xn as Pixedi };
+export { yn as Pixedi };