react-mail-inbox 1.0.0 → 1.0.2

package/dist/index.css

@@ -502,7 +502,7 @@
 }
 
 /* src/Components/GmailWrapper/index.css */
-:root {
+.react-mail-inbox-root {
   --editor-bg: #ffffff;
   --text-color: #000000;
   --icon-color: #000000;
@@ -532,7 +532,7 @@
   --file-preview-close-hover-bg: rgba(0, 0, 0, 0.03);
   --file-preview-close-hover-color: #111827;
 }
-[data-theme=dark] {
+.react-mail-inbox-root[data-theme=dark] {
   --editor-bg: #34353C;
   --text-color: #ffffff;
   --icon-color: #8A8F98;
@@ -562,12 +562,12 @@
   --file-preview-close-hover-bg: rgba(255, 255, 255, 0.1);
   --file-preview-close-hover-color: #ffffff;
 }
-* {
+.react-mail-inbox-root * {
   margin: 0;
   padding: 0;
   box-sizing: border-box;
 }
-code {
+.react-mail-inbox-root code {
   font-family:
     source-code-pro,
     Menlo,

package/dist/index.css.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/Components/Editor/EditorWrapper/editor.css","../src/Components/core/ColorPicker/style.css","../src/Components/core/AlignmentSelect/style.css","../src/Components/Editor/Toolbar/style.css","../src/Components/core/FloatingLinkEditor/index.css","../src/Components/core/FileUploader/FilePreview.css","../src/Components/GmailWrapper/index.css"],"sourcesContent":[".my-editor-wrapper {\n    position: relative;\n    background-color: var(--editor-bg);\n}\n\n.my-editor-content {\n    height: 500px;\n    overflow-y: auto;\n    outline: none;\n    padding: 10px;\n    box-sizing: border-box;\n    background-color: var(--editor-bg);\n    color: var(--text-color);\n}\n\n.my-editor-placeholder {\n    position: absolute;\n    top: 10px;\n    left: 10px;\n    color: var(--text-color);\n    opacity: 0.5;\n    pointer-events: none;\n}\n\n\n.editor-text-bold {\n    font-weight: bold;\n}\n\n.editor-text-italic {\n    font-style: italic;\n}\n\n.editor-text-strikethrough {\n    text-decoration: line-through;\n}\n\n.editor-text-underline {\n    text-decoration: underline;\n}\n\n.editor-text-underlineStrikethrough {\n    text-decoration: underline line-through;\n}\n\n.editor-quote {\n    margin: 0;\n    margin-left: 20px;\n    font-size: 15px;\n    color: rgb(101, 103, 107);\n    border-left-color: rgb(206, 208, 212);\n    border-left-width: 4px;\n    border-left-style: solid;\n    padding-left: 16px;\n}\n\n.editor-list-ol {\n    padding: 0;\n    margin: 0;\n    margin-left: 16px;\n}\n\n.editor-list-ul {\n    padding: 0;\n    margin: 0;\n    margin-left: 16px;\n}\n\n.editor-listitem {\n    margin: 8px 32px 8px 32px;\n}\n\n.editor-nested-listitem {\n    list-style-type: none;\n}\n\n.editor-code {\n    background-color: rgb(240, 242, 245);\n    font-family: Menlo, Consolas, Monaco, monospace;\n    display: block;\n    padding: 8px 8px 8px 52px;\n    line-height: 1.53;\n    font-size: 13px;\n    margin: 0;\n    margin-top: 8px;\n    margin-bottom: 8px;\n    tab-size: 2;\n    /* white-space: pre; */\n    overflow-x: auto;\n    position: relative;\n}\n\n.editor-text-code {\n    background-color: #f0f2f5;\n    padding: 1px 0.25rem;\n    font-family: Menlo, Consolas, Monaco, monospace;\n    font-size: 94%;\n}\n\n.editor-code:before {\n    content: attr(data-gutter);\n    position: absolute;\n    background-color: #eee;\n    left: 0;\n    top: 0;\n    border-right: 1px solid #ccc;\n    padding: 8px;\n    color: #777;\n    white-space: pre-wrap;\n    text-align: right;\n    min-width: 25px;\n}\n\n.other ul {\n    padding: 0;\n    margin: 0;\n    list-style-type: none;\n}\n\n.link-editor .link-input {\n    display: block;\n    width: calc(100% - 24px);\n    box-sizing: border-box;\n    margin: 8px 12px;\n    padding: 8px 12px;\n    border-radius: 15px;\n    background-color: #eee;\n    font-size: 15px;\n    color: rgb(5, 5, 5);\n    border: 0;\n    outline: 0;\n    position: relative;\n    font-family: inherit;\n}\n\n.link-editor div.link-edit {\n    background-size: 16px;\n    background-position: center;\n    background-repeat: no-repeat;\n    width: 35px;\n    vertical-align: -0.25em;\n    position: absolute;\n    right: 0;\n    top: 0;\n    bottom: 0;\n    cursor: pointer;\n}\n\n.link-editor .link-input a {\n    color: rgb(33, 111, 219);\n    text-decoration: none;\n    display: block;\n    white-space: nowrap;\n    overflow: hidden;\n    margin-right: 30px;\n    text-overflow: ellipsis;\n}\n\n.link-editor .link-input a:hover {\n    text-decoration: underline;\n}\n\n.link-editor .button {\n    width: 20px;\n    height: 20px;\n    display: inline-block;\n    padding: 6px;\n    border-radius: 8px;\n    cursor: pointer;\n    margin: 0 2px;\n}\n\n.link-editor .button.hovered {\n    width: 20px;\n    height: 20px;\n    display: inline-block;\n    background-color: #eee;\n}\n",".color-picker-root {\n    position: relative;\n    display: inline-block;\n}\n\n.color-popover {\n    background-color: var(--color-picker-bg);\n    border: 1px solid var(--color-picker-border);\n    padding: 5px;\n    border-radius: 4px;\n}\n\n.toolbar-btn {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    padding: 6px 10px;\n    border-radius: 6px;\n    border: 1px solid var(--color-picker-btn-border);\n    background: var(--color-picker-btn-bg);\n    cursor: pointer;\n    font-family: inherit;\n}\n\n\n\n.color-columns {\n    display: flex;\n    gap: 28px;\n}\n\n.color-column {\n    width: 50%;\n}\n\n.color-column h4 {\n    margin: 0 0 10px 0;\n    font-size: 16px;\n    font-weight: 600;\n    color: var(--color-picker-heading);\n}\n\n.row {\n    display: flex;\n    gap: 8px;\n    margin-bottom: 10px;\n    flex-wrap: wrap;\n}\n\n.accent-row {\n    margin-bottom: 14px;\n}\n\n.palette {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n    max-height: 220px;\n    overflow: auto;\n    padding-right: 4px;\n}\n\n.palette-row {\n    display: flex;\n    gap: 6px;\n}\n\n.swatch {\n    width: 28px;\n    height: 24px;\n    border-radius: 4px;\n    border: 1px solid var(--color-picker-swatch-border);\n    padding: 0;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    position: relative;\n    cursor: pointer;\n    outline: none;\n    box-sizing: border-box;\n    transition: transform .08s ease;\n}\n\n.swatch:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 4px 10px var(--color-picker-swatch-hover-shadow);\n}\n\n.swatch .check {\n    width: 16px;\n    height: 16px;\n}\n\n.swatch[aria-pressed=\"true\"] {\n    box-shadow: 0 0 0 2px var(--color-picker-swatch-selected-shadow) inset;\n    border-color: var(--color-picker-swatch-selected-border);\n}\n\n.popover-footer {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    margin-top: 14px;\n}\n\n.btn {\n    padding: 8px 12px;\n    border-radius: 8px;\n    border: 1px solid var(--color-picker-btn-border);\n    background: var(--color-picker-btn-bg);\n    cursor: pointer;\n    color: var(--text-color);\n}\n",".wrapper-alignment {\n    display: flex;\n    flex-direction: column;\n    border: 1px solid #ccc;\n    padding: 5px;\n    border-radius: 5px;\n}\n\n.alignment-option {\n    background: transparent;\n    border: none;\n    cursor: pointer;\n    display: flex;\n    justify-content: center;\n    flex-direction: row-reverse;\n\n}\n\n.option-check.hidden {\n    visibility: hidden;\n}\n",".toolbar-wrapper {\n    display: flex;\n    flex-direction: row;\n    gap: 8px;\n    align-items: flex-end;\n\n}\n\n.styling-toolbar {\n    position: relative;\n\n}\n\n.toolbar-wrapper button {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--icon-color);\n}\n\n.toolbar-wrapper button svg {\n    color: var(--icon-color);\n}\n\n.toolbar-wrapper button.active-btn-toolbar {\n    background-color: var(--selected-icon-bg);\n    border-radius: 4px;\n    padding: 1px 2px;\n}\n\n.toolbar-wrapper button.active-btn-toolbar svg {\n    color: var(--selected-icon-color);\n}\n\n.btn {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--icon-color);\n}\n\n.divider {\n    display: inline-block;\n    width: 1px;\n    height: 25px;\n    background: var(--input-border);\n    margin: auto 0;\n}\n\n.styling-options {\n    position: absolute;\n    width: 600px;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    top: 0;\n    transform: translateY(-125%);\n    border: 1px solid var(--toolbar-border);\n    border-radius: 4px;\n    background: var(--toolbar-popup-bg);\n    padding-inline: 5px;\n}\n\n.font-options {\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n    border: 1px solid var(--toolbar-border);\n    border-radius: 4px;\n    background: var(--toolbar-popup-bg);\n    color: var(--text-color);\n}\n\n.font-option {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    text-align: right;\n    border-radius: 4px;\n    padding-left: 15px;\n    position: relative;\n    background: var(--toolbar-popup-bg);\n    color: var(--text-color);\n}\n\n.font-option:not(.heading) svg {\n    position: absolute;\n    left: 0px;\n    top: 0px;\n    width: 15px;\n    height: 15px;\n}\n\n.file-upload-container {\n    margin-bottom: 50px;\n}\n\n.tool-bar-button {\n    margin-top: 5px;\n    margin-bottom: 5px;\n}\n\n.tool-bar-button-icon {\n    color: var(--icon-color);\n}\n\n.toolbar-wrapper {\n    background-color: var(--toolbar-popup-bg);\n\n}\n",".floating-link-editor {\n    position: absolute;\n    z-index: 100;\n    top: -10000px;\n    left: -10000px;\n    margin-top: -6px;\n    width: 280px;\n    background-color: #fff;\n    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.3);\n    border-radius: 8px;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    opacity: 0;\n    padding: 6px 10px;\n    transition: opacity 0.25s ease, top 0.15s ease, left 0.15s ease;\n    font-family: sans-serif;\n    box-sizing: border-box;\n}\n\n.link-input {\n    flex: 1;\n    padding: 8px 10px;\n    font-size: 14px;\n    border: 1px solid #ccc;\n    border-radius: 6px;\n    outline: none;\n    margin-right: 8px;\n}\n\n.link-input:focus {\n    border-color: #007bff;\n}\n\n.link-display {\n    flex: 1;\n    background-color: #f3f3f3;\n    border-radius: 6px;\n    padding: 8px 10px;\n    margin-right: 8px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.link-display a {\n    text-decoration: none;\n    color: #333;\n}\n\n.link-button {\n    background: none;\n    border: none;\n    font-size: 18px;\n    cursor: pointer;\n    padding: 4px;\n    border-radius: 4px;\n    transition: background 0.2s;\n    flex-shrink: 0;\n}\n\n.link-button:hover {\n    background-color: #eaeaea;\n}\n",".fps-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 8px 12px;\n    background: var(--file-preview-bg);\n    border-top: 1px solid var(--file-preview-border);\n    min-height: 36px;\n    gap: 12px;\n    font-family: system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial;\n}\n\n.fps-left {\n    display: flex;\n    align-items: baseline;\n    gap: 4px;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n}\n\n.fps-index {\n    color: var(--file-preview-index-color);\n    font-weight: 600;\n    font-size: 14px;\n}\n\n.fps-filename {\n    color: var(--file-preview-link-color);\n    text-decoration: none;\n    font-weight: 700;\n    font-size: 16px;\n}\n\n.fps-filename:hover,\n.fps-filename:focus {\n    text-decoration: underline;\n    outline: none;\n}\n\n.fps-size {\n    color: var(--file-preview-size-color);\n    font-weight: 600;\n    font-size: 14px;\n}\n\n.fps-close {\n    background: transparent;\n    border: none;\n    font-size: 18px;\n    line-height: 1;\n    color: var(--file-preview-close-color);\n    cursor: pointer;\n    padding: 4px 8px;\n    border-radius: 4px;\n}\n\n.fps-close:hover,\n.fps-close:focus {\n    background: var(--file-preview-close-hover-bg);\n    color: var(--file-preview-close-hover-color);\n    outline: none;\n}\n",":root {\n    /* Light theme colors (default for light) */\n    --editor-bg: #ffffff;\n    --text-color: #000000;\n    --icon-color: #000000;\n    --pill-bg: #e0e0e0;\n    --pill-text: #000000;\n    --toolbar-popup-bg: #ffffff;\n    --toolbar-border: #e0e0e0;\n    --selected-icon-color: #000000;\n    --selected-icon-bg: #e0e0e0;\n    --input-bg: #ffffff;\n    --input-border: #e0e0e0;\n    --color-picker-bg: #ffffff;\n    --color-picker-border: #ccc;\n    --color-picker-heading: #111827;\n    --color-picker-btn-bg: #fff;\n    --color-picker-btn-border: #e6edf3;\n    --color-picker-swatch-border: rgba(0, 0, 0, 0.06);\n    --color-picker-swatch-hover-shadow: rgba(2, 6, 23, 0.08);\n    --color-picker-swatch-selected-shadow: rgba(0, 0, 0, 0.08);\n    --color-picker-swatch-selected-border: rgba(0, 0, 0, 0.18);\n    --file-preview-bg: #ffffff;\n    --file-preview-border: #e6e6e6;\n    --file-preview-index-color: #0f172a;\n    --file-preview-link-color: #0b63d6;\n    --file-preview-size-color: #6b7280;\n    --file-preview-close-color: #6b7280;\n    --file-preview-close-hover-bg: rgba(0, 0, 0, 0.03);\n    --file-preview-close-hover-color: #111827;\n}\n\n[data-theme=\"dark\"] {\n    /* Dark theme colors */\n    --editor-bg: #34353C;\n    --text-color: #ffffff;\n    --icon-color: #8A8F98;\n    --pill-bg: #62666D;\n    --pill-text: #ffffff;\n    --toolbar-popup-bg: #34353C;\n    --toolbar-border: #62666D;\n    --selected-icon-color: #8A8F98;\n    --selected-icon-bg: #ffffff;\n    --input-bg: #8A8F98;\n    --input-border: #62666D;\n    --color-picker-bg: #2a2b30;\n    --color-picker-border: #62666D;\n    --color-picker-heading: #ffffff;\n    --color-picker-btn-bg: #34353C;\n    --color-picker-btn-border: #62666D;\n    --color-picker-swatch-border: rgba(255, 255, 255, 0.1);\n    --color-picker-swatch-hover-shadow: rgba(255, 255, 255, 0.1);\n    --color-picker-swatch-selected-shadow: rgba(255, 255, 255, 0.15);\n    --color-picker-swatch-selected-border: rgba(255, 255, 255, 0.3);\n    --file-preview-bg: #34353C;\n    --file-preview-border: #62666D;\n    --file-preview-index-color: #ffffff;\n    --file-preview-link-color: #4A9EFF;\n    --file-preview-size-color: #8A8F98;\n    --file-preview-close-color: #8A8F98;\n    --file-preview-close-hover-bg: rgba(255, 255, 255, 0.1);\n    --file-preview-close-hover-color: #ffffff;\n}\n\n\n\n* {\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n}\n\ncode {\n    font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',\n        monospace;\n}\n\n.filter-popup-content {\n    background-color: transparent !important;\n    border: 0 !important;\n    /* width: 0 !important; */\n    /* height: 0 !important; */\n    z-index: 9999 !important;\n}\n\n.filter-popup-arrow {\n    display: none;\n}\n\n.filter-popup-overlay {\n    z-index: 999 !important;\n}\n\n.gmail-header {\n    background-color: var(--editor-bg);\n    color: var(--text-color);\n}\n\n.gmail-header *::placeholder {\n    background-color: var(--editor-bg);\n    color: var(--text-color);\n}\n\n.input-header {\n    border: none;\n    background: transparent;\n    outline: none;\n    width: 100%;\n    height: 40px;\n    padding-left: 5px;\n    padding-right: 5px;\n    font-size: 14px;\n    box-sizing: border-box;\n    color: var(--text-color);\n}\n\n.container-receipts {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    gap: 10px;\n}\n\n.input-trigger {\n    width: 100%;\n}\n\n.options-dropdown {\n    display: flex;\n    flex-direction: column;\n    gap: 5px;\n    width: 500px;\n    border: 1px solid var(--toolbar-border);\n    background: var(--toolbar-popup-bg);\n    border-radius: 5px;\n}\n\n.option-dropdown {\n    height: 50px;\n    border: none;\n    padding: 5px;\n    text-align: left;\n    background: transparent;\n    outline: none;\n    cursor: pointer;\n    width: 100%;\n    padding-left: 5px;\n    padding-right: 5px;\n    font-size: 14px;\n    box-sizing: border-box;\n    color: var(--text-color);\n}\n\n.option-dropdown:hover {\n    background: var(--pill-bg);\n}\n\n.option-dropdown.selected {\n    background: var(--pill-bg);\n}\n\n.option-dropdown:focus {\n    background: var(--pill-bg);\n    outline: 2px solid var(--selected-icon-bg);\n    outline-offset: -2px;\n}\n\n.container-receipts {\n    width: 100%;\n}\n\n.emails {\n    border: 1px solid var(--pill-bg);\n    background-color: var(--pill-bg);\n    padding: 5px 10px;\n    border-radius: 20px;\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    gap: 5px;\n    width: 100%;\n    box-sizing: border-box;\n    color: var(--pill-text);\n}\n\n.emails-close {\n    cursor: pointer;\n    width: 15px;\n    height: 15px;\n    border: none;\n    background: transparent;\n    outline: none;\n}\n\n.emails-close svg {\n    cursor: pointer;\n    width: 15px;\n    height: 15px;\n    color: var(--pill-text);\n}\n\n/* Skeleton loader styles */\n.skeleton-loader {\n    pointer-events: none;\n    padding: 8px 10px;\n}\n\n.skeleton-line {\n    background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);\n    background-size: 200% 100%;\n    animation: shimmer 1.5s infinite;\n    border-radius: 4px;\n}\n\n.skeleton-name {\n    height: 16px;\n    width: 60%;\n    margin-bottom: 8px;\n}\n\n.skeleton-email {\n    height: 14px;\n    width: 80%;\n}\n\n@keyframes shimmer {\n    0% {\n        background-position: 200% 0;\n    }\n\n    100% {\n        background-position: -200% 0;\n    }\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../src/Components/Editor/EditorWrapper/editor.css","../src/Components/core/ColorPicker/style.css","../src/Components/core/AlignmentSelect/style.css","../src/Components/Editor/Toolbar/style.css","../src/Components/core/FloatingLinkEditor/index.css","../src/Components/core/FileUploader/FilePreview.css","../src/Components/GmailWrapper/index.css"],"sourcesContent":[".my-editor-wrapper {\n    position: relative;\n    background-color: var(--editor-bg);\n}\n\n.my-editor-content {\n    height: 500px;\n    overflow-y: auto;\n    outline: none;\n    padding: 10px;\n    box-sizing: border-box;\n    background-color: var(--editor-bg);\n    color: var(--text-color);\n}\n\n.my-editor-placeholder {\n    position: absolute;\n    top: 10px;\n    left: 10px;\n    color: var(--text-color);\n    opacity: 0.5;\n    pointer-events: none;\n}\n\n\n.editor-text-bold {\n    font-weight: bold;\n}\n\n.editor-text-italic {\n    font-style: italic;\n}\n\n.editor-text-strikethrough {\n    text-decoration: line-through;\n}\n\n.editor-text-underline {\n    text-decoration: underline;\n}\n\n.editor-text-underlineStrikethrough {\n    text-decoration: underline line-through;\n}\n\n.editor-quote {\n    margin: 0;\n    margin-left: 20px;\n    font-size: 15px;\n    color: rgb(101, 103, 107);\n    border-left-color: rgb(206, 208, 212);\n    border-left-width: 4px;\n    border-left-style: solid;\n    padding-left: 16px;\n}\n\n.editor-list-ol {\n    padding: 0;\n    margin: 0;\n    margin-left: 16px;\n}\n\n.editor-list-ul {\n    padding: 0;\n    margin: 0;\n    margin-left: 16px;\n}\n\n.editor-listitem {\n    margin: 8px 32px 8px 32px;\n}\n\n.editor-nested-listitem {\n    list-style-type: none;\n}\n\n.editor-code {\n    background-color: rgb(240, 242, 245);\n    font-family: Menlo, Consolas, Monaco, monospace;\n    display: block;\n    padding: 8px 8px 8px 52px;\n    line-height: 1.53;\n    font-size: 13px;\n    margin: 0;\n    margin-top: 8px;\n    margin-bottom: 8px;\n    tab-size: 2;\n    /* white-space: pre; */\n    overflow-x: auto;\n    position: relative;\n}\n\n.editor-text-code {\n    background-color: #f0f2f5;\n    padding: 1px 0.25rem;\n    font-family: Menlo, Consolas, Monaco, monospace;\n    font-size: 94%;\n}\n\n.editor-code:before {\n    content: attr(data-gutter);\n    position: absolute;\n    background-color: #eee;\n    left: 0;\n    top: 0;\n    border-right: 1px solid #ccc;\n    padding: 8px;\n    color: #777;\n    white-space: pre-wrap;\n    text-align: right;\n    min-width: 25px;\n}\n\n.other ul {\n    padding: 0;\n    margin: 0;\n    list-style-type: none;\n}\n\n.link-editor .link-input {\n    display: block;\n    width: calc(100% - 24px);\n    box-sizing: border-box;\n    margin: 8px 12px;\n    padding: 8px 12px;\n    border-radius: 15px;\n    background-color: #eee;\n    font-size: 15px;\n    color: rgb(5, 5, 5);\n    border: 0;\n    outline: 0;\n    position: relative;\n    font-family: inherit;\n}\n\n.link-editor div.link-edit {\n    background-size: 16px;\n    background-position: center;\n    background-repeat: no-repeat;\n    width: 35px;\n    vertical-align: -0.25em;\n    position: absolute;\n    right: 0;\n    top: 0;\n    bottom: 0;\n    cursor: pointer;\n}\n\n.link-editor .link-input a {\n    color: rgb(33, 111, 219);\n    text-decoration: none;\n    display: block;\n    white-space: nowrap;\n    overflow: hidden;\n    margin-right: 30px;\n    text-overflow: ellipsis;\n}\n\n.link-editor .link-input a:hover {\n    text-decoration: underline;\n}\n\n.link-editor .button {\n    width: 20px;\n    height: 20px;\n    display: inline-block;\n    padding: 6px;\n    border-radius: 8px;\n    cursor: pointer;\n    margin: 0 2px;\n}\n\n.link-editor .button.hovered {\n    width: 20px;\n    height: 20px;\n    display: inline-block;\n    background-color: #eee;\n}\n",".color-picker-root {\n    position: relative;\n    display: inline-block;\n}\n\n.color-popover {\n    background-color: var(--color-picker-bg);\n    border: 1px solid var(--color-picker-border);\n    padding: 5px;\n    border-radius: 4px;\n}\n\n.toolbar-btn {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    padding: 6px 10px;\n    border-radius: 6px;\n    border: 1px solid var(--color-picker-btn-border);\n    background: var(--color-picker-btn-bg);\n    cursor: pointer;\n    font-family: inherit;\n}\n\n\n\n.color-columns {\n    display: flex;\n    gap: 28px;\n}\n\n.color-column {\n    width: 50%;\n}\n\n.color-column h4 {\n    margin: 0 0 10px 0;\n    font-size: 16px;\n    font-weight: 600;\n    color: var(--color-picker-heading);\n}\n\n.row {\n    display: flex;\n    gap: 8px;\n    margin-bottom: 10px;\n    flex-wrap: wrap;\n}\n\n.accent-row {\n    margin-bottom: 14px;\n}\n\n.palette {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n    max-height: 220px;\n    overflow: auto;\n    padding-right: 4px;\n}\n\n.palette-row {\n    display: flex;\n    gap: 6px;\n}\n\n.swatch {\n    width: 28px;\n    height: 24px;\n    border-radius: 4px;\n    border: 1px solid var(--color-picker-swatch-border);\n    padding: 0;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    position: relative;\n    cursor: pointer;\n    outline: none;\n    box-sizing: border-box;\n    transition: transform .08s ease;\n}\n\n.swatch:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 4px 10px var(--color-picker-swatch-hover-shadow);\n}\n\n.swatch .check {\n    width: 16px;\n    height: 16px;\n}\n\n.swatch[aria-pressed=\"true\"] {\n    box-shadow: 0 0 0 2px var(--color-picker-swatch-selected-shadow) inset;\n    border-color: var(--color-picker-swatch-selected-border);\n}\n\n.popover-footer {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    margin-top: 14px;\n}\n\n.btn {\n    padding: 8px 12px;\n    border-radius: 8px;\n    border: 1px solid var(--color-picker-btn-border);\n    background: var(--color-picker-btn-bg);\n    cursor: pointer;\n    color: var(--text-color);\n}\n",".wrapper-alignment {\n    display: flex;\n    flex-direction: column;\n    border: 1px solid #ccc;\n    padding: 5px;\n    border-radius: 5px;\n}\n\n.alignment-option {\n    background: transparent;\n    border: none;\n    cursor: pointer;\n    display: flex;\n    justify-content: center;\n    flex-direction: row-reverse;\n\n}\n\n.option-check.hidden {\n    visibility: hidden;\n}\n",".toolbar-wrapper {\n    display: flex;\n    flex-direction: row;\n    gap: 8px;\n    align-items: flex-end;\n\n}\n\n.styling-toolbar {\n    position: relative;\n\n}\n\n.toolbar-wrapper button {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--icon-color);\n}\n\n.toolbar-wrapper button svg {\n    color: var(--icon-color);\n}\n\n.toolbar-wrapper button.active-btn-toolbar {\n    background-color: var(--selected-icon-bg);\n    border-radius: 4px;\n    padding: 1px 2px;\n}\n\n.toolbar-wrapper button.active-btn-toolbar svg {\n    color: var(--selected-icon-color);\n}\n\n.btn {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--icon-color);\n}\n\n.divider {\n    display: inline-block;\n    width: 1px;\n    height: 25px;\n    background: var(--input-border);\n    margin: auto 0;\n}\n\n.styling-options {\n    position: absolute;\n    width: 600px;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    top: 0;\n    transform: translateY(-125%);\n    border: 1px solid var(--toolbar-border);\n    border-radius: 4px;\n    background: var(--toolbar-popup-bg);\n    padding-inline: 5px;\n}\n\n.font-options {\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n    border: 1px solid var(--toolbar-border);\n    border-radius: 4px;\n    background: var(--toolbar-popup-bg);\n    color: var(--text-color);\n}\n\n.font-option {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    text-align: right;\n    border-radius: 4px;\n    padding-left: 15px;\n    position: relative;\n    background: var(--toolbar-popup-bg);\n    color: var(--text-color);\n}\n\n.font-option:not(.heading) svg {\n    position: absolute;\n    left: 0px;\n    top: 0px;\n    width: 15px;\n    height: 15px;\n}\n\n.file-upload-container {\n    margin-bottom: 50px;\n}\n\n.tool-bar-button {\n    margin-top: 5px;\n    margin-bottom: 5px;\n}\n\n.tool-bar-button-icon {\n    color: var(--icon-color);\n}\n\n.toolbar-wrapper {\n    background-color: var(--toolbar-popup-bg);\n\n}\n",".floating-link-editor {\n    position: absolute;\n    z-index: 100;\n    top: -10000px;\n    left: -10000px;\n    margin-top: -6px;\n    width: 280px;\n    background-color: #fff;\n    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.3);\n    border-radius: 8px;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    opacity: 0;\n    padding: 6px 10px;\n    transition: opacity 0.25s ease, top 0.15s ease, left 0.15s ease;\n    font-family: sans-serif;\n    box-sizing: border-box;\n}\n\n.link-input {\n    flex: 1;\n    padding: 8px 10px;\n    font-size: 14px;\n    border: 1px solid #ccc;\n    border-radius: 6px;\n    outline: none;\n    margin-right: 8px;\n}\n\n.link-input:focus {\n    border-color: #007bff;\n}\n\n.link-display {\n    flex: 1;\n    background-color: #f3f3f3;\n    border-radius: 6px;\n    padding: 8px 10px;\n    margin-right: 8px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.link-display a {\n    text-decoration: none;\n    color: #333;\n}\n\n.link-button {\n    background: none;\n    border: none;\n    font-size: 18px;\n    cursor: pointer;\n    padding: 4px;\n    border-radius: 4px;\n    transition: background 0.2s;\n    flex-shrink: 0;\n}\n\n.link-button:hover {\n    background-color: #eaeaea;\n}\n",".fps-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 8px 12px;\n    background: var(--file-preview-bg);\n    border-top: 1px solid var(--file-preview-border);\n    min-height: 36px;\n    gap: 12px;\n    font-family: system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial;\n}\n\n.fps-left {\n    display: flex;\n    align-items: baseline;\n    gap: 4px;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n}\n\n.fps-index {\n    color: var(--file-preview-index-color);\n    font-weight: 600;\n    font-size: 14px;\n}\n\n.fps-filename {\n    color: var(--file-preview-link-color);\n    text-decoration: none;\n    font-weight: 700;\n    font-size: 16px;\n}\n\n.fps-filename:hover,\n.fps-filename:focus {\n    text-decoration: underline;\n    outline: none;\n}\n\n.fps-size {\n    color: var(--file-preview-size-color);\n    font-weight: 600;\n    font-size: 14px;\n}\n\n.fps-close {\n    background: transparent;\n    border: none;\n    font-size: 18px;\n    line-height: 1;\n    color: var(--file-preview-close-color);\n    cursor: pointer;\n    padding: 4px 8px;\n    border-radius: 4px;\n}\n\n.fps-close:hover,\n.fps-close:focus {\n    background: var(--file-preview-close-hover-bg);\n    color: var(--file-preview-close-hover-color);\n    outline: none;\n}\n","/* Scoped CSS variables to prevent global conflicts */\n.react-mail-inbox-root {\n    /* Light theme colors (default for light) */\n    --editor-bg: #ffffff;\n    --text-color: #000000;\n    --icon-color: #000000;\n    --pill-bg: #e0e0e0;\n    --pill-text: #000000;\n    --toolbar-popup-bg: #ffffff;\n    --toolbar-border: #e0e0e0;\n    --selected-icon-color: #000000;\n    --selected-icon-bg: #e0e0e0;\n    --input-bg: #ffffff;\n    --input-border: #e0e0e0;\n    --color-picker-bg: #ffffff;\n    --color-picker-border: #ccc;\n    --color-picker-heading: #111827;\n    --color-picker-btn-bg: #fff;\n    --color-picker-btn-border: #e6edf3;\n    --color-picker-swatch-border: rgba(0, 0, 0, 0.06);\n    --color-picker-swatch-hover-shadow: rgba(2, 6, 23, 0.08);\n    --color-picker-swatch-selected-shadow: rgba(0, 0, 0, 0.08);\n    --color-picker-swatch-selected-border: rgba(0, 0, 0, 0.18);\n    --file-preview-bg: #ffffff;\n    --file-preview-border: #e6e6e6;\n    --file-preview-index-color: #0f172a;\n    --file-preview-link-color: #0b63d6;\n    --file-preview-size-color: #6b7280;\n    --file-preview-close-color: #6b7280;\n    --file-preview-close-hover-bg: rgba(0, 0, 0, 0.03);\n    --file-preview-close-hover-color: #111827;\n}\n\n.react-mail-inbox-root[data-theme=\"dark\"] {\n    /* Dark theme colors */\n    --editor-bg: #34353C;\n    --text-color: #ffffff;\n    --icon-color: #8A8F98;\n    --pill-bg: #62666D;\n    --pill-text: #ffffff;\n    --toolbar-popup-bg: #34353C;\n    --toolbar-border: #62666D;\n    --selected-icon-color: #8A8F98;\n    --selected-icon-bg: #ffffff;\n    --input-bg: #8A8F98;\n    --input-border: #62666D;\n    --color-picker-bg: #2a2b30;\n    --color-picker-border: #62666D;\n    --color-picker-heading: #ffffff;\n    --color-picker-btn-bg: #34353C;\n    --color-picker-btn-border: #62666D;\n    --color-picker-swatch-border: rgba(255, 255, 255, 0.1);\n    --color-picker-swatch-hover-shadow: rgba(255, 255, 255, 0.1);\n    --color-picker-swatch-selected-shadow: rgba(255, 255, 255, 0.15);\n    --color-picker-swatch-selected-border: rgba(255, 255, 255, 0.3);\n    --file-preview-bg: #34353C;\n    --file-preview-border: #62666D;\n    --file-preview-index-color: #ffffff;\n    --file-preview-link-color: #4A9EFF;\n    --file-preview-size-color: #8A8F98;\n    --file-preview-close-color: #8A8F98;\n    --file-preview-close-hover-bg: rgba(255, 255, 255, 0.1);\n    --file-preview-close-hover-color: #ffffff;\n}\n\n/* Scoped reset to only affect elements within the component */\n.react-mail-inbox-root * {\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n}\n\n.react-mail-inbox-root code {\n    font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',\n        monospace;\n}\n\n.filter-popup-content {\n    background-color: transparent !important;\n    border: 0 !important;\n    /* width: 0 !important; */\n    /* height: 0 !important; */\n    z-index: 9999 !important;\n}\n\n.filter-popup-arrow {\n    display: none;\n}\n\n.filter-popup-overlay {\n    z-index: 999 !important;\n}\n\n.gmail-header {\n    background-color: var(--editor-bg);\n    color: var(--text-color);\n}\n\n.gmail-header *::placeholder {\n    background-color: var(--editor-bg);\n    color: var(--text-color);\n}\n\n.input-header {\n    border: none;\n    background: transparent;\n    outline: none;\n    width: 100%;\n    height: 40px;\n    padding-left: 5px;\n    padding-right: 5px;\n    font-size: 14px;\n    box-sizing: border-box;\n    color: var(--text-color);\n}\n\n.container-receipts {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    gap: 10px;\n}\n\n.input-trigger {\n    width: 100%;\n}\n\n.options-dropdown {\n    display: flex;\n    flex-direction: column;\n    gap: 5px;\n    width: 500px;\n    border: 1px solid var(--toolbar-border);\n    background: var(--toolbar-popup-bg);\n    border-radius: 5px;\n}\n\n.option-dropdown {\n    height: 50px;\n    border: none;\n    padding: 5px;\n    text-align: left;\n    background: transparent;\n    outline: none;\n    cursor: pointer;\n    width: 100%;\n    padding-left: 5px;\n    padding-right: 5px;\n    font-size: 14px;\n    box-sizing: border-box;\n    color: var(--text-color);\n}\n\n.option-dropdown:hover {\n    background: var(--pill-bg);\n}\n\n.option-dropdown.selected {\n    background: var(--pill-bg);\n}\n\n.option-dropdown:focus {\n    background: var(--pill-bg);\n    outline: 2px solid var(--selected-icon-bg);\n    outline-offset: -2px;\n}\n\n.container-receipts {\n    width: 100%;\n}\n\n.emails {\n    border: 1px solid var(--pill-bg);\n    background-color: var(--pill-bg);\n    padding: 5px 10px;\n    border-radius: 20px;\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    gap: 5px;\n    width: 100%;\n    box-sizing: border-box;\n    color: var(--pill-text);\n}\n\n.emails-close {\n    cursor: pointer;\n    width: 15px;\n    height: 15px;\n    border: none;\n    background: transparent;\n    outline: none;\n}\n\n.emails-close svg {\n    cursor: pointer;\n    width: 15px;\n    height: 15px;\n    color: var(--pill-text);\n}\n\n/* Skeleton loader styles */\n.skeleton-loader {\n    pointer-events: none;\n    padding: 8px 10px;\n}\n\n.skeleton-line {\n    background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);\n    background-size: 200% 100%;\n    animation: shimmer 1.5s infinite;\n    border-radius: 4px;\n}\n\n.skeleton-name {\n    height: 16px;\n    width: 60%;\n    margin-bottom: 8px;\n}\n\n.skeleton-email {\n    height: 14px;\n    width: 80%;\n}\n\n@keyframes shimmer {\n    0% {\n        background-position: 200% 0;\n    }\n\n    100% {\n        background-position: -200% 0;\n    }\n}\n"],"mappings":"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","names":[]}

package/dist/index.d.mts

@@ -36,4 +36,4 @@ declare function GmailInbox({ fetchEmailOptions, handleChange, initialData, init
 
 type Alignment = "left" | "center" | "right";
 
-export { type Alignment, type EmailData, type EmailOption, GmailInbox, type Theme, useTheme };
+export { type Alignment, type EmailData, type EmailOption, GmailInbox, type Theme, GmailInbox as default, useTheme };

package/dist/index.d.ts

@@ -36,4 +36,4 @@ declare function GmailInbox({ fetchEmailOptions, handleChange, initialData, init
 
 type Alignment = "left" | "center" | "right";
 
-export { type Alignment, type EmailData, type EmailOption, GmailInbox, type Theme, useTheme };
+export { type Alignment, type EmailData, type EmailOption, GmailInbox, type Theme, GmailInbox as default, useTheme };

package/dist/index.js

@@ -1,5 +1,7 @@
 'use strict';
 
+Object.defineProperty(exports, '__esModule', { value: true });
+
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 var LexicalAutoFocusPlugin = require('@lexical/react/LexicalAutoFocusPlugin');
@@ -43,7 +45,6 @@ var ThemeProvider = ({
 }) => {
   const [theme, setTheme] = react.useState(initialTheme);
   react.useEffect(() => {
-    document.documentElement.setAttribute("data-theme", theme);
     if (onThemeChange) {
       onThemeChange(theme);
     }
@@ -2127,6 +2128,7 @@ function GmailWrapperContent({
     setAttachments,
     setIsReply
   } = useEmailContext();
+  const { theme } = useTheme();
   const [bodyHTML, setBodyHTML] = react.useState(initialData?.body || "");
   const [emailData, setEmailData] = react.useState({
     to: initialData?.to || [],
@@ -2198,7 +2200,7 @@ function GmailWrapperContent({
   react.useEffect(() => {
     handleChange(emailData);
   }, [emailData, handleChange]);
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "gmail-wrapper", children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "react-mail-inbox-root gmail-wrapper", "data-theme": theme, children: [
     leftChildren,
     /* @__PURE__ */ jsxRuntime.jsx(GmailHeading_default, { fetchEmailOptions }),
     /* @__PURE__ */ jsxRuntime.jsx(
@@ -2257,7 +2259,11 @@ function GmailInbox({
 }
 var GmailInbox_default = GmailInbox;
 
+// src/index.tsx
+var index_default = GmailInbox_default;
+
 exports.GmailInbox = GmailInbox_default;
+exports.default = index_default;
 exports.useTheme = useTheme;
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map