@htmlos-next/ui 0.0.4 → 0.0.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.
- package/dist/htmlos-ui.cjs +4 -4
- package/dist/htmlos-ui.js +119 -118
- package/package.json +1 -1
package/dist/htmlos-ui.cjs
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
(function(){"use strict";try{if(typeof document<"u"){var r=document.createElement("style");r.appendChild(document.createTextNode(`:root{--accent: #0088ff;--button-primary-bg: var(--accent);--button-primary-bg-hover: color-mix(in srgb, var(--accent), black 15%);--button-primary-bg-active: color-mix(in srgb, var(--accent), black 30%);--button-secondary-bg-hover: color-mix(in srgb, var(--accent), white 90%);--button-secondary-bg-active: color-mix(in srgb, var(--accent), white 90%);--button-disabled-bg: color-mix(in srgb, var(--accent), white 60%);--text-disabled: color-mix(in srgb, var(--text-primary), white 40%);--icon-color: var(--accent);--border-color: #0000001a;--surface-bg: #ffffff7a;--surface-bg-hover: #ffffffa1;--surface-bg-active: #ffffffd5;--card-bg: #e5e5e5;--card-bg-secondary: #f5f5f5;--overlay-bg: rgba(0, 0, 0, .4);--muted-bg: rgba(0, 0, 0, .06);--text-primary: #000000;--text-secondary: #8b8b8b;--text-inverse: #ffffff;--sidebar-width: 200px}[data-theme=dark]{--button-secondary-bg-hover: #252628;--button-secondary-bg-active: #2b2f35;--button-disabled-bg: color-mix(in srgb, var(--accent), black 60%);--text-disabled: color-mix(in srgb, var(--text-primary), black 40%);--surface-bg: #1e1e1e7a;--surface-bg-hover: #2a2a2aa1;--surface-bg-active: #3a3a3ad5;--card-bg: #1d1d1d;--card-bg-secondary: #2a2a2a;--overlay-bg: rgba(255, 255, 255, .4);--muted-bg: rgba(255, 255, 255, .12);--text-primary: #ffffff;--text-inverse: #000000;--text-secondary: #b3b3b3}body{color:var(--text-primary);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}[device-type=mobile] body{background-color:var(--card-bg-secondary)!important}*,*:before,*:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-tap-highlight-color:rgba(0,0,0,0)}._sidebar_yoln4_1{width:var(--sidebar-width);background-color:var(--surface-bg);position:absolute;top:0;bottom:5px;height:auto;left:5px;border-radius:9px;transition:left .3s;display:flex;flex-direction:column;z-index:999;border:solid 1px var(--border-color);transform:translate(0)}._sidebarCollapsed_yoln4_18{left:calc(-1 * var(--sidebar-width) - 10px)}[device-type=mobile] ._sidebar_yoln4_1._sidebarMobile_yoln4_22{position:absolute;inset:0;width:auto;height:auto;border-radius:0;transition:transform .25s ease;background-color:var(--card-bg)}[device-type=mobile] ._sidebar_yoln4_1._sidebarMobile_yoln4_22._sidebarMobileHidden_yoln4_35{transform:translate(-105%)}._sidebarContent_yoln4_39{height:100%;padding:0 4px;display:flex;flex-direction:column;overflow-y:auto;gap:2px}._sidebarFooter_yoln4_48{padding:4px}._sidebarTitle_azx8n_1{font-size:.8rem;font-weight:600;margin:8px 8px 8px 4px;color:var(--text-secondary)}[device-type=mobile] ._sidebarTitle_azx8n_1{font-size:1.2rem}._sidebarItem_1e3ru_1{padding:6px;transition:background-color .1s;border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;flex-direction:row;justify-content:start;align-items:center;gap:8px}[device-type=mobile] ._sidebarItem_1e3ru_1{font-size:1.4rem}._sidebarItem_1e3ru_1:hover{background-color:var(--surface-bg-hover)}._sidebarItem_1e3ru_1._selected_1e3ru_22{background-color:var(--surface-bg-active);color:var(--icon-color)}._sidebarMainBtn_65l8c_1{width:calc(100% - 8px);background-color:var(--button-primary-bg);border:none;outline:none;color:var(--text-inverse);border-radius:5px;height:32px;margin:4px;font-weight:600;font-size:.9rem;transition:background-color .2s;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:8px;cursor:pointer}[device-type=mobile] ._sidebarMainBtn_65l8c_1{font-size:1.4rem;height:48px}._sidebarMainBtn_65l8c_1:hover{background-color:var(--button-primary-bg-hover)}._sidebarMainBtn_65l8c_1:active{background-color:var(--button-primary-bg-active)}._popupContainer_vz8rg_1{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--overlay-bg);z-index:9999;display:flex;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:1;transition:.2s;pointer-events:auto}._popupClosed_vz8rg_18{opacity:0;pointer-events:none}._popup_vz8rg_1{background-color:var(--card-bg);border-radius:8px;padding:12px;width:300px;height:auto;display:flex;flex-direction:column;justify-content:space-between;gap:12px}._popupIconContainer_vz8rg_35{display:flex;justify-content:center}._popupIcon_vz8rg_35{color:var(--icon-color)}._popupContent_vz8rg_44{display:flex;flex-direction:column;gap:8px}._popupTitle_4z5vb_1{margin:0;text-align:center;font-size:large;font-weight:700}[device-type=mobile] ._popupTitle_4z5vb_1{font-size:1.4rem}._popupDescription_4ewx1_1{text-align:center}[device-type=mobile] ._popupDescription_4ewx1_1{font-size:1.4rem}._popupInput_1b42s_1{width:100%;height:32px;background-color:var(--muted-bg);border:none;border-radius:5px;padding:4px 8px;font-size:1rem;color:var(--text-primary)}[device-type=mobile] ._popupInput_1b42s_1{font-size:1.4rem;height:48px}._popupActions_84v2b_1{display:flex;gap:8px}._popupBtn_ouvtc_1{width:100%;height:32px;border:none;border-radius:5px;font-weight:600;font-size:.9rem;background-color:var(--button-primary-bg);transition:background-color .2s;color:var(--text-inverse);cursor:pointer}[device-type=mobile] ._popupBtn_ouvtc_1{font-size:1.4rem;height:48px}._popupBtn_ouvtc_1:hover{background-color:var(--button-primary-bg-hover)}._popupBtn_ouvtc_1:active{background-color:var(--button-primary-bg-active)}._popupBtn_ouvtc_1._secondary_ouvtc_27{background-color:transparent;color:var(--text-primary);border:solid 1px var(--button-primary-bg);font-weight:400}._popupBtn_ouvtc_1._secondary_ouvtc_27:hover{background-color:var(--button-secondary-bg-hover)}._popupBtn_ouvtc_1._secondary_ouvtc_27:active{background-color:var(--button-secondary-bg-active)}._toolbar_1rbls_1{position:absolute;top:0;left:calc(var(--sidebar-width) + 10px);width:calc(100% - calc(var(--sidebar-width) + 15px));height:32px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;z-index:9999;transition:top .3s,left .3s,width .3s}._toolbarCollapsed_1rbls_18{top:-100%}[device-type=mobile] ._toolbar_1rbls_1{top:5px;height:48px}._toolbarExpanded_1rbls_27{left:5px;width:calc(100% - 10px)}._toolbarTitle_1rbls_32{margin:0;font-size:1rem;font-weight:600}._toolbarActions_1rbls_38{background-color:var(--surface-bg);border-radius:16px;display:flex;flex-direction:row}._toolbarActions_1rbls_38 button{width:32px;height:32px;background-color:transparent;border:none;outline:none;color:var(--icon-color);cursor:pointer}[device-type=mobile] ._toolbarTitle_1p2s8_1{font-size:1.4rem}._toolbarActions_l0jv2_1{background-color:var(--surface-bg);border-radius:16px;display:flex;flex-direction:row}[device-type=mobile] ._toolbarActions_l0jv2_1{border-radius:24px}._toolbarActions_l0jv2_1 button{background-color:transparent}._toolbarBtn_8jy1b_1{width:32px;height:32px;border:none;outline:none;padding:0;display:flex;justify-content:center;align-items:center;background-color:var(--surface-bg);border-radius:16px;color:var(--icon-color);transition:background-color .2s;cursor:pointer}._toolbarBtn_8jy1b_1:hover{background-color:var(--surface-bg-hover)}._toolbarBtn_8jy1b_1:active{background-color:var(--surface-bg-active)}[device-type=mobile] ._toolbarBtn_8jy1b_1{width:48px;height:48px;border-radius:24px}._sidebarIcon_1lib1_1{rotate:0deg;transition:rotate .3s}._sidebarIconExpanded_1lib1_6{rotate:180deg}._content_12evn_1{position:absolute;top:0;left:calc(var(--sidebar-width) + 10px);height:100%;width:calc(100% - calc(var(--sidebar-width) + 15px));transition:left .3s,width .3s;display:flex;flex-direction:column;justify-content:start;align-items:start;overflow:auto;padding-bottom:5px}._contentExpanded_12evn_18{left:5px;width:calc(100% - 10px)}._toolbarPresent_12evn_23{top:37px;height:calc(100% - 37px)}[device-type=mobile] ._content_12evn_1._toolbarPresent_12evn_23{top:58px;height:calc(100% - 58px)}._contentNoMargin_12evn_33{padding:0;left:calc(var(--sidebar-width) + 10px)}._contentExpanded_12evn_18._contentNoMargin_12evn_33{left:0;width:100%}._contextMenu_vtnpl_1{background-color:var(--surface-bg-active);position:fixed;border-radius:9px;transition:opacity .1s,transform .1s;display:flex;flex-direction:column;z-index:9999;border:solid 1px var(--border-color);transform:scale(.7) translate(var(--tx-start)) translateY(var(--ty-start));opacity:0;visibility:hidden;pointer-events:none;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:4px}._contextMenuOpen_vtnpl_22{visibility:visible;pointer-events:auto;transform:scale(1) translate(0) translateY(0);opacity:1}._listItem_7ga7e_1{padding:10px;transition:background-color .1s;border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;flex-direction:row;justify-content:start;align-items:center;gap:8px;width:100%}[device-type=mobile] ._listItem_7ga7e_1{font-size:1.4rem}._listItem_7ga7e_1:hover{background-color:var(--surface-bg-hover)}._listItem_7ga7e_1._selected_7ga7e_23{background-color:var(--surface-bg-active)}._emptyView_1synn_1{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;color:var(--text-secondary)}._card_zjz9h_1{background-color:var(--surface-bg);border-radius:9px;display:flex;flex-direction:column;border:solid 1px var(--border-color);padding:14px;margin:0 8px;width:calc(100% - 16px);gap:8px}._textInput_on5q4_1{width:100%;height:32px;background-color:var(--muted-bg);border:none;border-radius:5px;padding:4px 8px;font-size:.9rem;color:var(--text-primary);transition:background-color .2s}._textInput_on5q4_1:focus{outline:none;background-color:var(--surface-bg)}._textInput_on5q4_1:disabled{opacity:.5;cursor:not-allowed}._textInput_on5q4_1::placeholder{color:var(--text-secondary)}[device-type=mobile] ._textInput_on5q4_1{font-size:1.4rem;height:48px}._selectInput_3f04b_1{height:32px;background-color:var(--muted-bg);border:none;border-radius:5px;padding:4px 32px 4px 8px;font-size:.9rem;color:var(--text-primary);cursor:pointer;transition:background-color .2s;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url('data:image/svg+xml;utf8,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4 6L8 10L12 6" stroke="%23666" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');background-repeat:no-repeat;background-position:right 8px center}._selectInput_3f04b_1:hover{background-color:var(--surface-bg-hover)}._selectInput_3f04b_1:focus{outline:none;background-color:var(--surface-bg)}._selectInput_3f04b_1:disabled{opacity:.5;cursor:not-allowed}[device-type=mobile] ._selectInput_3f04b_1{font-size:1.4rem;height:48px}._button_g5rur_1{width:100%;height:32px;border:none;border-radius:5px;font-weight:600;font-size:.9rem;background-color:var(--button-primary-bg);transition:background-color .2s;color:var(--text-inverse);cursor:pointer}[device-type=mobile] ._button_g5rur_1{font-size:1.4rem;height:48px}._button_g5rur_1:hover{background-color:var(--button-primary-bg-hover)}._button_g5rur_1:active{background-color:var(--button-primary-bg-active)}._button_g5rur_1._secondary_g5rur_27{background-color:transparent;color:var(--text-primary);border:solid 1px var(--button-primary-bg);font-weight:400}._button_g5rur_1._secondary_g5rur_27:hover{background-color:var(--button-secondary-bg-hover)}._button_g5rur_1._secondary_g5rur_27:active{background-color:var(--button-secondary-bg-active)}._button_g5rur_1:disabled{background-color:var(--button-disabled-bg);color:var(--text-disabled);cursor:not-allowed;opacity:.6}._balloon_1jdjr_1{position:fixed;z-index:1000;display:flex;flex-direction:column;width:256px;padding:14px;gap:8px;border-radius:9px;background-color:var(--surface-bg);border:solid 1px var(--border-color);align-items:center;box-sizing:border-box;transform-origin:50% calc(100% + 8px);transform:translate(-50%,calc(-100% - 8px)) scale(.1);filter:opacity(0);transition:.3s;pointer-events:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}._balloonOpen_1jdjr_22{transform:translate(-50%,calc(-100% - 8px)) scale(1);filter:opacity(1);pointer-events:auto}._balloon_1jdjr_1:after{content:"";position:absolute;bottom:-6px;left:50%;transform:translate(-50%) rotate(45deg);width:10px;height:10px;background-color:var(--surface-bg);border-right:solid 1px var(--border-color);border-bottom:solid 1px var(--border-color);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}[device-type=mobile] ._balloon_1jdjr_1{font-size:1.4rem}`)),document.head.appendChild(r)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
|
|
2
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),i=require("react"),
|
|
1
|
+
(function(){"use strict";try{if(typeof document<"u"){var r=document.createElement("style");r.appendChild(document.createTextNode(`:root{--accent: #0088ff;--button-primary-bg: var(--accent);--button-primary-bg-hover: color-mix(in srgb, var(--accent), black 15%);--button-primary-bg-active: color-mix(in srgb, var(--accent), black 30%);--button-secondary-bg-hover: color-mix(in srgb, var(--accent), white 90%);--button-secondary-bg-active: color-mix(in srgb, var(--accent), white 90%);--button-disabled-bg: color-mix(in srgb, var(--accent), white 60%);--text-disabled: color-mix(in srgb, var(--text-primary), white 40%);--icon-color: var(--accent);--border-color: #0000001a;--surface-bg: #ffffff7a;--surface-bg-hover: #ffffffa1;--surface-bg-active: #ffffffd5;--card-bg: #e5e5e5;--card-bg-secondary: #f5f5f5;--overlay-bg: rgba(0, 0, 0, .4);--muted-bg: rgba(0, 0, 0, .06);--text-primary: #000000;--text-secondary: #8b8b8b;--text-inverse: #ffffff;--sidebar-width: 200px}[data-theme=dark]{--button-secondary-bg-hover: #252628;--button-secondary-bg-active: #2b2f35;--button-disabled-bg: color-mix(in srgb, var(--accent), black 60%);--text-disabled: color-mix(in srgb, var(--text-primary), black 40%);--surface-bg: #1e1e1e7a;--surface-bg-hover: #2a2a2aa1;--surface-bg-active: #3a3a3ad5;--card-bg: #1d1d1d;--card-bg-secondary: #2a2a2a;--overlay-bg: rgba(255, 255, 255, .4);--muted-bg: rgba(255, 255, 255, .12);--text-primary: #ffffff;--text-inverse: #000000;--text-secondary: #b3b3b3}body{color:var(--text-primary);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}[device-type=mobile] body{background-color:var(--card-bg-secondary)!important}*,*:before,*:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-tap-highlight-color:rgba(0,0,0,0)}._sidebar_yoln4_1{width:var(--sidebar-width);background-color:var(--surface-bg);position:absolute;top:0;bottom:5px;height:auto;left:5px;border-radius:9px;transition:left .3s;display:flex;flex-direction:column;z-index:999;border:solid 1px var(--border-color);transform:translate(0)}._sidebarCollapsed_yoln4_18{left:calc(-1 * var(--sidebar-width) - 10px)}[device-type=mobile] ._sidebar_yoln4_1._sidebarMobile_yoln4_22{position:absolute;inset:0;width:auto;height:auto;border-radius:0;transition:transform .25s ease;background-color:var(--card-bg)}[device-type=mobile] ._sidebar_yoln4_1._sidebarMobile_yoln4_22._sidebarMobileHidden_yoln4_35{transform:translate(-105%)}._sidebarContent_yoln4_39{height:100%;padding:0 4px;display:flex;flex-direction:column;overflow-y:auto;gap:2px}._sidebarFooter_yoln4_48{padding:4px}._sidebarTitle_azx8n_1{font-size:.8rem;font-weight:600;margin:8px 8px 8px 4px;color:var(--text-secondary)}[device-type=mobile] ._sidebarTitle_azx8n_1{font-size:1.2rem}._sidebarItem_1e3ru_1{padding:6px;transition:background-color .1s;border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;flex-direction:row;justify-content:start;align-items:center;gap:8px}[device-type=mobile] ._sidebarItem_1e3ru_1{font-size:1.4rem}._sidebarItem_1e3ru_1:hover{background-color:var(--surface-bg-hover)}._sidebarItem_1e3ru_1._selected_1e3ru_22{background-color:var(--surface-bg-active);color:var(--icon-color)}._sidebarMainBtn_65l8c_1{width:calc(100% - 8px);background-color:var(--button-primary-bg);border:none;outline:none;color:var(--text-inverse);border-radius:5px;height:32px;margin:4px;font-weight:600;font-size:.9rem;transition:background-color .2s;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:8px;cursor:pointer}[device-type=mobile] ._sidebarMainBtn_65l8c_1{font-size:1.4rem;height:48px}._sidebarMainBtn_65l8c_1:hover{background-color:var(--button-primary-bg-hover)}._sidebarMainBtn_65l8c_1:active{background-color:var(--button-primary-bg-active)}._popupContainer_vz8rg_1{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--overlay-bg);z-index:9999;display:flex;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:1;transition:.2s;pointer-events:auto}._popupClosed_vz8rg_18{opacity:0;pointer-events:none}._popup_vz8rg_1{background-color:var(--card-bg);border-radius:8px;padding:12px;width:300px;height:auto;display:flex;flex-direction:column;justify-content:space-between;gap:12px}._popupIconContainer_vz8rg_35{display:flex;justify-content:center}._popupIcon_vz8rg_35{color:var(--icon-color)}._popupContent_vz8rg_44{display:flex;flex-direction:column;gap:8px}._popupTitle_4z5vb_1{margin:0;text-align:center;font-size:large;font-weight:700}[device-type=mobile] ._popupTitle_4z5vb_1{font-size:1.4rem}._popupDescription_4ewx1_1{text-align:center}[device-type=mobile] ._popupDescription_4ewx1_1{font-size:1.4rem}._popupInput_1b42s_1{width:100%;height:32px;background-color:var(--muted-bg);border:none;border-radius:5px;padding:4px 8px;font-size:1rem;color:var(--text-primary)}[device-type=mobile] ._popupInput_1b42s_1{font-size:1.4rem;height:48px}._popupActions_84v2b_1{display:flex;gap:8px}._popupBtn_ouvtc_1{width:100%;height:32px;border:none;border-radius:5px;font-weight:600;font-size:.9rem;background-color:var(--button-primary-bg);transition:background-color .2s;color:var(--text-inverse);cursor:pointer}[device-type=mobile] ._popupBtn_ouvtc_1{font-size:1.4rem;height:48px}._popupBtn_ouvtc_1:hover{background-color:var(--button-primary-bg-hover)}._popupBtn_ouvtc_1:active{background-color:var(--button-primary-bg-active)}._popupBtn_ouvtc_1._secondary_ouvtc_27{background-color:transparent;color:var(--text-primary);border:solid 1px var(--button-primary-bg);font-weight:400}._popupBtn_ouvtc_1._secondary_ouvtc_27:hover{background-color:var(--button-secondary-bg-hover)}._popupBtn_ouvtc_1._secondary_ouvtc_27:active{background-color:var(--button-secondary-bg-active)}._toolbar_1rbls_1{position:absolute;top:0;left:calc(var(--sidebar-width) + 10px);width:calc(100% - calc(var(--sidebar-width) + 15px));height:32px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;z-index:9999;transition:top .3s,left .3s,width .3s}._toolbarCollapsed_1rbls_18{top:-100%}[device-type=mobile] ._toolbar_1rbls_1{top:5px;height:48px}._toolbarExpanded_1rbls_27{left:5px;width:calc(100% - 10px)}._toolbarTitle_1rbls_32{margin:0;font-size:1rem;font-weight:600}._toolbarActions_1rbls_38{background-color:var(--surface-bg);border-radius:16px;display:flex;flex-direction:row}._toolbarActions_1rbls_38 button{width:32px;height:32px;background-color:transparent;border:none;outline:none;color:var(--icon-color);cursor:pointer}[device-type=mobile] ._toolbarTitle_1p2s8_1{font-size:1.4rem}._toolbarActions_l0jv2_1{background-color:var(--surface-bg);border-radius:16px;display:flex;flex-direction:row}[device-type=mobile] ._toolbarActions_l0jv2_1{border-radius:24px}._toolbarActions_l0jv2_1 button{background-color:transparent}._toolbarBtn_8jy1b_1{width:32px;height:32px;border:none;outline:none;padding:0;display:flex;justify-content:center;align-items:center;background-color:var(--surface-bg);border-radius:16px;color:var(--icon-color);transition:background-color .2s;cursor:pointer}._toolbarBtn_8jy1b_1:hover{background-color:var(--surface-bg-hover)}._toolbarBtn_8jy1b_1:active{background-color:var(--surface-bg-active)}[device-type=mobile] ._toolbarBtn_8jy1b_1{width:48px;height:48px;border-radius:24px}._sidebarIcon_1lib1_1{rotate:0deg;transition:rotate .3s}._sidebarIconExpanded_1lib1_6{rotate:180deg}._content_to68z_1{position:absolute;top:0;left:calc(var(--sidebar-width) + 10px);height:100%;width:calc(100% - calc(var(--sidebar-width) + 15px));transition:left .3s,width .3s;display:flex;flex-direction:column;justify-content:start;align-items:start;overflow:auto;padding-bottom:5px}._contentExpanded_to68z_18{left:5px;width:calc(100% - 10px)}._toolbarPresent_to68z_23{top:37px;height:calc(100% - 37px)}[device-type=mobile] ._content_to68z_1._toolbarPresent_to68z_23{top:58px;height:calc(100% - 58px)}._contentNoMargin_to68z_33{padding:0;left:calc(var(--sidebar-width))}._contentExpanded_to68z_18._contentNoMargin_to68z_33{left:0;width:100%}._contextMenu_vtnpl_1{background-color:var(--surface-bg-active);position:fixed;border-radius:9px;transition:opacity .1s,transform .1s;display:flex;flex-direction:column;z-index:9999;border:solid 1px var(--border-color);transform:scale(.7) translate(var(--tx-start)) translateY(var(--ty-start));opacity:0;visibility:hidden;pointer-events:none;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:4px}._contextMenuOpen_vtnpl_22{visibility:visible;pointer-events:auto;transform:scale(1) translate(0) translateY(0);opacity:1}._listItem_7ga7e_1{padding:10px;transition:background-color .1s;border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;flex-direction:row;justify-content:start;align-items:center;gap:8px;width:100%}[device-type=mobile] ._listItem_7ga7e_1{font-size:1.4rem}._listItem_7ga7e_1:hover{background-color:var(--surface-bg-hover)}._listItem_7ga7e_1._selected_7ga7e_23{background-color:var(--surface-bg-active)}._emptyView_1synn_1{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;color:var(--text-secondary)}._card_zjz9h_1{background-color:var(--surface-bg);border-radius:9px;display:flex;flex-direction:column;border:solid 1px var(--border-color);padding:14px;margin:0 8px;width:calc(100% - 16px);gap:8px}._textInput_on5q4_1{width:100%;height:32px;background-color:var(--muted-bg);border:none;border-radius:5px;padding:4px 8px;font-size:.9rem;color:var(--text-primary);transition:background-color .2s}._textInput_on5q4_1:focus{outline:none;background-color:var(--surface-bg)}._textInput_on5q4_1:disabled{opacity:.5;cursor:not-allowed}._textInput_on5q4_1::placeholder{color:var(--text-secondary)}[device-type=mobile] ._textInput_on5q4_1{font-size:1.4rem;height:48px}._selectInput_3f04b_1{height:32px;background-color:var(--muted-bg);border:none;border-radius:5px;padding:4px 32px 4px 8px;font-size:.9rem;color:var(--text-primary);cursor:pointer;transition:background-color .2s;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url('data:image/svg+xml;utf8,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4 6L8 10L12 6" stroke="%23666" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');background-repeat:no-repeat;background-position:right 8px center}._selectInput_3f04b_1:hover{background-color:var(--surface-bg-hover)}._selectInput_3f04b_1:focus{outline:none;background-color:var(--surface-bg)}._selectInput_3f04b_1:disabled{opacity:.5;cursor:not-allowed}[device-type=mobile] ._selectInput_3f04b_1{font-size:1.4rem;height:48px}._button_g5rur_1{width:100%;height:32px;border:none;border-radius:5px;font-weight:600;font-size:.9rem;background-color:var(--button-primary-bg);transition:background-color .2s;color:var(--text-inverse);cursor:pointer}[device-type=mobile] ._button_g5rur_1{font-size:1.4rem;height:48px}._button_g5rur_1:hover{background-color:var(--button-primary-bg-hover)}._button_g5rur_1:active{background-color:var(--button-primary-bg-active)}._button_g5rur_1._secondary_g5rur_27{background-color:transparent;color:var(--text-primary);border:solid 1px var(--button-primary-bg);font-weight:400}._button_g5rur_1._secondary_g5rur_27:hover{background-color:var(--button-secondary-bg-hover)}._button_g5rur_1._secondary_g5rur_27:active{background-color:var(--button-secondary-bg-active)}._button_g5rur_1:disabled{background-color:var(--button-disabled-bg);color:var(--text-disabled);cursor:not-allowed;opacity:.6}._balloon_1jdjr_1{position:fixed;z-index:1000;display:flex;flex-direction:column;width:256px;padding:14px;gap:8px;border-radius:9px;background-color:var(--surface-bg);border:solid 1px var(--border-color);align-items:center;box-sizing:border-box;transform-origin:50% calc(100% + 8px);transform:translate(-50%,calc(-100% - 8px)) scale(.1);filter:opacity(0);transition:.3s;pointer-events:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}._balloonOpen_1jdjr_22{transform:translate(-50%,calc(-100% - 8px)) scale(1);filter:opacity(1);pointer-events:auto}._balloon_1jdjr_1:after{content:"";position:absolute;bottom:-6px;left:50%;transform:translate(-50%) rotate(45deg);width:10px;height:10px;background-color:var(--surface-bg);border-right:solid 1px var(--border-color);border-bottom:solid 1px var(--border-color);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}[device-type=mobile] ._balloon_1jdjr_1{font-size:1.4rem}`)),document.head.appendChild(r)}}catch(o){console.error("vite-plugin-css-injected-by-js",o)}})();
|
|
2
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),i=require("react"),C=require("lucide-react"),I=i.createContext({isMobile:!1}),d=()=>i.useContext(I);function B({isMobile:t,sidebar:e,children:o,accentColor:n="#0088ff"}){return i.useLayoutEffect(()=>{n&&document.documentElement.style.setProperty("--accent",n)},[n]),s.jsx(I.Provider,{value:{isMobile:t},children:s.jsxs("div",{children:[s.jsx("aside",{children:e}),s.jsx("main",{children:o})]})})}const E="_sidebar_yoln4_1",g="_sidebarCollapsed_yoln4_18",S="_sidebarMobile_yoln4_22",P="_sidebarMobileHidden_yoln4_35",z="_sidebarContent_yoln4_39",D="_sidebarFooter_yoln4_48",u={sidebar:E,sidebarCollapsed:g,sidebarMobile:S,sidebarMobileHidden:P,sidebarContent:z,sidebarFooter:D};function A({open:t,footer:e,children:o}){const{isMobile:n}=d();return s.jsxs("div",{className:`
|
|
3
3
|
${u.sidebar}
|
|
4
4
|
${t?"":u.sidebarCollapsed}
|
|
5
5
|
${n?u.sidebarMobile:""}
|
|
6
|
-
${!t&&n?u.sidebarMobileHidden:""}`,children:[s.jsx("div",{className:u.sidebarContent,children:o}),e&&s.jsx("div",{className:u.sidebarFooter,children:e})]})}const w="_sidebarTitle_azx8n_1",R={sidebarTitle:w};function O({children:t}){return s.jsx("h2",{className:R.sidebarTitle,children:t})}const V="_sidebarItem_1e3ru_1",k="_selected_1e3ru_22",m={sidebarItem:V,selected:k};function q({onClick:t,onContextMenu:e,selected:o=!1,children:n}){const
|
|
6
|
+
${!t&&n?u.sidebarMobileHidden:""}`,children:[s.jsx("div",{className:u.sidebarContent,children:o}),e&&s.jsx("div",{className:u.sidebarFooter,children:e})]})}const w="_sidebarTitle_azx8n_1",R={sidebarTitle:w};function O({children:t}){return s.jsx("h2",{className:R.sidebarTitle,children:t})}const V="_sidebarItem_1e3ru_1",k="_selected_1e3ru_22",m={sidebarItem:V,selected:k};function q({onClick:t,onContextMenu:e,selected:o=!1,children:n}){const c=i.useRef(null),a=r=>{c.current=setTimeout(()=>{e&&(r.preventDefault(),e(r))},500)},l=()=>{c.current&&clearTimeout(c.current)};return s.jsx("div",{className:`${m.sidebarItem} ${o?m.selected:""}`,onClick:t,onContextMenu:r=>{r.preventDefault(),e&&e(r)},onTouchStart:a,onTouchEnd:l,onTouchMove:l,children:n})}const H="_sidebarMainBtn_65l8c_1",F={sidebarMainBtn:H};function L({onClick:t,children:e}){return s.jsx("button",{className:F.sidebarMainBtn,onClick:t,children:e})}const W="_popupContainer_vz8rg_1",K="_popupClosed_vz8rg_18",G="_popup_vz8rg_1",J="_popupContent_vz8rg_44",b={popupContainer:W,popupClosed:K,popup:G,popupContent:J};function Q({open:t=!1,children:e}){return s.jsx("div",{className:`${b.popupContainer} ${t?"":b.popupClosed}`,children:s.jsx("div",{className:b.popup,children:s.jsx("div",{className:b.popupContent,children:e})})})}const U="_popupTitle_4z5vb_1",X={popupTitle:U};function Y({children:t}){return s.jsx("span",{className:X.popupTitle,children:t})}const Z="_popupDescription_4ewx1_1",tt={popupDescription:Z};function et({children:t}){return s.jsx("span",{className:tt.popupDescription,children:t})}const ot="_popupInput_1b42s_1",nt={popupInput:ot},st=i.forwardRef(({placeholder:t="Enter text...",value:e,onChange:o,onSubmit:n,autoFocus:c},a)=>{const l=i.useRef(null),r=a||l;return i.useEffect(()=>{c&&r.current&&r.current.focus()},[c,r]),s.jsx("input",{ref:r,type:"text",className:nt.popupInput,placeholder:t,value:e,onChange:p=>o?.(p.target.value),onKeyDown:p=>{p.key==="Enter"&&n&&n(e||"")}})}),rt="_popupActions_84v2b_1",ct={popupActions:rt};function lt({orientation:t="vertical",children:e}){return s.jsx("div",{className:ct.popupActions,style:{flexDirection:t=="vertical"?"column":"row"},children:e})}const at="_popupBtn_ouvtc_1",it="_secondary_ouvtc_27",$={popupBtn:at,secondary:it};function pt({type:t="primary",onClick:e,children:o}){return s.jsx("button",{className:`${$.popupBtn} ${t=="secondary"?$.secondary:""}`,onClick:e,children:o})}const ut="_toolbar_1rbls_1",dt="_toolbarCollapsed_1rbls_18",bt="_toolbarExpanded_1rbls_27",_={toolbar:ut,toolbarCollapsed:dt,toolbarExpanded:bt};function _t({expanded:t=!0,collapsed:e=!1,children:o}){const{isMobile:n}=d();return s.jsx("div",{className:`${_.toolbar} ${t||n?_.toolbarExpanded:""} ${n?_.toolbarMobile:""} ${e?_.toolbarCollapsed:""}`,children:o})}const ft="_toolbarTitle_1p2s8_1",xt={toolbarTitle:ft};function yt({children:t}){return s.jsx("h3",{className:xt.toolbarTitle,children:t})}const mt="_toolbarActions_l0jv2_1",$t={toolbarActions:mt};function jt({children:t}){return s.jsx("div",{className:$t.toolbarActions,children:t})}const vt="_toolbarBtn_8jy1b_1",Tt={toolbarBtn:vt};function M({onClick:t,children:e}){return s.jsx("button",{onClick:o=>{o.preventDefault(),t&&t(o)},className:Tt.toolbarBtn,children:e})}const ht="_sidebarIcon_1lib1_1",It="_sidebarIconExpanded_1lib1_6",j={sidebarIcon:ht,sidebarIconExpanded:It};function Mt({onToggleSidebar:t,expanded:e=!1}){const{isMobile:o}=d();return s.jsx(M,{onClick:t,children:s.jsx(C.Menu,{size:o?24:18,className:`${j.sidebarIcon} ${e?j.sidebarIconExpanded:""}`})})}const Nt="_content_to68z_1",Ct="_contentExpanded_to68z_18",Bt="_toolbarPresent_to68z_23",Et="_contentNoMargin_to68z_33",f={content:Nt,contentExpanded:Ct,toolbarPresent:Bt,contentNoMargin:Et};function gt({expanded:t=!0,toolbar:e=!0,margin:o="default",children:n}){return s.jsx("div",{className:`${f.content} ${t?f.contentExpanded:""} ${e?f.toolbarPresent:""} ${o==="none"?f.contentNoMargin:""}`,children:n})}const St="_contextMenu_vtnpl_1",Pt="_contextMenuOpen_vtnpl_22",y={contextMenu:St,contextMenuOpen:Pt};function zt({open:t,x:e=20,y:o=20,from:n="top-left",children:c}){const{isMobile:a}=d(),l={"top-left":{tx:"-30%",ty:"-30%"},"top-right":{tx:"30%",ty:"-30%"},"bottom-left":{tx:"-30%",ty:"30%"},"bottom-right":{tx:"30%",ty:"30%"}},{tx:r,ty:p}=l[n],x={top:n.includes("top")?`${o}px`:"auto",bottom:n.includes("bottom")?`${o}px`:"auto",left:n.includes("left")?`${e}px`:"auto",right:n.includes("right")?`${e}px`:"auto","--tx-start":r,"--ty-start":p};return s.jsx("div",{className:`
|
|
7
7
|
${y.contextMenu}
|
|
8
8
|
${t?y.contextMenuOpen:""}
|
|
9
9
|
${a?y.contextMenuMobile:""}
|
|
10
|
-
`,style:
|
|
10
|
+
`,style:x,children:c})}const Dt="_listItem_7ga7e_1",At="_selected_7ga7e_23",v={listItem:Dt,selected:At};function wt({onClick:t,onContextMenu:e,selected:o=!1,children:n}){const c=i.useRef(null),a=r=>{c.current=setTimeout(()=>{e&&(r.preventDefault(),e(r))},500)},l=()=>{c.current&&clearTimeout(c.current)};return s.jsx("div",{className:`${v.listItem} ${o?v.selected:""}`,onClick:t,onContextMenu:r=>{r.preventDefault(),e&&e(r)},onTouchStart:a,onTouchEnd:l,onTouchMove:l,children:n})}function N({icon:t,size:e="default",color:o="default",className:n}){const{isMobile:c}=d(),a=e==="default"?c?24:18:e,l=o==="selected"?"var(--icon-color)":o;return o==="default"?s.jsx(t,{size:a,className:n,strokeWidth:c?2.5:2}):s.jsx(t,{size:a,color:l,className:n,strokeWidth:c?2.5:2})}const Rt="_emptyView_1synn_1",Ot={emptyView:Rt};function Vt({icon:t,label:e}){const{isMobile:o}=d(),n=o?64:48;return s.jsxs("div",{className:Ot.emptyView,children:[s.jsx(N,{icon:t,size:n,color:"var(--text-secondary)"}),s.jsx("h2",{children:e})]})}const kt="_card_zjz9h_1",qt={card:kt};function Ht({children:t}){return s.jsx("div",{className:qt.card,children:t})}const Ft="_textInput_on5q4_1",Lt={textInput:Ft},Wt=i.forwardRef(({placeholder:t,value:e,onChange:o,onFocus:n,onBlur:c,disabled:a=!1,type:l="text",className:r},p)=>s.jsx("input",{ref:p,type:l,className:`${Lt.textInput} ${r||""}`,placeholder:t,value:e,onChange:x=>o?.(x.target.value),onFocus:n,onBlur:c,disabled:a})),Kt="_selectInput_3f04b_1",Gt={selectInput:Kt},Jt=i.forwardRef(({className:t,children:e,...o},n)=>s.jsx("select",{ref:n,className:`${Gt.selectInput} ${t||""}`,...o,children:e})),Qt="_button_g5rur_1",Ut="_secondary_g5rur_27",T={button:Qt,secondary:Ut};function Xt({disabled:t=!1,type:e="primary",onClick:o,children:n}){return s.jsx("button",{className:`${T.button} ${e=="secondary"?T.secondary:""}`,onClick:o,disabled:t,children:n})}const Yt="_balloon_1jdjr_1",Zt="_balloonOpen_1jdjr_22",h={balloon:Yt,balloonOpen:Zt};function te({open:t,x:e,y:o,children:n,className:c,style:a,...l}){const r={};typeof e=="number"&&(r.left=e),typeof o=="number"&&(r.top=o);const p=[h.balloon,t?h.balloonOpen:"",c??""].filter(Boolean).join(" ");return s.jsx("div",{...l,className:p,style:{...a,...r},children:n})}exports.AppShell=B;exports.Balloon=te;exports.Button=Xt;exports.Card=Ht;exports.Content=gt;exports.ContextMenu=zt;exports.EmptyView=Vt;exports.Icon=N;exports.ListItem=wt;exports.Popup=Q;exports.PopupActions=lt;exports.PopupButton=pt;exports.PopupDescription=et;exports.PopupInput=st;exports.PopupTitle=Y;exports.SelectInput=Jt;exports.Sidebar=A;exports.SidebarButton=L;exports.SidebarItem=q;exports.SidebarTitle=O;exports.TextInput=Wt;exports.Toolbar=_t;exports.ToolbarActions=jt;exports.ToolbarButton=M;exports.ToolbarExpandSidebarButton=Mt;exports.ToolbarTitle=yt;
|
package/dist/htmlos-ui.js
CHANGED
|
@@ -1,30 +1,30 @@
|
|
|
1
|
-
(function(){"use strict";try{if(typeof document<"u"){var r=document.createElement("style");r.appendChild(document.createTextNode(`:root{--accent: #0088ff;--button-primary-bg: var(--accent);--button-primary-bg-hover: color-mix(in srgb, var(--accent), black 15%);--button-primary-bg-active: color-mix(in srgb, var(--accent), black 30%);--button-secondary-bg-hover: color-mix(in srgb, var(--accent), white 90%);--button-secondary-bg-active: color-mix(in srgb, var(--accent), white 90%);--button-disabled-bg: color-mix(in srgb, var(--accent), white 60%);--text-disabled: color-mix(in srgb, var(--text-primary), white 40%);--icon-color: var(--accent);--border-color: #0000001a;--surface-bg: #ffffff7a;--surface-bg-hover: #ffffffa1;--surface-bg-active: #ffffffd5;--card-bg: #e5e5e5;--card-bg-secondary: #f5f5f5;--overlay-bg: rgba(0, 0, 0, .4);--muted-bg: rgba(0, 0, 0, .06);--text-primary: #000000;--text-secondary: #8b8b8b;--text-inverse: #ffffff;--sidebar-width: 200px}[data-theme=dark]{--button-secondary-bg-hover: #252628;--button-secondary-bg-active: #2b2f35;--button-disabled-bg: color-mix(in srgb, var(--accent), black 60%);--text-disabled: color-mix(in srgb, var(--text-primary), black 40%);--surface-bg: #1e1e1e7a;--surface-bg-hover: #2a2a2aa1;--surface-bg-active: #3a3a3ad5;--card-bg: #1d1d1d;--card-bg-secondary: #2a2a2a;--overlay-bg: rgba(255, 255, 255, .4);--muted-bg: rgba(255, 255, 255, .12);--text-primary: #ffffff;--text-inverse: #000000;--text-secondary: #b3b3b3}body{color:var(--text-primary);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}[device-type=mobile] body{background-color:var(--card-bg-secondary)!important}*,*:before,*:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-tap-highlight-color:rgba(0,0,0,0)}._sidebar_yoln4_1{width:var(--sidebar-width);background-color:var(--surface-bg);position:absolute;top:0;bottom:5px;height:auto;left:5px;border-radius:9px;transition:left .3s;display:flex;flex-direction:column;z-index:999;border:solid 1px var(--border-color);transform:translate(0)}._sidebarCollapsed_yoln4_18{left:calc(-1 * var(--sidebar-width) - 10px)}[device-type=mobile] ._sidebar_yoln4_1._sidebarMobile_yoln4_22{position:absolute;inset:0;width:auto;height:auto;border-radius:0;transition:transform .25s ease;background-color:var(--card-bg)}[device-type=mobile] ._sidebar_yoln4_1._sidebarMobile_yoln4_22._sidebarMobileHidden_yoln4_35{transform:translate(-105%)}._sidebarContent_yoln4_39{height:100%;padding:0 4px;display:flex;flex-direction:column;overflow-y:auto;gap:2px}._sidebarFooter_yoln4_48{padding:4px}._sidebarTitle_azx8n_1{font-size:.8rem;font-weight:600;margin:8px 8px 8px 4px;color:var(--text-secondary)}[device-type=mobile] ._sidebarTitle_azx8n_1{font-size:1.2rem}._sidebarItem_1e3ru_1{padding:6px;transition:background-color .1s;border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;flex-direction:row;justify-content:start;align-items:center;gap:8px}[device-type=mobile] ._sidebarItem_1e3ru_1{font-size:1.4rem}._sidebarItem_1e3ru_1:hover{background-color:var(--surface-bg-hover)}._sidebarItem_1e3ru_1._selected_1e3ru_22{background-color:var(--surface-bg-active);color:var(--icon-color)}._sidebarMainBtn_65l8c_1{width:calc(100% - 8px);background-color:var(--button-primary-bg);border:none;outline:none;color:var(--text-inverse);border-radius:5px;height:32px;margin:4px;font-weight:600;font-size:.9rem;transition:background-color .2s;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:8px;cursor:pointer}[device-type=mobile] ._sidebarMainBtn_65l8c_1{font-size:1.4rem;height:48px}._sidebarMainBtn_65l8c_1:hover{background-color:var(--button-primary-bg-hover)}._sidebarMainBtn_65l8c_1:active{background-color:var(--button-primary-bg-active)}._popupContainer_vz8rg_1{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--overlay-bg);z-index:9999;display:flex;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:1;transition:.2s;pointer-events:auto}._popupClosed_vz8rg_18{opacity:0;pointer-events:none}._popup_vz8rg_1{background-color:var(--card-bg);border-radius:8px;padding:12px;width:300px;height:auto;display:flex;flex-direction:column;justify-content:space-between;gap:12px}._popupIconContainer_vz8rg_35{display:flex;justify-content:center}._popupIcon_vz8rg_35{color:var(--icon-color)}._popupContent_vz8rg_44{display:flex;flex-direction:column;gap:8px}._popupTitle_4z5vb_1{margin:0;text-align:center;font-size:large;font-weight:700}[device-type=mobile] ._popupTitle_4z5vb_1{font-size:1.4rem}._popupDescription_4ewx1_1{text-align:center}[device-type=mobile] ._popupDescription_4ewx1_1{font-size:1.4rem}._popupInput_1b42s_1{width:100%;height:32px;background-color:var(--muted-bg);border:none;border-radius:5px;padding:4px 8px;font-size:1rem;color:var(--text-primary)}[device-type=mobile] ._popupInput_1b42s_1{font-size:1.4rem;height:48px}._popupActions_84v2b_1{display:flex;gap:8px}._popupBtn_ouvtc_1{width:100%;height:32px;border:none;border-radius:5px;font-weight:600;font-size:.9rem;background-color:var(--button-primary-bg);transition:background-color .2s;color:var(--text-inverse);cursor:pointer}[device-type=mobile] ._popupBtn_ouvtc_1{font-size:1.4rem;height:48px}._popupBtn_ouvtc_1:hover{background-color:var(--button-primary-bg-hover)}._popupBtn_ouvtc_1:active{background-color:var(--button-primary-bg-active)}._popupBtn_ouvtc_1._secondary_ouvtc_27{background-color:transparent;color:var(--text-primary);border:solid 1px var(--button-primary-bg);font-weight:400}._popupBtn_ouvtc_1._secondary_ouvtc_27:hover{background-color:var(--button-secondary-bg-hover)}._popupBtn_ouvtc_1._secondary_ouvtc_27:active{background-color:var(--button-secondary-bg-active)}._toolbar_1rbls_1{position:absolute;top:0;left:calc(var(--sidebar-width) + 10px);width:calc(100% - calc(var(--sidebar-width) + 15px));height:32px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;z-index:9999;transition:top .3s,left .3s,width .3s}._toolbarCollapsed_1rbls_18{top:-100%}[device-type=mobile] ._toolbar_1rbls_1{top:5px;height:48px}._toolbarExpanded_1rbls_27{left:5px;width:calc(100% - 10px)}._toolbarTitle_1rbls_32{margin:0;font-size:1rem;font-weight:600}._toolbarActions_1rbls_38{background-color:var(--surface-bg);border-radius:16px;display:flex;flex-direction:row}._toolbarActions_1rbls_38 button{width:32px;height:32px;background-color:transparent;border:none;outline:none;color:var(--icon-color);cursor:pointer}[device-type=mobile] ._toolbarTitle_1p2s8_1{font-size:1.4rem}._toolbarActions_l0jv2_1{background-color:var(--surface-bg);border-radius:16px;display:flex;flex-direction:row}[device-type=mobile] ._toolbarActions_l0jv2_1{border-radius:24px}._toolbarActions_l0jv2_1 button{background-color:transparent}._toolbarBtn_8jy1b_1{width:32px;height:32px;border:none;outline:none;padding:0;display:flex;justify-content:center;align-items:center;background-color:var(--surface-bg);border-radius:16px;color:var(--icon-color);transition:background-color .2s;cursor:pointer}._toolbarBtn_8jy1b_1:hover{background-color:var(--surface-bg-hover)}._toolbarBtn_8jy1b_1:active{background-color:var(--surface-bg-active)}[device-type=mobile] ._toolbarBtn_8jy1b_1{width:48px;height:48px;border-radius:24px}._sidebarIcon_1lib1_1{rotate:0deg;transition:rotate .3s}._sidebarIconExpanded_1lib1_6{rotate:180deg}._content_12evn_1{position:absolute;top:0;left:calc(var(--sidebar-width) + 10px);height:100%;width:calc(100% - calc(var(--sidebar-width) + 15px));transition:left .3s,width .3s;display:flex;flex-direction:column;justify-content:start;align-items:start;overflow:auto;padding-bottom:5px}._contentExpanded_12evn_18{left:5px;width:calc(100% - 10px)}._toolbarPresent_12evn_23{top:37px;height:calc(100% - 37px)}[device-type=mobile] ._content_12evn_1._toolbarPresent_12evn_23{top:58px;height:calc(100% - 58px)}._contentNoMargin_12evn_33{padding:0;left:calc(var(--sidebar-width) + 10px)}._contentExpanded_12evn_18._contentNoMargin_12evn_33{left:0;width:100%}._contextMenu_vtnpl_1{background-color:var(--surface-bg-active);position:fixed;border-radius:9px;transition:opacity .1s,transform .1s;display:flex;flex-direction:column;z-index:9999;border:solid 1px var(--border-color);transform:scale(.7) translate(var(--tx-start)) translateY(var(--ty-start));opacity:0;visibility:hidden;pointer-events:none;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:4px}._contextMenuOpen_vtnpl_22{visibility:visible;pointer-events:auto;transform:scale(1) translate(0) translateY(0);opacity:1}._listItem_7ga7e_1{padding:10px;transition:background-color .1s;border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;flex-direction:row;justify-content:start;align-items:center;gap:8px;width:100%}[device-type=mobile] ._listItem_7ga7e_1{font-size:1.4rem}._listItem_7ga7e_1:hover{background-color:var(--surface-bg-hover)}._listItem_7ga7e_1._selected_7ga7e_23{background-color:var(--surface-bg-active)}._emptyView_1synn_1{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;color:var(--text-secondary)}._card_zjz9h_1{background-color:var(--surface-bg);border-radius:9px;display:flex;flex-direction:column;border:solid 1px var(--border-color);padding:14px;margin:0 8px;width:calc(100% - 16px);gap:8px}._textInput_on5q4_1{width:100%;height:32px;background-color:var(--muted-bg);border:none;border-radius:5px;padding:4px 8px;font-size:.9rem;color:var(--text-primary);transition:background-color .2s}._textInput_on5q4_1:focus{outline:none;background-color:var(--surface-bg)}._textInput_on5q4_1:disabled{opacity:.5;cursor:not-allowed}._textInput_on5q4_1::placeholder{color:var(--text-secondary)}[device-type=mobile] ._textInput_on5q4_1{font-size:1.4rem;height:48px}._selectInput_3f04b_1{height:32px;background-color:var(--muted-bg);border:none;border-radius:5px;padding:4px 32px 4px 8px;font-size:.9rem;color:var(--text-primary);cursor:pointer;transition:background-color .2s;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url('data:image/svg+xml;utf8,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4 6L8 10L12 6" stroke="%23666" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');background-repeat:no-repeat;background-position:right 8px center}._selectInput_3f04b_1:hover{background-color:var(--surface-bg-hover)}._selectInput_3f04b_1:focus{outline:none;background-color:var(--surface-bg)}._selectInput_3f04b_1:disabled{opacity:.5;cursor:not-allowed}[device-type=mobile] ._selectInput_3f04b_1{font-size:1.4rem;height:48px}._button_g5rur_1{width:100%;height:32px;border:none;border-radius:5px;font-weight:600;font-size:.9rem;background-color:var(--button-primary-bg);transition:background-color .2s;color:var(--text-inverse);cursor:pointer}[device-type=mobile] ._button_g5rur_1{font-size:1.4rem;height:48px}._button_g5rur_1:hover{background-color:var(--button-primary-bg-hover)}._button_g5rur_1:active{background-color:var(--button-primary-bg-active)}._button_g5rur_1._secondary_g5rur_27{background-color:transparent;color:var(--text-primary);border:solid 1px var(--button-primary-bg);font-weight:400}._button_g5rur_1._secondary_g5rur_27:hover{background-color:var(--button-secondary-bg-hover)}._button_g5rur_1._secondary_g5rur_27:active{background-color:var(--button-secondary-bg-active)}._button_g5rur_1:disabled{background-color:var(--button-disabled-bg);color:var(--text-disabled);cursor:not-allowed;opacity:.6}._balloon_1jdjr_1{position:fixed;z-index:1000;display:flex;flex-direction:column;width:256px;padding:14px;gap:8px;border-radius:9px;background-color:var(--surface-bg);border:solid 1px var(--border-color);align-items:center;box-sizing:border-box;transform-origin:50% calc(100% + 8px);transform:translate(-50%,calc(-100% - 8px)) scale(.1);filter:opacity(0);transition:.3s;pointer-events:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}._balloonOpen_1jdjr_22{transform:translate(-50%,calc(-100% - 8px)) scale(1);filter:opacity(1);pointer-events:auto}._balloon_1jdjr_1:after{content:"";position:absolute;bottom:-6px;left:50%;transform:translate(-50%) rotate(45deg);width:10px;height:10px;background-color:var(--surface-bg);border-right:solid 1px var(--border-color);border-bottom:solid 1px var(--border-color);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}[device-type=mobile] ._balloon_1jdjr_1{font-size:1.4rem}`)),document.head.appendChild(r)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
|
|
1
|
+
(function(){"use strict";try{if(typeof document<"u"){var r=document.createElement("style");r.appendChild(document.createTextNode(`:root{--accent: #0088ff;--button-primary-bg: var(--accent);--button-primary-bg-hover: color-mix(in srgb, var(--accent), black 15%);--button-primary-bg-active: color-mix(in srgb, var(--accent), black 30%);--button-secondary-bg-hover: color-mix(in srgb, var(--accent), white 90%);--button-secondary-bg-active: color-mix(in srgb, var(--accent), white 90%);--button-disabled-bg: color-mix(in srgb, var(--accent), white 60%);--text-disabled: color-mix(in srgb, var(--text-primary), white 40%);--icon-color: var(--accent);--border-color: #0000001a;--surface-bg: #ffffff7a;--surface-bg-hover: #ffffffa1;--surface-bg-active: #ffffffd5;--card-bg: #e5e5e5;--card-bg-secondary: #f5f5f5;--overlay-bg: rgba(0, 0, 0, .4);--muted-bg: rgba(0, 0, 0, .06);--text-primary: #000000;--text-secondary: #8b8b8b;--text-inverse: #ffffff;--sidebar-width: 200px}[data-theme=dark]{--button-secondary-bg-hover: #252628;--button-secondary-bg-active: #2b2f35;--button-disabled-bg: color-mix(in srgb, var(--accent), black 60%);--text-disabled: color-mix(in srgb, var(--text-primary), black 40%);--surface-bg: #1e1e1e7a;--surface-bg-hover: #2a2a2aa1;--surface-bg-active: #3a3a3ad5;--card-bg: #1d1d1d;--card-bg-secondary: #2a2a2a;--overlay-bg: rgba(255, 255, 255, .4);--muted-bg: rgba(255, 255, 255, .12);--text-primary: #ffffff;--text-inverse: #000000;--text-secondary: #b3b3b3}body{color:var(--text-primary);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}[device-type=mobile] body{background-color:var(--card-bg-secondary)!important}*,*:before,*:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-tap-highlight-color:rgba(0,0,0,0)}._sidebar_yoln4_1{width:var(--sidebar-width);background-color:var(--surface-bg);position:absolute;top:0;bottom:5px;height:auto;left:5px;border-radius:9px;transition:left .3s;display:flex;flex-direction:column;z-index:999;border:solid 1px var(--border-color);transform:translate(0)}._sidebarCollapsed_yoln4_18{left:calc(-1 * var(--sidebar-width) - 10px)}[device-type=mobile] ._sidebar_yoln4_1._sidebarMobile_yoln4_22{position:absolute;inset:0;width:auto;height:auto;border-radius:0;transition:transform .25s ease;background-color:var(--card-bg)}[device-type=mobile] ._sidebar_yoln4_1._sidebarMobile_yoln4_22._sidebarMobileHidden_yoln4_35{transform:translate(-105%)}._sidebarContent_yoln4_39{height:100%;padding:0 4px;display:flex;flex-direction:column;overflow-y:auto;gap:2px}._sidebarFooter_yoln4_48{padding:4px}._sidebarTitle_azx8n_1{font-size:.8rem;font-weight:600;margin:8px 8px 8px 4px;color:var(--text-secondary)}[device-type=mobile] ._sidebarTitle_azx8n_1{font-size:1.2rem}._sidebarItem_1e3ru_1{padding:6px;transition:background-color .1s;border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;flex-direction:row;justify-content:start;align-items:center;gap:8px}[device-type=mobile] ._sidebarItem_1e3ru_1{font-size:1.4rem}._sidebarItem_1e3ru_1:hover{background-color:var(--surface-bg-hover)}._sidebarItem_1e3ru_1._selected_1e3ru_22{background-color:var(--surface-bg-active);color:var(--icon-color)}._sidebarMainBtn_65l8c_1{width:calc(100% - 8px);background-color:var(--button-primary-bg);border:none;outline:none;color:var(--text-inverse);border-radius:5px;height:32px;margin:4px;font-weight:600;font-size:.9rem;transition:background-color .2s;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:8px;cursor:pointer}[device-type=mobile] ._sidebarMainBtn_65l8c_1{font-size:1.4rem;height:48px}._sidebarMainBtn_65l8c_1:hover{background-color:var(--button-primary-bg-hover)}._sidebarMainBtn_65l8c_1:active{background-color:var(--button-primary-bg-active)}._popupContainer_vz8rg_1{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--overlay-bg);z-index:9999;display:flex;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:1;transition:.2s;pointer-events:auto}._popupClosed_vz8rg_18{opacity:0;pointer-events:none}._popup_vz8rg_1{background-color:var(--card-bg);border-radius:8px;padding:12px;width:300px;height:auto;display:flex;flex-direction:column;justify-content:space-between;gap:12px}._popupIconContainer_vz8rg_35{display:flex;justify-content:center}._popupIcon_vz8rg_35{color:var(--icon-color)}._popupContent_vz8rg_44{display:flex;flex-direction:column;gap:8px}._popupTitle_4z5vb_1{margin:0;text-align:center;font-size:large;font-weight:700}[device-type=mobile] ._popupTitle_4z5vb_1{font-size:1.4rem}._popupDescription_4ewx1_1{text-align:center}[device-type=mobile] ._popupDescription_4ewx1_1{font-size:1.4rem}._popupInput_1b42s_1{width:100%;height:32px;background-color:var(--muted-bg);border:none;border-radius:5px;padding:4px 8px;font-size:1rem;color:var(--text-primary)}[device-type=mobile] ._popupInput_1b42s_1{font-size:1.4rem;height:48px}._popupActions_84v2b_1{display:flex;gap:8px}._popupBtn_ouvtc_1{width:100%;height:32px;border:none;border-radius:5px;font-weight:600;font-size:.9rem;background-color:var(--button-primary-bg);transition:background-color .2s;color:var(--text-inverse);cursor:pointer}[device-type=mobile] ._popupBtn_ouvtc_1{font-size:1.4rem;height:48px}._popupBtn_ouvtc_1:hover{background-color:var(--button-primary-bg-hover)}._popupBtn_ouvtc_1:active{background-color:var(--button-primary-bg-active)}._popupBtn_ouvtc_1._secondary_ouvtc_27{background-color:transparent;color:var(--text-primary);border:solid 1px var(--button-primary-bg);font-weight:400}._popupBtn_ouvtc_1._secondary_ouvtc_27:hover{background-color:var(--button-secondary-bg-hover)}._popupBtn_ouvtc_1._secondary_ouvtc_27:active{background-color:var(--button-secondary-bg-active)}._toolbar_1rbls_1{position:absolute;top:0;left:calc(var(--sidebar-width) + 10px);width:calc(100% - calc(var(--sidebar-width) + 15px));height:32px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;z-index:9999;transition:top .3s,left .3s,width .3s}._toolbarCollapsed_1rbls_18{top:-100%}[device-type=mobile] ._toolbar_1rbls_1{top:5px;height:48px}._toolbarExpanded_1rbls_27{left:5px;width:calc(100% - 10px)}._toolbarTitle_1rbls_32{margin:0;font-size:1rem;font-weight:600}._toolbarActions_1rbls_38{background-color:var(--surface-bg);border-radius:16px;display:flex;flex-direction:row}._toolbarActions_1rbls_38 button{width:32px;height:32px;background-color:transparent;border:none;outline:none;color:var(--icon-color);cursor:pointer}[device-type=mobile] ._toolbarTitle_1p2s8_1{font-size:1.4rem}._toolbarActions_l0jv2_1{background-color:var(--surface-bg);border-radius:16px;display:flex;flex-direction:row}[device-type=mobile] ._toolbarActions_l0jv2_1{border-radius:24px}._toolbarActions_l0jv2_1 button{background-color:transparent}._toolbarBtn_8jy1b_1{width:32px;height:32px;border:none;outline:none;padding:0;display:flex;justify-content:center;align-items:center;background-color:var(--surface-bg);border-radius:16px;color:var(--icon-color);transition:background-color .2s;cursor:pointer}._toolbarBtn_8jy1b_1:hover{background-color:var(--surface-bg-hover)}._toolbarBtn_8jy1b_1:active{background-color:var(--surface-bg-active)}[device-type=mobile] ._toolbarBtn_8jy1b_1{width:48px;height:48px;border-radius:24px}._sidebarIcon_1lib1_1{rotate:0deg;transition:rotate .3s}._sidebarIconExpanded_1lib1_6{rotate:180deg}._content_to68z_1{position:absolute;top:0;left:calc(var(--sidebar-width) + 10px);height:100%;width:calc(100% - calc(var(--sidebar-width) + 15px));transition:left .3s,width .3s;display:flex;flex-direction:column;justify-content:start;align-items:start;overflow:auto;padding-bottom:5px}._contentExpanded_to68z_18{left:5px;width:calc(100% - 10px)}._toolbarPresent_to68z_23{top:37px;height:calc(100% - 37px)}[device-type=mobile] ._content_to68z_1._toolbarPresent_to68z_23{top:58px;height:calc(100% - 58px)}._contentNoMargin_to68z_33{padding:0;left:calc(var(--sidebar-width))}._contentExpanded_to68z_18._contentNoMargin_to68z_33{left:0;width:100%}._contextMenu_vtnpl_1{background-color:var(--surface-bg-active);position:fixed;border-radius:9px;transition:opacity .1s,transform .1s;display:flex;flex-direction:column;z-index:9999;border:solid 1px var(--border-color);transform:scale(.7) translate(var(--tx-start)) translateY(var(--ty-start));opacity:0;visibility:hidden;pointer-events:none;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:4px}._contextMenuOpen_vtnpl_22{visibility:visible;pointer-events:auto;transform:scale(1) translate(0) translateY(0);opacity:1}._listItem_7ga7e_1{padding:10px;transition:background-color .1s;border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;flex-direction:row;justify-content:start;align-items:center;gap:8px;width:100%}[device-type=mobile] ._listItem_7ga7e_1{font-size:1.4rem}._listItem_7ga7e_1:hover{background-color:var(--surface-bg-hover)}._listItem_7ga7e_1._selected_7ga7e_23{background-color:var(--surface-bg-active)}._emptyView_1synn_1{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;color:var(--text-secondary)}._card_zjz9h_1{background-color:var(--surface-bg);border-radius:9px;display:flex;flex-direction:column;border:solid 1px var(--border-color);padding:14px;margin:0 8px;width:calc(100% - 16px);gap:8px}._textInput_on5q4_1{width:100%;height:32px;background-color:var(--muted-bg);border:none;border-radius:5px;padding:4px 8px;font-size:.9rem;color:var(--text-primary);transition:background-color .2s}._textInput_on5q4_1:focus{outline:none;background-color:var(--surface-bg)}._textInput_on5q4_1:disabled{opacity:.5;cursor:not-allowed}._textInput_on5q4_1::placeholder{color:var(--text-secondary)}[device-type=mobile] ._textInput_on5q4_1{font-size:1.4rem;height:48px}._selectInput_3f04b_1{height:32px;background-color:var(--muted-bg);border:none;border-radius:5px;padding:4px 32px 4px 8px;font-size:.9rem;color:var(--text-primary);cursor:pointer;transition:background-color .2s;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url('data:image/svg+xml;utf8,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4 6L8 10L12 6" stroke="%23666" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');background-repeat:no-repeat;background-position:right 8px center}._selectInput_3f04b_1:hover{background-color:var(--surface-bg-hover)}._selectInput_3f04b_1:focus{outline:none;background-color:var(--surface-bg)}._selectInput_3f04b_1:disabled{opacity:.5;cursor:not-allowed}[device-type=mobile] ._selectInput_3f04b_1{font-size:1.4rem;height:48px}._button_g5rur_1{width:100%;height:32px;border:none;border-radius:5px;font-weight:600;font-size:.9rem;background-color:var(--button-primary-bg);transition:background-color .2s;color:var(--text-inverse);cursor:pointer}[device-type=mobile] ._button_g5rur_1{font-size:1.4rem;height:48px}._button_g5rur_1:hover{background-color:var(--button-primary-bg-hover)}._button_g5rur_1:active{background-color:var(--button-primary-bg-active)}._button_g5rur_1._secondary_g5rur_27{background-color:transparent;color:var(--text-primary);border:solid 1px var(--button-primary-bg);font-weight:400}._button_g5rur_1._secondary_g5rur_27:hover{background-color:var(--button-secondary-bg-hover)}._button_g5rur_1._secondary_g5rur_27:active{background-color:var(--button-secondary-bg-active)}._button_g5rur_1:disabled{background-color:var(--button-disabled-bg);color:var(--text-disabled);cursor:not-allowed;opacity:.6}._balloon_1jdjr_1{position:fixed;z-index:1000;display:flex;flex-direction:column;width:256px;padding:14px;gap:8px;border-radius:9px;background-color:var(--surface-bg);border:solid 1px var(--border-color);align-items:center;box-sizing:border-box;transform-origin:50% calc(100% + 8px);transform:translate(-50%,calc(-100% - 8px)) scale(.1);filter:opacity(0);transition:.3s;pointer-events:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}._balloonOpen_1jdjr_22{transform:translate(-50%,calc(-100% - 8px)) scale(1);filter:opacity(1);pointer-events:auto}._balloon_1jdjr_1:after{content:"";position:absolute;bottom:-6px;left:50%;transform:translate(-50%) rotate(45deg);width:10px;height:10px;background-color:var(--surface-bg);border-right:solid 1px var(--border-color);border-bottom:solid 1px var(--border-color);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}[device-type=mobile] ._balloon_1jdjr_1{font-size:1.4rem}`)),document.head.appendChild(r)}}catch(o){console.error("vite-plugin-css-injected-by-js",o)}})();
|
|
2
2
|
import { jsx as s, jsxs as m } from "react/jsx-runtime";
|
|
3
|
-
import { createContext as E, useContext as
|
|
4
|
-
import { Menu as
|
|
5
|
-
const C = E({ isMobile: !1 }), u = () =>
|
|
6
|
-
function
|
|
3
|
+
import { createContext as E, useContext as g, useLayoutEffect as B, useRef as $, forwardRef as v, useEffect as z } from "react";
|
|
4
|
+
import { Menu as D } from "lucide-react";
|
|
5
|
+
const C = E({ isMobile: !1 }), u = () => g(C);
|
|
6
|
+
function Vt({
|
|
7
7
|
isMobile: t,
|
|
8
8
|
sidebar: e,
|
|
9
9
|
children: o,
|
|
10
10
|
accentColor: n = "#0088ff"
|
|
11
11
|
}) {
|
|
12
|
-
return
|
|
12
|
+
return B(() => {
|
|
13
13
|
n && document.documentElement.style.setProperty("--accent", n);
|
|
14
14
|
}, [n]), /* @__PURE__ */ s(C.Provider, { value: { isMobile: t }, children: /* @__PURE__ */ m("div", { children: [
|
|
15
15
|
/* @__PURE__ */ s("aside", { children: e }),
|
|
16
16
|
/* @__PURE__ */ s("main", { children: o })
|
|
17
17
|
] }) });
|
|
18
18
|
}
|
|
19
|
-
const
|
|
20
|
-
sidebar:
|
|
19
|
+
const S = "_sidebar_yoln4_1", P = "_sidebarCollapsed_yoln4_18", j = "_sidebarMobile_yoln4_22", A = "_sidebarMobileHidden_yoln4_35", w = "_sidebarContent_yoln4_39", O = "_sidebarFooter_yoln4_48", p = {
|
|
20
|
+
sidebar: S,
|
|
21
21
|
sidebarCollapsed: P,
|
|
22
22
|
sidebarMobile: j,
|
|
23
23
|
sidebarMobileHidden: A,
|
|
24
24
|
sidebarContent: w,
|
|
25
25
|
sidebarFooter: O
|
|
26
26
|
};
|
|
27
|
-
function
|
|
27
|
+
function Ht({ open: t, footer: e, children: o }) {
|
|
28
28
|
const { isMobile: n } = u();
|
|
29
29
|
return /* @__PURE__ */ m(
|
|
30
30
|
"div",
|
|
@@ -44,25 +44,25 @@ function Vt({ open: t, footer: e, children: o }) {
|
|
|
44
44
|
const R = "_sidebarTitle_azx8n_1", k = {
|
|
45
45
|
sidebarTitle: R
|
|
46
46
|
};
|
|
47
|
-
function
|
|
47
|
+
function Ft({ children: t }) {
|
|
48
48
|
return /* @__PURE__ */ s("h2", { className: k.sidebarTitle, children: t });
|
|
49
49
|
}
|
|
50
50
|
const V = "_sidebarItem_1e3ru_1", H = "_selected_1e3ru_22", x = {
|
|
51
51
|
sidebarItem: V,
|
|
52
52
|
selected: H
|
|
53
53
|
};
|
|
54
|
-
function
|
|
54
|
+
function Lt({
|
|
55
55
|
onClick: t,
|
|
56
56
|
onContextMenu: e,
|
|
57
57
|
selected: o = !1,
|
|
58
58
|
children: n
|
|
59
59
|
}) {
|
|
60
|
-
const
|
|
61
|
-
|
|
60
|
+
const r = $(null), a = (c) => {
|
|
61
|
+
r.current = setTimeout(() => {
|
|
62
62
|
e && (c.preventDefault(), e(c));
|
|
63
63
|
}, 500);
|
|
64
|
-
},
|
|
65
|
-
|
|
64
|
+
}, l = () => {
|
|
65
|
+
r.current && clearTimeout(r.current);
|
|
66
66
|
};
|
|
67
67
|
return /* @__PURE__ */ s(
|
|
68
68
|
"div",
|
|
@@ -73,8 +73,8 @@ function Ft({
|
|
|
73
73
|
c.preventDefault(), e && e(c);
|
|
74
74
|
},
|
|
75
75
|
onTouchStart: a,
|
|
76
|
-
onTouchEnd:
|
|
77
|
-
onTouchMove:
|
|
76
|
+
onTouchEnd: l,
|
|
77
|
+
onTouchMove: l,
|
|
78
78
|
children: n
|
|
79
79
|
}
|
|
80
80
|
);
|
|
@@ -82,7 +82,7 @@ function Ft({
|
|
|
82
82
|
const F = "_sidebarMainBtn_65l8c_1", L = {
|
|
83
83
|
sidebarMainBtn: F
|
|
84
84
|
};
|
|
85
|
-
function
|
|
85
|
+
function Wt({ onClick: t, children: e }) {
|
|
86
86
|
return /* @__PURE__ */ s("button", { className: L.sidebarMainBtn, onClick: t, children: e });
|
|
87
87
|
}
|
|
88
88
|
const W = "_popupContainer_vz8rg_1", q = "_popupClosed_vz8rg_18", K = "_popup_vz8rg_1", G = "_popupContent_vz8rg_44", d = {
|
|
@@ -91,7 +91,7 @@ const W = "_popupContainer_vz8rg_1", q = "_popupClosed_vz8rg_18", K = "_popup_vz
|
|
|
91
91
|
popup: K,
|
|
92
92
|
popupContent: G
|
|
93
93
|
};
|
|
94
|
-
function
|
|
94
|
+
function qt({ open: t = !1, children: e }) {
|
|
95
95
|
return /* @__PURE__ */ s(
|
|
96
96
|
"div",
|
|
97
97
|
{
|
|
@@ -103,23 +103,23 @@ function Wt({ open: t = !1, children: e }) {
|
|
|
103
103
|
const J = "_popupTitle_4z5vb_1", Q = {
|
|
104
104
|
popupTitle: J
|
|
105
105
|
};
|
|
106
|
-
function
|
|
106
|
+
function Kt({ children: t }) {
|
|
107
107
|
return /* @__PURE__ */ s("span", { className: Q.popupTitle, children: t });
|
|
108
108
|
}
|
|
109
109
|
const U = "_popupDescription_4ewx1_1", X = {
|
|
110
110
|
popupDescription: U
|
|
111
111
|
};
|
|
112
|
-
function
|
|
112
|
+
function Gt({ children: t }) {
|
|
113
113
|
return /* @__PURE__ */ s("span", { className: X.popupDescription, children: t });
|
|
114
114
|
}
|
|
115
115
|
const Y = "_popupInput_1b42s_1", Z = {
|
|
116
116
|
popupInput: Y
|
|
117
|
-
},
|
|
118
|
-
({ placeholder: t = "Enter text...", value: e, onChange: o, onSubmit: n, autoFocus:
|
|
119
|
-
const
|
|
120
|
-
return
|
|
121
|
-
|
|
122
|
-
}, [
|
|
117
|
+
}, Jt = v(
|
|
118
|
+
({ placeholder: t = "Enter text...", value: e, onChange: o, onSubmit: n, autoFocus: r }, a) => {
|
|
119
|
+
const l = $(null), c = a || l;
|
|
120
|
+
return z(() => {
|
|
121
|
+
r && c.current && c.current.focus();
|
|
122
|
+
}, [r, c]), /* @__PURE__ */ s(
|
|
123
123
|
"input",
|
|
124
124
|
{
|
|
125
125
|
ref: c,
|
|
@@ -137,7 +137,7 @@ const Y = "_popupInput_1b42s_1", Z = {
|
|
|
137
137
|
), tt = "_popupActions_84v2b_1", et = {
|
|
138
138
|
popupActions: tt
|
|
139
139
|
};
|
|
140
|
-
function
|
|
140
|
+
function Qt({
|
|
141
141
|
orientation: t = "vertical",
|
|
142
142
|
children: e
|
|
143
143
|
}) {
|
|
@@ -156,7 +156,7 @@ const ot = "_popupBtn_ouvtc_1", nt = "_secondary_ouvtc_27", h = {
|
|
|
156
156
|
popupBtn: ot,
|
|
157
157
|
secondary: nt
|
|
158
158
|
};
|
|
159
|
-
function
|
|
159
|
+
function Ut({
|
|
160
160
|
type: t = "primary",
|
|
161
161
|
onClick: e,
|
|
162
162
|
children: o
|
|
@@ -170,12 +170,12 @@ function Qt({
|
|
|
170
170
|
}
|
|
171
171
|
);
|
|
172
172
|
}
|
|
173
|
-
const st = "_toolbar_1rbls_1", ct = "_toolbarCollapsed_1rbls_18",
|
|
173
|
+
const st = "_toolbar_1rbls_1", ct = "_toolbarCollapsed_1rbls_18", rt = "_toolbarExpanded_1rbls_27", b = {
|
|
174
174
|
toolbar: st,
|
|
175
175
|
toolbarCollapsed: ct,
|
|
176
|
-
toolbarExpanded:
|
|
176
|
+
toolbarExpanded: rt
|
|
177
177
|
};
|
|
178
|
-
function
|
|
178
|
+
function Xt({
|
|
179
179
|
expanded: t = !0,
|
|
180
180
|
collapsed: e = !1,
|
|
181
181
|
children: o
|
|
@@ -189,16 +189,16 @@ function Ut({
|
|
|
189
189
|
}
|
|
190
190
|
);
|
|
191
191
|
}
|
|
192
|
-
const
|
|
193
|
-
toolbarTitle:
|
|
192
|
+
const lt = "_toolbarTitle_1p2s8_1", at = {
|
|
193
|
+
toolbarTitle: lt
|
|
194
194
|
};
|
|
195
|
-
function
|
|
195
|
+
function Yt({ children: t }) {
|
|
196
196
|
return /* @__PURE__ */ s("h3", { className: at.toolbarTitle, children: t });
|
|
197
197
|
}
|
|
198
198
|
const it = "_toolbarActions_l0jv2_1", pt = {
|
|
199
199
|
toolbarActions: it
|
|
200
200
|
};
|
|
201
|
-
function
|
|
201
|
+
function Zt({ children: t }) {
|
|
202
202
|
return /* @__PURE__ */ s("div", { className: pt.toolbarActions, children: t });
|
|
203
203
|
}
|
|
204
204
|
const ut = "_toolbarBtn_8jy1b_1", dt = {
|
|
@@ -220,25 +220,26 @@ const _t = "_sidebarIcon_1lib1_1", ft = "_sidebarIconExpanded_1lib1_6", T = {
|
|
|
220
220
|
sidebarIcon: _t,
|
|
221
221
|
sidebarIconExpanded: ft
|
|
222
222
|
};
|
|
223
|
-
function
|
|
223
|
+
function te({
|
|
224
224
|
onToggleSidebar: t,
|
|
225
225
|
expanded: e = !1
|
|
226
226
|
}) {
|
|
227
227
|
const { isMobile: o } = u();
|
|
228
228
|
return /* @__PURE__ */ s(bt, { onClick: t, children: /* @__PURE__ */ s(
|
|
229
|
-
|
|
229
|
+
D,
|
|
230
230
|
{
|
|
231
231
|
size: o ? 24 : 18,
|
|
232
232
|
className: `${T.sidebarIcon} ${e ? T.sidebarIconExpanded : ""}`
|
|
233
233
|
}
|
|
234
234
|
) });
|
|
235
235
|
}
|
|
236
|
-
const yt = "
|
|
236
|
+
const yt = "_content_to68z_1", mt = "_contentExpanded_to68z_18", $t = "_toolbarPresent_to68z_23", vt = "_contentNoMargin_to68z_33", _ = {
|
|
237
237
|
content: yt,
|
|
238
238
|
contentExpanded: mt,
|
|
239
|
-
toolbarPresent: $t
|
|
239
|
+
toolbarPresent: $t,
|
|
240
|
+
contentNoMargin: vt
|
|
240
241
|
};
|
|
241
|
-
function
|
|
242
|
+
function ee({
|
|
242
243
|
expanded: t = !0,
|
|
243
244
|
toolbar: e = !0,
|
|
244
245
|
margin: o = "default",
|
|
@@ -247,28 +248,28 @@ function te({
|
|
|
247
248
|
return /* @__PURE__ */ s(
|
|
248
249
|
"div",
|
|
249
250
|
{
|
|
250
|
-
className: `${
|
|
251
|
+
className: `${_.content} ${t ? _.contentExpanded : ""} ${e ? _.toolbarPresent : ""} ${o === "none" ? _.contentNoMargin : ""}`,
|
|
251
252
|
children: n
|
|
252
253
|
}
|
|
253
254
|
);
|
|
254
255
|
}
|
|
255
|
-
const
|
|
256
|
-
contextMenu:
|
|
257
|
-
contextMenuOpen:
|
|
256
|
+
const xt = "_contextMenu_vtnpl_1", ht = "_contextMenuOpen_vtnpl_22", y = {
|
|
257
|
+
contextMenu: xt,
|
|
258
|
+
contextMenuOpen: ht
|
|
258
259
|
};
|
|
259
|
-
function
|
|
260
|
+
function oe({
|
|
260
261
|
open: t,
|
|
261
262
|
x: e = 20,
|
|
262
263
|
y: o = 20,
|
|
263
264
|
from: n = "top-left",
|
|
264
|
-
children:
|
|
265
|
+
children: r
|
|
265
266
|
}) {
|
|
266
|
-
const { isMobile: a } = u(),
|
|
267
|
+
const { isMobile: a } = u(), l = {
|
|
267
268
|
"top-left": { tx: "-30%", ty: "-30%" },
|
|
268
269
|
"top-right": { tx: "30%", ty: "-30%" },
|
|
269
270
|
"bottom-left": { tx: "-30%", ty: "30%" },
|
|
270
271
|
"bottom-right": { tx: "30%", ty: "30%" }
|
|
271
|
-
}, { tx: c, ty: i } =
|
|
272
|
+
}, { tx: c, ty: i } = l[n], f = {
|
|
272
273
|
top: n.includes("top") ? `${o}px` : "auto",
|
|
273
274
|
bottom: n.includes("bottom") ? `${o}px` : "auto",
|
|
274
275
|
left: n.includes("left") ? `${e}px` : "auto",
|
|
@@ -284,39 +285,39 @@ function ee({
|
|
|
284
285
|
${t ? y.contextMenuOpen : ""}
|
|
285
286
|
${a ? y.contextMenuMobile : ""}
|
|
286
287
|
`,
|
|
287
|
-
style:
|
|
288
|
-
children:
|
|
288
|
+
style: f,
|
|
289
|
+
children: r
|
|
289
290
|
}
|
|
290
291
|
);
|
|
291
292
|
}
|
|
292
|
-
const
|
|
293
|
-
listItem:
|
|
294
|
-
selected:
|
|
293
|
+
const Tt = "_listItem_7ga7e_1", Mt = "_selected_7ga7e_23", M = {
|
|
294
|
+
listItem: Tt,
|
|
295
|
+
selected: Mt
|
|
295
296
|
};
|
|
296
|
-
function
|
|
297
|
+
function ne({
|
|
297
298
|
onClick: t,
|
|
298
299
|
onContextMenu: e,
|
|
299
300
|
selected: o = !1,
|
|
300
301
|
children: n
|
|
301
302
|
}) {
|
|
302
|
-
const
|
|
303
|
-
|
|
303
|
+
const r = $(null), a = (c) => {
|
|
304
|
+
r.current = setTimeout(() => {
|
|
304
305
|
e && (c.preventDefault(), e(c));
|
|
305
306
|
}, 500);
|
|
306
|
-
},
|
|
307
|
-
|
|
307
|
+
}, l = () => {
|
|
308
|
+
r.current && clearTimeout(r.current);
|
|
308
309
|
};
|
|
309
310
|
return /* @__PURE__ */ s(
|
|
310
311
|
"div",
|
|
311
312
|
{
|
|
312
|
-
className: `${
|
|
313
|
+
className: `${M.listItem} ${o ? M.selected : ""}`,
|
|
313
314
|
onClick: t,
|
|
314
315
|
onContextMenu: (c) => {
|
|
315
316
|
c.preventDefault(), e && e(c);
|
|
316
317
|
},
|
|
317
318
|
onTouchStart: a,
|
|
318
|
-
onTouchEnd:
|
|
319
|
-
onTouchMove:
|
|
319
|
+
onTouchEnd: l,
|
|
320
|
+
onTouchMove: l,
|
|
320
321
|
children: n
|
|
321
322
|
}
|
|
322
323
|
);
|
|
@@ -327,63 +328,63 @@ function It({
|
|
|
327
328
|
color: o = "default",
|
|
328
329
|
className: n
|
|
329
330
|
}) {
|
|
330
|
-
const { isMobile:
|
|
331
|
+
const { isMobile: r } = u(), a = e === "default" ? r ? 24 : 18 : e, l = o === "selected" ? "var(--icon-color)" : o;
|
|
331
332
|
return o === "default" ? /* @__PURE__ */ s(
|
|
332
333
|
t,
|
|
333
334
|
{
|
|
334
335
|
size: a,
|
|
335
336
|
className: n,
|
|
336
|
-
strokeWidth:
|
|
337
|
+
strokeWidth: r ? 2.5 : 2
|
|
337
338
|
}
|
|
338
339
|
) : /* @__PURE__ */ s(
|
|
339
340
|
t,
|
|
340
341
|
{
|
|
341
342
|
size: a,
|
|
342
|
-
color:
|
|
343
|
+
color: l,
|
|
343
344
|
className: n,
|
|
344
|
-
strokeWidth:
|
|
345
|
+
strokeWidth: r ? 2.5 : 2
|
|
345
346
|
}
|
|
346
347
|
);
|
|
347
348
|
}
|
|
348
|
-
const
|
|
349
|
-
emptyView:
|
|
349
|
+
const Nt = "_emptyView_1synn_1", Ct = {
|
|
350
|
+
emptyView: Nt
|
|
350
351
|
};
|
|
351
|
-
function
|
|
352
|
+
function se({ icon: t, label: e }) {
|
|
352
353
|
const { isMobile: o } = u(), n = o ? 64 : 48;
|
|
353
|
-
return /* @__PURE__ */ m("div", { className:
|
|
354
|
+
return /* @__PURE__ */ m("div", { className: Ct.emptyView, children: [
|
|
354
355
|
/* @__PURE__ */ s(It, { icon: t, size: n, color: "var(--text-secondary)" }),
|
|
355
356
|
/* @__PURE__ */ s("h2", { children: e })
|
|
356
357
|
] });
|
|
357
358
|
}
|
|
358
|
-
const
|
|
359
|
-
card:
|
|
359
|
+
const Et = "_card_zjz9h_1", gt = {
|
|
360
|
+
card: Et
|
|
360
361
|
};
|
|
361
|
-
function
|
|
362
|
-
return /* @__PURE__ */ s("div", { className:
|
|
362
|
+
function ce({ children: t }) {
|
|
363
|
+
return /* @__PURE__ */ s("div", { className: gt.card, children: t });
|
|
363
364
|
}
|
|
364
|
-
const Bt = "_textInput_on5q4_1",
|
|
365
|
+
const Bt = "_textInput_on5q4_1", zt = {
|
|
365
366
|
textInput: Bt
|
|
366
|
-
},
|
|
367
|
+
}, re = v(
|
|
367
368
|
({
|
|
368
369
|
placeholder: t,
|
|
369
370
|
value: e,
|
|
370
371
|
onChange: o,
|
|
371
372
|
onFocus: n,
|
|
372
|
-
onBlur:
|
|
373
|
+
onBlur: r,
|
|
373
374
|
disabled: a = !1,
|
|
374
|
-
type:
|
|
375
|
+
type: l = "text",
|
|
375
376
|
className: c
|
|
376
377
|
}, i) => /* @__PURE__ */ s(
|
|
377
378
|
"input",
|
|
378
379
|
{
|
|
379
380
|
ref: i,
|
|
380
|
-
type:
|
|
381
|
-
className: `${
|
|
381
|
+
type: l,
|
|
382
|
+
className: `${zt.textInput} ${c || ""}`,
|
|
382
383
|
placeholder: t,
|
|
383
384
|
value: e,
|
|
384
|
-
onChange: (
|
|
385
|
+
onChange: (f) => o?.(f.target.value),
|
|
385
386
|
onFocus: n,
|
|
386
|
-
onBlur:
|
|
387
|
+
onBlur: r,
|
|
387
388
|
disabled: a
|
|
388
389
|
}
|
|
389
390
|
)
|
|
@@ -399,11 +400,11 @@ const Bt = "_textInput_on5q4_1", gt = {
|
|
|
399
400
|
children: e
|
|
400
401
|
}
|
|
401
402
|
)
|
|
402
|
-
),
|
|
403
|
-
button:
|
|
404
|
-
secondary:
|
|
403
|
+
), Pt = "_button_g5rur_1", jt = "_secondary_g5rur_27", I = {
|
|
404
|
+
button: Pt,
|
|
405
|
+
secondary: jt
|
|
405
406
|
};
|
|
406
|
-
function
|
|
407
|
+
function ae({
|
|
407
408
|
disabled: t = !1,
|
|
408
409
|
type: e = "primary",
|
|
409
410
|
onClick: o,
|
|
@@ -412,37 +413,37 @@ function re({
|
|
|
412
413
|
return /* @__PURE__ */ s(
|
|
413
414
|
"button",
|
|
414
415
|
{
|
|
415
|
-
className: `${
|
|
416
|
+
className: `${I.button} ${e == "secondary" ? I.secondary : ""}`,
|
|
416
417
|
onClick: o,
|
|
417
418
|
disabled: t,
|
|
418
419
|
children: n
|
|
419
420
|
}
|
|
420
421
|
);
|
|
421
422
|
}
|
|
422
|
-
const
|
|
423
|
-
balloon:
|
|
424
|
-
balloonOpen:
|
|
423
|
+
const At = "_balloon_1jdjr_1", wt = "_balloonOpen_1jdjr_22", N = {
|
|
424
|
+
balloon: At,
|
|
425
|
+
balloonOpen: wt
|
|
425
426
|
};
|
|
426
|
-
function
|
|
427
|
+
function ie({
|
|
427
428
|
open: t,
|
|
428
429
|
x: e,
|
|
429
430
|
y: o,
|
|
430
431
|
children: n,
|
|
431
|
-
className:
|
|
432
|
+
className: r,
|
|
432
433
|
style: a,
|
|
433
|
-
...
|
|
434
|
+
...l
|
|
434
435
|
}) {
|
|
435
436
|
const c = {};
|
|
436
437
|
typeof e == "number" && (c.left = e), typeof o == "number" && (c.top = o);
|
|
437
438
|
const i = [
|
|
438
439
|
N.balloon,
|
|
439
440
|
t ? N.balloonOpen : "",
|
|
440
|
-
|
|
441
|
+
r ?? ""
|
|
441
442
|
].filter(Boolean).join(" ");
|
|
442
443
|
return /* @__PURE__ */ s(
|
|
443
444
|
"div",
|
|
444
445
|
{
|
|
445
|
-
...
|
|
446
|
+
...l,
|
|
446
447
|
className: i,
|
|
447
448
|
style: { ...a, ...c },
|
|
448
449
|
children: n
|
|
@@ -450,30 +451,30 @@ function ae({
|
|
|
450
451
|
);
|
|
451
452
|
}
|
|
452
453
|
export {
|
|
453
|
-
|
|
454
|
-
|
|
455
|
-
|
|
456
|
-
|
|
457
|
-
|
|
458
|
-
|
|
459
|
-
|
|
454
|
+
Vt as AppShell,
|
|
455
|
+
ie as Balloon,
|
|
456
|
+
ae as Button,
|
|
457
|
+
ce as Card,
|
|
458
|
+
ee as Content,
|
|
459
|
+
oe as ContextMenu,
|
|
460
|
+
se as EmptyView,
|
|
460
461
|
It as Icon,
|
|
461
|
-
|
|
462
|
-
|
|
463
|
-
|
|
464
|
-
|
|
465
|
-
|
|
466
|
-
|
|
467
|
-
|
|
462
|
+
ne as ListItem,
|
|
463
|
+
qt as Popup,
|
|
464
|
+
Qt as PopupActions,
|
|
465
|
+
Ut as PopupButton,
|
|
466
|
+
Gt as PopupDescription,
|
|
467
|
+
Jt as PopupInput,
|
|
468
|
+
Kt as PopupTitle,
|
|
468
469
|
le as SelectInput,
|
|
469
|
-
|
|
470
|
-
|
|
471
|
-
|
|
472
|
-
|
|
473
|
-
|
|
474
|
-
|
|
475
|
-
|
|
470
|
+
Ht as Sidebar,
|
|
471
|
+
Wt as SidebarButton,
|
|
472
|
+
Lt as SidebarItem,
|
|
473
|
+
Ft as SidebarTitle,
|
|
474
|
+
re as TextInput,
|
|
475
|
+
Xt as Toolbar,
|
|
476
|
+
Zt as ToolbarActions,
|
|
476
477
|
bt as ToolbarButton,
|
|
477
|
-
|
|
478
|
-
|
|
478
|
+
te as ToolbarExpandSidebarButton,
|
|
479
|
+
Yt as ToolbarTitle
|
|
479
480
|
};
|