@htmlos-next/ui 0.0.9 → 0.0.10
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.
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ContextMenu.d.ts","sourceRoot":"","sources":["../../../src/components/ContextMenu/ContextMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4C,MAAM,OAAO,CAAC;AAIjE,UAAU,gBAAgB;IACxB,IAAI,EAAE,OAAO,CAAC;IACd,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,wBAAgB,WAAW,CAAC,EAC1B,IAAI,EACJ,CAAM,EACN,CAAM,EACN,QAAQ,GACT,EAAE,gBAAgB,
|
|
1
|
+
{"version":3,"file":"ContextMenu.d.ts","sourceRoot":"","sources":["../../../src/components/ContextMenu/ContextMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4C,MAAM,OAAO,CAAC;AAIjE,UAAU,gBAAgB;IACxB,IAAI,EAAE,OAAO,CAAC;IACd,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,wBAAgB,WAAW,CAAC,EAC1B,IAAI,EACJ,CAAM,EACN,CAAM,EACN,QAAQ,GACT,EAAE,gBAAgB,2CAqDlB"}
|
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}._toolbarTitle_14yia_1{overflow-x:scroll;scrollbar-width:none;-ms-overflow-style:none}._toolbarTitle_14yia_1::-webkit-scrollbar{display:none}[device-type=mobile] ._toolbarTitle_14yia_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 n=require("react/jsx-runtime"),
|
|
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}._toolbarTitle_14yia_1{overflow-x:scroll;scrollbar-width:none;-ms-overflow-style:none}._toolbarTitle_14yia_1::-webkit-scrollbar{display:none}[device-type=mobile] ._toolbarTitle_14yia_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_jvrna_1{background-color:var(--surface-bg-active);position:fixed;border-radius:9px;display:flex;flex-direction:column;z-index:9999;border:solid 1px var(--border-color);pointer-events:none;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:4px;transform-origin:top left;opacity:0;visibility:hidden;transform:scale(.7);transition:opacity .1s ease-out,transform .1s ease-out,visibility .1s}._contextMenuOpen_jvrna_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 n=require("react/jsx-runtime"),l=require("react"),S=require("lucide-react"),C=l.createContext({isMobile:!1}),b=()=>l.useContext(C);function w({isMobile:t,sidebar:e,children:o,accentColor:s="#0088ff"}){return l.useLayoutEffect(()=>{s&&document.documentElement.style.setProperty("--accent",s)},[s]),n.jsx(C.Provider,{value:{isMobile:t},children:n.jsxs("div",{children:[n.jsx("aside",{children:e}),n.jsx("main",{children:o})]})})}const P="_sidebar_yoln4_1",z="_sidebarCollapsed_yoln4_18",R="_sidebarMobile_yoln4_22",D="_sidebarMobileHidden_yoln4_35",A="_sidebarContent_yoln4_39",O="_sidebarFooter_yoln4_48",d={sidebar:P,sidebarCollapsed:z,sidebarMobile:R,sidebarMobileHidden:D,sidebarContent:A,sidebarFooter:O};function H({open:t,footer:e,children:o}){const{isMobile:s}=b();return n.jsxs("div",{className:`
|
|
3
3
|
${d.sidebar}
|
|
4
4
|
${t?"":d.sidebarCollapsed}
|
|
5
5
|
${s?d.sidebarMobile:""}
|
|
6
|
-
${!t&&s?d.sidebarMobileHidden:""}`,children:[n.jsx("div",{className:d.sidebarContent,children:o}),e&&n.jsx("div",{className:d.sidebarFooter,children:e})]})}const V="_sidebarTitle_azx8n_1",k={sidebarTitle:V};function L({children:t}){return n.jsx("h2",{className:k.sidebarTitle,children:t})}const q="_sidebarItem_1e3ru_1",W="_selected_1e3ru_22",
|
|
6
|
+
${!t&&s?d.sidebarMobileHidden:""}`,children:[n.jsx("div",{className:d.sidebarContent,children:o}),e&&n.jsx("div",{className:d.sidebarFooter,children:e})]})}const V="_sidebarTitle_azx8n_1",k={sidebarTitle:V};function L({children:t}){return n.jsx("h2",{className:k.sidebarTitle,children:t})}const q="_sidebarItem_1e3ru_1",W="_selected_1e3ru_22",j={sidebarItem:q,selected:W};function F({onClick:t,onContextMenu:e,selected:o=!1,children:s}){const c=l.useRef(null),i=r=>{c.current=setTimeout(()=>{e&&(r.preventDefault(),e(r))},500)},a=()=>{c.current&&clearTimeout(c.current)};return n.jsx("div",{className:`${j.sidebarItem} ${o?j.selected:""}`,onClick:t,onContextMenu:r=>{r.preventDefault(),e&&e(r)},onTouchStart:i,onTouchEnd:a,onTouchMove:a,children:s})}const K="_sidebarMainBtn_65l8c_1",G={sidebarMainBtn:K};function J({onClick:t,children:e}){return n.jsx("button",{className:G.sidebarMainBtn,onClick:t,children:e})}const Q="_popupContainer_vz8rg_1",U="_popupClosed_vz8rg_18",X="_popup_vz8rg_1",Y="_popupContent_vz8rg_44",x={popupContainer:Q,popupClosed:U,popup:X,popupContent:Y};function Z({open:t=!1,children:e}){return n.jsx("div",{className:`${x.popupContainer} ${t?"":x.popupClosed}`,children:n.jsx("div",{className:x.popup,children:n.jsx("div",{className:x.popupContent,children:e})})})}const tt="_popupTitle_4z5vb_1",et={popupTitle:tt};function ot({children:t}){return n.jsx("span",{className:et.popupTitle,children:t})}const nt="_popupDescription_4ewx1_1",st={popupDescription:nt};function rt({children:t}){return n.jsx("span",{className:st.popupDescription,children:t})}const ct="_popupInput_1b42s_1",it={popupInput:ct},at=l.forwardRef(({placeholder:t="Enter text...",value:e,onChange:o,onSubmit:s,autoFocus:c},i)=>{const a=l.useRef(null),r=i||a;return l.useEffect(()=>{c&&r.current&&r.current.focus()},[c,r]),n.jsx("input",{ref:r,type:"text",className:it.popupInput,placeholder:t,value:e,onChange:p=>o?.(p.target.value),onKeyDown:p=>{p.key==="Enter"&&s&&s(e||"")}})}),lt="_popupActions_84v2b_1",pt={popupActions:lt};function ut({orientation:t="vertical",children:e}){return n.jsx("div",{className:pt.popupActions,style:{flexDirection:t=="vertical"?"column":"row"},children:e})}const dt="_popupBtn_ouvtc_1",bt="_secondary_ouvtc_27",v={popupBtn:dt,secondary:bt};function _t({type:t="primary",onClick:e,children:o}){return n.jsx("button",{className:`${v.popupBtn} ${t=="secondary"?v.secondary:""}`,onClick:e,children:o})}const ft="_toolbar_1rbls_1",xt="_toolbarCollapsed_1rbls_18",mt="_toolbarExpanded_1rbls_27",m={toolbar:ft,toolbarCollapsed:xt,toolbarExpanded:mt};function yt({expanded:t=!0,collapsed:e=!1,children:o}){const{isMobile:s}=b();return n.jsx("div",{className:`${m.toolbar} ${t||s?m.toolbarExpanded:""} ${s?m.toolbarMobile:""} ${e?m.toolbarCollapsed:""}`,children:o})}const $t="_toolbarTitle_14yia_1",jt={toolbarTitle:$t};function vt({children:t}){return n.jsx("h3",{className:jt.toolbarTitle,children:t})}const ht="_toolbarActions_l0jv2_1",Tt={toolbarActions:ht};function It({children:t}){return n.jsx("div",{className:Tt.toolbarActions,children:t})}const Mt="_toolbarBtn_8jy1b_1",Ct={toolbarBtn:Mt};function N({onClick:t,children:e}){return n.jsx("button",{onClick:o=>{o.preventDefault(),t&&t(o)},className:Ct.toolbarBtn,children:e})}const Nt="_sidebarIcon_1lib1_1",Bt="_sidebarIconExpanded_1lib1_6",h={sidebarIcon:Nt,sidebarIconExpanded:Bt};function Et({onToggleSidebar:t,expanded:e=!1}){const{isMobile:o}=b();return n.jsx(N,{onClick:t,children:n.jsx(S.Menu,{size:o?24:18,className:`${h.sidebarIcon} ${e?h.sidebarIconExpanded:""}`})})}const gt="_content_to68z_1",St="_contentExpanded_to68z_18",wt="_toolbarPresent_to68z_23",Pt="_contentNoMargin_to68z_33",y={content:gt,contentExpanded:St,toolbarPresent:wt,contentNoMargin:Pt};function zt({expanded:t=!0,toolbar:e=!0,margin:o="default",children:s}){return n.jsx("div",{className:`${y.content} ${t?y.contentExpanded:""} ${e?y.toolbarPresent:""} ${o==="none"?y.contentNoMargin:""}`,children:s})}const Rt="_contextMenu_jvrna_1",Dt="_contextMenuOpen_jvrna_22",$={contextMenu:Rt,contextMenuOpen:Dt};function At({open:t,x:e=20,y:o=20,children:s}){const{isMobile:c}=b(),i=l.useRef(null),[a,r]=l.useState({top:o,left:e});l.useLayoutEffect(()=>{if(t&&i.current){const u=i.current.getBoundingClientRect(),E=window.innerWidth,g=window.innerHeight;let _=e,f=o;e+u.width>E&&(_=e-u.width),o+u.height>g&&(f=o-u.height),_=Math.max(5,_),f=Math.max(5,f),r({top:f,left:_})}},[t,e,o]);const p={position:"fixed",top:`${a.top}px`,left:`${a.left}px`};return n.jsx("div",{ref:i,className:`
|
|
7
7
|
${$.contextMenu}
|
|
8
8
|
${t?$.contextMenuOpen:""}
|
|
9
|
-
${
|
|
10
|
-
`,style:p,children:s})}const Ot="_listItem_7ga7e_1",Ht="_selected_7ga7e_23",T={listItem:Ot,selected:Ht};function Vt({onClick:t,onContextMenu:e,selected:o=!1,children:s}){const
|
|
9
|
+
${c?$.contextMenuMobile:""}
|
|
10
|
+
`,style:p,children:s})}const Ot="_listItem_7ga7e_1",Ht="_selected_7ga7e_23",T={listItem:Ot,selected:Ht};function Vt({onClick:t,onContextMenu:e,selected:o=!1,children:s}){const c=l.useRef(null),i=r=>{c.current=setTimeout(()=>{e&&(r.preventDefault(),e(r))},500)},a=()=>{c.current&&clearTimeout(c.current)};return n.jsx("div",{className:`${T.listItem} ${o?T.selected:""}`,onClick:t,onContextMenu:r=>{r.preventDefault(),e&&e(r)},onTouchStart:i,onTouchEnd:a,onTouchMove:a,children:s})}function B({icon:t,size:e="default",color:o="default",className:s}){const{isMobile:c}=b(),i=e==="default"?c?24:18:e,a=o==="selected"?"var(--icon-color)":o;return o==="default"?n.jsx(t,{size:i,className:s,strokeWidth:c?2.5:2}):n.jsx(t,{size:i,color:a,className:s,strokeWidth:c?2.5:2})}const kt="_emptyView_1synn_1",Lt={emptyView:kt};function qt({icon:t,label:e}){const{isMobile:o}=b(),s=o?64:48;return n.jsxs("div",{className:Lt.emptyView,children:[n.jsx(B,{icon:t,size:s,color:"var(--text-secondary)"}),n.jsx("h2",{children:e})]})}const Wt="_card_zjz9h_1",Ft={card:Wt};function Kt({children:t}){return n.jsx("div",{className:Ft.card,children:t})}const Gt="_textInput_on5q4_1",Jt={textInput:Gt},Qt=l.forwardRef(({placeholder:t,value:e,onChange:o,onFocus:s,onBlur:c,disabled:i=!1,type:a="text",className:r},p)=>n.jsx("input",{ref:p,type:a,className:`${Jt.textInput} ${r||""}`,placeholder:t,value:e,onChange:u=>o?.(u.target.value),onFocus:s,onBlur:c,disabled:i})),Ut="_selectInput_3f04b_1",Xt={selectInput:Ut},Yt=l.forwardRef(({className:t,children:e,...o},s)=>n.jsx("select",{ref:s,className:`${Xt.selectInput} ${t||""}`,...o,children:e})),Zt="_button_g5rur_1",te="_secondary_g5rur_27",I={button:Zt,secondary:te};function ee({disabled:t=!1,type:e="primary",onClick:o,children:s,style:c}){return n.jsx("button",{className:`${I.button} ${e=="secondary"?I.secondary:""}`,onClick:o,disabled:t,style:c,children:s})}const oe="_balloon_1jdjr_1",ne="_balloonOpen_1jdjr_22",M={balloon:oe,balloonOpen:ne};function se({open:t,x:e,y:o,children:s,className:c,style:i,...a}){const r={};typeof e=="number"&&(r.left=e),typeof o=="number"&&(r.top=o);const p=[M.balloon,t?M.balloonOpen:"",c??""].filter(Boolean).join(" ");return n.jsx("div",{...a,className:p,style:{...i,...r},children:s})}exports.AppShell=w;exports.Balloon=se;exports.Button=ee;exports.Card=Kt;exports.Content=zt;exports.ContextMenu=At;exports.EmptyView=qt;exports.Icon=B;exports.ListItem=Vt;exports.Popup=Z;exports.PopupActions=ut;exports.PopupButton=_t;exports.PopupDescription=rt;exports.PopupInput=at;exports.PopupTitle=ot;exports.SelectInput=Yt;exports.Sidebar=H;exports.SidebarButton=J;exports.SidebarItem=F;exports.SidebarTitle=L;exports.TextInput=Qt;exports.Toolbar=yt;exports.ToolbarActions=It;exports.ToolbarButton=N;exports.ToolbarExpandSidebarButton=Et;exports.ToolbarTitle=vt;
|
package/dist/htmlos-ui.js
CHANGED
|
@@ -1,19 +1,19 @@
|
|
|
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}._toolbarTitle_14yia_1{overflow-x:scroll;scrollbar-width:none;-ms-overflow-style:none}._toolbarTitle_14yia_1::-webkit-scrollbar{display:none}[device-type=mobile] ._toolbarTitle_14yia_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
|
-
import { jsx as
|
|
3
|
-
import { createContext as S, useContext as D, useLayoutEffect as E, useRef as $, forwardRef as x, useEffect as
|
|
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}._toolbarTitle_14yia_1{overflow-x:scroll;scrollbar-width:none;-ms-overflow-style:none}._toolbarTitle_14yia_1::-webkit-scrollbar{display:none}[device-type=mobile] ._toolbarTitle_14yia_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_jvrna_1{background-color:var(--surface-bg-active);position:fixed;border-radius:9px;display:flex;flex-direction:column;z-index:9999;border:solid 1px var(--border-color);pointer-events:none;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:4px;transform-origin:top left;opacity:0;visibility:hidden;transform:scale(.7);transition:opacity .1s ease-out,transform .1s ease-out,visibility .1s}._contextMenuOpen_jvrna_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
|
+
import { jsx as o, jsxs as h } from "react/jsx-runtime";
|
|
3
|
+
import { createContext as S, useContext as D, useLayoutEffect as E, useRef as $, forwardRef as x, useEffect as j, useState as P } from "react";
|
|
4
4
|
import { Menu as A } from "lucide-react";
|
|
5
5
|
const B = S({ isMobile: !1 }), d = () => D(B);
|
|
6
6
|
function qt({
|
|
7
7
|
isMobile: t,
|
|
8
8
|
sidebar: e,
|
|
9
|
-
children:
|
|
9
|
+
children: n,
|
|
10
10
|
accentColor: s = "#0088ff"
|
|
11
11
|
}) {
|
|
12
12
|
return E(() => {
|
|
13
13
|
s && document.documentElement.style.setProperty("--accent", s);
|
|
14
|
-
}, [s]), /* @__PURE__ */
|
|
15
|
-
/* @__PURE__ */
|
|
16
|
-
/* @__PURE__ */
|
|
14
|
+
}, [s]), /* @__PURE__ */ o(B.Provider, { value: { isMobile: t }, children: /* @__PURE__ */ h("div", { children: [
|
|
15
|
+
/* @__PURE__ */ o("aside", { children: e }),
|
|
16
|
+
/* @__PURE__ */ o("main", { children: n })
|
|
17
17
|
] }) });
|
|
18
18
|
}
|
|
19
19
|
const R = "_sidebar_yoln4_1", O = "_sidebarCollapsed_yoln4_18", H = "_sidebarMobile_yoln4_22", k = "_sidebarMobileHidden_yoln4_35", V = "_sidebarContent_yoln4_39", W = "_sidebarFooter_yoln4_48", u = {
|
|
@@ -24,7 +24,7 @@ const R = "_sidebar_yoln4_1", O = "_sidebarCollapsed_yoln4_18", H = "_sidebarMob
|
|
|
24
24
|
sidebarContent: V,
|
|
25
25
|
sidebarFooter: W
|
|
26
26
|
};
|
|
27
|
-
function Kt({ open: t, footer: e, children:
|
|
27
|
+
function Kt({ open: t, footer: e, children: n }) {
|
|
28
28
|
const { isMobile: s } = d();
|
|
29
29
|
return /* @__PURE__ */ h(
|
|
30
30
|
"div",
|
|
@@ -35,8 +35,8 @@ function Kt({ open: t, footer: e, children: o }) {
|
|
|
35
35
|
${s ? u.sidebarMobile : ""}
|
|
36
36
|
${!t && s ? u.sidebarMobileHidden : ""}`,
|
|
37
37
|
children: [
|
|
38
|
-
/* @__PURE__ */
|
|
39
|
-
e && /* @__PURE__ */
|
|
38
|
+
/* @__PURE__ */ o("div", { className: u.sidebarContent, children: n }),
|
|
39
|
+
e && /* @__PURE__ */ o("div", { className: u.sidebarFooter, children: e })
|
|
40
40
|
]
|
|
41
41
|
}
|
|
42
42
|
);
|
|
@@ -45,7 +45,7 @@ const F = "_sidebarTitle_azx8n_1", L = {
|
|
|
45
45
|
sidebarTitle: F
|
|
46
46
|
};
|
|
47
47
|
function Gt({ children: t }) {
|
|
48
|
-
return /* @__PURE__ */
|
|
48
|
+
return /* @__PURE__ */ o("h2", { className: L.sidebarTitle, children: t });
|
|
49
49
|
}
|
|
50
50
|
const q = "_sidebarItem_1e3ru_1", K = "_selected_1e3ru_22", M = {
|
|
51
51
|
sidebarItem: q,
|
|
@@ -54,7 +54,7 @@ const q = "_sidebarItem_1e3ru_1", K = "_selected_1e3ru_22", M = {
|
|
|
54
54
|
function Jt({
|
|
55
55
|
onClick: t,
|
|
56
56
|
onContextMenu: e,
|
|
57
|
-
selected:
|
|
57
|
+
selected: n = !1,
|
|
58
58
|
children: s
|
|
59
59
|
}) {
|
|
60
60
|
const c = $(null), i = (r) => {
|
|
@@ -64,10 +64,10 @@ function Jt({
|
|
|
64
64
|
}, l = () => {
|
|
65
65
|
c.current && clearTimeout(c.current);
|
|
66
66
|
};
|
|
67
|
-
return /* @__PURE__ */
|
|
67
|
+
return /* @__PURE__ */ o(
|
|
68
68
|
"div",
|
|
69
69
|
{
|
|
70
|
-
className: `${M.sidebarItem} ${
|
|
70
|
+
className: `${M.sidebarItem} ${n ? M.selected : ""}`,
|
|
71
71
|
onClick: t,
|
|
72
72
|
onContextMenu: (r) => {
|
|
73
73
|
r.preventDefault(), e && e(r);
|
|
@@ -83,7 +83,7 @@ const G = "_sidebarMainBtn_65l8c_1", J = {
|
|
|
83
83
|
sidebarMainBtn: G
|
|
84
84
|
};
|
|
85
85
|
function Qt({ onClick: t, children: e }) {
|
|
86
|
-
return /* @__PURE__ */
|
|
86
|
+
return /* @__PURE__ */ o("button", { className: J.sidebarMainBtn, onClick: t, children: e });
|
|
87
87
|
}
|
|
88
88
|
const Q = "_popupContainer_vz8rg_1", U = "_popupClosed_vz8rg_18", X = "_popup_vz8rg_1", Y = "_popupContent_vz8rg_44", f = {
|
|
89
89
|
popupContainer: Q,
|
|
@@ -92,11 +92,11 @@ const Q = "_popupContainer_vz8rg_1", U = "_popupClosed_vz8rg_18", X = "_popup_vz
|
|
|
92
92
|
popupContent: Y
|
|
93
93
|
};
|
|
94
94
|
function Ut({ open: t = !1, children: e }) {
|
|
95
|
-
return /* @__PURE__ */
|
|
95
|
+
return /* @__PURE__ */ o(
|
|
96
96
|
"div",
|
|
97
97
|
{
|
|
98
98
|
className: `${f.popupContainer} ${t ? "" : f.popupClosed}`,
|
|
99
|
-
children: /* @__PURE__ */
|
|
99
|
+
children: /* @__PURE__ */ o("div", { className: f.popup, children: /* @__PURE__ */ o("div", { className: f.popupContent, children: e }) })
|
|
100
100
|
}
|
|
101
101
|
);
|
|
102
102
|
}
|
|
@@ -104,22 +104,22 @@ const Z = "_popupTitle_4z5vb_1", tt = {
|
|
|
104
104
|
popupTitle: Z
|
|
105
105
|
};
|
|
106
106
|
function Xt({ children: t }) {
|
|
107
|
-
return /* @__PURE__ */
|
|
107
|
+
return /* @__PURE__ */ o("span", { className: tt.popupTitle, children: t });
|
|
108
108
|
}
|
|
109
|
-
const et = "_popupDescription_4ewx1_1",
|
|
109
|
+
const et = "_popupDescription_4ewx1_1", nt = {
|
|
110
110
|
popupDescription: et
|
|
111
111
|
};
|
|
112
112
|
function Yt({ children: t }) {
|
|
113
|
-
return /* @__PURE__ */
|
|
113
|
+
return /* @__PURE__ */ o("span", { className: nt.popupDescription, children: t });
|
|
114
114
|
}
|
|
115
|
-
const
|
|
116
|
-
popupInput:
|
|
115
|
+
const ot = "_popupInput_1b42s_1", st = {
|
|
116
|
+
popupInput: ot
|
|
117
117
|
}, Zt = x(
|
|
118
|
-
({ placeholder: t = "Enter text...", value: e, onChange:
|
|
118
|
+
({ placeholder: t = "Enter text...", value: e, onChange: n, onSubmit: s, autoFocus: c }, i) => {
|
|
119
119
|
const l = $(null), r = i || l;
|
|
120
|
-
return
|
|
120
|
+
return j(() => {
|
|
121
121
|
c && r.current && r.current.focus();
|
|
122
|
-
}, [c, r]), /* @__PURE__ */
|
|
122
|
+
}, [c, r]), /* @__PURE__ */ o(
|
|
123
123
|
"input",
|
|
124
124
|
{
|
|
125
125
|
ref: r,
|
|
@@ -127,7 +127,7 @@ const nt = "_popupInput_1b42s_1", st = {
|
|
|
127
127
|
className: st.popupInput,
|
|
128
128
|
placeholder: t,
|
|
129
129
|
value: e,
|
|
130
|
-
onChange: (a) =>
|
|
130
|
+
onChange: (a) => n?.(a.target.value),
|
|
131
131
|
onKeyDown: (a) => {
|
|
132
132
|
a.key === "Enter" && s && s(e || "");
|
|
133
133
|
}
|
|
@@ -141,7 +141,7 @@ function te({
|
|
|
141
141
|
orientation: t = "vertical",
|
|
142
142
|
children: e
|
|
143
143
|
}) {
|
|
144
|
-
return /* @__PURE__ */
|
|
144
|
+
return /* @__PURE__ */ o(
|
|
145
145
|
"div",
|
|
146
146
|
{
|
|
147
147
|
className: ct.popupActions,
|
|
@@ -159,14 +159,14 @@ const it = "_popupBtn_ouvtc_1", lt = "_secondary_ouvtc_27", T = {
|
|
|
159
159
|
function ee({
|
|
160
160
|
type: t = "primary",
|
|
161
161
|
onClick: e,
|
|
162
|
-
children:
|
|
162
|
+
children: n
|
|
163
163
|
}) {
|
|
164
|
-
return /* @__PURE__ */
|
|
164
|
+
return /* @__PURE__ */ o(
|
|
165
165
|
"button",
|
|
166
166
|
{
|
|
167
167
|
className: `${T.popupBtn} ${t == "secondary" ? T.secondary : ""}`,
|
|
168
168
|
onClick: e,
|
|
169
|
-
children:
|
|
169
|
+
children: n
|
|
170
170
|
}
|
|
171
171
|
);
|
|
172
172
|
}
|
|
@@ -175,41 +175,41 @@ const at = "_toolbar_1rbls_1", pt = "_toolbarCollapsed_1rbls_18", ut = "_toolbar
|
|
|
175
175
|
toolbarCollapsed: pt,
|
|
176
176
|
toolbarExpanded: ut
|
|
177
177
|
};
|
|
178
|
-
function
|
|
178
|
+
function ne({
|
|
179
179
|
expanded: t = !0,
|
|
180
180
|
collapsed: e = !1,
|
|
181
|
-
children:
|
|
181
|
+
children: n
|
|
182
182
|
}) {
|
|
183
183
|
const { isMobile: s } = d();
|
|
184
|
-
return /* @__PURE__ */
|
|
184
|
+
return /* @__PURE__ */ o(
|
|
185
185
|
"div",
|
|
186
186
|
{
|
|
187
187
|
className: `${m.toolbar} ${t || s ? m.toolbarExpanded : ""} ${s ? m.toolbarMobile : ""} ${e ? m.toolbarCollapsed : ""}`,
|
|
188
|
-
children:
|
|
188
|
+
children: n
|
|
189
189
|
}
|
|
190
190
|
);
|
|
191
191
|
}
|
|
192
|
-
const dt = "_toolbarTitle_14yia_1",
|
|
192
|
+
const dt = "_toolbarTitle_14yia_1", _t = {
|
|
193
193
|
toolbarTitle: dt
|
|
194
194
|
};
|
|
195
|
-
function
|
|
196
|
-
return /* @__PURE__ */
|
|
195
|
+
function oe({ children: t }) {
|
|
196
|
+
return /* @__PURE__ */ o("h3", { className: _t.toolbarTitle, children: t });
|
|
197
197
|
}
|
|
198
|
-
const
|
|
199
|
-
toolbarActions:
|
|
198
|
+
const bt = "_toolbarActions_l0jv2_1", ft = {
|
|
199
|
+
toolbarActions: bt
|
|
200
200
|
};
|
|
201
201
|
function se({ children: t }) {
|
|
202
|
-
return /* @__PURE__ */
|
|
202
|
+
return /* @__PURE__ */ o("div", { className: ft.toolbarActions, children: t });
|
|
203
203
|
}
|
|
204
204
|
const mt = "_toolbarBtn_8jy1b_1", yt = {
|
|
205
205
|
toolbarBtn: mt
|
|
206
206
|
};
|
|
207
207
|
function $t({ onClick: t, children: e }) {
|
|
208
|
-
return /* @__PURE__ */
|
|
208
|
+
return /* @__PURE__ */ o(
|
|
209
209
|
"button",
|
|
210
210
|
{
|
|
211
|
-
onClick: (
|
|
212
|
-
|
|
211
|
+
onClick: (n) => {
|
|
212
|
+
n.preventDefault(), t && t(n);
|
|
213
213
|
},
|
|
214
214
|
className: yt.toolbarBtn,
|
|
215
215
|
children: e
|
|
@@ -224,11 +224,11 @@ function re({
|
|
|
224
224
|
onToggleSidebar: t,
|
|
225
225
|
expanded: e = !1
|
|
226
226
|
}) {
|
|
227
|
-
const { isMobile:
|
|
228
|
-
return /* @__PURE__ */
|
|
227
|
+
const { isMobile: n } = d();
|
|
228
|
+
return /* @__PURE__ */ o($t, { onClick: t, children: /* @__PURE__ */ o(
|
|
229
229
|
A,
|
|
230
230
|
{
|
|
231
|
-
size:
|
|
231
|
+
size: n ? 24 : 18,
|
|
232
232
|
className: `${I.sidebarIcon} ${e ? I.sidebarIconExpanded : ""}`
|
|
233
233
|
}
|
|
234
234
|
) });
|
|
@@ -242,50 +242,41 @@ const xt = "_content_to68z_1", Mt = "_contentExpanded_to68z_18", Tt = "_toolbarP
|
|
|
242
242
|
function ce({
|
|
243
243
|
expanded: t = !0,
|
|
244
244
|
toolbar: e = !0,
|
|
245
|
-
margin:
|
|
245
|
+
margin: n = "default",
|
|
246
246
|
children: s
|
|
247
247
|
}) {
|
|
248
|
-
return /* @__PURE__ */
|
|
248
|
+
return /* @__PURE__ */ o(
|
|
249
249
|
"div",
|
|
250
250
|
{
|
|
251
|
-
className: `${y.content} ${t ? y.contentExpanded : ""} ${e ? y.toolbarPresent : ""} ${
|
|
251
|
+
className: `${y.content} ${t ? y.contentExpanded : ""} ${e ? y.toolbarPresent : ""} ${n === "none" ? y.contentNoMargin : ""}`,
|
|
252
252
|
children: s
|
|
253
253
|
}
|
|
254
254
|
);
|
|
255
255
|
}
|
|
256
|
-
const Nt = "
|
|
256
|
+
const Nt = "_contextMenu_jvrna_1", Ct = "_contextMenuOpen_jvrna_22", v = {
|
|
257
257
|
contextMenu: Nt,
|
|
258
258
|
contextMenuOpen: Ct
|
|
259
259
|
};
|
|
260
260
|
function ie({
|
|
261
261
|
open: t,
|
|
262
262
|
x: e = 20,
|
|
263
|
-
y:
|
|
263
|
+
y: n = 20,
|
|
264
264
|
children: s
|
|
265
265
|
}) {
|
|
266
|
-
const { isMobile: c } = d(), i = $(null), [l, r] =
|
|
266
|
+
const { isMobile: c } = d(), i = $(null), [l, r] = P({ top: n, left: e });
|
|
267
267
|
E(() => {
|
|
268
268
|
if (t && i.current) {
|
|
269
269
|
const p = i.current.getBoundingClientRect(), w = window.innerWidth, z = window.innerHeight;
|
|
270
|
-
let
|
|
271
|
-
e + p.width > w && (
|
|
270
|
+
let _ = e, b = n;
|
|
271
|
+
e + p.width > w && (_ = e - p.width), n + p.height > z && (b = n - p.height), _ = Math.max(5, _), b = Math.max(5, b), r({ top: b, left: _ });
|
|
272
272
|
}
|
|
273
|
-
}, [t, e,
|
|
273
|
+
}, [t, e, n]);
|
|
274
274
|
const a = {
|
|
275
|
-
// Using 'fixed' ensures that x/y relative to the viewport works
|
|
276
|
-
// regardless of parent positioning context.
|
|
277
275
|
position: "fixed",
|
|
278
276
|
top: `${l.top}px`,
|
|
279
|
-
left: `${l.left}px
|
|
280
|
-
// Resetting these to ensure they don't interfere if coming from CSS
|
|
281
|
-
bottom: "auto",
|
|
282
|
-
right: "auto",
|
|
283
|
-
// Use visibility to prevent layout shifts while measuring
|
|
284
|
-
visibility: t ? "visible" : "hidden",
|
|
285
|
-
opacity: t ? 1 : 0,
|
|
286
|
-
pointerEvents: t ? "all" : "none"
|
|
277
|
+
left: `${l.left}px`
|
|
287
278
|
};
|
|
288
|
-
return /* @__PURE__ */
|
|
279
|
+
return /* @__PURE__ */ o(
|
|
289
280
|
"div",
|
|
290
281
|
{
|
|
291
282
|
ref: i,
|
|
@@ -306,7 +297,7 @@ const gt = "_listItem_7ga7e_1", Et = "_selected_7ga7e_23", N = {
|
|
|
306
297
|
function le({
|
|
307
298
|
onClick: t,
|
|
308
299
|
onContextMenu: e,
|
|
309
|
-
selected:
|
|
300
|
+
selected: n = !1,
|
|
310
301
|
children: s
|
|
311
302
|
}) {
|
|
312
303
|
const c = $(null), i = (r) => {
|
|
@@ -316,10 +307,10 @@ function le({
|
|
|
316
307
|
}, l = () => {
|
|
317
308
|
c.current && clearTimeout(c.current);
|
|
318
309
|
};
|
|
319
|
-
return /* @__PURE__ */
|
|
310
|
+
return /* @__PURE__ */ o(
|
|
320
311
|
"div",
|
|
321
312
|
{
|
|
322
|
-
className: `${N.listItem} ${
|
|
313
|
+
className: `${N.listItem} ${n ? N.selected : ""}`,
|
|
323
314
|
onClick: t,
|
|
324
315
|
onContextMenu: (r) => {
|
|
325
316
|
r.preventDefault(), e && e(r);
|
|
@@ -334,18 +325,18 @@ function le({
|
|
|
334
325
|
function Bt({
|
|
335
326
|
icon: t,
|
|
336
327
|
size: e = "default",
|
|
337
|
-
color:
|
|
328
|
+
color: n = "default",
|
|
338
329
|
className: s
|
|
339
330
|
}) {
|
|
340
|
-
const { isMobile: c } = d(), i = e === "default" ? c ? 24 : 18 : e, l =
|
|
341
|
-
return
|
|
331
|
+
const { isMobile: c } = d(), i = e === "default" ? c ? 24 : 18 : e, l = n === "selected" ? "var(--icon-color)" : n;
|
|
332
|
+
return n === "default" ? /* @__PURE__ */ o(
|
|
342
333
|
t,
|
|
343
334
|
{
|
|
344
335
|
size: i,
|
|
345
336
|
className: s,
|
|
346
337
|
strokeWidth: c ? 2.5 : 2
|
|
347
338
|
}
|
|
348
|
-
) : /* @__PURE__ */
|
|
339
|
+
) : /* @__PURE__ */ o(
|
|
349
340
|
t,
|
|
350
341
|
{
|
|
351
342
|
size: i,
|
|
@@ -359,39 +350,39 @@ const wt = "_emptyView_1synn_1", zt = {
|
|
|
359
350
|
emptyView: wt
|
|
360
351
|
};
|
|
361
352
|
function ae({ icon: t, label: e }) {
|
|
362
|
-
const { isMobile:
|
|
353
|
+
const { isMobile: n } = d(), s = n ? 64 : 48;
|
|
363
354
|
return /* @__PURE__ */ h("div", { className: zt.emptyView, children: [
|
|
364
|
-
/* @__PURE__ */
|
|
365
|
-
/* @__PURE__ */
|
|
355
|
+
/* @__PURE__ */ o(Bt, { icon: t, size: s, color: "var(--text-secondary)" }),
|
|
356
|
+
/* @__PURE__ */ o("h2", { children: e })
|
|
366
357
|
] });
|
|
367
358
|
}
|
|
368
359
|
const St = "_card_zjz9h_1", Dt = {
|
|
369
360
|
card: St
|
|
370
361
|
};
|
|
371
362
|
function pe({ children: t }) {
|
|
372
|
-
return /* @__PURE__ */
|
|
363
|
+
return /* @__PURE__ */ o("div", { className: Dt.card, children: t });
|
|
373
364
|
}
|
|
374
|
-
const
|
|
375
|
-
textInput:
|
|
365
|
+
const jt = "_textInput_on5q4_1", Pt = {
|
|
366
|
+
textInput: jt
|
|
376
367
|
}, ue = x(
|
|
377
368
|
({
|
|
378
369
|
placeholder: t,
|
|
379
370
|
value: e,
|
|
380
|
-
onChange:
|
|
371
|
+
onChange: n,
|
|
381
372
|
onFocus: s,
|
|
382
373
|
onBlur: c,
|
|
383
374
|
disabled: i = !1,
|
|
384
375
|
type: l = "text",
|
|
385
376
|
className: r
|
|
386
|
-
}, a) => /* @__PURE__ */
|
|
377
|
+
}, a) => /* @__PURE__ */ o(
|
|
387
378
|
"input",
|
|
388
379
|
{
|
|
389
380
|
ref: a,
|
|
390
381
|
type: l,
|
|
391
|
-
className: `${
|
|
382
|
+
className: `${Pt.textInput} ${r || ""}`,
|
|
392
383
|
placeholder: t,
|
|
393
384
|
value: e,
|
|
394
|
-
onChange: (p) =>
|
|
385
|
+
onChange: (p) => n?.(p.target.value),
|
|
395
386
|
onFocus: s,
|
|
396
387
|
onBlur: c,
|
|
397
388
|
disabled: i
|
|
@@ -400,12 +391,12 @@ const Pt = "_textInput_on5q4_1", jt = {
|
|
|
400
391
|
), At = "_selectInput_3f04b_1", Rt = {
|
|
401
392
|
selectInput: At
|
|
402
393
|
}, de = x(
|
|
403
|
-
({ className: t, children: e, ...
|
|
394
|
+
({ className: t, children: e, ...n }, s) => /* @__PURE__ */ o(
|
|
404
395
|
"select",
|
|
405
396
|
{
|
|
406
397
|
ref: s,
|
|
407
398
|
className: `${Rt.selectInput} ${t || ""}`,
|
|
408
|
-
...
|
|
399
|
+
...n,
|
|
409
400
|
children: e
|
|
410
401
|
}
|
|
411
402
|
)
|
|
@@ -413,18 +404,18 @@ const Pt = "_textInput_on5q4_1", jt = {
|
|
|
413
404
|
button: Ot,
|
|
414
405
|
secondary: Ht
|
|
415
406
|
};
|
|
416
|
-
function
|
|
407
|
+
function _e({
|
|
417
408
|
disabled: t = !1,
|
|
418
409
|
type: e = "primary",
|
|
419
|
-
onClick:
|
|
410
|
+
onClick: n,
|
|
420
411
|
children: s,
|
|
421
412
|
style: c
|
|
422
413
|
}) {
|
|
423
|
-
return /* @__PURE__ */
|
|
414
|
+
return /* @__PURE__ */ o(
|
|
424
415
|
"button",
|
|
425
416
|
{
|
|
426
417
|
className: `${C.button} ${e == "secondary" ? C.secondary : ""}`,
|
|
427
|
-
onClick:
|
|
418
|
+
onClick: n,
|
|
428
419
|
disabled: t,
|
|
429
420
|
style: c,
|
|
430
421
|
children: s
|
|
@@ -435,23 +426,23 @@ const kt = "_balloon_1jdjr_1", Vt = "_balloonOpen_1jdjr_22", g = {
|
|
|
435
426
|
balloon: kt,
|
|
436
427
|
balloonOpen: Vt
|
|
437
428
|
};
|
|
438
|
-
function
|
|
429
|
+
function be({
|
|
439
430
|
open: t,
|
|
440
431
|
x: e,
|
|
441
|
-
y:
|
|
432
|
+
y: n,
|
|
442
433
|
children: s,
|
|
443
434
|
className: c,
|
|
444
435
|
style: i,
|
|
445
436
|
...l
|
|
446
437
|
}) {
|
|
447
438
|
const r = {};
|
|
448
|
-
typeof e == "number" && (r.left = e), typeof
|
|
439
|
+
typeof e == "number" && (r.left = e), typeof n == "number" && (r.top = n);
|
|
449
440
|
const a = [
|
|
450
441
|
g.balloon,
|
|
451
442
|
t ? g.balloonOpen : "",
|
|
452
443
|
c ?? ""
|
|
453
444
|
].filter(Boolean).join(" ");
|
|
454
|
-
return /* @__PURE__ */
|
|
445
|
+
return /* @__PURE__ */ o(
|
|
455
446
|
"div",
|
|
456
447
|
{
|
|
457
448
|
...l,
|
|
@@ -463,8 +454,8 @@ function _e({
|
|
|
463
454
|
}
|
|
464
455
|
export {
|
|
465
456
|
qt as AppShell,
|
|
466
|
-
|
|
467
|
-
|
|
457
|
+
be as Balloon,
|
|
458
|
+
_e as Button,
|
|
468
459
|
pe as Card,
|
|
469
460
|
ce as Content,
|
|
470
461
|
ie as ContextMenu,
|
|
@@ -483,9 +474,9 @@ export {
|
|
|
483
474
|
Jt as SidebarItem,
|
|
484
475
|
Gt as SidebarTitle,
|
|
485
476
|
ue as TextInput,
|
|
486
|
-
|
|
477
|
+
ne as Toolbar,
|
|
487
478
|
se as ToolbarActions,
|
|
488
479
|
$t as ToolbarButton,
|
|
489
480
|
re as ToolbarExpandSidebarButton,
|
|
490
|
-
|
|
481
|
+
oe as ToolbarTitle
|
|
491
482
|
};
|