@htmlos-next/ui 0.0.13 → 0.0.15

package/dist/components/ToolbarTitle/ToolbarTitle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToolbarTitle.d.ts","sourceRoot":"","sources":["../../../src/components/ToolbarTitle/ToolbarTitle.tsx"],"names":[],"mappings":"AAEA,UAAU,iBAAiB;IACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,wBAAgB,YAAY,CAAC,EAAE,QAAQ,EAAE,EAAE,iBAAiB,2CAE3D"}
+{"version":3,"file":"ToolbarTitle.d.ts","sourceRoot":"","sources":["../../../src/components/ToolbarTitle/ToolbarTitle.tsx"],"names":[],"mappings":"AAGA,UAAU,iBAAiB;IACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,wBAAgB,YAAY,CAAC,EAAE,QAAQ,EAAE,EAAE,iBAAiB,2CAkC3D"}

package/dist/htmlos-ui.cjs

@@ -1,10 +1,10 @@
-(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_11x84_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:990;transition:top .3s,left .3s,width .3s}._toolbarCollapsed_11x84_18{top:-100%}[device-type=mobile] ._toolbar_11x84_1{top:5px;height:48px}._toolbarExpanded_11x84_27{left:5px;width:calc(100% - 10px)}._toolbarTitle_11x84_32{margin:0;font-size:1rem;font-weight:600}._toolbarActions_11x84_38{background-color:var(--surface-bg);border-radius:16px;display:flex;flex-direction:row}._toolbarActions_11x84_38 button{width:32px;height:32px;background-color:transparent;border:none;outline:none;color:var(--icon-color);cursor:pointer}._toolbarTitle_1ite7_1{flex:1 1 auto;min-width:0;max-width:100%;white-space:nowrap;overflow-y:hidden;overflow-x:scroll;overflow-wrap:normal;word-break:normal;scrollbar-width:none;-ms-overflow-style:none}._toolbarTitle_1ite7_1::-webkit-scrollbar{display:none}[device-type=mobile] ._toolbarTitle_1ite7_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_v1bev_1{background-color:var(--surface-bg-active);position:fixed;border-radius:9px;z-index:9999;border:solid 1px var(--border-color);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:4px;display:flex;flex-direction:column;opacity:0;visibility:hidden;pointer-events:none;transform-origin:var(--origin, top left);transform:scale(.8) translate(var(--tx-start)) translateY(var(--ty-start));transition:opacity .12s ease-out,transform .12s cubic-bezier(.4,0,.2,1),visibility .12s}._contextMenuOpen_v1bev_27{opacity:1;visibility:visible;pointer-events:auto;transform:scale(1) translate(0) translateY(0)}._listItem_1vjhk_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%}._listItem_1vjhk_1>svg{flex:0 0 auto}[device-type=mobile] ._listItem_1vjhk_1{font-size:1.4rem}._listItem_1vjhk_1:hover{background-color:var(--surface-bg-hover)}._listItem_1vjhk_1._selected_1vjhk_27{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)}})();
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),a=require("react"),H=require("lucide-react"),E=a.createContext({isMobile:!1}),b=()=>a.useContext(E);function V({isMobile:t,sidebar:e,children:o,accentColor:n="#0088ff"}){return a.useLayoutEffect(()=>{n&&document.documentElement.style.setProperty("--accent",n)},[n]),s.jsx(E.Provider,{value:{isMobile:t},children:s.jsxs("div",{children:[s.jsx("aside",{children:e}),s.jsx("main",{children:o})]})})}const F="_sidebar_yoln4_1",L="_sidebarCollapsed_yoln4_18",q="_sidebarMobile_yoln4_22",W="_sidebarMobileHidden_yoln4_35",K="_sidebarContent_yoln4_39",G="_sidebarFooter_yoln4_48",d={sidebar:F,sidebarCollapsed:L,sidebarMobile:q,sidebarMobileHidden:W,sidebarContent:K,sidebarFooter:G};function J({open:t,footer:e,children:o}){const{isMobile:n}=b();return s.jsxs("div",{className:`
+(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_11x84_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:990;transition:top .3s,left .3s,width .3s}._toolbarCollapsed_11x84_18{top:-100%}[device-type=mobile] ._toolbar_11x84_1{top:5px;height:48px}._toolbarExpanded_11x84_27{left:5px;width:calc(100% - 10px)}._toolbarTitle_11x84_32{margin:0;font-size:1rem;font-weight:600}._toolbarActions_11x84_38{background-color:var(--surface-bg);border-radius:16px;display:flex;flex-direction:row}._toolbarActions_11x84_38 button{width:32px;height:32px;background-color:transparent;border:none;outline:none;color:var(--icon-color);cursor:pointer}._toolbarTitle_mpzr6_1{margin:0;display:flex;justify-content:center;align-items:center;flex:1 1 auto;min-width:0;max-width:100%;overflow-y:hidden;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}._toolbarTitle_mpzr6_1::-webkit-scrollbar{display:none}._toolbarTitle_mpzr6_1._overflowing_mpzr6_22{justify-content:flex-start}._toolbarTitleContent_mpzr6_26{display:inline-block;width:max-content;max-width:none;white-space:nowrap;overflow-wrap:normal;word-break:keep-all}[device-type=mobile] ._toolbarTitle_mpzr6_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_v1bev_1{background-color:var(--surface-bg-active);position:fixed;border-radius:9px;z-index:9999;border:solid 1px var(--border-color);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:4px;display:flex;flex-direction:column;opacity:0;visibility:hidden;pointer-events:none;transform-origin:var(--origin, top left);transform:scale(.8) translate(var(--tx-start)) translateY(var(--ty-start));transition:opacity .12s ease-out,transform .12s cubic-bezier(.4,0,.2,1),visibility .12s}._contextMenuOpen_v1bev_27{opacity:1;visibility:visible;pointer-events:auto;transform:scale(1) translate(0) translateY(0)}._listItem_1vjhk_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%}._listItem_1vjhk_1>svg{flex:0 0 auto}[device-type=mobile] ._listItem_1vjhk_1{font-size:1.4rem}._listItem_1vjhk_1:hover{background-color:var(--surface-bg-hover)}._listItem_1vjhk_1._selected_1vjhk_27{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)}})();
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),a=require("react"),H=require("lucide-react"),B=a.createContext({isMobile:!1}),b=()=>a.useContext(B);function V({isMobile:e,sidebar:t,children:o,accentColor:n="#0088ff"}){return a.useLayoutEffect(()=>{n&&document.documentElement.style.setProperty("--accent",n)},[n]),s.jsx(B.Provider,{value:{isMobile:e},children:s.jsxs("div",{children:[s.jsx("aside",{children:t}),s.jsx("main",{children:o})]})})}const W="_sidebar_yoln4_1",F="_sidebarCollapsed_yoln4_18",q="_sidebarMobile_yoln4_22",K="_sidebarMobileHidden_yoln4_35",G="_sidebarContent_yoln4_39",J="_sidebarFooter_yoln4_48",d={sidebar:W,sidebarCollapsed:F,sidebarMobile:q,sidebarMobileHidden:K,sidebarContent:G,sidebarFooter:J};function Q({open:e,footer:t,children:o}){const{isMobile:n}=b();return s.jsxs("div",{className:`
         ${d.sidebar}
-        ${t?"":d.sidebarCollapsed}
+        ${e?"":d.sidebarCollapsed}
         ${n?d.sidebarMobile:""}
-        ${!t&&n?d.sidebarMobileHidden:""}`,children:[s.jsx("div",{className:d.sidebarContent,children:o}),e&&s.jsx("div",{className:d.sidebarFooter,children:e})]})}const Q="_sidebarTitle_azx8n_1",U={sidebarTitle:Q};function X({children:t}){return s.jsx("h2",{className:U.sidebarTitle,children:t})}const Y="_sidebarItem_1e3ru_1",Z="_selected_1e3ru_22",M={sidebarItem:Y,selected:Z};function tt({onClick:t,onContextMenu:e,selected:o=!1,children:n}){const r=a.useRef(null),c=i=>{r.current=setTimeout(()=>{e&&(i.preventDefault(),e(i))},500)},l=()=>{r.current&&clearTimeout(r.current)};return s.jsx("div",{className:`${M.sidebarItem} ${o?M.selected:""}`,onClick:t,onContextMenu:i=>{i.preventDefault(),e&&e(i)},onTouchStart:c,onTouchEnd:l,onTouchMove:l,children:n})}const et="_sidebarMainBtn_65l8c_1",ot={sidebarMainBtn:et};function nt({onClick:t,children:e}){return s.jsx("button",{className:ot.sidebarMainBtn,onClick:t,children:e})}const st="_popupContainer_vz8rg_1",it="_popupClosed_vz8rg_18",rt="_popup_vz8rg_1",lt="_popupContent_vz8rg_44",f={popupContainer:st,popupClosed:it,popup:rt,popupContent:lt};function ct({open:t=!1,children:e}){return s.jsx("div",{className:`${f.popupContainer} ${t?"":f.popupClosed}`,children:s.jsx("div",{className:f.popup,children:s.jsx("div",{className:f.popupContent,children:e})})})}const at="_popupTitle_4z5vb_1",ut={popupTitle:at};function pt({children:t}){return s.jsx("span",{className:ut.popupTitle,children:t})}const dt="_popupDescription_4ewx1_1",bt={popupDescription:dt};function _t({children:t}){return s.jsx("span",{className:bt.popupDescription,children:t})}const ft="_popupInput_1b42s_1",xt={popupInput:ft},mt=a.forwardRef(({placeholder:t="Enter text...",value:e,onChange:o,onSubmit:n,autoFocus:r},c)=>{const l=a.useRef(null),i=c||l;return a.useEffect(()=>{r&&i.current&&i.current.focus()},[r,i]),s.jsx("input",{ref:i,type:"text",className:xt.popupInput,placeholder:t,value:e,onChange:u=>o?.(u.target.value),onKeyDown:u=>{u.key==="Enter"&&n&&n(e||"")}})}),yt="_popupActions_84v2b_1",ht={popupActions:yt};function $t({orientation:t="vertical",children:e}){return s.jsx("div",{className:ht.popupActions,style:{flexDirection:t=="vertical"?"column":"row"},children:e})}const vt="_popupBtn_ouvtc_1",jt="_secondary_ouvtc_27",g={popupBtn:vt,secondary:jt};function Tt({type:t="primary",onClick:e,children:o}){return s.jsx("button",{className:`${g.popupBtn} ${t=="secondary"?g.secondary:""}`,onClick:e,children:o})}const Mt="_toolbar_11x84_1",gt="_toolbarCollapsed_11x84_18",It="_toolbarExpanded_11x84_27",x={toolbar:Mt,toolbarCollapsed:gt,toolbarExpanded:It};function Ct({expanded:t=!0,collapsed:e=!1,children:o}){const{isMobile:n}=b();return s.jsx("div",{className:`${x.toolbar} ${t||n?x.toolbarExpanded:""} ${n?x.toolbarMobile:""} ${e?x.toolbarCollapsed:""}`,children:o})}const Nt="_toolbarTitle_1ite7_1",Bt={toolbarTitle:Nt};function Et({children:t}){return s.jsx("h3",{className:Bt.toolbarTitle,children:t})}const St="_toolbarActions_l0jv2_1",wt={toolbarActions:St};function Pt({children:t}){return s.jsx("div",{className:wt.toolbarActions,children:t})}const zt="_toolbarBtn_8jy1b_1",Rt={toolbarBtn:zt};function S({onClick:t,children:e}){return s.jsx("button",{onClick:o=>{o.preventDefault(),t&&t(o)},className:Rt.toolbarBtn,children:e})}const Dt="_sidebarIcon_1lib1_1",At="_sidebarIconExpanded_1lib1_6",I={sidebarIcon:Dt,sidebarIconExpanded:At};function Ot({onToggleSidebar:t,expanded:e=!1}){const{isMobile:o}=b();return s.jsx(S,{onClick:t,children:s.jsx(H.Menu,{size:o?24:18,className:`${I.sidebarIcon} ${e?I.sidebarIconExpanded:""}`})})}const kt="_content_to68z_1",Ht="_contentExpanded_to68z_18",Vt="_toolbarPresent_to68z_23",Ft="_contentNoMargin_to68z_33",m={content:kt,contentExpanded:Ht,toolbarPresent:Vt,contentNoMargin:Ft};function Lt({expanded:t=!0,toolbar:e=!0,margin:o="default",children:n}){return s.jsx("div",{className:`${m.content} ${t?m.contentExpanded:""} ${e?m.toolbarPresent:""} ${o==="none"?m.contentNoMargin:""}`,children:n})}const qt="_contextMenu_v1bev_1",Wt="_contextMenuOpen_v1bev_27",Kt="_contextMenuMobile_v1bev_36",y={contextMenu:qt,contextMenuOpen:Wt,contextMenuMobile:Kt};function Gt({open:t,x:e=20,y:o=20,from:n="auto",children:r}){const{isMobile:c}=b(),l=a.useRef(null),[i,u]=a.useState("top-left"),[p,h]=a.useState({top:o,left:e,bottom:"auto",right:"auto"});a.useLayoutEffect(()=>{if(!(!t||!l.current))if(n==="auto"){const _=l.current.getBoundingClientRect(),O=window.innerWidth,k=window.innerHeight;let $=e,v=o,j="top",T="left";e+_.width>O&&($=e-_.width,T="right"),o+_.height>k&&(v=o-_.height,j="bottom"),u(`${j}-${T}`),h({top:Math.max(5,v),left:Math.max(5,$),bottom:"auto",right:"auto"})}else u(n),h({top:n.includes("top")?o:"auto",bottom:n.includes("bottom")?o:"auto",left:n.includes("left")?e:"auto",right:n.includes("right")?e:"auto"})},[t,e,o,n]);const P={"top-left":{tx:"-10%",ty:"-10%",origin:"top left"},"top-right":{tx:"10%",ty:"-10%",origin:"top right"},"bottom-left":{tx:"-10%",ty:"10%",origin:"bottom left"},"bottom-right":{tx:"10%",ty:"10%",origin:"bottom right"}},{tx:z,ty:R,origin:D}=P[i],A={position:"fixed",top:typeof p.top=="number"?`${p.top}px`:"auto",bottom:typeof p.bottom=="number"?`${p.bottom}px`:"auto",left:typeof p.left=="number"?`${p.left}px`:"auto",right:typeof p.right=="number"?`${p.right}px`:"auto","--tx-start":z,"--ty-start":R,"--origin":D};return s.jsx("div",{ref:l,className:`
-        ${y.contextMenu}
-        ${t?y.contextMenuOpen:""}
-        ${c?y.contextMenuMobile:""}
-      `,style:A,children:r})}const Jt="_listItem_1vjhk_1",Qt="_selected_1vjhk_27",C={listItem:Jt,selected:Qt};function Ut({onClick:t,onContextMenu:e,selected:o=!1,children:n}){const r=a.useRef(null),c=i=>{r.current=setTimeout(()=>{e&&(i.preventDefault(),e(i))},500)},l=()=>{r.current&&clearTimeout(r.current)};return s.jsx("div",{className:`${C.listItem} ${o?C.selected:""}`,onClick:t,onContextMenu:i=>{i.preventDefault(),e&&e(i)},onTouchStart:c,onTouchEnd:l,onTouchMove:l,children:n})}function w({icon:t,size:e="default",color:o="default",className:n}){const{isMobile:r}=b(),c=e==="default"?r?24:18:e,l=o==="selected"?"var(--icon-color)":o;return o==="default"?s.jsx(t,{size:c,className:n,strokeWidth:r?2.5:2}):s.jsx(t,{size:c,color:l,className:n,strokeWidth:r?2.5:2})}const Xt="_emptyView_1synn_1",Yt={emptyView:Xt};function Zt({icon:t,label:e}){const{isMobile:o}=b(),n=o?64:48;return s.jsxs("div",{className:Yt.emptyView,children:[s.jsx(w,{icon:t,size:n,color:"var(--text-secondary)"}),s.jsx("h2",{children:e})]})}const te="_card_zjz9h_1",ee={card:te};function oe({children:t}){return s.jsx("div",{className:ee.card,children:t})}const ne="_textInput_on5q4_1",se={textInput:ne},ie=a.forwardRef(({placeholder:t,value:e,onChange:o,onFocus:n,onBlur:r,disabled:c=!1,type:l="text",className:i},u)=>s.jsx("input",{ref:u,type:l,className:`${se.textInput} ${i||""}`,placeholder:t,value:e,onChange:p=>o?.(p.target.value),onFocus:n,onBlur:r,disabled:c})),re="_selectInput_3f04b_1",le={selectInput:re},ce=a.forwardRef(({className:t,children:e,...o},n)=>s.jsx("select",{ref:n,className:`${le.selectInput} ${t||""}`,...o,children:e})),ae="_button_g5rur_1",ue="_secondary_g5rur_27",N={button:ae,secondary:ue};function pe({disabled:t=!1,type:e="primary",onClick:o,children:n,style:r}){return s.jsx("button",{className:`${N.button} ${e=="secondary"?N.secondary:""}`,onClick:o,disabled:t,style:r,children:n})}const de="_balloon_1jdjr_1",be="_balloonOpen_1jdjr_22",B={balloon:de,balloonOpen:be};function _e({open:t,x:e,y:o,children:n,className:r,style:c,...l}){const i={};typeof e=="number"&&(i.left=e),typeof o=="number"&&(i.top=o);const u=[B.balloon,t?B.balloonOpen:"",r??""].filter(Boolean).join(" ");return s.jsx("div",{...l,className:u,style:{...c,...i},children:n})}exports.AppShell=V;exports.Balloon=_e;exports.Button=pe;exports.Card=oe;exports.Content=Lt;exports.ContextMenu=Gt;exports.EmptyView=Zt;exports.Icon=w;exports.ListItem=Ut;exports.Popup=ct;exports.PopupActions=$t;exports.PopupButton=Tt;exports.PopupDescription=_t;exports.PopupInput=mt;exports.PopupTitle=pt;exports.SelectInput=ce;exports.Sidebar=J;exports.SidebarButton=nt;exports.SidebarItem=tt;exports.SidebarTitle=X;exports.TextInput=ie;exports.Toolbar=Ct;exports.ToolbarActions=Pt;exports.ToolbarButton=S;exports.ToolbarExpandSidebarButton=Ot;exports.ToolbarTitle=Et;
+        ${!e&&n?d.sidebarMobileHidden:""}`,children:[s.jsx("div",{className:d.sidebarContent,children:o}),t&&s.jsx("div",{className:d.sidebarFooter,children:t})]})}const U="_sidebarTitle_azx8n_1",X={sidebarTitle:U};function Y({children:e}){return s.jsx("h2",{className:X.sidebarTitle,children:e})}const Z="_sidebarItem_1e3ru_1",tt="_selected_1e3ru_22",M={sidebarItem:Z,selected:tt};function et({onClick:e,onContextMenu:t,selected:o=!1,children:n}){const r=a.useRef(null),c=i=>{r.current=setTimeout(()=>{t&&(i.preventDefault(),t(i))},500)},l=()=>{r.current&&clearTimeout(r.current)};return s.jsx("div",{className:`${M.sidebarItem} ${o?M.selected:""}`,onClick:e,onContextMenu:i=>{i.preventDefault(),t&&t(i)},onTouchStart:c,onTouchEnd:l,onTouchMove:l,children:n})}const ot="_sidebarMainBtn_65l8c_1",nt={sidebarMainBtn:ot};function st({onClick:e,children:t}){return s.jsx("button",{className:nt.sidebarMainBtn,onClick:e,children:t})}const rt="_popupContainer_vz8rg_1",it="_popupClosed_vz8rg_18",lt="_popup_vz8rg_1",ct="_popupContent_vz8rg_44",f={popupContainer:rt,popupClosed:it,popup:lt,popupContent:ct};function at({open:e=!1,children:t}){return s.jsx("div",{className:`${f.popupContainer} ${e?"":f.popupClosed}`,children:s.jsx("div",{className:f.popup,children:s.jsx("div",{className:f.popupContent,children:t})})})}const ut="_popupTitle_4z5vb_1",pt={popupTitle:ut};function dt({children:e}){return s.jsx("span",{className:pt.popupTitle,children:e})}const bt="_popupDescription_4ewx1_1",_t={popupDescription:bt};function ft({children:e}){return s.jsx("span",{className:_t.popupDescription,children:e})}const xt="_popupInput_1b42s_1",mt={popupInput:xt},yt=a.forwardRef(({placeholder:e="Enter text...",value:t,onChange:o,onSubmit:n,autoFocus:r},c)=>{const l=a.useRef(null),i=c||l;return a.useEffect(()=>{r&&i.current&&i.current.focus()},[r,i]),s.jsx("input",{ref:i,type:"text",className:mt.popupInput,placeholder:e,value:t,onChange:u=>o?.(u.target.value),onKeyDown:u=>{u.key==="Enter"&&n&&n(t||"")}})}),vt="_popupActions_84v2b_1",ht={popupActions:vt};function $t({orientation:e="vertical",children:t}){return s.jsx("div",{className:ht.popupActions,style:{flexDirection:e=="vertical"?"column":"row"},children:t})}const jt="_popupBtn_ouvtc_1",Tt="_secondary_ouvtc_27",I={popupBtn:jt,secondary:Tt};function gt({type:e="primary",onClick:t,children:o}){return s.jsx("button",{className:`${I.popupBtn} ${e=="secondary"?I.secondary:""}`,onClick:t,children:o})}const Mt="_toolbar_11x84_1",It="_toolbarCollapsed_11x84_18",Ct="_toolbarExpanded_11x84_27",x={toolbar:Mt,toolbarCollapsed:It,toolbarExpanded:Ct};function Nt({expanded:e=!0,collapsed:t=!1,children:o}){const{isMobile:n}=b();return s.jsx("div",{className:`${x.toolbar} ${e||n?x.toolbarExpanded:""} ${n?x.toolbarMobile:""} ${t?x.toolbarCollapsed:""}`,children:o})}const wt="_toolbarTitle_mpzr6_1",Et="_overflowing_mpzr6_22",Bt="_toolbarTitleContent_mpzr6_26",y={toolbarTitle:wt,overflowing:Et,toolbarTitleContent:Bt};function St({children:e}){const t=a.useRef(null),[o,n]=a.useState(!1);return a.useEffect(()=>{const r=()=>{if(!t.current)return;const{scrollWidth:l,clientWidth:i}=t.current;n(l>i+1)};r();const c=new ResizeObserver(r);return t.current&&c.observe(t.current),window.addEventListener("resize",r),()=>{c.disconnect(),window.removeEventListener("resize",r)}},[e]),s.jsx("h3",{ref:t,className:`${y.toolbarTitle} ${o?y.overflowing:""}`,children:s.jsx("span",{className:y.toolbarTitleContent,children:e})})}const zt="_toolbarActions_l0jv2_1",Pt={toolbarActions:zt};function Rt({children:e}){return s.jsx("div",{className:Pt.toolbarActions,children:e})}const Dt="_toolbarBtn_8jy1b_1",At={toolbarBtn:Dt};function S({onClick:e,children:t}){return s.jsx("button",{onClick:o=>{o.preventDefault(),e&&e(o)},className:At.toolbarBtn,children:t})}const Ot="_sidebarIcon_1lib1_1",kt="_sidebarIconExpanded_1lib1_6",C={sidebarIcon:Ot,sidebarIconExpanded:kt};function Lt({onToggleSidebar:e,expanded:t=!1}){const{isMobile:o}=b();return s.jsx(S,{onClick:e,children:s.jsx(H.Menu,{size:o?24:18,className:`${C.sidebarIcon} ${t?C.sidebarIconExpanded:""}`})})}const Ht="_content_to68z_1",Vt="_contentExpanded_to68z_18",Wt="_toolbarPresent_to68z_23",Ft="_contentNoMargin_to68z_33",m={content:Ht,contentExpanded:Vt,toolbarPresent:Wt,contentNoMargin:Ft};function qt({expanded:e=!0,toolbar:t=!0,margin:o="default",children:n}){return s.jsx("div",{className:`${m.content} ${e?m.contentExpanded:""} ${t?m.toolbarPresent:""} ${o==="none"?m.contentNoMargin:""}`,children:n})}const Kt="_contextMenu_v1bev_1",Gt="_contextMenuOpen_v1bev_27",Jt="_contextMenuMobile_v1bev_36",v={contextMenu:Kt,contextMenuOpen:Gt,contextMenuMobile:Jt};function Qt({open:e,x:t=20,y:o=20,from:n="auto",children:r}){const{isMobile:c}=b(),l=a.useRef(null),[i,u]=a.useState("top-left"),[p,h]=a.useState({top:o,left:t,bottom:"auto",right:"auto"});a.useLayoutEffect(()=>{if(!(!e||!l.current))if(n==="auto"){const _=l.current.getBoundingClientRect(),k=window.innerWidth,L=window.innerHeight;let $=t,j=o,T="top",g="left";t+_.width>k&&($=t-_.width,g="right"),o+_.height>L&&(j=o-_.height,T="bottom"),u(`${T}-${g}`),h({top:Math.max(5,j),left:Math.max(5,$),bottom:"auto",right:"auto"})}else u(n),h({top:n.includes("top")?o:"auto",bottom:n.includes("bottom")?o:"auto",left:n.includes("left")?t:"auto",right:n.includes("right")?t:"auto"})},[e,t,o,n]);const P={"top-left":{tx:"-10%",ty:"-10%",origin:"top left"},"top-right":{tx:"10%",ty:"-10%",origin:"top right"},"bottom-left":{tx:"-10%",ty:"10%",origin:"bottom left"},"bottom-right":{tx:"10%",ty:"10%",origin:"bottom right"}},{tx:R,ty:D,origin:A}=P[i],O={position:"fixed",top:typeof p.top=="number"?`${p.top}px`:"auto",bottom:typeof p.bottom=="number"?`${p.bottom}px`:"auto",left:typeof p.left=="number"?`${p.left}px`:"auto",right:typeof p.right=="number"?`${p.right}px`:"auto","--tx-start":R,"--ty-start":D,"--origin":A};return s.jsx("div",{ref:l,className:`
+        ${v.contextMenu}
+        ${e?v.contextMenuOpen:""}
+        ${c?v.contextMenuMobile:""}
+      `,style:O,children:r})}const Ut="_listItem_1vjhk_1",Xt="_selected_1vjhk_27",N={listItem:Ut,selected:Xt};function Yt({onClick:e,onContextMenu:t,selected:o=!1,children:n}){const r=a.useRef(null),c=i=>{r.current=setTimeout(()=>{t&&(i.preventDefault(),t(i))},500)},l=()=>{r.current&&clearTimeout(r.current)};return s.jsx("div",{className:`${N.listItem} ${o?N.selected:""}`,onClick:e,onContextMenu:i=>{i.preventDefault(),t&&t(i)},onTouchStart:c,onTouchEnd:l,onTouchMove:l,children:n})}function z({icon:e,size:t="default",color:o="default",className:n}){const{isMobile:r}=b(),c=t==="default"?r?24:18:t,l=o==="selected"?"var(--icon-color)":o;return o==="default"?s.jsx(e,{size:c,className:n,strokeWidth:r?2.5:2}):s.jsx(e,{size:c,color:l,className:n,strokeWidth:r?2.5:2})}const Zt="_emptyView_1synn_1",te={emptyView:Zt};function ee({icon:e,label:t}){const{isMobile:o}=b(),n=o?64:48;return s.jsxs("div",{className:te.emptyView,children:[s.jsx(z,{icon:e,size:n,color:"var(--text-secondary)"}),s.jsx("h2",{children:t})]})}const oe="_card_zjz9h_1",ne={card:oe};function se({children:e}){return s.jsx("div",{className:ne.card,children:e})}const re="_textInput_on5q4_1",ie={textInput:re},le=a.forwardRef(({placeholder:e,value:t,onChange:o,onFocus:n,onBlur:r,disabled:c=!1,type:l="text",className:i},u)=>s.jsx("input",{ref:u,type:l,className:`${ie.textInput} ${i||""}`,placeholder:e,value:t,onChange:p=>o?.(p.target.value),onFocus:n,onBlur:r,disabled:c})),ce="_selectInput_3f04b_1",ae={selectInput:ce},ue=a.forwardRef(({className:e,children:t,...o},n)=>s.jsx("select",{ref:n,className:`${ae.selectInput} ${e||""}`,...o,children:t})),pe="_button_g5rur_1",de="_secondary_g5rur_27",w={button:pe,secondary:de};function be({disabled:e=!1,type:t="primary",onClick:o,children:n,style:r}){return s.jsx("button",{className:`${w.button} ${t=="secondary"?w.secondary:""}`,onClick:o,disabled:e,style:r,children:n})}const _e="_balloon_1jdjr_1",fe="_balloonOpen_1jdjr_22",E={balloon:_e,balloonOpen:fe};function xe({open:e,x:t,y:o,children:n,className:r,style:c,...l}){const i={};typeof t=="number"&&(i.left=t),typeof o=="number"&&(i.top=o);const u=[E.balloon,e?E.balloonOpen:"",r??""].filter(Boolean).join(" ");return s.jsx("div",{...l,className:u,style:{...c,...i},children:n})}exports.AppShell=V;exports.Balloon=xe;exports.Button=be;exports.Card=se;exports.Content=qt;exports.ContextMenu=Qt;exports.EmptyView=ee;exports.Icon=z;exports.ListItem=Yt;exports.Popup=at;exports.PopupActions=$t;exports.PopupButton=gt;exports.PopupDescription=ft;exports.PopupInput=yt;exports.PopupTitle=dt;exports.SelectInput=ue;exports.Sidebar=Q;exports.SidebarButton=st;exports.SidebarItem=et;exports.SidebarTitle=Y;exports.TextInput=le;exports.Toolbar=Nt;exports.ToolbarActions=Rt;exports.ToolbarButton=S;exports.ToolbarExpandSidebarButton=Lt;exports.ToolbarTitle=St;

