@htmlos-next/ui 0.0.3 → 0.0.4

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