@htmlos-next/ui 0.0.0 → 0.0.2

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