mc-react-library 0.6.3 → 0.6.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/README.md +6 -6
  2. package/dist/main.css +1 -1
  3. package/dist/main.js +1326 -973
  4. package/package.json +1 -1
package/README.md CHANGED
@@ -35,8 +35,8 @@ Project structure:
35
35
  For developing the library of components, start the demo page (in `src\`) by
36
36
 
37
37
  ```
38
- npm install
39
- npm run dev
38
+ pnpm install
39
+ pnpm run dev
40
40
  ```
41
41
 
42
42
  and update the components in `lib\`.
@@ -46,14 +46,14 @@ and update the components in `lib\`.
46
46
  To build the library and test it locally in an external application (before publishing to npm), use
47
47
 
48
48
  ```
49
- npm run build
50
- npm pack
49
+ pnpm run build
50
+ pnpm pack
51
51
  ```
52
52
 
53
53
  which will create a `.tgz` file that can then be installed by the external application via
54
54
 
55
55
  ```
56
- npm install /path/to/mc-react-library-x.y.z.tgz
56
+ pnpm install /path/to/mc-react-library-x.y.z.tgz
57
57
  ```
58
58
 
59
59
  ### Publishing a new version
@@ -61,6 +61,6 @@ npm install /path/to/mc-react-library-x.y.z.tgz
61
61
  To make a new version and publish to npm via GitHub Actions:
62
62
 
63
63
  ```bash
64
- npm version <major/minor/patch>
64
+ pnpm version <major/minor/patch>
65
65
  git push --follow-tags
66
66
  ```
package/dist/main.css CHANGED
@@ -1 +1 @@
1
- ._button_qg5kh_1{background-color:#f90;color:#fff;border:solid 2px black;border-radius:5px;cursor:pointer;transition:background-color .3s ease;height:30px;width:80px}._button_qg5kh_1:hover{background-color:#ad6800}._archive_doicitation_y1o5i_1{color:#333;font-size:75%;line-height:1;margin-bottom:0;margin-top:0}._archive_doicitation_y1o5i_1 span._doi_badge_y1o5i_9{white-space:nowrap;display:inline-block}._archive_doicitation_y1o5i_1 span._doi_left_y1o5i_13{border-radius:.25rem;border-top-right-radius:0;border-bottom-right-radius:0;color:#fff;background-color:#343a40;padding:.25em .4em;font-weight:500;text-align:center;white-space:nowrap;vertical-align:baseline;display:inline-block}._archive_doicitation_y1o5i_1 a._doi_right_y1o5i_27{border-radius:.25rem;border-top-left-radius:0;border-bottom-left-radius:0;color:#212529;background-color:#a2cbff;display:inline-block;padding:.25em .4em;font-weight:500;text-align:center;white-space:nowrap;vertical-align:baseline;text-decoration:none}._archive_doicitation_y1o5i_1 a._doi_right_y1o5i_27[href]:focus,._archive_doicitation_y1o5i_1 a._doi_right_y1o5i_27[href]:hover{color:#212529;text-decoration:none;background-color:#c0dbff}.help-button{display:inline-block;position:relative}.help-button__trigger{width:1.25em;height:1.25em;box-sizing:border-box;box-shadow:0 0 0 1px #686868 inset;border:0;border-radius:50%;padding:0;background:#ececec;color:inherit;font:inherit;line-height:1;text-align:center;display:inline-flex;justify-content:center;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;-moz-appearance:none;appearance:none;-webkit-appearance:none}.help-button__trigger:hover{filter:brightness(85%)}.help-button__trigger:focus{outline:none}.help-button__trigger:focus-visible{outline:2px solid #2563eb;outline-offset:2px}.help-button__popover{position:absolute;z-index:1000;width:max-content;max-width:276px;padding:1rem;background:#fff;border:1px solid rgb(0 0 0 / 17.5%);border-radius:.5rem;box-shadow:0 .5rem 1rem #00000026;font-size:.875rem;line-height:1.5;color:#212529;white-space:normal;overflow-wrap:break-word}.help-button__popover:before{content:"";position:absolute;width:12px;height:12px;background:#fff;border:1px solid rgb(0 0 0 / 17.5%)}.help-button__popover[data-placement=top]{bottom:calc(100% + 10px);left:50%;transform:translate(-50%)}.help-button__popover[data-placement=top]:before{bottom:-7px;left:50%;margin-left:-6px;transform:rotate(45deg);border-top:0;border-left:0}.help-button__popover[data-placement=bottom]{top:calc(100% + 10px);left:50%;transform:translate(-50%)}.help-button__popover[data-placement=bottom]:before{top:-7px;left:50%;margin-left:-6px;transform:rotate(45deg);border-right:0;border-bottom:0}.help-button__popover[data-placement=left]{right:calc(100% + 10px);top:50%;transform:translateY(-50%)}.help-button__popover[data-placement=left]:before{right:-7px;top:50%;margin-top:-6px;transform:rotate(45deg);border-top:0;border-left:0}.help-button__popover[data-placement=right]{left:calc(100% + 10px);top:50%;transform:translateY(-50%)}.help-button__popover[data-placement=right]:before{left:-7px;top:50%;margin-top:-6px;transform:rotate(45deg);border-right:0;border-bottom:0}.struct-download{display:inline-block;position:relative}.struct-download__button{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:28px;height:28px;margin:4px;padding:0;background:#0d6efd;border:1px solid #0d6efd;border-radius:.25rem;color:#fff;font-size:.875rem;line-height:1;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none}.struct-download__button:hover{background:#0b5ed7;border-color:#0a58ca}.struct-download__button:focus{outline:none}.struct-download__button:focus-visible{outline:2px solid #86b7fe;outline-offset:2px}.struct-download__icon{width:1em;height:1em;display:block}.struct-download__dropdown{position:absolute;z-index:1000;top:calc(100% + 8px);left:50%;transform:translate(-50%);width:max-content;max-width:276px;padding:5px 0;background:#fff;border:1px solid rgb(0 0 0 / 17.5%);border-radius:.5rem;box-shadow:0 .5rem 1rem #00000026;font-size:.875rem;line-height:1.5;color:#212529;white-space:normal;overflow-wrap:break-word}.struct-download__dropdown:before{content:"";position:absolute;top:-7px;left:50%;margin-left:-6px;width:12px;height:12px;background:#fff;border:1px solid rgb(0 0 0 / 17.5%);border-right:0;border-bottom:0;transform:rotate(45deg)}.struct-download__menu{list-style-type:none;padding:0;margin:0}.struct-download__menu li:hover{background-color:#f5f5f5}.struct-download__menu a{display:block;padding:5px 10px;text-decoration:none;color:#000}.struct-download__menu a:hover{color:#000;text-decoration:none}.explore-button{display:inline-flex;align-items:center;position:relative;vertical-align:middle}.explore-button__link{display:inline-flex;align-items:center;line-height:1}.explore-button__logo{height:1em;width:auto;display:block;margin:0;border:0}.explore-button__tooltip{position:absolute;z-index:1080;width:max-content;max-width:400px;padding:.25rem .5rem;background:#000;border-radius:.375rem;color:#fff;font-size:.875rem;line-height:1.5;text-align:center;white-space:normal;overflow-wrap:break-word;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .15s ease}.explore-button:hover .explore-button__tooltip,.explore-button:focus-within .explore-button__tooltip{opacity:1;visibility:visible}.explore-button__tooltip[data-placement=top]{bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.explore-button__tooltip[data-placement=bottom]{top:calc(100% + 8px);left:50%;transform:translate(-50%)}.explore-button__tooltip[data-placement=left]{right:calc(100% + 8px);top:50%;transform:translateY(-50%)}.explore-button__tooltip[data-placement=right]{left:calc(100% + 8px);top:50%;transform:translateY(-50%)}.explore-button__tooltip:before{content:"";position:absolute;width:8px;height:8px;background:#000;transform:rotate(45deg)}.explore-button__tooltip[data-placement=top]:before{bottom:-4px;left:50%;margin-left:-4px}.explore-button__tooltip[data-placement=bottom]:before{top:-4px;left:50%;margin-left:-4px}.explore-button__tooltip[data-placement=left]:before{right:-4px;top:50%;margin-top:-4px}.explore-button__tooltip[data-placement=right]:before{left:-4px;top:50%;margin-top:-4px}._toggleSwitchWrapper_i81zd_2{display:flex;align-items:center;gap:8px;justify-content:center;width:100%;font-size:var(--label-font-size, 12px)}._toggleLabel_i81zd_11{font-weight:400;color:#000}._toggleSwitchContainer_i81zd_16{display:flex;justify-content:center;align-items:center}._toggleSwitch_i81zd_2{background-color:#d3d3d3;border:0px solid;border-radius:99px;width:var(--switch-length, 50px);height:10px;transition:background-color .1s ease,border-color .2s ease;cursor:pointer;box-shadow:1px 1px 5px #0000008c;position:relative}._toggleSwitch_i81zd_2 ._thumb_i81zd_34{height:18px;width:18px;background-color:#0d6efd;border-radius:99px;transition:left .1s ease;position:absolute;top:50%;left:-2px;transform:translateY(-50%)}._toggleSwitch_i81zd_2._toggled_i81zd_46{background-color:#d3d3d3}._toggleSwitch_i81zd_2:hover{filter:brightness(85%)}._toggleSwitch_i81zd_2._toggled_i81zd_46 ._thumb_i81zd_34{background-color:#0d6efd;left:calc(var(--switch-length, 50px) - 15px)}._card_6y0jx_1{width:100%;max-width:100%;background:#f8f8f8;border:1px solid #e2e8f0;padding:10px 15px;border-radius:6px;box-shadow:0 2px 6px 2px #00000026;overflow:visible}._header_6y0jx_13{margin-bottom:6px;font-size:1.1rem}._body_6y0jx_18{padding-left:4px;padding-right:4px}._footer_6y0jx_23{margin-top:6px;font-size:.9rem;color:#5d5d5d}.hash-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:1rem;background:#0f172a7f}.hash-modal__dialog{width:100%;max-width:var(--hash-modal-max-width, 48rem);overflow:hidden;border-radius:.75rem;background:#fff;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.hash-modal__header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid #e2e8f0}.hash-modal__title{margin:0;font-size:1rem;font-weight:600;line-height:1.5rem;color:#0f172a}.hash-modal__close{margin:0;padding:.25rem .5rem;border:0;border-radius:.375rem;background:transparent;color:#64748b;font:inherit;line-height:1;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;transition:background-color .15s ease}.hash-modal__close:hover{background:#f1f5f9}.hash-modal__close:focus{outline:none}.hash-modal__close:focus-visible{outline:2px solid #2563eb;outline-offset:2px}.hash-modal__close-icon{display:block;width:1.25rem;height:1.25rem}.hash-modal__body{max-height:60vh;overflow:auto;padding:1rem 1.25rem;font-size:.875rem;line-height:1.5rem;color:#475569}.text-renderer{--text-renderer-border: var(--mc-border);--text-renderer-background: var(--mc-surface);--text-renderer-header-background: var(--mc-header-bg);--text-renderer-accent-background: var(--mc-accent-bg);--text-renderer-accent: var(--mc-accent);--text-renderer-button-border: var(--mc-button-border);--text-renderer-button-text: var(--mc-button-text);--text-renderer-button-hover: var(--mc-button-hover);--text-renderer-text: var(--mc-text);--text-renderer-content-border: var(--mc-content-border);--text-renderer-content-text: var(--mc-content-text)}.text-renderer__header{display:flex;align-items:center;gap:1rem;padding:0 1.25rem;background:var(--text-renderer-header-background);transition:background-color .15s ease}.text-renderer__header:hover{background:var(--text-renderer-accent-background)}.text-renderer__toggle{display:flex;flex:1 1 0%;min-width:0;align-items:center;gap:.75rem;margin:0;padding:1rem 0;border:0;background:transparent;color:#1e293b;font:inherit;font-weight:500;line-height:inherit;text-align:left;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none}.text-renderer__toggle:focus{outline:none}.text-renderer__toggle:focus-visible{outline:2px solid var(--text-renderer-accent);outline-offset:2px}.text-renderer__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-renderer__actions{display:flex;flex-shrink:0;align-items:center;gap:.5rem}.text-renderer__action{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .75rem;border:1px solid var(--text-renderer-button-border);border-radius:var(--mc-radius);background:var(--text-renderer-background);color:var(--text-renderer-button-text);font:inherit;font-size:.875rem;font-weight:500;line-height:1.25rem;cursor:pointer;transition:background-color .15s ease}.text-renderer__action:hover{background:var(--text-renderer-button-hover)}.text-renderer__action:focus{outline:none}.text-renderer__action:focus-visible{outline:2px solid var(--text-renderer-accent);outline-offset:2px}.text-renderer__action-icon{width:1rem;height:1rem}.text-renderer__scroll{max-height:500px;overflow:auto}.text-renderer__pre{margin:0;color:var(--text-renderer-content-text);font-family:var(--mc-font-mono);font-size:.875rem;line-height:1.5rem;white-space:pre-wrap;overflow-wrap:break-word}:root{--mc-border: #e2e8f0;--mc-surface: #ffffff;--mc-header-bg: #eff6ff;--mc-accent-bg: #dbeafe;--mc-accent: #2563eb;--mc-button-border: #bfdbfe;--mc-button-text: #1d4ed8;--mc-button-hover: #eff6ff;--mc-text: #1e293b;--mc-content-border: #f1f5f9;--mc-content-text: #0f172a;--mc-radius: 4px;--mc-shadow-sm: 0 1px 2px rgb(0 0 0 / 5%);--mc-shadow-md: 0 4px 6px -1px rgb(0 0 0 / 10%), 0 2px 4px -2px rgb(0 0 0 / 10%);--mc-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace}.mc-acc{width:100%;overflow:hidden;border:1px solid var(--mc-border);border-radius:var(--mc-radius);background:var(--mc-surface);box-shadow:var(--mc-shadow-sm);transition:box-shadow .2s ease}.mc-acc--open{box-shadow:var(--mc-shadow-md)}.mc-acc__chevron{display:flex;flex-shrink:0;width:1.75rem;height:1.75rem;align-items:center;justify-content:center;border-radius:9999px;background:var(--mc-accent-bg);color:var(--mc-accent);transition:transform .2s ease}.mc-acc__chevron--open{transform:rotate(180deg)}.mc-acc__chevron-icon{width:1rem;height:1rem}.mc-acc__collapse{display:grid;grid-template-rows:0fr;transition:grid-template-rows .2s ease-in-out}.mc-acc__collapse--open{grid-template-rows:1fr}.mc-acc__collapse-inner{min-height:0;overflow:hidden}.mc-acc__panel{padding:1rem 1.25rem;border-top:1px solid var(--mc-content-border)}.info-accordion__toggle{display:flex;width:100%;align-items:center;justify-content:space-between;gap:1rem;margin:0;padding:1rem 1.25rem;border:0;background:var(--mc-header-bg);color:var(--mc-text);font:inherit;font-weight:500;line-height:inherit;text-align:left;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;transition:background-color .15s ease}.info-accordion__toggle:hover{background:var(--mc-accent-bg)}.info-accordion__toggle:focus{outline:none}.info-accordion__toggle:focus-visible{outline:2px solid var(--mc-accent);outline-offset:-2px}.info-accordion__title{min-width:0}.info-accordion__content{font-size:.875rem;line-height:1.5rem;color:var(--mc-content-text)}
1
+ ._button_qg5kh_1{background-color:#f90;color:#fff;border:solid 2px black;border-radius:5px;cursor:pointer;transition:background-color .3s ease;height:30px;width:80px}._button_qg5kh_1:hover{background-color:#ad6800}._archive_doicitation_y1o5i_1{color:#333;font-size:75%;line-height:1;margin-bottom:0;margin-top:0}._archive_doicitation_y1o5i_1 span._doi_badge_y1o5i_9{white-space:nowrap;display:inline-block}._archive_doicitation_y1o5i_1 span._doi_left_y1o5i_13{border-radius:.25rem;border-top-right-radius:0;border-bottom-right-radius:0;color:#fff;background-color:#343a40;padding:.25em .4em;font-weight:500;text-align:center;white-space:nowrap;vertical-align:baseline;display:inline-block}._archive_doicitation_y1o5i_1 a._doi_right_y1o5i_27{border-radius:.25rem;border-top-left-radius:0;border-bottom-left-radius:0;color:#212529;background-color:#a2cbff;display:inline-block;padding:.25em .4em;font-weight:500;text-align:center;white-space:nowrap;vertical-align:baseline;text-decoration:none}._archive_doicitation_y1o5i_1 a._doi_right_y1o5i_27[href]:focus,._archive_doicitation_y1o5i_1 a._doi_right_y1o5i_27[href]:hover{color:#212529;text-decoration:none;background-color:#c0dbff}.help-button{display:inline-block;position:relative}.help-button__trigger{width:1.25em;height:1.25em;box-sizing:border-box;box-shadow:0 0 0 1px #686868 inset;border:0;border-radius:50%;padding:0;background:#ececec;color:inherit;font:inherit;line-height:1;text-align:center;display:inline-flex;justify-content:center;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;-moz-appearance:none;appearance:none;-webkit-appearance:none}.help-button__trigger:hover{filter:brightness(85%)}.help-button__trigger:focus{outline:none}.help-button__trigger:focus-visible{outline:2px solid #2563eb;outline-offset:2px}.help-button__popover{position:absolute;z-index:1000;width:max-content;max-width:276px;padding:1rem;background:#fff;border:1px solid rgb(0 0 0 / 17.5%);border-radius:.5rem;box-shadow:0 .5rem 1rem #00000026;font-size:.875rem;line-height:1.5;color:#212529;white-space:normal;overflow-wrap:break-word}.help-button__popover:before{content:"";position:absolute;width:12px;height:12px;background:#fff;border:1px solid rgb(0 0 0 / 17.5%)}.help-button__popover[data-placement=top]{bottom:calc(100% + 10px);left:50%;transform:translate(-50%)}.help-button__popover[data-placement=top]:before{bottom:-7px;left:50%;margin-left:-6px;transform:rotate(45deg);border-top:0;border-left:0}.help-button__popover[data-placement=bottom]{top:calc(100% + 10px);left:50%;transform:translate(-50%)}.help-button__popover[data-placement=bottom]:before{top:-7px;left:50%;margin-left:-6px;transform:rotate(45deg);border-right:0;border-bottom:0}.help-button__popover[data-placement=left]{right:calc(100% + 10px);top:50%;transform:translateY(-50%)}.help-button__popover[data-placement=left]:before{right:-7px;top:50%;margin-top:-6px;transform:rotate(45deg);border-top:0;border-left:0}.help-button__popover[data-placement=right]{left:calc(100% + 10px);top:50%;transform:translateY(-50%)}.help-button__popover[data-placement=right]:before{left:-7px;top:50%;margin-top:-6px;transform:rotate(45deg);border-right:0;border-bottom:0}.struct-download{display:inline-block;position:relative}.struct-download__button{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:28px;height:28px;margin:4px;padding:0;background:#0d6efd;border:1px solid #0d6efd;border-radius:.25rem;color:#fff;font-size:.875rem;line-height:1;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none}.struct-download__button:hover{background:#0b5ed7;border-color:#0a58ca}.struct-download__button:focus{outline:none}.struct-download__button:focus-visible{outline:2px solid #86b7fe;outline-offset:2px}.struct-download__icon{width:1em;height:1em;display:block}.struct-download__dropdown{position:absolute;z-index:1000;top:calc(100% + 8px);left:50%;transform:translate(-50%);width:max-content;max-width:276px;padding:5px 0;background:#fff;border:1px solid rgb(0 0 0 / 17.5%);border-radius:.5rem;box-shadow:0 .5rem 1rem #00000026;font-size:.875rem;line-height:1.5;color:#212529;white-space:normal;overflow-wrap:break-word}.struct-download__dropdown:before{content:"";position:absolute;top:-7px;left:50%;margin-left:-6px;width:12px;height:12px;background:#fff;border:1px solid rgb(0 0 0 / 17.5%);border-right:0;border-bottom:0;transform:rotate(45deg)}.struct-download__menu{list-style-type:none;padding:0;margin:0}.struct-download__menu li:hover{background-color:#f5f5f5}.struct-download__menu a{display:block;padding:5px 10px;text-decoration:none;color:#000}.struct-download__menu a:hover{color:#000;text-decoration:none}.explore-button{display:inline-flex;align-items:center;position:relative;vertical-align:middle}.explore-button__link{display:inline-flex;align-items:center;line-height:1}.explore-button__logo{height:1em;width:auto;display:block;margin:0;border:0}.explore-button__tooltip{position:absolute;z-index:1080;width:max-content;max-width:400px;padding:.25rem .5rem;background:#000;border-radius:.375rem;color:#fff;font-size:.875rem;line-height:1.5;text-align:center;white-space:normal;overflow-wrap:break-word;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .15s ease}.explore-button:hover .explore-button__tooltip,.explore-button:focus-within .explore-button__tooltip{opacity:1;visibility:visible}.explore-button__tooltip[data-placement=top]{bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.explore-button__tooltip[data-placement=bottom]{top:calc(100% + 8px);left:50%;transform:translate(-50%)}.explore-button__tooltip[data-placement=left]{right:calc(100% + 8px);top:50%;transform:translateY(-50%)}.explore-button__tooltip[data-placement=right]{left:calc(100% + 8px);top:50%;transform:translateY(-50%)}.explore-button__tooltip:before{content:"";position:absolute;width:8px;height:8px;background:#000;transform:rotate(45deg)}.explore-button__tooltip[data-placement=top]:before{bottom:-4px;left:50%;margin-left:-4px}.explore-button__tooltip[data-placement=bottom]:before{top:-4px;left:50%;margin-left:-4px}.explore-button__tooltip[data-placement=left]:before{right:-4px;top:50%;margin-top:-4px}.explore-button__tooltip[data-placement=right]:before{left:-4px;top:50%;margin-top:-4px}._toggleSwitchWrapper_i81zd_2{display:flex;align-items:center;gap:8px;justify-content:center;width:100%;font-size:var(--label-font-size, 12px)}._toggleLabel_i81zd_11{font-weight:400;color:#000}._toggleSwitchContainer_i81zd_16{display:flex;justify-content:center;align-items:center}._toggleSwitch_i81zd_2{background-color:#d3d3d3;border:0px solid;border-radius:99px;width:var(--switch-length, 50px);height:10px;transition:background-color .1s ease,border-color .2s ease;cursor:pointer;box-shadow:1px 1px 5px #0000008c;position:relative}._toggleSwitch_i81zd_2 ._thumb_i81zd_34{height:18px;width:18px;background-color:#0d6efd;border-radius:99px;transition:left .1s ease;position:absolute;top:50%;left:-2px;transform:translateY(-50%)}._toggleSwitch_i81zd_2._toggled_i81zd_46{background-color:#d3d3d3}._toggleSwitch_i81zd_2:hover{filter:brightness(85%)}._toggleSwitch_i81zd_2._toggled_i81zd_46 ._thumb_i81zd_34{background-color:#0d6efd;left:calc(var(--switch-length, 50px) - 15px)}._card_6y0jx_1{width:100%;max-width:100%;background:#f8f8f8;border:1px solid #e2e8f0;padding:10px 15px;border-radius:6px;box-shadow:0 2px 6px 2px #00000026;overflow:visible}._header_6y0jx_13{margin-bottom:6px;font-size:1.1rem}._body_6y0jx_18{padding-left:4px;padding-right:4px}._footer_6y0jx_23{margin-top:6px;font-size:.9rem;color:#5d5d5d}.mc-dropzone{width:100%}.mc-dropzone__button{display:flex;width:100%;flex-direction:column;align-items:center;justify-content:center;margin:0;padding:2.5rem 1.5rem;border:2px dashed #cbd5e1;border-radius:.75rem;background:#f8fafc;color:inherit;font:inherit;text-align:center;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;transition:border-color .15s ease,background-color .15s ease}.mc-dropzone__button:hover{border-color:#60a5fa;background:#eff6ff7f}.mc-dropzone__button--dragging{border-color:#3b82f6;background:#eff6ff}.mc-dropzone__button:focus{outline:none}.mc-dropzone__button:focus-visible{outline:2px solid #2563eb;outline-offset:2px}.mc-dropzone__button:disabled{opacity:.6;cursor:not-allowed}.mc-dropzone__icon{display:flex;width:3rem;height:3rem;align-items:center;justify-content:center;margin-bottom:.75rem;border-radius:9999px;background:#dbeafe;color:#2563eb}.mc-dropzone__icon-svg{width:1.5rem;height:1.5rem}.mc-dropzone__title{margin:0;font-weight:500;color:#0f172a}.mc-dropzone__subtitle{margin:.25rem 0 0;font-size:.875rem;line-height:1.25rem;color:#64748b}.mc-dropzone__browse{font-weight:500;color:#2563eb}.mc-dropzone__hint{margin:.75rem 0 0;font-size:.75rem;line-height:1rem;color:#94a3b8}.mc-history{width:100%}.mc-history__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.mc-history__title{margin:0;font-size:.875rem;font-weight:600;line-height:1.25rem;color:#1e293b}.mc-history__clear{margin:0;padding:0;border:0;background:transparent;color:#dc2626;font:inherit;font-size:.75rem;font-weight:500;line-height:1rem;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none}.mc-history__clear:hover{color:#b91c1c}.mc-history__clear:focus{outline:none}.mc-history__clear:focus-visible{outline:2px solid #2563eb;outline-offset:2px}.mc-history__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.mc-history__item{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;border:1px solid #e2e8f0;border-radius:.5rem;background:#f8fafc}.mc-history__details{flex:1 1 0%;min-width:0}.mc-history__name{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;font-weight:500;line-height:1.25rem;color:#0f172a}.mc-history__date{margin:0;font-size:.75rem;line-height:1rem;color:#64748b}.mc-history__format{flex-shrink:0;border-radius:9999px;background:#eff6ff;padding:.125rem .625rem;font-size:.75rem;font-weight:500;line-height:1rem;color:#1d4ed8}.mc-history__load{flex-shrink:0;margin:0;padding:.25rem .625rem;border:0;border-radius:.375rem;background:#2563eb;color:#fff;font:inherit;font-size:.75rem;font-weight:500;line-height:1rem;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;transition:background-color .15s ease}.mc-history__load:hover{background:#1d4ed8}.mc-history__load:focus{outline:none}.mc-history__load:focus-visible{outline:2px solid #93c5fd;outline-offset:2px}.mc-history__delete{flex-shrink:0;margin:0;padding:.25rem .5rem;border:0;border-radius:.375rem;background:transparent;color:#64748b;font:inherit;font-size:.75rem;font-weight:500;line-height:1rem;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;transition:background-color .15s ease,color .15s ease}.mc-history__delete:hover{background:#fef2f2;color:#dc2626}.mc-history__delete:focus{outline:none}.mc-history__delete:focus-visible{outline:2px solid #2563eb;outline-offset:2px}.hash-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:1rem;background:#0f172a7f}.hash-modal__dialog{width:100%;max-width:var(--hash-modal-max-width, 48rem);overflow:hidden;border-radius:.75rem;background:#fff;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.hash-modal__header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid #e2e8f0}.hash-modal__title{margin:0;font-size:1rem;font-weight:600;line-height:1.5rem;color:#0f172a}.hash-modal__close{margin:0;padding:.25rem .5rem;border:0;border-radius:.375rem;background:transparent;color:#64748b;font:inherit;line-height:1;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;transition:background-color .15s ease}.hash-modal__close:hover{background:#f1f5f9}.hash-modal__close:focus{outline:none}.hash-modal__close:focus-visible{outline:2px solid #2563eb;outline-offset:2px}.hash-modal__close-icon{display:block;width:1.25rem;height:1.25rem}.hash-modal__body{max-height:60vh;overflow:auto;padding:1rem 1.25rem;font-size:.875rem;line-height:1.5rem;color:#475569}.text-renderer{--text-renderer-border: var(--mc-border);--text-renderer-background: var(--mc-surface);--text-renderer-header-background: var(--mc-header-bg);--text-renderer-accent-background: var(--mc-accent-bg);--text-renderer-accent: var(--mc-accent);--text-renderer-button-border: var(--mc-button-border);--text-renderer-button-text: var(--mc-button-text);--text-renderer-button-hover: var(--mc-button-hover);--text-renderer-text: var(--mc-text);--text-renderer-content-border: var(--mc-content-border);--text-renderer-content-text: var(--mc-content-text)}.text-renderer__header{display:flex;align-items:center;gap:1rem;padding:0 1.25rem;background:var(--text-renderer-header-background);transition:background-color .15s ease}.text-renderer__header:hover{background:var(--text-renderer-accent-background)}.text-renderer__toggle{display:flex;flex:1 1 0%;min-width:0;align-items:center;gap:.75rem;margin:0;padding:1rem 0;border:0;background:transparent;color:#1e293b;font:inherit;font-weight:500;line-height:inherit;text-align:left;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none}.text-renderer__toggle:focus{outline:none}.text-renderer__toggle:focus-visible{outline:2px solid var(--text-renderer-accent);outline-offset:2px}.text-renderer__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-renderer__actions{display:flex;flex-shrink:0;align-items:center;gap:.5rem}.text-renderer__action{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .75rem;border:1px solid var(--text-renderer-button-border);border-radius:var(--mc-radius);background:var(--text-renderer-background);color:var(--text-renderer-button-text);font:inherit;font-size:.875rem;font-weight:500;line-height:1.25rem;cursor:pointer;transition:background-color .15s ease}.text-renderer__action:hover{background:var(--text-renderer-button-hover)}.text-renderer__action:focus{outline:none}.text-renderer__action:focus-visible{outline:2px solid var(--text-renderer-accent);outline-offset:2px}.text-renderer__action-icon{width:1rem;height:1rem}.text-renderer__scroll{max-height:500px;overflow:auto}.text-renderer__pre{margin:0;color:var(--text-renderer-content-text);font-family:var(--mc-font-mono);font-size:.875rem;line-height:1.5rem;white-space:pre-wrap;overflow-wrap:break-word}:root{--mc-border: #e2e8f0;--mc-surface: #ffffff;--mc-header-bg: #eff6ff;--mc-accent-bg: #dbeafe;--mc-accent: #2563eb;--mc-button-border: #bfdbfe;--mc-button-text: #1d4ed8;--mc-button-hover: #eff6ff;--mc-text: #1e293b;--mc-content-border: #f1f5f9;--mc-content-text: #0f172a;--mc-radius: 4px;--mc-shadow-sm: 0 1px 2px rgb(0 0 0 / 5%);--mc-shadow-md: 0 4px 6px -1px rgb(0 0 0 / 10%), 0 2px 4px -2px rgb(0 0 0 / 10%);--mc-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace}.mc-acc{width:100%;overflow:hidden;border:1px solid var(--mc-border);border-radius:var(--mc-radius);background:var(--mc-surface);box-shadow:var(--mc-shadow-sm);transition:box-shadow .2s ease}.mc-acc--open{box-shadow:var(--mc-shadow-md)}.mc-acc__chevron{display:flex;flex-shrink:0;width:1.75rem;height:1.75rem;align-items:center;justify-content:center;border-radius:9999px;background:var(--mc-accent-bg);color:var(--mc-accent);transition:transform .2s ease}.mc-acc__chevron--open{transform:rotate(180deg)}.mc-acc__chevron-icon{width:1rem;height:1rem}.mc-acc__collapse{display:grid;grid-template-rows:0fr;transition:grid-template-rows .2s ease-in-out}.mc-acc__collapse--open{grid-template-rows:1fr}.mc-acc__collapse-inner{min-height:0;overflow:hidden}.mc-acc__panel{padding:1rem 1.25rem;border-top:1px solid var(--mc-content-border)}.info-accordion__toggle{display:flex;width:100%;align-items:center;justify-content:space-between;gap:1rem;margin:0;padding:1rem 1.25rem;border:0;background:var(--mc-header-bg);color:var(--mc-text);font:inherit;font-weight:500;line-height:inherit;text-align:left;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;transition:background-color .15s ease}.info-accordion__toggle:hover{background:var(--mc-accent-bg)}.info-accordion__toggle:focus{outline:none}.info-accordion__toggle:focus-visible{outline:2px solid var(--mc-accent);outline-offset:-2px}.info-accordion__title{min-width:0}.info-accordion__content{font-size:.875rem;line-height:1.5rem;color:var(--mc-content-text)}