@pdf-viewer/react 1.9.0-beta.3 → 1.9.0-beta.5

package/dist/WrapperLayout.module-147bc943.js

@@ -0,0 +1,6 @@
+import './assets/WrapperLayout.css';const p = {
+  "rp-wrapper-layout": "_rp-wrapper-layout_2cghq_1"
+};
+export {
+  p as c
+};

package/dist/assets/Checkbox.css

@@ -1 +1 @@
-._rp-checkbox_3f10x_1{all:unset;margin-right:8px;background-color:#fff;width:16px;height:16px;border-radius:var(--rp-checkbox-border-radius);border-color:var(--rp-checkbox-border-color);border-width:1px;border-style:solid;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 10px var(--black-a7)}._rp-checkbox_3f10x_1[data-state=checked]{background-color:var(--rp-primary-color)}._rp-checkbox-indicator_3f10x_21{color:var(--rp-checkbox-indicator-color)}
+._rp-checkbox_1vwg8_1{all:unset;margin-right:8px;background-color:#fff;width:16px;height:16px;border-radius:var(--rp-checkbox-border-radius);border-color:var(--rp-checkbox-border-color);border-width:1px;border-style:solid;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 10px var(--black-a7)}._rp-checkbox_1vwg8_1:focus{outline:1px solid var(--rp-primary-color)}._rp-checkbox_1vwg8_1[data-state=checked]{background-color:var(--rp-primary-color)}._rp-checkbox-indicator_1vwg8_25{color:var(--rp-checkbox-indicator-color)}

package/dist/assets/ToolbarLayout.css

@@ -0,0 +1 @@
+.rp-print-zone{display:none}@media print{@page{margin:0}.rp-print-html-printing{height:100%}.rp-print-body-printing{background:rgb(0 0 0 / 0) none;height:100%;margin:0;display:block}.rp-print-body-printing *{display:none}.rp-print-zone{display:block;height:100%}.rp-print-page{display:flex;align-items:center;flex-direction:column;justify-content:center;height:100%;width:100%;page-break-after:always;page-break-inside:avoid}.rp-print-page img,.rp-print-page canvas{display:block;max-height:100%;max-width:100%;direction:ltr}}._rp-layout_1q08v_1{height:100%}._rp-content_1q08v_5{display:flex;width:100%;height:calc(100% - var(--rp-toolbar-height))}._rp-pages_1q08v_11{width:100%;height:100%}._rp-container_1q08v_16{height:100%}._rp-loader_1q08v_20{background-color:var(--rp-loader-backdrop-color)}._rp-theme-variables_1q08v_24{--rp-font-family: Inter, Avenir, Helvetica, Arial, sans-serif;--rp-primary-color: #34affc;--rp-border-radius: 4px;--rp-text-color: #1c2024;--rp-outline-color: var(--rp-primary-color);--rp-font-size: 16px;--rp-drop-mask-background-color: #fafafa;--rp-loader-backdrop-color: transparent;--rp-icon-disabled: #c6ccd2;--rp-icon-font-size: calc(var(--rp-font-size) * 1.25);--rp-toolbar-background: #e2e6e9;--rp-toolbar-border-color: #c6ccd2;--rp-toolbar-padding: .25rem;--rp-toolbar-gap: .25rem;--rp-toolbar-size: 48px;--rp-sidebar-width: 48px;--rp-thumbnail-border-color: #e2e6e9;--rp-thumbnail-background-color: #ffffff;--rp-thumbnail-active-color: #00000033;--rp-thumbnail-padding-y: 16px;--rp-button-hover-background: #0000001a;--rp-button-padding: 4px;--rp-button-border-radius: 4px;--rp-input-padding: .5rem;--rp-input-border-radius: calc(var(--rp-border-radius) + 2px);--rp-input-background-color: #ffffff;--rp-input-placeholder-color: #c6ccd2;--rp-pages-background-color: #ffffff;--rp-annotation-layer__link-hover-background: rgba(255, 255, 0, .2);--rp-dropdown-background-color: #f1f2f4;--rp-dropdown-padding: 4px;--rp-dropdown-hover-background-color: #0000001a;--rp-dropdown-separator-color: #e2e6e9;--rp-dropdown-separator-margin: 4px;--rp-dropdown-padding-menu-item: 8px;--rp-dropdown-font-size: calc(var(--rp-font-size) * .875);--rp-dropdown-border-radius: calc(var(--rp-border-radius) + 2px);--rp-search-tool-dropdown-padding: 8px;--rp-popover-font-size: calc(var(--rp-font-size) * .875);--rp-popover-background-color: #f1f2f4;--rp-popover-color: #1c2024;--rp-popover-border-color: #e2e6e9;--rp-popover-border-radius: calc(var(--rp-border-radius) + 2px);--rp-overlay-background-color: #000000cc;--rp-dialog-background-color: #f1f2f4;--rp-properties-divider-color: #e2e6e9;--rp-properties-divider-margin: 16px;--rp-property-item-gap: 12px;--rp-dialog-title-color: #1c2024;--rp-property-item-label-color: #596673;--rp-property-close-icon-size: calc(var(--rp-font-size) * 1.25);--rp-property-item-font-size: calc(var(--rp-font-size) * .875);--rp-property-item-font-weight: 400;--rp-dialog-title-font-size: calc(var(--rp-font-size) * 1.125);--rp-dialog-title-font-weight: 600;--rp-menu-item-icon-size: 16px;--rp-print-progress-background: #f1f2f4ff;--rp-print-progress-color: #1c2024ff;--rp-drop-zone-border: #c6ccd2;--rp-drop-zone-font-color: #8c99a6;--rp-drop-zone-font-size: calc(var(--rp-font-size) * 1.125);--rp-drop-zone-background-color: #fafafa;--rp-checkbox-border-radius: var(--rp-border-radius);--rp-checkbox-border-color: #e2e6e9;--rp-checkbox-indicator-color: white;--rp-highlight-background-color: rgba(255, 255, 0, 1);--rp-text-layer-highlight-border-radius: var(--rp-border-radius);--rp-current-highlight-background-color: rgba(255, 0, 0, 1);--rp-tooltip-background-color: #1c2024;--rp-tooltip-border-radius: var(--rp-border-radius);--rp-tooltip-font-color: #ffffff;--rp-tooltip-font-size: 14px;--rp-tooltip-padding: 8px 8px;--rp-password-background-color: #ffffff;--rp-password-title-font-color: #1C2024;--rp-password-content-font-color: #596673;--rp-password-input-border-color: #E2E6E9;--rp-password-input-placeholder-color: #C6CCD2;--rp-password-input-font-color: #000000;--rp-password-button-background-color: #34affc;--rp-password-button-font-color: #ffffff;--rp-password-button-border-color: #0995EE;--rp-password-border-color: #E2E6E9;--rp-password-button-border-radius: 8px;--rp-container-focus-outline-width: 0px;--rp-container-focus-outline-color: var(--rp-primary-color);--rp-container-focus-outline-offset: 2px}._rp-theme-variables_1q08v_24._rp-dark-mode_1q08v_135{--rp-primary-color: #34affc;--rp-text-color: #ffffff;--rp-drop-mask-background-color: #1c2024;--rp-loader-backdrop-color: transparent;--rp-icon-disabled: #596673;--rp-toolbar-background: #2d3339;--rp-toolbar-border-color: #434c56;--rp-thumbnail-border-color: #2d3339;--rp-thumbnail-background-color: #1c2024;--rp-thumbnail-active-color: #0000004d;--rp-button-hover-background: #0000004d;--rp-input-background-color: #1c2024;--rp-pages-background-color: #1c2024;--rp-dropdown-background-color: #434c56;--rp-dropdown-hover-background-color: #0000001a;--rp-dropdown-separator-color: #2d3339;--rp-popover-background-color: #434c56;--rp-popover-color: var(--rp-text-color);--rp-popover-border-color: #2d3339;--rp-dialog-background-color: #434c56;--rp-properties-divider-color: #2d3339;--rp-property-item-label-color: #c6ccd2;--rp-dialog-title-color: #ffffff;--rp-print-progress-background: #434c56ff;--rp-print-progress-color: #ffffff;--rp-drop-zone-background-color: #1c2024;--rp-drop-zone-border: #434c56;--rp-drop-zone-font-color: #596673;--rp-tooltip-background-color: #5b6d7f;--rp-password-background-color: #1C2024;--rp-password-title-font-color: #ffffff;--rp-password-content-font-color: #C6CCD2;--rp-password-input-border-color: #2D3339;--rp-password-input-placeholder-color: #596673;--rp-password-input-font-color: #ffffff;--rp-password-button-background-color: #34affc;--rp-password-button-font-color: #ffffff;--rp-password-button-border-color: #0995EE;--rp-password-border-color: #2D3339}._rp-pages_6vux6_1{display:flex;justify-content:center}._rp-pages-horizontal-scroll_6vux6_6{display:block}._rp-pages-container_6vux6_10{position:relative;height:100%;outline-width:0}._rp-pages-container_6vux6_10 .ignore-hover:focus,._rp-pages-container_6vux6_10 :not(:hover):focus-visible,._rp-pages-container_6vux6_10 :not(:hover):focus:focus-visible{transition:none;outline-color:var(--rp-outline-color, -webkit-focus-ring-color);outline-style:solid;outline-offset:0px;outline-width:1px}._rp-pages-container_6vux6_10 .highlight.appended{border-radius:var(--rp-text-layer-highlight-border-radius);background-color:var(--rp-highlight-background-color);opacity:.5}._rp-pages-container_6vux6_10 .highlight.appended.begin{border-radius:var(--rp-text-layer-highlight-border-radius) 0 0 var(--rp-text-layer-highlight-border-radius)}._rp-pages-container_6vux6_10 .highlight.appended.middle{border-radius:0}._rp-pages-container_6vux6_10 .highlight.appended.end{border-radius:0 var(--rp-text-layer-highlight-border-radius) var(--rp-text-layer-highlight-border-radius) 0}._rp-pages-container_6vux6_10 .highlight.appended.selected{background-color:var(--rp-current-highlight-background-color)}._rp-page-scrolling-wrapper_6vux6_47{position:relative;overflow:auto}._rp-viewer_6vux6_52{height:100%;position:relative}._rp-cursor-grab_6vux6_57{cursor:grab;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}._rp-cursor-grabbing_6vux6_65{cursor:grabbing;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}._rp-loader_6vux6_73{background-color:var(--rp-loader-backdrop-color)}._rp-pages-container_6vux6_10{background:var(--rp-pages-background-color)}._rp-page-wrapper_14ohm_1{display:flex;justify-content:center;align-items:center}._rp-page_14ohm_1{box-shadow:0 2px 12px #00000026;position:relative}._rp-loader-wrapper_14ohm_15{width:100%;height:100%;display:flex;align-items:center;justify-content:center}._rp-text-layer_usdup_1{color:transparent;transform:rotate(var(--rp-rotate));transform-origin:var(--rp-page-rotate-translate);position:absolute;top:0;right:0;bottom:0;left:0}._rp-text-layer_usdup_1._selecting_usdup_9~[data-rp$=annotationLayer] section{pointer-events:none}._rp-text-layer_usdup_1 :is(br){user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}._rp-text-layer_usdup_1 :is(br::selection){background-color:transparent;color:transparent}._rp-text-layer_usdup_1 .endOfContent{display:block;position:absolute;top:100%;right:0;bottom:0;left:0;z-index:0;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}._rp-text-layer_usdup_1._selecting_usdup_9 .endOfContent{bottom:-1px}._rp-text-layer-text_usdup_39{position:absolute;transform-origin:0% 0%;white-space:pre;line-height:1;overflow:hidden}._rp-annotation-layer_1udza_1{--annotation-unfocused-field-background: url("data:image/svg+xml;charset=UTF-8,<svg width='1px' height='1px' xmlns='http://www.w3.org/2000/svg'><rect width='100%' height='100%' style='fill:rgba(0, 54, 255, 0.13);'/></svg>");--input-focus-border-color: Highlight;--input-focus-outline: 1px solid Canvas;--input-unfocused-border-color: transparent;--input-disabled-border-color: transparent;--input-hover-border-color: black;--link-outline: none;position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;transform:unset;display:block;color:#000;transform-origin:var(--rp-page-rotate-translate);transform:rotate(var(--rp-rotate))}._rp-annotation-layer_1udza_1 :is(img){max-width:100%;width:100%}._rp-annotation-layer_1udza_1 section:not(.popupAnnotation){z-index:calc(var(--rp-base-z-index, 1) * 3)!important}._rp-annotation-layer_1udza_1 section:has(div.annotationContent) canvas.annotationContent{display:none}._rp-annotation-layer_1udza_1 section a{height:100%;left:0;position:absolute;top:0;width:100%;cursor:pointer}._rp-annotation-layer_1udza_1 section a:hover{background-color:var(--rp-annotation-layer__link-hover-background)}._rp-annotation-layer_1udza_1 section :is(svg){position:absolute;width:100%;height:100%;top:0;left:0}._rp-annotation-layer_1udza_1 section .popupTriggerArea,._rp-annotation-layer_1udza_1 section.popupTriggerArea{cursor:pointer}._rp-annotation-layer_1udza_1 section.popupAnnotation{font-size:calc(9px * var(--scale-factor));pointer-events:none;width:-moz-max-content;width:max-content;max-width:45%;height:auto}._rp-annotation-layer_1udza_1 section.popupAnnotation.focused .popup{outline-width:3px}._rp-annotation-layer_1udza_1 section .popupContent{border-top:1px solid rgb(51 51 51);margin-top:calc(2px * var(--scale-factor));padding-top:calc(2px * var(--scale-factor))}._rp-annotation-layer_1udza_1 section .richText>*{white-space:pre-wrap;font-size:calc(9px * var(--scale-factor))}._rp-annotation-layer_1udza_1 section .annotationTextContent{position:absolute;width:100%;height:100%;opacity:0;color:transparent;-webkit-user-select:none;user-select:none;pointer-events:none}._rp-annotation-layer_1udza_1 section .annotationTextContent span{width:100%;display:inline-block}._rp-annotation-layer_1udza_1 section.fileAttachmentAnnotation .popupTriggerArea{height:100%;width:100%}._rp-annotation-layer_1udza_1 section.textWidgetAnnotation :is(input,textarea),._rp-annotation-layer_1udza_1 section.choiceWidgetAnnotation select,._rp-annotation-layer_1udza_1 section.buttonWidgetAnnotation:is(.checkBox,.radioButton) input{background-image:var(--annotation-unfocused-field-background);border:2px solid var(--input-unfocused-border-color);box-sizing:border-box;font:calc(9px * var(--scale-factor)) sans-serif;height:100%;margin:0;vertical-align:top;width:100%}._rp-annotation-layer_1udza_1 section.textWidgetAnnotation :is(input,textarea)[disabled],._rp-annotation-layer_1udza_1 section.choiceWidgetAnnotation select[disabled],._rp-annotation-layer_1udza_1 section.buttonWidgetAnnotation:is(.checkBox,.radioButton) input[disabled]{background:none;border:2px solid var(--input-disabled-border-color);cursor:not-allowed}._rp-annotation-layer_1udza_1 section.textWidgetAnnotation :is(input,textarea):hover,._rp-annotation-layer_1udza_1 section.choiceWidgetAnnotation select:hover,._rp-annotation-layer_1udza_1 section.buttonWidgetAnnotation:is(.checkBox,.radioButton) input:hover{border:2px solid var(--input-hover-border-color)}._rp-annotation-layer_1udza_1 section.textWidgetAnnotation :is(input,textarea):hover,._rp-annotation-layer_1udza_1 section.choiceWidgetAnnotation select:hover,._rp-annotation-layer_1udza_1 section.buttonWidgetAnnotation.checkBox input:hover{border-radius:2px}._rp-annotation-layer_1udza_1 section.textWidgetAnnotation :is(input,textarea):focus,._rp-annotation-layer_1udza_1 section.choiceWidgetAnnotation select:focus{background:none;border:2px solid var(--input-focus-border-color);border-radius:2px;outline:var(--input-focus-outline)}._rp-annotation-layer_1udza_1 section.textWidgetAnnotation textarea{resize:none}._rp-annotation-layer_1udza_1 section .popup{background-color:#ff9;box-shadow:0 calc(2px * var(--scale-factor)) calc(5px * var(--scale-factor)) #888;border-radius:calc(2px * var(--scale-factor));outline:1.5px solid rgb(255 255 74);padding:calc(6px * var(--scale-factor));cursor:pointer;font:message-box;white-space:normal;word-wrap:break-word;pointer-events:auto;font-size:calc(9px * var(--scale-factor))}._rp-annotation-layer_1udza_1 section .popup *{font-size:calc(9px * var(--scale-factor))}._rp-annotation-layer_1udza_1 section .popup .header{display:inline-block}._rp-annotation-layer_1udza_1 section .popup .header h1{display:inline;font-weight:700}._rp-annotation-layer_1udza_1 section .popup .header .popupDate{display:inline-block;margin-left:calc(5px * var(--scale-factor));width:-moz-fit-content;width:fit-content}._rp-annotation-layer_1udza_1 section{position:absolute;text-align:initial;pointer-events:auto;box-sizing:border-box}._rp-text-highlight_jdkf8_1{position:absolute;pointer-events:none;transform-origin:0% 0%;white-space:pre;line-height:1;overflow:hidden}._rp-toolbar-content_sz31z_1{display:flex;align-items:center;background:var(--rp-toolbar-background);border-bottom:var(--rp-toolbar-border-color) 1px solid;padding:0 var(--rp-toolbar-padding);min-height:var(--rp-toolbar-size)}._rp-toolbar-wrapper_sz31z_10{display:flex;gap:0;justify-content:space-between;width:100%;overflow-x:auto;padding-left:1px}._rp-toolbar-wrapper_sz31z_10::-webkit-scrollbar{width:2px!important;height:2px!important}._rp-toolbar-wrapper_sz31z_10::-webkit-scrollbar-thumb{background-color:#888;border-radius:3px}._rp-toolbar-wrapper_sz31z_10::-webkit-scrollbar-track{background:#f1f1f1}._rp-toolbar-start_sz31z_33{display:flex;align-items:center;gap:var(--rp-toolbar-gap)}._rp-toolbar-middle_sz31z_39{display:flex;justify-content:center;align-items:center;gap:var(--rp-toolbar-gap)}._rp-toolbar-end_sz31z_46{display:flex;align-items:center;justify-content:flex-end;gap:var(--rp-toolbar-gap);padding-right:1px}._rp-paginate_1y9vo_1{display:flex;align-items:center}._rp-page-input_1y9vo_6{margin:1px .25rem;width:3em}._rp-total-page_1y9vo_11{font-size:14px;font-weight:400;margin-right:4px;color:var(--rp-text-color)}._rp-dialog-wrapper_slqo7_1{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999}._rp-dialog-overlay_slqo7_7{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--rp-overlay-background-color)}._rp-document-dialog_slqo7_13{transform:translate(-50%,-50%);left:50%;top:50%;background:var(--rp-dialog-background-color);position:fixed;border:none;border-radius:var(--rp-border-radius);max-width:420px;padding:16px;line-height:16px;position:relative}._rp-document-dialog_slqo7_13:focus-visible{outline:none}@media screen and (max-width: 640px){._rp-document-dialog_slqo7_13{width:85%}}._rp-document-properties_slqo7_35{padding-top:20px}._rp-dialog-title_slqo7_39{font-size:var(--rp-dialog-title-font-size);font-weight:var(--rp-dialog-title-font-weight);color:var(--rp-dialog-title-color);margin-top:0;margin-bottom:8px}._rp-dialog-close_slqo7_47{font-size:var(--rp-property-close-icon-size);position:absolute;top:16px;right:11px;cursor:pointer}._rp-properties-divider_slqo7_55{background:var(--rp-properties-divider-color);width:100%;height:1px;margin-top:var(--rp-properties-divider-margin);margin-bottom:var(--rp-properties-divider-margin)}._rp-other-tool-content_su718_1{padding:var(--rp-dropdown-padding)}._rp-go-to-Top_4e0yd_1{transform:rotate(180deg)}._rp-zoom-wrapper_1yldl_1{display:flex;gap:4px}._rp-current-zoom-wrapper_1yldl_6{display:flex;align-items:center}._rp-current-zoom-wrapper_1yldl_6._active_1yldl_11{background-color:var(--rp-button-hover-background)}._rp-current-zoom-icon_1yldl_15{transform:rotate(180deg);margin-left:2px}._rp-zoom-level-icon_1yldl_20{margin-left:2px}._rp-current-zoom-text_1yldl_24{font-size:14px}._rp-zoom-dropdown-content_1yldl_28{padding:var(--rp-dropdown-padding)}._rp-loading-overlay_wazy2_1{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:100}._rp-loading-modal_wazy2_14{background:var(--rp-print-progress-background);padding:24px;border-radius:8px;min-width:240px;min-height:120px;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;justify-content:center;align-items:center}._rp-loading-title_wazy2_27{text-align:center;margin-bottom:16px;font-size:14px;font-family:system-ui,-apple-system,sans-serif;color:var(--rp-print-progress-color)}._rp-loading-progress-bar_wazy2_35{background:#f0f0f0;width:100%;height:4px;border-radius:32px;overflow:hidden;position:relative;margin-bottom:16px}._rp-loading-progress_wazy2_35{position:absolute;height:100%;background:linear-gradient(90deg,color-mix(in srgb,var(--rp-primary-color) 80%,black) 0%,var(--rp-primary-color) 50%,color-mix(in srgb,var(--rp-primary-color) 80%,white) 100%);border-radius:32px}._rp-loading-cancel-button_wazy2_55{width:70px;padding:8px;border:none;background:none;color:#666;border-radius:var(--rp-button-border-radius);cursor:pointer;font-family:system-ui,-apple-system,sans-serif;transition:background-color .2s;border:1px solid #e2e6e9}._rp-loading-cancel-button_wazy2_55:hover{background:#f5f5f5}@keyframes _loading_wazy2_1{0%{transform:translate(-100%)}50%{transform:translate(100%)}to{transform:translate(-100%)}}._rp-sidebar-content-wrapper_1sdl6_1{display:flex;height:100%;position:relative}._rp-sidebar-content_1sdl6_1{background:var(--rp-toolbar-background);border-right:var(--rp-toolbar-border-color) 1px solid;min-width:var(--rp-sidebar-width);width:100%;padding-top:.75rem;text-align:center}._rp-thumbnails-wrapper_1sdl6_16{border-right:var(--rp-thumbnail-border-color) 4px solid;width:100%}._rp-thumbnail-dragging_1sdl6_21{-webkit-user-select:none;user-select:none;pointer-events:none}._rp-thumbnail-wrapper_3fenb_1{display:flex;align-items:center;flex-direction:column;margin-bottom:var(--rp-thumbnail-padding-y);cursor:pointer}._rp-thumbnail-text_3fenb_10{margin-top:8px;font-size:12px;font-weight:400;color:var(--rp-text-color)}._rp-thumbnail_3fenb_1{display:flex;box-shadow:0 2px 6px #00000026}._rp-thumbnail_3fenb_1:not(._rp-thumbnail-active_3fenb_22):not(:hover){padding:4px}._rp-thumbnail-active_3fenb_22,._rp-thumbnail_3fenb_1:hover{border:var(--rp-thumbnail-active-color) solid 4px}._rp-thumbnail-loader_3fenb_31{display:flex;align-items:center;justify-content:center}._rp-thumbnails-container_16vqr_1{height:100%;max-height:100%;width:var(--rp-thumbnail-width, 200px);overflow-y:auto;display:flex;align-items:center;flex-direction:column;background:var(--rp-thumbnail-background-color)}._rp-thumbnails_16vqr_1{padding-top:var(--rp-thumbnail-padding-y)}._rp-toolbar-layout_vwobs_1{display:flex;flex-direction:column;height:100%}._rp-content_vwobs_7{display:flex;width:100%;height:calc(100% - var(--rp-toolbar-height))}._rp-topbar-content_vwobs_13{display:flex;align-items:center;background:var(--rp-toolbar-background);border-bottom:var(--rp-toolbar-border-color) 1px solid;padding:0 var(--rp-toolbar-padding);min-height:var(--rp-toolbar-size)}._rp-sidebar-content_vwobs_22{display:flex;flex-direction:column;text-align:center;padding-block:.75rem;background:var(--rp-toolbar-background);border-right:var(--rp-toolbar-border-color) 1px solid;min-width:var(--rp-sidebar-width)}._rp-pages_vwobs_32{flex:1;background:var(--rp-pages-background-color)}._rp-thumbnails-wrapper_vwobs_37{border-right:var(--rp-thumbnail-border-color) 4px solid}

package/dist/components/RPController.js

@@ -1,6 +1,6 @@
 import { jsx as r } from "react/jsx-runtime";
-import { useState as o, useId as V, useMemo as T } from "react";
-import { P as w, f as D, T as E, g as k } from "../RPLayout-897cb09d.js";
+import { useState as e, useId as V, useMemo as T } from "react";
+import { P as w, S as D, T as E, e as k } from "../ToolbarLayout.module-60c3d6e8.js";
 import { DarkModeProvider as x } from "../contexts/DarkModeContext.js";
 import { ViewMode as F, ScrollMode as G, SelectionMode as b } from "../utils/types.js";
 import { RotateProvider as y } from "../contexts/RotationContext.js";
@@ -23,7 +23,7 @@ import { useWatermark as K } from "../utils/hooks/useWatermark.js";
 import { DownloadProvider as Q } from "../contexts/DownloadContext.js";
 import { SmoothScrollProvider as Y } from "../contexts/SmoothScrollContext.js";
 import { ElementPageProvider as rr } from "../contexts/ElementPageContext.js";
-import { PagesRotateProvider as or } from "../contexts/PagesRotateContext.js";
+import { PagesRotateProvider as er } from "../contexts/PagesRotateContext.js";
 const Dr = (n) => {
   const {
     children: l,
@@ -37,10 +37,10 @@ const Dr = (n) => {
     initialSearch: p,
     initialScale: s,
     initialScrollMode: v = G.VERTICAL_SCROLLING,
-    locale: u = "en_US",
-    localization: S,
+    locale: S = "en_US",
+    localization: u,
     downloadFilename: M
-  } = n, [g, R] = o(null), [e, C] = o(null), [L, I] = o(null), i = V(), t = T(() => `rp-instance-${i.replace(/:/g, "-")}`, [i]);
+  } = n, [g, R] = e(null), [o, C] = e(null), [L, I] = e(null), i = V(), t = T(() => `rp-instance-${i.replace(/:/g, "-")}`, [i]);
   return K(t), /* @__PURE__ */ r(
     O,
     {
@@ -50,12 +50,12 @@ const Dr = (n) => {
       initialScrollMode: v,
       initialRotation: a,
       initialViewMode: f,
-      children: /* @__PURE__ */ r(Y, { children: /* @__PURE__ */ r(B, { locale: u, localization: S, children: /* @__PURE__ */ r(j, { children: /* @__PURE__ */ r(Z, { children: /* @__PURE__ */ r(A, { children: /* @__PURE__ */ r(N, { children: /* @__PURE__ */ r(H, { initialSelectionMode: b.TEXT, children: /* @__PURE__ */ r(y, { children: /* @__PURE__ */ r(or, { children: /* @__PURE__ */ r(_, { textLayer: c, children: /* @__PURE__ */ r(
+      children: /* @__PURE__ */ r(Y, { children: /* @__PURE__ */ r(B, { locale: S, localization: u, children: /* @__PURE__ */ r(j, { children: /* @__PURE__ */ r(Z, { children: /* @__PURE__ */ r(A, { children: /* @__PURE__ */ r(N, { children: /* @__PURE__ */ r(H, { initialSelectionMode: b.TEXT, children: /* @__PURE__ */ r(y, { children: /* @__PURE__ */ r(er, { children: /* @__PURE__ */ r(_, { textLayer: c, children: /* @__PURE__ */ r(
         $.Provider,
         {
           value: {
             container: g,
-            contentRef: e,
+            contentRef: o,
             pagesRef: L,
             setContainer: R,
             setContentRef: C,
@@ -70,7 +70,7 @@ const Dr = (n) => {
                 E,
                 {
                   initialThumbnailsVisible: h,
-                  children: /* @__PURE__ */ r(X, { children: /* @__PURE__ */ r(U, { elementRef: e, children: /* @__PURE__ */ r(k, { children: /* @__PURE__ */ r(
+                  children: /* @__PURE__ */ r(X, { children: /* @__PURE__ */ r(U, { elementRef: o, children: /* @__PURE__ */ r(k, { children: /* @__PURE__ */ r(
                     Q,
                     {
                       downloadFilename: M,

package/dist/components/RPDropFileZone.js

@@ -1,39 +1,37 @@
-import { jsxs as p, Fragment as i, jsx as o } from "react/jsx-runtime";
+import { jsxs as i, Fragment as p, jsx as o } from "react/jsx-runtime";
 import { useCallback as u } from "react";
-import { c as D } from "../clsx-0c6e471a.js";
-import { useDropFileZoneContext as g } from "../contexts/DropFileZoneContext.js";
-import { LightPdfIcon as h } from "./icons/LightPdfIcon.js";
-import { DarkPdfIcon as C } from "./icons/DarkPdfIcon.js";
-import { useDarkModeContext as x } from "../contexts/DarkModeContext.js";
-import { useToolbarComponentContext as F } from "../contexts/ToolbarComponentContext.js";
-import { useLocalizationContext as v } from "../contexts/LocalizationContext.js";
-import { useToolComponentContext as z } from "../contexts/ToolComponentContext.js";
-import '../assets/RPDropFileZone.css';const s = {
-  "rp-drop-zone": "_rp-drop-zone_1sc50_1",
-  "rp-drop-zone-transparent": "_rp-drop-zone-transparent_1sc50_15"
-}, Z = {}, N = () => {
-  const { dragging: a, handleDragLeave: l, handleDrop: d } = g(), { darkMode: t } = x(), { dropFileZone: r = !0 } = F(), { dropFileZone: e = !0 } = z(), { localeMessages: n } = v(), m = u((f) => {
+import { t as D, c as a } from "../RPTheme.module-bd9038da.js";
+import { c as g } from "../clsx-0c6e471a.js";
+import { useDropFileZoneContext as h } from "../contexts/DropFileZoneContext.js";
+import { LightPdfIcon as C } from "./icons/LightPdfIcon.js";
+import { DarkPdfIcon as x } from "./icons/DarkPdfIcon.js";
+import { useDarkModeContext as F } from "../contexts/DarkModeContext.js";
+import { useToolbarComponentContext as v } from "../contexts/ToolbarComponentContext.js";
+import { useLocalizationContext as Z } from "../contexts/LocalizationContext.js";
+import { useToolComponentContext as k } from "../contexts/ToolComponentContext.js";
+const R = () => {
+  const { dragging: s, handleDragLeave: l, handleDrop: m } = h(), { darkMode: t } = F(), { dropFileZone: r = !0 } = v(), { dropFileZone: e = !0 } = k(), { localeMessages: n } = Z(), d = u((f) => {
     f.preventDefault();
   }, []);
-  if (!r || !e || !a)
+  if (!r || !e || !s)
     return null;
-  const c = () => typeof r == "function" ? /* @__PURE__ */ o(r, {}) : typeof e == "function" ? /* @__PURE__ */ o(e, {}) : /* @__PURE__ */ p(i, { children: [
-    /* @__PURE__ */ o("div", { children: t ? /* @__PURE__ */ o(C, {}) : /* @__PURE__ */ o(h, {}) }),
+  const c = () => typeof r == "function" ? /* @__PURE__ */ o(r, {}) : typeof e == "function" ? /* @__PURE__ */ o(e, {}) : /* @__PURE__ */ i(p, { children: [
+    /* @__PURE__ */ o("div", { children: t ? /* @__PURE__ */ o(x, {}) : /* @__PURE__ */ o(C, {}) }),
     /* @__PURE__ */ o("p", { children: n == null ? void 0 : n.dragDropFileMessage })
   ] });
-  return /* @__PURE__ */ p(i, { children: [
-    /* @__PURE__ */ o("div", { className: D(s["rp-drop-zone"], t ? Z["rp-dark-mode"] : ""), children: /* @__PURE__ */ o(c, {}) }),
+  return /* @__PURE__ */ i(p, { children: [
+    /* @__PURE__ */ o("div", { className: g(a["rp-drop-zone"], t ? D["rp-dark-mode"] : ""), children: /* @__PURE__ */ o(c, {}) }),
     /* @__PURE__ */ o(
       "div",
       {
-        className: s["rp-drop-zone-transparent"],
-        onDragOver: m,
+        className: a["rp-drop-zone-transparent"],
+        onDragOver: d,
         onDragLeave: l,
-        onDrop: d
+        onDrop: m
       }
     )
   ] });
 };
 export {
-  N as RPDropFileZone
+  R as RPDropFileZone
 };

package/dist/components/RPPages.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { R as io } from "../RPLayout-897cb09d.js";
+import { R as eo } from "../ToolbarLayout.module-60c3d6e8.js";
 import "../contexts/VirtualScrollContext.js";
 import "../contexts/RPDocumentContext.js";
 import "../contexts/DocumentPasswordContext.js";
@@ -27,29 +27,31 @@ import "../contexts/SmoothScrollContext.js";
 import "../contexts/ElementPageContext.js";
 import "../contexts/PagesRotateContext.js";
 import "../contexts/LoaderContext.js";
-import "./RPConfig.js";
-import "../contexts/ThemeContext.js";
-import "./RPDropFileZone.js";
-import "../clsx-0c6e471a.js";
-import "../contexts/ToolbarComponentContext.js";
 import "../contexts/ToolComponentContext.js";
+import "../contexts/IconToolContext.js";
+import "../contexts/OtherToolContext.js";
+import "./RPConfig.js";
 import "./ui/Button.js";
-import "../SearchCloseButton-ddb9877e.js";
 import "./ui/Input.js";
-import "./ui/Checkbox.js";
-import "./icons/LoaderIcon.js";
 import "../contexts/IconContext.js";
-import "./ui/RPTooltip.js";
-import "../Popover-1faa77f6.js";
+import "../contexts/ToolbarComponentContext.js";
 import "../contexts/ViewportContext.js";
-import "../contexts/IconToolContext.js";
-import "./ui/DropDown.js";
-import "./layout/toolbar/MenuItem.js";
-import "./layout/toolbar/MenuSeparator.js";
+import "./ui/RPTooltip.js";
+import "../MenuItem.module-bc11d0d3.js";
+import "../clsx-0c6e471a.js";
+import "../DropDown.module-a78567cb.js";
 import "../utils/dateFormatter.js";
-import "./layout/toolbar/PropertyItem.js";
-import "../contexts/OtherToolContext.js";
-import "./layout/toolbar/RotateTool.js";
+import "../PropertyItem.module-db0150cc.js";
+import "../MenuSeparator.module-89b2ff7f.js";
+import "../RotateTool.module-03987eba.js";
+import "../SearchTool.module-016f3a8d.js";
+import "../Checkbox.module-3edaacbb.js";
+import "./icons/LoaderIcon.js";
+import "../RPSplitter.module-13d612c4.js";
+import "../Container.module-f8b5c306.js";
+import "../WrapperLayout.module-147bc943.js";
+import "../RPTheme.module-bd9038da.js";
+import "../contexts/ThemeContext.js";
 import "../utils/hooks/useMousePressed.js";
 import "../utils/hooks/useGrabScroll.js";
 import "../utils/hooks/usePinch.js";
@@ -57,5 +59,5 @@ import "../utils/hooks/useDebounce.js";
 import "./ui/PasswordModal.js";
 import "../utils/calculatePage.js";
 export {
-  io as RPPages
+  eo as RPPages
 };

package/dist/components/RPProvider.js

@@ -1,23 +1,27 @@
-import { jsx as o } from "react/jsx-runtime";
+import { jsx as r } from "react/jsx-runtime";
 import { useMemo as p } from "react";
-import { DocumentProvider as s } from "../contexts/RPDocumentContext.js";
-import { DocumentPasswordProvider as l } from "../contexts/DocumentPasswordContext.js";
-import { RPController as P } from "./RPController.js";
-import { LoaderProvider as f } from "../contexts/LoaderContext.js";
-const w = (t) => {
-  const { children: n, src: r, characterMap: m, onLoaded: d, onLoadError: i, loaderImage: c, ...a } = t, e = p(() => typeof r == "string" ? r : `${Date.now()}`, [r]);
-  return /* @__PURE__ */ o(l, { children: /* @__PURE__ */ o(
-    s,
+import { DocumentProvider as a } from "../contexts/RPDocumentContext.js";
+import { DocumentPasswordProvider as f } from "../contexts/DocumentPasswordContext.js";
+import { RPController as s } from "./RPController.js";
+import { LoaderProvider as P } from "../contexts/LoaderContext.js";
+import { ToolComponentProvider as h } from "../contexts/ToolComponentContext.js";
+import { IconToolProvider as u } from "../contexts/IconToolContext.js";
+import { OtherToolProvider as v } from "../contexts/OtherToolContext.js";
+import { L } from "../ToolbarLayout.module-60c3d6e8.js";
+const j = (t) => {
+  const { children: i, src: o, characterMap: n, onLoaded: m, onLoadError: d, loaderImage: c, ...l } = t, e = p(() => typeof o == "string" ? o : `${Date.now()}`, [o]);
+  return /* @__PURE__ */ r(f, { children: /* @__PURE__ */ r(
+    a,
     {
-      src: r,
-      characterMap: m,
-      onLoaded: d,
-      onLoadError: i,
-      children: /* @__PURE__ */ o(P, { ...a, children: /* @__PURE__ */ o(f, { loaderImage: c, children: n }, e) }, e)
+      src: o,
+      characterMap: n,
+      onLoaded: m,
+      onLoadError: d,
+      children: /* @__PURE__ */ r(s, { ...l, children: /* @__PURE__ */ r(P, { loaderImage: c, children: /* @__PURE__ */ r(L, { children: /* @__PURE__ */ r(h, { children: /* @__PURE__ */ r(u, { children: /* @__PURE__ */ r(v, { children: i }) }) }) }) }, e) }, e)
     },
     e
   ) });
 };
 export {
-  w as RPProvider
+  j as RPProvider
 };

package/dist/components/layout/Container.js

@@ -1,21 +1,20 @@
-import { jsx as c } from "react/jsx-runtime";
+import { jsx as n } from "react/jsx-runtime";
 import { c as o } from "../../clsx-0c6e471a.js";
-import '../../assets/Container.css';const s = {
-  "rp-container": "_rp-container_f63gc_1"
-}, l = (r) => {
-  const { children: n, getContainerRef: e, style: t, className: a } = r;
-  return /* @__PURE__ */ c(
+import { c } from "../../Container.module-f8b5c306.js";
+const p = (r) => {
+  const { children: e, getContainerRef: t, style: a, className: s } = r;
+  return /* @__PURE__ */ n(
     "div",
     {
       tabIndex: 0,
-      ref: e,
+      ref: t,
       "data-rp": "container",
-      className: o(s["rp-container"], a),
-      style: t,
-      children: n
+      className: o(c["rp-container"], s),
+      style: a,
+      children: e
     }
   );
 };
 export {
-  l as Container
+  p as Container
 };

package/dist/components/layout/LayoutContainer.js

@@ -1,8 +1,8 @@
 import "react/jsx-runtime";
 import "../../clsx-0c6e471a.js";
-import "react";
-import { L as _ } from "../../RPLayout-897cb09d.js";
+import { L as ro } from "../../ToolbarLayout.module-60c3d6e8.js";
 import "../../contexts/ThemeContext.js";
+import "react";
 import "../../contexts/RPDocumentContext.js";
 import "../../contexts/DocumentPasswordContext.js";
 import "../../contexts/DarkModeContext.js";
@@ -28,27 +28,30 @@ import "../../contexts/SmoothScrollContext.js";
 import "../../contexts/ElementPageContext.js";
 import "../../contexts/PagesRotateContext.js";
 import "../../contexts/LoaderContext.js";
-import "../RPConfig.js";
-import "../RPDropFileZone.js";
-import "../../contexts/ToolbarComponentContext.js";
 import "../../contexts/ToolComponentContext.js";
+import "../../contexts/IconToolContext.js";
+import "../../contexts/OtherToolContext.js";
+import "../RPConfig.js";
 import "../ui/Button.js";
-import "../../SearchCloseButton-ddb9877e.js";
 import "../ui/Input.js";
-import "../ui/Checkbox.js";
-import "../icons/LoaderIcon.js";
 import "../../contexts/IconContext.js";
-import "../ui/RPTooltip.js";
-import "../../Popover-1faa77f6.js";
+import "../../contexts/ToolbarComponentContext.js";
 import "../../contexts/ViewportContext.js";
-import "../../contexts/IconToolContext.js";
-import "../ui/DropDown.js";
-import "./toolbar/MenuItem.js";
-import "./toolbar/MenuSeparator.js";
+import "../ui/RPTooltip.js";
+import "../../MenuItem.module-bc11d0d3.js";
+import "../../DropDown.module-a78567cb.js";
 import "../../utils/dateFormatter.js";
-import "./toolbar/PropertyItem.js";
-import "../../contexts/OtherToolContext.js";
-import "./toolbar/RotateTool.js";
+import "../../PropertyItem.module-db0150cc.js";
+import "../../MenuSeparator.module-89b2ff7f.js";
+import "../../RotateTool.module-03987eba.js";
+import "../../SearchTool.module-016f3a8d.js";
+import "../../Checkbox.module-3edaacbb.js";
+import "../icons/LoaderIcon.js";
+import "../../RPSplitter.module-13d612c4.js";
+import "../../Container.module-f8b5c306.js";
+import "../../WrapperLayout.module-147bc943.js";
+import "../../RPTheme.module-bd9038da.js";
+import "../../utils/withRef.js";
 export {
-  _ as LayoutContainer
+  ro as LayoutContainer
 };

package/dist/components/layout/RPDefaultLayout.js

@@ -1,16 +1,78 @@
-import "react/jsx-runtime";
-import "react";
-import { a as D } from "../../RPLayout-897cb09d.js";
-import "../../contexts/ToolbarComponentContext.js";
-import "../../contexts/LayoutContainerContext.js";
-import "./Container.js";
-import "../../contexts/IconContext.js";
-import "./WrapperLayout.js";
-import "../RPDropFileZone.js";
-import "../../contexts/ViewportContext.js";
-import "../../contexts/RPDocumentContext.js";
-import "../../contexts/LoaderContext.js";
-import "../../contexts/OtherToolContext.js";
+import { jsx as o, jsxs as r } from "react/jsx-runtime";
+import { useEffect as v } from "react";
+import { RPToolbar as y } from "./toolbar/RPToolbar.js";
+import { RPSidebar as g } from "./sidebar/RPSidebar.js";
+import { d as e } from "../../ToolbarLayout.module-60c3d6e8.js";
+import { ToolbarComponentProvider as L } from "../../contexts/ToolbarComponentContext.js";
+import { useLayoutContainer as P } from "../../contexts/LayoutContainerContext.js";
+import { Container as b } from "./Container.js";
+import { IconProvider as x } from "../../contexts/IconContext.js";
+import { WrapperLayout as N } from "./WrapperLayout.js";
+import { RPDropFileZone as R } from "../RPDropFileZone.js";
+import { ViewportProvider as j } from "../../contexts/ViewportContext.js";
+import { useDocumentContext as w } from "../../contexts/RPDocumentContext.js";
+import { useLoaderContext as D } from "../../contexts/LoaderContext.js";
+import { OtherToolProvider as I } from "../../contexts/OtherToolContext.js";
+const J = (m) => {
+  const {
+    children: s,
+    slots: a,
+    icons: l,
+    style: d,
+    className: c,
+    mobileWidth: p,
+    onLoaded: t,
+    cleanupOnLoaded: i,
+    onLayoutWidthChange: f
+  } = m, { setContainer: h, setContentRef: u } = P(), { loading: C } = w(), { LoaderImageComponent: n } = D();
+  return v(() => (t && t(), () => {
+    i && i();
+  }), [t, i]), // TODO: deprecated in v2.0.0, remove later ~
+  // <LayoutContainer toolbarRef={toolbarRef} ref={ref}>
+  /* @__PURE__ */ o(j, { mobileWidth: p, onLayoutWidthChange: f, children: /* @__PURE__ */ o(L, { slots: a, children: /* @__PURE__ */ o(x, { icons: l, children: /* @__PURE__ */ o(I, { children: /* @__PURE__ */ r(b, { getContainerRef: h, style: d, className: c, children: [
+    /* @__PURE__ */ r(N, { children: [
+      /* @__PURE__ */ r("div", { className: e["rp-layout"], children: [
+        /* @__PURE__ */ o(
+          y,
+          {}
+        ),
+        /* @__PURE__ */ r("div", { className: e["rp-content"], children: [
+          /* @__PURE__ */ o("div", { className: e["rp-sidebar"], children: /* @__PURE__ */ o(g, {}) }),
+          /* @__PURE__ */ o("div", { ref: u, className: e["rp-pages"], children: s })
+        ] })
+      ] }),
+      /* @__PURE__ */ o(R, {})
+    ] }),
+    C ? /* @__PURE__ */ o(
+      "div",
+      {
+        className: e["rp-loader"],
+        style: {
+          position: "absolute",
+          top: 0,
+          left: 0,
+          right: 0,
+          bottom: 0,
+          width: "100%",
+          height: "100%"
+        },
+        children: /* @__PURE__ */ o(
+          "div",
+          {
+            style: {
+              display: "flex",
+              justifyContent: "center",
+              alignItems: "center",
+              height: "100%",
+              width: "100%"
+            },
+            children: n && /* @__PURE__ */ o(n, {})
+          }
+        )
+      }
+    ) : null
+  ] }) }) }) }) });
+};
 export {
-  D as RPDefaultLayout
+  J as RPDefaultLayout
 };

package/dist/components/layout/RPLayout.js

@@ -1,13 +1,13 @@
-import "react/jsx-runtime";
-import "react";
-import "../../contexts/LayoutContainerContext.js";
-import "./Container.js";
-import "../../contexts/ViewportContext.js";
-import { b as $ } from "../../RPLayout-897cb09d.js";
-import "../../contexts/OtherToolContext.js";
-import "./WrapperLayout.js";
-import "../../contexts/RPDocumentContext.js";
+import { jsx as o, jsxs as m } from "react/jsx-runtime";
+import { useEffect as h } from "react";
+import { useLayoutContainer as u } from "../../contexts/LayoutContainerContext.js";
+import { Container as y } from "./Container.js";
+import { ViewportProvider as C } from "../../contexts/ViewportContext.js";
+import { ToolbarLayout as L } from "./toolbar/ToolbarLayout.js";
+import { WrapperLayout as g } from "./WrapperLayout.js";
+import { useDocumentContext as x } from "../../contexts/RPDocumentContext.js";
 import "../../contexts/DocumentPasswordContext.js";
+import { d as b } from "../../ToolbarLayout.module-60c3d6e8.js";
 import "../../contexts/DarkModeContext.js";
 import "../../contexts/RotationContext.js";
 import "../../contexts/LayerContext.js";
@@ -29,27 +29,76 @@ import "../../contexts/DownloadContext.js";
 import "../../contexts/SmoothScrollContext.js";
 import "../../contexts/ElementPageContext.js";
 import "../../contexts/PagesRotateContext.js";
-import "../../contexts/LoaderContext.js";
+import { useLoaderContext as j } from "../../contexts/LoaderContext.js";
+import "../../contexts/ToolComponentContext.js";
+import "../../contexts/IconToolContext.js";
+import "../../contexts/OtherToolContext.js";
 import "../RPConfig.js";
-import "../../contexts/ThemeContext.js";
-import "../RPDropFileZone.js";
 import "../ui/Button.js";
-import "../../SearchCloseButton-ddb9877e.js";
 import "../ui/Input.js";
-import "../ui/Checkbox.js";
-import "../icons/LoaderIcon.js";
 import "../../contexts/IconContext.js";
-import "../ui/RPTooltip.js";
 import "../../contexts/ToolbarComponentContext.js";
-import "../../Popover-1faa77f6.js";
-import "../../contexts/IconToolContext.js";
-import "../../contexts/ToolComponentContext.js";
-import "../ui/DropDown.js";
-import "./toolbar/MenuItem.js";
-import "./toolbar/MenuSeparator.js";
+import "../ui/RPTooltip.js";
+import "../../MenuItem.module-bc11d0d3.js";
+import "../../DropDown.module-a78567cb.js";
 import "../../utils/dateFormatter.js";
-import "./toolbar/PropertyItem.js";
-import "./toolbar/RotateTool.js";
+import "../../PropertyItem.module-db0150cc.js";
+import "../../MenuSeparator.module-89b2ff7f.js";
+import "../../RotateTool.module-03987eba.js";
+import "../../SearchTool.module-016f3a8d.js";
+import "../../Checkbox.module-3edaacbb.js";
+import "../icons/LoaderIcon.js";
+import "../../RPSplitter.module-13d612c4.js";
+import { RPDropFileZone as v } from "../RPDropFileZone.js";
+import "../../contexts/ThemeContext.js";
+const wo = (p) => {
+  const {
+    children: e,
+    style: n,
+    className: a,
+    mobileWidth: s,
+    onLoaded: t,
+    cleanupOnLoaded: r,
+    onLayoutWidthChange: l,
+    toolbar: d
+  } = p, { setContainer: c } = u(), { loading: f } = x(), { LoaderImageComponent: i } = j();
+  return h(() => (t && t(), () => {
+    r && r();
+  }), [t, r]), /* @__PURE__ */ o(C, { mobileWidth: s, onLayoutWidthChange: l, children: /* @__PURE__ */ m(y, { getContainerRef: c, style: n, className: a, children: [
+    /* @__PURE__ */ m(g, { children: [
+      /* @__PURE__ */ o(L, { toolbar: d, children: e }),
+      /* @__PURE__ */ o(v, {})
+    ] }),
+    f ? /* @__PURE__ */ o(
+      "div",
+      {
+        className: b["rp-loader"],
+        style: {
+          position: "absolute",
+          top: 0,
+          left: 0,
+          right: 0,
+          bottom: 0,
+          width: "100%",
+          height: "100%"
+        },
+        children: /* @__PURE__ */ o(
+          "div",
+          {
+            style: {
+              display: "flex",
+              justifyContent: "center",
+              alignItems: "center",
+              height: "100%",
+              width: "100%"
+            },
+            children: i && /* @__PURE__ */ o(i, {})
+          }
+        )
+      }
+    ) : null
+  ] }) });
+};
 export {
-  $ as RPLayout
+  wo as RPLayout
 };

package/dist/components/layout/WrapperLayout.js

@@ -1,13 +1,12 @@
-import { jsx as r, Fragment as n } from "react/jsx-runtime";
-import { useDropFileZoneContext as a } from "../../contexts/DropFileZoneContext.js";
+import { jsx as e, Fragment as n } from "react/jsx-runtime";
+import { c as a } from "../../WrapperLayout.module-147bc943.js";
+import { useDropFileZoneContext as m } from "../../contexts/DropFileZoneContext.js";
 import { useToolbarComponentContext as s } from "../../contexts/ToolbarComponentContext.js";
 import { useToolComponentContext as l } from "../../contexts/ToolComponentContext.js";
-import '../../assets/WrapperLayout.css';const m = {
-  "rp-wrapper-layout": "_rp-wrapper-layout_2cghq_1"
-}, y = ({ children: o }) => {
-  const { handleDragEnter: p } = a(), { dropFileZone: e } = s(), { dropFileZone: t } = l();
-  return typeof e == "boolean" && !e ? /* @__PURE__ */ r(n, { children: o }) : typeof t == "boolean" && !t ? /* @__PURE__ */ r(n, { children: o }) : /* @__PURE__ */ r("div", { className: m["rp-wrapper-layout"], onDragEnter: p, children: o });
+const C = ({ children: o }) => {
+  const { handleDragEnter: p } = m(), { dropFileZone: r } = s(), { dropFileZone: t } = l();
+  return typeof r == "boolean" && !r ? /* @__PURE__ */ e(n, { children: o }) : typeof t == "boolean" && !t ? /* @__PURE__ */ e(n, { children: o }) : /* @__PURE__ */ e("div", { className: a["rp-wrapper-layout"], onDragEnter: p, children: o });
 };
 export {
-  y as WrapperLayout
+  C as WrapperLayout
 };