@maomaolabs/core 1.0.1

package/dist/style.css

@@ -0,0 +1 @@
+._container_173at_1{position:fixed;bottom:.5rem;left:0;right:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;pointer-events:none;z-index:100000;padding:0 1rem;gap:.5rem}._menuLeft_173at_29{display:flex;justify-content:flex-end;pointer-events:none;gap:.5rem}._dockWrapper_173at_43{display:flex;justify-content:center;pointer-events:none}._menuRight_173at_55{display:flex;justify-content:flex-start;pointer-events:none;gap:.5rem}._dock_173at_43{position:relative;display:flex;align-items:center;justify-content:center;padding:.5rem;border-radius:1rem;background-color:transparent;border:1px solid rgba(145,145,145,.8);background-color:#ffffff4d;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transition:all .2s ease-in-out;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:auto}._catIcon_173at_103{font-size:.7rem;white-space:pre;line-height:1;font-family:monospace;color:#000}._launcher_173at_119{padding:.5rem;border-radius:.75rem;background-color:#ffffffb3;border:none;cursor:grab;display:flex;align-items:center;justify-content:center;position:relative;transition:background-color .2s,width .2s ease;flex-shrink:0;max-width:50px;width:auto}._launcher_173at_119:active{cursor:grabbing}._folderWrapper_173at_159{position:relative;display:flex;align-items:center;justify-content:center}._folderMenuPortal_173at_173{position:fixed;display:flex;flex-direction:column-reverse;align-items:center;gap:.5rem;transform:translate(-50%) translateY(10px);opacity:1;pointer-events:none;border-radius:1rem;padding:.5rem;transition:opacity .2s ease-in-out,transform .2s ease-out;white-space:nowrap;max-width:40px;z-index:99999;border:1px solid rgba(145,145,145,.8);background-color:#ffffffb3;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}._folderMenuPortalVisible_173at_217{opacity:1;transform:translate(-50%) translateY(0);pointer-events:auto}._folderLabel_173at_229{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:.5rem;font-size:.75rem;font-weight:500;color:#1f2937;padding:.25rem .5rem;border-radius:.5rem;white-space:nowrap;background-color:#e5e5e5;border:1px solid rgba(255,255,255,.5);box-shadow:0 4px 6px -2px #0000000d}._menuContentBase_173at_263{display:flex;flex-direction:row;gap:.5rem;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease;border:1px solid rgba(145,145,145,.8);background-color:#ffffffb3;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;max-width:45vw;padding:.25rem;border-radius:1rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);overflow-x:auto;overflow-y:hidden;flex-wrap:nowrap}._menuContentBase_173at_263::-webkit-scrollbar-track,._menuContentBase_173at_263 *::-webkit-scrollbar-track{background:transparent}._menuContentBase_173at_263::-webkit-scrollbar-thumb,._menuContentBase_173at_263 *::-webkit-scrollbar-thumb{background-color:#10b981;border-radius:6px}._menuContentBase_173at_263::-webkit-scrollbar-thumb:hover,._menuContentBase_173at_263 *::-webkit-scrollbar-thumb:hover{background-color:#059669}._menuContentBase_173at_263>*{flex-shrink:0}._menuContentBase_173at_263::-webkit-scrollbar{height:4px}._menuContentBase_173at_263::-webkit-scrollbar-track{background:transparent}._menuContentBase_173at_263::-webkit-scrollbar-thumb{background-color:#65fdb9;border-radius:999px}._menuContentBase_173at_263::-webkit-scrollbar-button{display:none;width:0;height:0}._menuContentRight_173at_379{transform:translate(-20px)}._menuOpen_173at_389 ._menuContentRight_173at_379{opacity:1;transform:translate(0);pointer-events:auto}._menuClosed_173at_401 ._menuContentRight_173at_379{opacity:0;transform:translate(-20px);pointer-events:none}._menuContentLeft_173at_413{transform:translate(20px)}._menuOpen_173at_389 ._menuContentLeft_173at_413{opacity:1;transform:translate(0);pointer-events:auto}._menuClosed_173at_401 ._menuContentLeft_173at_413{opacity:0;transform:translate(20px);pointer-events:none}@media (prefers-color-scheme: dark){._dock_173at_43{border-color:#ffffff1a;background-color:#0006;box-shadow:0 4px 6px -1px #0006,0 2px 4px -1px #0003}._launcher_173at_119{background-color:#1e1e1ecc}._folderMenuPortal_173at_173{border-color:#ffffff1a;background-color:#1e1e1ecc;box-shadow:0 4px 6px -1px #0006,0 2px 4px -1px #0003}._folderLabel_173at_229{color:#e5e7eb;background-color:#1f2937;border-color:#ffffff1a;box-shadow:0 4px 6px -2px #0006}._menuContentBase_173at_263{border-color:#ffffff1a;background-color:#1e1e1ecc;box-shadow:0 4px 6px -1px #0006,0 2px 4px -1px #0003}._catIcon_173at_103{color:#fff}}._zzzContainer_13qis_1{position:absolute;top:-20px;right:-10px;pointer-events:none;z-index:10;width:50px;height:50px}._z_13qis_1{position:absolute;font-family:monospace;font-weight:700;color:#1f2937;opacity:0;line-height:1;animation:_floatZ_13qis_1 4s infinite linear}._z_13qis_1:nth-child(1){font-size:.6rem;right:32px;top:25px;animation-delay:0s}._z_13qis_1:nth-child(2){font-size:.8rem;right:16px;top:12px;animation-delay:1.3s}._z_13qis_1:nth-child(3){font-size:1rem;right:0;top:0;animation-delay:2.6s}@keyframes _floatZ_13qis_1{0%{transform:translate(0) rotate(-5deg);opacity:0}25%{opacity:.8}75%{opacity:0}to{transform:translate(15px,-25px) rotate(5deg);opacity:0}}@media (prefers-color-scheme: dark){._z_13qis_1{color:#fff}}._buttonWrapper_1hhpx_1{position:relative;display:flex;align-items:center;justify-content:center}._button_1hhpx_1{padding:.5rem;border-radius:.75rem;background-color:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s,transform .2s;position:relative;color:#1f2937}._button_1hhpx_1:hover{background-color:#ffffff4d;transform:scale(1.05)}._button_1hhpx_1:active{transform:scale(.95)}._activeIndicator_1hhpx_61{position:absolute;bottom:4px;left:50%;transform:translate(-50%);width:12px;height:2px;background-color:#1f2937;border-radius:2px;opacity:.6}._preview_1hhpx_85{position:fixed;bottom:auto;left:50%;transform:translate(-50%);width:160px;background-color:#e5e5e5d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.5);border-radius:.75rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;opacity:0;animation:_fadeIn_1hhpx_1 .2s cubic-bezier(.175,.885,.32,1.275) forwards;z-index:110000;display:flex;flex-direction:column;overflow:hidden}._previewHeader_1hhpx_125{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;background-color:#ffffff4d;border-bottom:1px solid rgba(255,255,255,.2)}._previewTitle_1hhpx_143{font-size:.75rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#1f2937;margin-right:.5rem}._previewClose_1hhpx_163{background:transparent;border:none;cursor:pointer;font-size:1rem;line-height:1;padding:.1rem;border-radius:.25rem;color:#6b7280;display:flex;align-items:center;justify-content:center;transition:all .2s}._previewClose_1hhpx_163:hover{background-color:#dc26261a;color:#dc2626}._previewBody_1hhpx_203{width:100%;height:120px;background-color:#fff;overflow:hidden;position:relative;cursor:pointer;transition:opacity .2s}._previewBody_1hhpx_203:hover{opacity:.9}._previewContent_1hhpx_231{width:400%;height:400%;transform:scale(.25);transform-origin:top left;overflow:hidden;pointer-events:none;background-color:#fff;color:#000;text-align:left}._labelTooltip_1hhpx_255{position:fixed;bottom:auto;left:50%;transform:translate(-50%);padding:.25rem .5rem;background-color:#e5e5e5;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.5);border-radius:.5rem;box-shadow:0 4px 6px -2px #0000000d;opacity:0;animation:_fadeInLabel_1hhpx_1 .2s cubic-bezier(.175,.885,.32,1.275) forwards;z-index:110000;color:#1f2937;font-size:.8rem;font-weight:500;white-space:nowrap;pointer-events:none}@keyframes _fadeIn_1hhpx_1{0%{opacity:0;transform:translate(-50%) translateY(calc(-100% - 5px)) scale(.95)}to{opacity:1;transform:translate(-50%) translateY(calc(-100% - 15px)) scale(1)}}@keyframes _fadeInLabel_1hhpx_1{0%{opacity:0;transform:translate(-50%) translateY(calc(-100% - 5px))}to{opacity:1;transform:translate(-50%) translateY(calc(-100% - 10px))}}@media (prefers-color-scheme: dark){._button_1hhpx_1{color:#fff}._button_1hhpx_1:hover{background-color:#ffffff1a}._activeIndicator_1hhpx_61{background-color:#fff}._preview_1hhpx_85{background-color:#1e1e1ed9;border-color:#ffffff1a}._previewHeader_1hhpx_125{background-color:#0003;border-bottom-color:#ffffff1a}._previewTitle_1hhpx_143{color:#e5e5e5}._previewClose_1hhpx_163{color:#9ca3af}._previewClose_1hhpx_163:hover{background-color:#dc262633;color:#f87171}._previewBody_1hhpx_203{background-color:#ffffff0d}._previewBody_1hhpx_203:hover{background-color:#ffffff1a}._previewContent_1hhpx_231{background-color:#1a1a1a;color:#fff}._labelTooltip_1hhpx_255{color:#e5e7eb;background-color:#1f2937;border-color:#ffffff1a;box-shadow:0 4px 6px -2px #0006}}._controls_1014q_1{display:flex;align-items:center;gap:6px}._button_1014q_13{background:transparent;border:none;color:#52525b;cursor:pointer;padding:6px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background .2s,color .2s}._button_1014q_13:hover:not(:disabled){background:rgba(0,0,0,.05);color:#18181b}._button_1014q_13:disabled{opacity:.3;cursor:not-allowed}._close_1014q_59:hover:not(:disabled){background:#ef4444;color:#fff}@media (prefers-color-scheme: dark){._button_1014q_13{color:#a1a1aa}._button_1014q_13:hover:not(:disabled){background:rgba(255,255,255,.1);color:#e4e4e7}}._desktopOnly_ec5se_1{display:block}._mobileOnly_ec5se_9{display:none}._icon_ec5se_17{width:auto;height:auto;display:block}@media (max-width: 768px){._desktopOnly_ec5se_1{display:none!important}._mobileOnly_ec5se_9{display:flex!important;flex-direction:column;align-items:center;position:fixed;top:auto;right:auto;bottom:0;left:50%;transform:translate(-50%);width:auto;pointer-events:none;z-index:100000}}._pawButton_n7khn_1{pointer-events:auto;background-color:#ffffff4d;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(145,145,145,.8);border-bottom:none;border-radius:1rem 1rem 0 0;padding:.5rem 1.5rem;display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;transition:all .2s ease-in-out;box-shadow:0 -4px 6px -1px #0000001a}._pawButton_n7khn_1:hover{background-color:#fff6}._pawButton_n7khn_1:active{background-color:#ffffff80;padding-bottom:.5rem;padding-right:1.5rem}._mobileItems_n7khn_57{position:absolute;bottom:100%;right:auto;top:auto;margin-bottom:.5rem;margin-right:0;background-color:#ffffffb3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(145,145,145,.8);border-radius:1rem;padding:.5rem;display:flex;flex-direction:column;gap:.5rem;opacity:0;transform:translateY(20px) scale(.95);pointer-events:none;transition:all .2s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}._mobileItemsVisible_n7khn_103{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}._mobileIcon_n7khn_115{font-size:.9rem;white-space:pre;line-height:1.2;font-family:monospace;text-align:center;font-weight:700;color:#000}@media (prefers-color-scheme: dark){._pawButton_n7khn_1{background-color:#0006;border-color:#ffffff1a;box-shadow:0 -4px 6px -1px #0006;color:#fff}._pawButton_n7khn_1:hover{background-color:#00000080}._pawButton_n7khn_1:active{background-color:#0009}._mobileItems_n7khn_57{background-color:#1e1e1ecc;border-color:#ffffff1a;box-shadow:0 4px 6px -1px #0006,0 2px 4px -1px #0003}._mobileIcon_n7khn_115{color:#fff}}._folderContainer_n7khn_191{display:flex;flex-direction:column;width:100%}._folderHeader_n7khn_203{display:flex;justify-content:center}._folderContent_n7khn_213{display:flex;flex-direction:column;gap:.5rem;padding:.5rem;margin-top:.25rem;background-color:#0000000d;border-radius:.5rem;border:1px solid rgba(255,255,255,.1)}@media (prefers-color-scheme: dark){._folderContent_n7khn_213{background-color:#ffffff0d;border-color:#ffffff0d}}._container_m621b_1{position:absolute;display:flex;flex-direction:column;z-index:50;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;pointer-events:auto;contain:content;max-width:100vw;max-height:100vh}._header_m621b_27{display:flex;justify-content:space-between;align-items:center;height:42px;padding:0 12px;cursor:grab;-webkit-user-select:none;user-select:none;flex-shrink:0}._header_m621b_27:active{cursor:grabbing}._body_m621b_57{flex:1;padding:0;position:relative;display:flex;flex-direction:column}._resizeHandle_m621b_73{width:20px;height:20px;position:absolute;bottom:0;right:0;cursor:se-resize;z-index:60}._content_m621b_93{flex:1;display:flex;flex-direction:column;position:relative;overflow-y:auto;overflow-x:hidden}._container_m621b_1{background:rgba(255,255,255,.85);color:#18181b;border-radius:12px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(0,0,0,.08)}._header_m621b_27{background-color:#fff;border-bottom:1px solid rgba(0,0,0,.05)}._body_m621b_57{background:transparent}._resizeHandle_m621b_73:after{content:"";position:absolute;bottom:4px;right:4px;width:8px;height:8px;border-bottom:2px solid rgba(0,0,0,.2);border-right:2px solid rgba(0,0,0,.2);border-radius:0 0 2px;transition:border-color .2s}._resizeHandle_m621b_73:hover:after{border-color:#4b5563}._scrollbar_m621b_181::-webkit-scrollbar,._content_m621b_93 *::-webkit-scrollbar{width:4px;height:4px}._scrollbar_m621b_181::-webkit-scrollbar-track,._content_m621b_93 *::-webkit-scrollbar-track{background:transparent}._scrollbar_m621b_181::-webkit-scrollbar-thumb,._content_m621b_93 *::-webkit-scrollbar-thumb{background-color:#10b981;border-radius:6px}._scrollbar_m621b_181::-webkit-scrollbar-thumb:hover,._content_m621b_93 *::-webkit-scrollbar-thumb:hover{background-color:#059669}._transition_m621b_225{transition:width .3s cubic-bezier(.25,.8,.25,1),height .3s cubic-bezier(.25,.8,.25,1),top .3s cubic-bezier(.25,.8,.25,1),left .3s cubic-bezier(.25,.8,.25,1),opacity .2s ease,transform .2s ease,border-radius .3s ease}._focused_m621b_247{box-shadow:0 20px 60px #00000026,0 0 0 1px #00000014}._maximized_m621b_261{border-radius:0;border:none;width:100vw!important;height:100vh!important;top:0!important;left:0!important}._minimized_m621b_279{height:42px!important}._visible_m621b_287{opacity:1;transform:scale(1)}._hidden_m621b_297{opacity:0;transform:scale(.9)}@media (prefers-color-scheme: dark){._container_m621b_1{background:rgba(20,20,20,.6);color:#e4e4e7;border:1px solid rgba(255,255,255,.1)}._header_m621b_27{background-color:#131313;border-bottom:1px solid rgba(255,255,255,.1)}._resizeHandle_m621b_73:after{border-color:#ffffff4d}._resizeHandle_m621b_73:hover:after{border-color:#fff}._scrollbar_m621b_181::-webkit-scrollbar-thumb,._scrollbarX_m621b_351::-webkit-scrollbar-thumb,._content_m621b_93 *::-webkit-scrollbar-thumb{background-color:#65fdb9}._scrollbar_m621b_181::-webkit-scrollbar-thumb:hover,._scrollbarX_m621b_351::-webkit-scrollbar-thumb:hover,._content_m621b_93 *::-webkit-scrollbar-thumb:hover{background-color:#52525b}._scrollbarX_m621b_351{scrollbar-color:#65fdb9 transparent}._focused_m621b_247{box-shadow:0 15px 50px #000c,0 0 0 1px #fff3}}._title_tn8yk_1{font-weight:600;font-size:.9rem;color:inherit;display:flex;align-items:center;gap:8px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}._brandText_tn8yk_25{font-weight:500;font-size:.9rem}._windowIcon_tn8yk_35{display:flex;align-items:center;justify-content:center;font-size:1.1rem}._overlay_16s5n_1{position:fixed;inset:0 auto 0 0;width:50vw;height:100vh;background-color:#10b9811a;border:2px solid #10b981;border-radius:12px;z-index:40;pointer-events:none;opacity:0;transform:translateY(-10px);transition:opacity .2s ease,transform .2s cubic-bezier(.25,.8,.25,1);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}._overlayCorner_16s5n_37{position:fixed;width:50vw;height:50vh;background-color:#10b9811a;border:2px solid #10b981;z-index:40;pointer-events:none;opacity:0;transform:scale(.95);transition:opacity .2s ease,transform .2s cubic-bezier(.25,.8,.25,1);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}._overlayCorner_16s5n_37._visible_16s5n_69{opacity:1;transform:scale(1)}._overlay_16s5n_1._visible_16s5n_69{opacity:1;transform:translateY(0)}._overlay_16s5n_1._left_16s5n_89{left:0;right:auto;border-radius:0 12px 12px 0}._overlay_16s5n_1._right_16s5n_101{right:0;left:auto;border-radius:12px 0 0 12px}._topLeft_16s5n_113{top:0;left:0;border-radius:0 0 12px;border-top:none;border-left:none}._topRight_16s5n_129{top:0;right:0;border-radius:0 0 0 12px;border-top:none;border-right:none}._bottomLeft_16s5n_145{bottom:0;left:0;border-radius:0 12px 0 0;border-bottom:none;border-left:none}._bottomRight_16s5n_161{bottom:0;right:0;border-radius:12px 0 0;border-bottom:none;border-right:none}@media (prefers-color-scheme: dark){._overlay_16s5n_1,._overlayCorner_16s5n_37{background-color:#65fdb91a;border-color:#65fdb9}}._manager_1t6jq_1{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:100;pointer-events:none}

package/package.json

@@ -0,0 +1,82 @@
+{
+  "name": "@maomaolabs/core",
+  "version": "1.0.1",
+  "private": false,
+  "publishConfig": {
+    "access": "public"
+  },
+  "description": "A standalone lightweight React library that brings a complete, performant, and responsive desktop window management experience to the web.",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/maomaolabs/core.git"
+  },
+  "homepage": "https://github.com/maomaolabs/core#readme",
+  "bugs": {
+    "url": "https://github.com/maomaolabs/core/issues"
+  },
+  "author": "MaoMao Labs",
+  "license": "MIT",
+  "keywords": [
+    "react",
+    "window-manager",
+    "desktop",
+    "ui",
+    "os",
+    "window"
+  ],
+  "sideEffects": [
+    "*.css"
+  ],
+  "type": "module",
+  "main": "dist/index.es.js",
+  "module": "dist/index.es.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "exports": {
+    ".": {
+      "import": "./dist/index.es.js",
+      "types": "./dist/index.d.ts"
+    },
+    "./style.css": "./dist/style.css"
+  },
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "watch": "vite build --watch",
+    "lint": "eslint src --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
+    "preview": "vite preview",
+    "test": "vitest run",
+    "prepublishOnly": "npm run test && npm run build"
+  },
+  "peerDependencies": {
+    "react": ">=18.0.0",
+    "react-dom": ">=18.0.0"
+  },
+  "devDependencies": {
+    "@testing-library/dom": "^10.4.1",
+    "@testing-library/jest-dom": "^6.9.1",
+    "@testing-library/react": "^16.3.2",
+    "@types/node": "^25.1.0",
+    "@types/react": "^18.0.0",
+    "@types/react-dom": "^18.0.0",
+    "@vitejs/plugin-react": "^4.0.0",
+    "gifsicle": "^7.0.1",
+    "husky": "^9.1.7",
+    "jsdom": "^28.0.0",
+    "lint-staged": "^16.2.7",
+    "prettier": "^3.8.1",
+    "react": "^19.2.4",
+    "react-dom": "^19.2.4",
+    "typescript": "^5.0.2",
+    "vite": "^4.3.9",
+    "vite-plugin-css-injected-by-js": "^3.5.2",
+    "vite-plugin-dts": "^2.3.0",
+    "vitest": "^4.0.18"
+  },
+  "directories": {
+    "doc": "docs"
+  },
+  "dependencies": {}
+}