package/dist/htmlos-ui.js

@@ -1,443 +1,464 @@
-(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_11x84_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:990;transition:top .3s,left .3s,width .3s}._toolbarCollapsed_11x84_18{top:-100%}[device-type=mobile] ._toolbar_11x84_1{top:5px;height:48px}._toolbarExpanded_11x84_27{left:5px;width:calc(100% - 10px)}._toolbarTitle_11x84_32{margin:0;font-size:1rem;font-weight:600}._toolbarActions_11x84_38{background-color:var(--surface-bg);border-radius:16px;display:flex;flex-direction:row}._toolbarActions_11x84_38 button{width:32px;height:32px;background-color:transparent;border:none;outline:none;color:var(--icon-color);cursor:pointer}._toolbarTitle_1ite7_1{flex:1 1 auto;min-width:0;max-width:100%;white-space:nowrap;overflow-y:hidden;overflow-x:scroll;overflow-wrap:normal;word-break:normal;scrollbar-width:none;-ms-overflow-style:none}._toolbarTitle_1ite7_1::-webkit-scrollbar{display:none}[device-type=mobile] ._toolbarTitle_1ite7_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_v1bev_1{background-color:var(--surface-bg-active);position:fixed;border-radius:9px;z-index:9999;border:solid 1px var(--border-color);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:4px;display:flex;flex-direction:column;opacity:0;visibility:hidden;pointer-events:none;transform-origin:var(--origin, top left);transform:scale(.8) translate(var(--tx-start)) translateY(var(--ty-start));transition:opacity .12s ease-out,transform .12s cubic-bezier(.4,0,.2,1),visibility .12s}._contextMenuOpen_v1bev_27{opacity:1;visibility:visible;pointer-events:auto;transform:scale(1) translate(0) translateY(0)}._listItem_1vjhk_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%}._listItem_1vjhk_1>svg{flex:0 0 auto}[device-type=mobile] ._listItem_1vjhk_1{font-size:1.4rem}._listItem_1vjhk_1:hover{background-color:var(--surface-bg-hover)}._listItem_1vjhk_1._selected_1vjhk_27{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)}})();
-import { jsx as s, jsxs as h } from "react/jsx-runtime";
-import { createContext as V, useContext as W, useLayoutEffect as D, useRef as y, forwardRef as v, useEffect as L, useState as N } from "react";
-import { Menu as q } from "lucide-react";
-const j = V({ isMobile: !1 }), d = () => W(j);
-function ee({
-  isMobile: t,
-  sidebar: e,
+(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_11x84_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:990;transition:top .3s,left .3s,width .3s}._toolbarCollapsed_11x84_18{top:-100%}[device-type=mobile] ._toolbar_11x84_1{top:5px;height:48px}._toolbarExpanded_11x84_27{left:5px;width:calc(100% - 10px)}._toolbarTitle_11x84_32{margin:0;font-size:1rem;font-weight:600}._toolbarActions_11x84_38{background-color:var(--surface-bg);border-radius:16px;display:flex;flex-direction:row}._toolbarActions_11x84_38 button{width:32px;height:32px;background-color:transparent;border:none;outline:none;color:var(--icon-color);cursor:pointer}._toolbarTitle_mpzr6_1{margin:0;display:flex;justify-content:center;align-items:center;flex:1 1 auto;min-width:0;max-width:100%;overflow-y:hidden;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}._toolbarTitle_mpzr6_1::-webkit-scrollbar{display:none}._toolbarTitle_mpzr6_1._overflowing_mpzr6_22{justify-content:flex-start}._toolbarTitleContent_mpzr6_26{display:inline-block;width:max-content;max-width:none;white-space:nowrap;overflow-wrap:normal;word-break:keep-all}[device-type=mobile] ._toolbarTitle_mpzr6_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_v1bev_1{background-color:var(--surface-bg-active);position:fixed;border-radius:9px;z-index:9999;border:solid 1px var(--border-color);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:4px;display:flex;flex-direction:column;opacity:0;visibility:hidden;pointer-events:none;transform-origin:var(--origin, top left);transform:scale(.8) translate(var(--tx-start)) translateY(var(--ty-start));transition:opacity .12s ease-out,transform .12s cubic-bezier(.4,0,.2,1),visibility .12s}._contextMenuOpen_v1bev_27{opacity:1;visibility:visible;pointer-events:auto;transform:scale(1) translate(0) translateY(0)}._listItem_1vjhk_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%}._listItem_1vjhk_1>svg{flex:0 0 auto}[device-type=mobile] ._listItem_1vjhk_1{font-size:1.4rem}._listItem_1vjhk_1:hover{background-color:var(--surface-bg-hover)}._listItem_1vjhk_1._selected_1vjhk_27{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)}})();
+import { jsx as s, jsxs as x } from "react/jsx-runtime";
+import { createContext as V, useContext as q, useLayoutEffect as j, useRef as b, forwardRef as g, useEffect as O, useState as $ } from "react";
+import { Menu as K } from "lucide-react";
+const P = V({ isMobile: !1 }), d = () => q(P);
+function ne({
+  isMobile: e,
+  sidebar: t,
   children: o,
   accentColor: n = "#0088ff"
 }) {
-  return D(() => {
+  return j(() => {
     n && document.documentElement.style.setProperty("--accent", n);
-  }, [n]), /* @__PURE__ */ s(j.Provider, { value: { isMobile: t }, children: /* @__PURE__ */ h("div", { children: [
-    /* @__PURE__ */ s("aside", { children: e }),
+  }, [n]), /* @__PURE__ */ s(P.Provider, { value: { isMobile: e }, children: /* @__PURE__ */ x("div", { children: [
+    /* @__PURE__ */ s("aside", { children: t }),
     /* @__PURE__ */ s("main", { children: o })
   ] }) });
 }
-const K = "_sidebar_yoln4_1", G = "_sidebarCollapsed_yoln4_18", J = "_sidebarMobile_yoln4_22", Q = "_sidebarMobileHidden_yoln4_35", U = "_sidebarContent_yoln4_39", X = "_sidebarFooter_yoln4_48", u = {
-  sidebar: K,
-  sidebarCollapsed: G,
-  sidebarMobile: J,
-  sidebarMobileHidden: Q,
-  sidebarContent: U,
-  sidebarFooter: X
+const G = "_sidebar_yoln4_1", J = "_sidebarCollapsed_yoln4_18", Q = "_sidebarMobile_yoln4_22", U = "_sidebarMobileHidden_yoln4_35", X = "_sidebarContent_yoln4_39", Y = "_sidebarFooter_yoln4_48", p = {
+  sidebar: G,
+  sidebarCollapsed: J,
+  sidebarMobile: Q,
+  sidebarMobileHidden: U,
+  sidebarContent: X,
+  sidebarFooter: Y
 };
-function oe({ open: t, footer: e, children: o }) {
+function se({ open: e, footer: t, children: o }) {
   const { isMobile: n } = d();
-  return /* @__PURE__ */ h(
+  return /* @__PURE__ */ x(
     "div",
     {
       className: `
-        ${u.sidebar}
-        ${t ? "" : u.sidebarCollapsed}
-        ${n ? u.sidebarMobile : ""}
-        ${!t && n ? u.sidebarMobileHidden : ""}`,
+        ${p.sidebar}
+        ${e ? "" : p.sidebarCollapsed}
+        ${n ? p.sidebarMobile : ""}
+        ${!e && n ? p.sidebarMobileHidden : ""}`,
       children: [
-        /* @__PURE__ */ s("div", { className: u.sidebarContent, children: o }),
-        e && /* @__PURE__ */ s("div", { className: u.sidebarFooter, children: e })
+        /* @__PURE__ */ s("div", { className: p.sidebarContent, children: o }),
+        t && /* @__PURE__ */ s("div", { className: p.sidebarFooter, children: t })
       ]
     }
   );
 }
-const Y = "_sidebarTitle_azx8n_1", Z = {
-  sidebarTitle: Y
+const Z = "_sidebarTitle_azx8n_1", tt = {
+  sidebarTitle: Z
 };
-function ne({ children: t }) {
-  return /* @__PURE__ */ s("h2", { className: Z.sidebarTitle, children: t });
+function re({ children: e }) {
+  return /* @__PURE__ */ s("h2", { className: tt.sidebarTitle, children: e });
 }
-const tt = "_sidebarItem_1e3ru_1", et = "_selected_1e3ru_22", C = {
-  sidebarItem: tt,
-  selected: et
+const et = "_sidebarItem_1e3ru_1", ot = "_selected_1e3ru_22", w = {
+  sidebarItem: et,
+  selected: ot
 };
-function se({
-  onClick: t,
-  onContextMenu: e,
+function ie({
+  onClick: e,
+  onContextMenu: t,
   selected: o = !1,
   children: n
 }) {
-  const r = y(null), l = (i) => {
+  const r = b(null), c = (i) => {
     r.current = setTimeout(() => {
-      e && (i.preventDefault(), e(i));
+      t && (i.preventDefault(), t(i));
     }, 500);
-  }, c = () => {
+  }, l = () => {
     r.current && clearTimeout(r.current);
   };
   return /* @__PURE__ */ s(
     "div",
     {
-      className: `${C.sidebarItem} ${o ? C.selected : ""}`,
-      onClick: t,
+      className: `${w.sidebarItem} ${o ? w.selected : ""}`,
+      onClick: e,
       onContextMenu: (i) => {
-        i.preventDefault(), e && e(i);
+        i.preventDefault(), t && t(i);
       },
-      onTouchStart: l,
-      onTouchEnd: c,
-      onTouchMove: c,
+      onTouchStart: c,
+      onTouchEnd: l,
+      onTouchMove: l,
       children: n
     }
   );
 }
-const ot = "_sidebarMainBtn_65l8c_1", nt = {
-  sidebarMainBtn: ot
+const nt = "_sidebarMainBtn_65l8c_1", st = {
+  sidebarMainBtn: nt
 };
-function ie({ onClick: t, children: e }) {
-  return /* @__PURE__ */ s("button", { className: nt.sidebarMainBtn, onClick: t, children: e });
+function le({ onClick: e, children: t }) {
+  return /* @__PURE__ */ s("button", { className: st.sidebarMainBtn, onClick: e, children: t });
 }
-const st = "_popupContainer_vz8rg_1", it = "_popupClosed_vz8rg_18", rt = "_popup_vz8rg_1", ct = "_popupContent_vz8rg_44", _ = {
-  popupContainer: st,
+const rt = "_popupContainer_vz8rg_1", it = "_popupClosed_vz8rg_18", lt = "_popup_vz8rg_1", ct = "_popupContent_vz8rg_44", f = {
+  popupContainer: rt,
   popupClosed: it,
-  popup: rt,
+  popup: lt,
   popupContent: ct
 };
-function re({ open: t = !1, children: e }) {
+function ce({ open: e = !1, children: t }) {
   return /* @__PURE__ */ s(
     "div",
     {
-      className: `${_.popupContainer} ${t ? "" : _.popupClosed}`,
-      children: /* @__PURE__ */ s("div", { className: _.popup, children: /* @__PURE__ */ s("div", { className: _.popupContent, children: e }) })
+      className: `${f.popupContainer} ${e ? "" : f.popupClosed}`,
+      children: /* @__PURE__ */ s("div", { className: f.popup, children: /* @__PURE__ */ s("div", { className: f.popupContent, children: t }) })
     }
   );
 }
-const lt = "_popupTitle_4z5vb_1", at = {
-  popupTitle: lt
+const at = "_popupTitle_4z5vb_1", ut = {
+  popupTitle: at
 };
-function ce({ children: t }) {
-  return /* @__PURE__ */ s("span", { className: at.popupTitle, children: t });
+function ae({ children: e }) {
+  return /* @__PURE__ */ s("span", { className: ut.popupTitle, children: e });
 }
-const pt = "_popupDescription_4ewx1_1", ut = {
+const pt = "_popupDescription_4ewx1_1", dt = {
   popupDescription: pt
 };
-function le({ children: t }) {
-  return /* @__PURE__ */ s("span", { className: ut.popupDescription, children: t });
+function ue({ children: e }) {
+  return /* @__PURE__ */ s("span", { className: dt.popupDescription, children: e });
 }
-const dt = "_popupInput_1b42s_1", bt = {
-  popupInput: dt
-}, ae = v(
-  ({ placeholder: t = "Enter text...", value: e, onChange: o, onSubmit: n, autoFocus: r }, l) => {
-    const c = y(null), i = l || c;
-    return L(() => {
+const bt = "_popupInput_1b42s_1", _t = {
+  popupInput: bt
+}, pe = g(
+  ({ placeholder: e = "Enter text...", value: t, onChange: o, onSubmit: n, autoFocus: r }, c) => {
+    const l = b(null), i = c || l;
+    return O(() => {
       r && i.current && i.current.focus();
     }, [r, i]), /* @__PURE__ */ s(
       "input",
       {
         ref: i,
         type: "text",
-        className: bt.popupInput,
-        placeholder: t,
-        value: e,
+        className: _t.popupInput,
+        placeholder: e,
+        value: t,
         onChange: (a) => o?.(a.target.value),
         onKeyDown: (a) => {
-          a.key === "Enter" && n && n(e || "");
+          a.key === "Enter" && n && n(t || "");
         }
       }
     );
   }
-), _t = "_popupActions_84v2b_1", ft = {
-  popupActions: _t
+), ft = "_popupActions_84v2b_1", mt = {
+  popupActions: ft
 };
-function pe({
-  orientation: t = "vertical",
-  children: e
+function de({
+  orientation: e = "vertical",
+  children: t
 }) {
   return /* @__PURE__ */ s(
     "div",
     {
-      className: ft.popupActions,
+      className: mt.popupActions,
       style: {
-        flexDirection: t == "vertical" ? "column" : "row"
+        flexDirection: e == "vertical" ? "column" : "row"
       },
-      children: e
+      children: t
     }
   );
 }
-const mt = "_popupBtn_ouvtc_1", yt = "_secondary_ouvtc_27", E = {
-  popupBtn: mt,
+const vt = "_popupBtn_ouvtc_1", yt = "_secondary_ouvtc_27", E = {
+  popupBtn: vt,
   secondary: yt
 };
-function ue({
-  type: t = "primary",
-  onClick: e,
+function be({
+  type: e = "primary",
+  onClick: t,
   children: o
 }) {
   return /* @__PURE__ */ s(
     "button",
     {
-      className: `${E.popupBtn} ${t == "secondary" ? E.secondary : ""}`,
-      onClick: e,
+      className: `${E.popupBtn} ${e == "secondary" ? E.secondary : ""}`,
+      onClick: t,
       children: o
     }
   );
 }
-const $t = "_toolbar_11x84_1", ht = "_toolbarCollapsed_11x84_18", vt = "_toolbarExpanded_11x84_27", f = {
-  toolbar: $t,
-  toolbarCollapsed: ht,
-  toolbarExpanded: vt
+const ht = "_toolbar_11x84_1", $t = "_toolbarCollapsed_11x84_18", xt = "_toolbarExpanded_11x84_27", m = {
+  toolbar: ht,
+  toolbarCollapsed: $t,
+  toolbarExpanded: xt
 };
-function de({
-  expanded: t = !0,
-  collapsed: e = !1,
+function _e({
+  expanded: e = !0,
+  collapsed: t = !1,
   children: o
 }) {
   const { isMobile: n } = d();
   return /* @__PURE__ */ s(
     "div",
     {
-      className: `${f.toolbar} ${t || n ? f.toolbarExpanded : ""} ${n ? f.toolbarMobile : ""} ${e ? f.toolbarCollapsed : ""}`,
+      className: `${m.toolbar} ${e || n ? m.toolbarExpanded : ""} ${n ? m.toolbarMobile : ""} ${t ? m.toolbarCollapsed : ""}`,
       children: o
     }
   );
 }
-const xt = "_toolbarTitle_1ite7_1", Mt = {
-  toolbarTitle: xt
+const gt = "_toolbarTitle_mpzr6_1", Mt = "_overflowing_mpzr6_22", Tt = "_toolbarTitleContent_mpzr6_26", y = {
+  toolbarTitle: gt,
+  overflowing: Mt,
+  toolbarTitleContent: Tt
 };
-function be({ children: t }) {
-  return /* @__PURE__ */ s("h3", { className: Mt.toolbarTitle, children: t });
+function fe({ children: e }) {
+  const t = b(null), [o, n] = $(!1);
+  return O(() => {
+    const r = () => {
+      if (!t.current) return;
+      const { scrollWidth: l, clientWidth: i } = t.current;
+      n(l > i + 1);
+    };
+    r();
+    const c = new ResizeObserver(r);
+    return t.current && c.observe(t.current), window.addEventListener("resize", r), () => {
+      c.disconnect(), window.removeEventListener("resize", r);
+    };
+  }, [e]), /* @__PURE__ */ s(
+    "h3",
+    {
+      ref: t,
+      className: `${y.toolbarTitle} ${o ? y.overflowing : ""}`,
+      children: /* @__PURE__ */ s("span", { className: y.toolbarTitleContent, children: e })
+    }
+  );
 }
-const gt = "_toolbarActions_l0jv2_1", Tt = {
-  toolbarActions: gt
+const Ct = "_toolbarActions_l0jv2_1", It = {
+  toolbarActions: Ct
 };
-function _e({ children: t }) {
-  return /* @__PURE__ */ s("div", { className: Tt.toolbarActions, children: t });
+function me({ children: e }) {
+  return /* @__PURE__ */ s("div", { className: It.toolbarActions, children: e });
 }
-const It = "_toolbarBtn_8jy1b_1", Nt = {
-  toolbarBtn: It
+const Nt = "_toolbarBtn_8jy1b_1", wt = {
+  toolbarBtn: Nt
 };
-function Ct({ onClick: t, children: e }) {
+function Et({ onClick: e, children: t }) {
   return /* @__PURE__ */ s(
     "button",
     {
       onClick: (o) => {
-        o.preventDefault(), t && t(o);
+        o.preventDefault(), e && e(o);
       },
-      className: Nt.toolbarBtn,
-      children: e
+      className: wt.toolbarBtn,
+      children: t
     }
   );
 }
-const Et = "_sidebarIcon_1lib1_1", Bt = "_sidebarIconExpanded_1lib1_6", B = {
-  sidebarIcon: Et,
+const zt = "_sidebarIcon_1lib1_1", Bt = "_sidebarIconExpanded_1lib1_6", z = {
+  sidebarIcon: zt,
   sidebarIconExpanded: Bt
 };
-function fe({
-  onToggleSidebar: t,
-  expanded: e = !1
+function ve({
+  onToggleSidebar: e,
+  expanded: t = !1
 }) {
   const { isMobile: o } = d();
-  return /* @__PURE__ */ s(Ct, { onClick: t, children: /* @__PURE__ */ s(
-    q,
+  return /* @__PURE__ */ s(Et, { onClick: e, children: /* @__PURE__ */ s(
+    K,
     {
       size: o ? 24 : 18,
-      className: `${B.sidebarIcon} ${e ? B.sidebarIconExpanded : ""}`
+      className: `${z.sidebarIcon} ${t ? z.sidebarIconExpanded : ""}`
     }
   ) });
 }
-const zt = "_content_to68z_1", wt = "_contentExpanded_to68z_18", St = "_toolbarPresent_to68z_23", Dt = "_contentNoMargin_to68z_33", m = {
-  content: zt,
-  contentExpanded: wt,
-  toolbarPresent: St,
-  contentNoMargin: Dt
+const St = "_content_to68z_1", Dt = "_contentExpanded_to68z_18", jt = "_toolbarPresent_to68z_23", Ot = "_contentNoMargin_to68z_33", v = {
+  content: St,
+  contentExpanded: Dt,
+  toolbarPresent: jt,
+  contentNoMargin: Ot
 };
-function me({
-  expanded: t = !0,
-  toolbar: e = !0,
+function ye({
+  expanded: e = !0,
+  toolbar: t = !0,
   margin: o = "default",
   children: n
 }) {
   return /* @__PURE__ */ s(
     "div",
     {
-      className: `${m.content} ${t ? m.contentExpanded : ""} ${e ? m.toolbarPresent : ""} ${o === "none" ? m.contentNoMargin : ""}`,
+      className: `${v.content} ${e ? v.contentExpanded : ""} ${t ? v.toolbarPresent : ""} ${o === "none" ? v.contentNoMargin : ""}`,
       children: n
     }
   );
 }
-const jt = "_contextMenu_v1bev_1", Pt = "_contextMenuOpen_v1bev_27", At = "_contextMenuMobile_v1bev_36", $ = {
-  contextMenu: jt,
-  contextMenuOpen: Pt,
-  contextMenuMobile: At
+const Pt = "_contextMenu_v1bev_1", At = "_contextMenuOpen_v1bev_27", Rt = "_contextMenuMobile_v1bev_36", h = {
+  contextMenu: Pt,
+  contextMenuOpen: At,
+  contextMenuMobile: Rt
 };
-function ye({
-  open: t,
-  x: e = 20,
+function he({
+  open: e,
+  x: t = 20,
   y: o = 20,
   from: n = "auto",
   children: r
 }) {
-  const { isMobile: l } = d(), c = y(null), [i, a] = N("top-left"), [p, x] = N({
+  const { isMobile: c } = d(), l = b(null), [i, a] = $("top-left"), [u, M] = $({
     top: o,
-    left: e,
+    left: t,
     bottom: "auto",
     right: "auto"
   });
-  D(() => {
-    if (!(!t || !c.current))
+  j(() => {
+    if (!(!e || !l.current))
       if (n === "auto") {
-        const b = c.current.getBoundingClientRect(), H = window.innerWidth, F = window.innerHeight;
-        let M = e, g = o, T = "top", I = "left";
-        e + b.width > H && (M = e - b.width, I = "right"), o + b.height > F && (g = o - b.height, T = "bottom"), a(
-          `${T}-${I}`
-        ), x({
-          top: Math.max(5, g),
-          left: Math.max(5, M),
+        const _ = l.current.getBoundingClientRect(), F = window.innerWidth, L = window.innerHeight;
+        let T = t, C = o, I = "top", N = "left";
+        t + _.width > F && (T = t - _.width, N = "right"), o + _.height > L && (C = o - _.height, I = "bottom"), a(
+          `${I}-${N}`
+        ), M({
+          top: Math.max(5, C),
+          left: Math.max(5, T),
           bottom: "auto",
           right: "auto"
         });
       } else
-        a(n), x({
+        a(n), M({
           top: n.includes("top") ? o : "auto",
           bottom: n.includes("bottom") ? o : "auto",
-          left: n.includes("left") ? e : "auto",
-          right: n.includes("right") ? e : "auto"
+          left: n.includes("left") ? t : "auto",
+          right: n.includes("right") ? t : "auto"
         });
-  }, [t, e, o, n]);
-  const P = {
+  }, [e, t, o, n]);
+  const A = {
     "top-left": { tx: "-10%", ty: "-10%", origin: "top left" },
     "top-right": { tx: "10%", ty: "-10%", origin: "top right" },
     "bottom-left": { tx: "-10%", ty: "10%", origin: "bottom left" },
     "bottom-right": { tx: "10%", ty: "10%", origin: "bottom right" }
-  }, { tx: A, ty: R, origin: O } = P[i], k = {
+  }, { tx: R, ty: k, origin: H } = A[i], W = {
     position: "fixed",
-    top: typeof p.top == "number" ? `${p.top}px` : "auto",
-    bottom: typeof p.bottom == "number" ? `${p.bottom}px` : "auto",
-    left: typeof p.left == "number" ? `${p.left}px` : "auto",
-    right: typeof p.right == "number" ? `${p.right}px` : "auto",
-    "--tx-start": A,
-    "--ty-start": R,
-    "--origin": O
+    top: typeof u.top == "number" ? `${u.top}px` : "auto",
+    bottom: typeof u.bottom == "number" ? `${u.bottom}px` : "auto",
+    left: typeof u.left == "number" ? `${u.left}px` : "auto",
+    right: typeof u.right == "number" ? `${u.right}px` : "auto",
+    "--tx-start": R,
+    "--ty-start": k,
+    "--origin": H
   };
   return /* @__PURE__ */ s(
     "div",
     {
-      ref: c,
+      ref: l,
       className: `
-        ${$.contextMenu}
-        ${t ? $.contextMenuOpen : ""}
-        ${l ? $.contextMenuMobile : ""}
+        ${h.contextMenu}
+        ${e ? h.contextMenuOpen : ""}
+        ${c ? h.contextMenuMobile : ""}
       `,
-      style: k,
+      style: W,
       children: r
     }
   );
 }
-const Rt = "_listItem_1vjhk_1", Ot = "_selected_1vjhk_27", z = {
-  listItem: Rt,
-  selected: Ot
+const kt = "_listItem_1vjhk_1", Ht = "_selected_1vjhk_27", B = {
+  listItem: kt,
+  selected: Ht
 };
 function $e({
-  onClick: t,
-  onContextMenu: e,
+  onClick: e,
+  onContextMenu: t,
   selected: o = !1,
   children: n
 }) {
-  const r = y(null), l = (i) => {
+  const r = b(null), c = (i) => {
     r.current = setTimeout(() => {
-      e && (i.preventDefault(), e(i));
+      t && (i.preventDefault(), t(i));
     }, 500);
-  }, c = () => {
+  }, l = () => {
     r.current && clearTimeout(r.current);
   };
   return /* @__PURE__ */ s(
     "div",
     {
-      className: `${z.listItem} ${o ? z.selected : ""}`,
-      onClick: t,
+      className: `${B.listItem} ${o ? B.selected : ""}`,
+      onClick: e,
       onContextMenu: (i) => {
-        i.preventDefault(), e && e(i);
+        i.preventDefault(), t && t(i);
       },
-      onTouchStart: l,
-      onTouchEnd: c,
-      onTouchMove: c,
+      onTouchStart: c,
+      onTouchEnd: l,
+      onTouchMove: l,
       children: n
     }
   );
 }
-function kt({
-  icon: t,
-  size: e = "default",
+function Wt({
+  icon: e,
+  size: t = "default",
   color: o = "default",
   className: n
 }) {
-  const { isMobile: r } = d(), l = e === "default" ? r ? 24 : 18 : e, c = o === "selected" ? "var(--icon-color)" : o;
+  const { isMobile: r } = d(), c = t === "default" ? r ? 24 : 18 : t, l = o === "selected" ? "var(--icon-color)" : o;
   return o === "default" ? /* @__PURE__ */ s(
-    t,
+    e,
     {
-      size: l,
+      size: c,
       className: n,
       strokeWidth: r ? 2.5 : 2
     }
   ) : /* @__PURE__ */ s(
-    t,
+    e,
     {
-      size: l,
-      color: c,
+      size: c,
+      color: l,
       className: n,
       strokeWidth: r ? 2.5 : 2
     }
   );
 }
-const Ht = "_emptyView_1synn_1", Ft = {
-  emptyView: Ht
+const Ft = "_emptyView_1synn_1", Lt = {
+  emptyView: Ft
 };
-function he({ icon: t, label: e }) {
+function xe({ icon: e, label: t }) {
   const { isMobile: o } = d(), n = o ? 64 : 48;
-  return /* @__PURE__ */ h("div", { className: Ft.emptyView, children: [
-    /* @__PURE__ */ s(kt, { icon: t, size: n, color: "var(--text-secondary)" }),
-    /* @__PURE__ */ s("h2", { children: e })
+  return /* @__PURE__ */ x("div", { className: Lt.emptyView, children: [
+    /* @__PURE__ */ s(Wt, { icon: e, size: n, color: "var(--text-secondary)" }),
+    /* @__PURE__ */ s("h2", { children: t })
   ] });
 }
-const Vt = "_card_zjz9h_1", Wt = {
+const Vt = "_card_zjz9h_1", qt = {
   card: Vt
 };
-function ve({ children: t }) {
-  return /* @__PURE__ */ s("div", { className: Wt.card, children: t });
+function ge({ children: e }) {
+  return /* @__PURE__ */ s("div", { className: qt.card, children: e });
 }
-const Lt = "_textInput_on5q4_1", qt = {
-  textInput: Lt
-}, xe = v(
+const Kt = "_textInput_on5q4_1", Gt = {
+  textInput: Kt
+}, Me = g(
   ({
-    placeholder: t,
-    value: e,
+    placeholder: e,
+    value: t,
     onChange: o,
     onFocus: n,
     onBlur: r,
-    disabled: l = !1,
-    type: c = "text",
+    disabled: c = !1,
+    type: l = "text",
     className: i
   }, a) => /* @__PURE__ */ s(
     "input",
     {
       ref: a,
-      type: c,
-      className: `${qt.textInput} ${i || ""}`,
-      placeholder: t,
-      value: e,
-      onChange: (p) => o?.(p.target.value),
+      type: l,
+      className: `${Gt.textInput} ${i || ""}`,
+      placeholder: e,
+      value: t,
+      onChange: (u) => o?.(u.target.value),
       onFocus: n,
       onBlur: r,
-      disabled: l
+      disabled: c
     }
   )
-), Kt = "_selectInput_3f04b_1", Gt = {
-  selectInput: Kt
-}, Me = v(
-  ({ className: t, children: e, ...o }, n) => /* @__PURE__ */ s(
+), Jt = "_selectInput_3f04b_1", Qt = {
+  selectInput: Jt
+}, Te = g(
+  ({ className: e, children: t, ...o }, n) => /* @__PURE__ */ s(
     "select",
     {
       ref: n,
-      className: `${Gt.selectInput} ${t || ""}`,
+      className: `${Qt.selectInput} ${e || ""}`,
       ...o,
-      children: e
+      children: t
     }
   )
-), Jt = "_button_g5rur_1", Qt = "_secondary_g5rur_27", w = {
-  button: Jt,
-  secondary: Qt
+), Ut = "_button_g5rur_1", Xt = "_secondary_g5rur_27", S = {
+  button: Ut,
+  secondary: Xt
 };
-function ge({
-  disabled: t = !1,
-  type: e = "primary",
+function Ce({
+  disabled: e = !1,
+  type: t = "primary",
   onClick: o,
   children: n,
   style: r
@@ -445,69 +466,69 @@ function ge({
   return /* @__PURE__ */ s(
     "button",
     {
-      className: `${w.button} ${e == "secondary" ? w.secondary : ""}`,
+      className: `${S.button} ${t == "secondary" ? S.secondary : ""}`,
       onClick: o,
-      disabled: t,
+      disabled: e,
       style: r,
       children: n
     }
   );
 }
-const Ut = "_balloon_1jdjr_1", Xt = "_balloonOpen_1jdjr_22", S = {
-  balloon: Ut,
-  balloonOpen: Xt
+const Yt = "_balloon_1jdjr_1", Zt = "_balloonOpen_1jdjr_22", D = {
+  balloon: Yt,
+  balloonOpen: Zt
 };
-function Te({
-  open: t,
-  x: e,
+function Ie({
+  open: e,
+  x: t,
   y: o,
   children: n,
   className: r,
-  style: l,
-  ...c
+  style: c,
+  ...l
 }) {
   const i = {};
-  typeof e == "number" && (i.left = e), typeof o == "number" && (i.top = o);
+  typeof t == "number" && (i.left = t), typeof o == "number" && (i.top = o);
   const a = [
-    S.balloon,
-    t ? S.balloonOpen : "",
+    D.balloon,
+    e ? D.balloonOpen : "",
     r ?? ""
   ].filter(Boolean).join(" ");
   return /* @__PURE__ */ s(
     "div",
     {
-      ...c,
+      ...l,
       className: a,
-      style: { ...l, ...i },
+      style: { ...c, ...i },
       children: n
     }
   );
 }
 export {
-  ee as AppShell,
-  Te as Balloon,
-  ge as Button,
-  ve as Card,
-  me as Content,
-  ye as ContextMenu,
-  he as EmptyView,
-  kt as Icon,
+  ne as AppShell,
+  Ie as Balloon,
+  Ce as Button,
+  ge as Card,
+  ye as Content,
+  he as ContextMenu,
+  xe as EmptyView,
+  Wt as Icon,
   $e as ListItem,
-  re as Popup,
-  pe as PopupActions,
-  ue as PopupButton,
-  le as PopupDescription,
-  ae as PopupInput,
-  ce as PopupTitle,
-  Me as SelectInput,
-  oe as Sidebar,
-  ie as SidebarButton,
-  se as SidebarItem,
-  ne as SidebarTitle,
-  xe as TextInput,
-  de as Toolbar,
-  _e as ToolbarActions,
-  Ct as ToolbarButton,
-  fe as ToolbarExpandSidebarButton,
-  be as ToolbarTitle
+  ce as Popup,
+  de as PopupActions,
+  be as PopupButton,
+  ue as PopupDescription,
+  pe as PopupInput,
+  ae as PopupTitle,
+  Te as SelectInput,
+  se as Sidebar,
+  le as SidebarButton,
+  ie as SidebarItem,
+  re as SidebarTitle,
+  Me as TextInput,
+  _e as Toolbar,
+  me as ToolbarActions,
+  Et as ToolbarButton,
+  ve as ToolbarExpandSidebarButton,
+  fe as ToolbarTitle
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@htmlos-next/ui",
-  "version": "0.0.13",
+  "version": "0.0.15",
   "license": "MIT",
   "author": "JCionx",
   "description": "Default component library for htmlOS NEXT.",