@andrewcyuan/focusgrid 0.1.0

package/dist/react/styles.css

@@ -0,0 +1,42 @@
+.FocusgridFocusGrid {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+  contain: layout size paint;
+  outline: none;
+}
+
+.FocusgridPaneView {
+  position: absolute;
+  box-sizing: border-box;
+  overflow: hidden;
+  min-width: 0;
+  min-height: 0;
+}
+
+.FocusgridPaneView[data-active="true"] {
+  outline: 1px solid var(--focusgrid-focus-color, #4d8dff);
+  outline-offset: -1px;
+}
+
+.FocusgridResizeHandle {
+  position: absolute;
+  box-sizing: border-box;
+  z-index: 2;
+  background: transparent;
+  touch-action: none;
+}
+
+.FocusgridResizeHandle[data-direction="horizontal"] {
+  cursor: col-resize;
+}
+
+.FocusgridResizeHandle[data-direction="vertical"] {
+  cursor: row-resize;
+}
+
+.FocusgridResizeHandle:hover,
+.FocusgridResizeHandle:focus-visible {
+  background: var(--focusgrid-handle-color, rgb(77 141 255 / 35%));
+}

package/package.json

@@ -0,0 +1,66 @@
+{
+  "name": "@andrewcyuan/focusgrid",
+  "version": "0.1.0",
+  "description": "Keyboard-native pane layouts and deterministic focus management for web applications.",
+  "keywords": [
+    "keyboard-navigation",
+    "focus-management",
+    "pane-layout",
+    "react",
+    "typescript"
+  ],
+  "type": "module",
+  "license": "MIT",
+  "sideEffects": [
+    "./dist/react/styles.css",
+    "./react/styles.css"
+  ],
+  "files": [
+    "dist",
+    "LICENSE"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/andrewcyuan/focusgrid.git",
+    "directory": "packages/focusgrid"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "exports": {
+    "./core": {
+      "types": "./dist/core/index.d.ts",
+      "import": "./dist/core/index.js",
+      "require": "./dist/core/index.cjs"
+    },
+    "./dom": {
+      "types": "./dist/dom/index.d.ts",
+      "import": "./dist/dom/index.js",
+      "require": "./dist/dom/index.cjs"
+    },
+    "./react": {
+      "types": "./dist/react/index.d.ts",
+      "import": "./dist/react/index.js",
+      "require": "./dist/react/index.cjs"
+    },
+    "./react/styles.css": "./dist/react/styles.css"
+  },
+  "scripts": {
+    "build": "tsdown core/src/index.ts --config ../../tsdown.config.mjs --format esm,cjs --out-dir dist/core --deps.never-bundle @andrewcyuan/shortcut-engine && tsdown dom/src/index.ts --config ../../tsdown.config.mjs --format esm,cjs --out-dir dist/dom --no-clean --deps.never-bundle @andrewcyuan/focusgrid/core --deps.never-bundle @andrewcyuan/shortcut-engine && tsdown react/src/index.tsx --config ../../tsdown.config.mjs --format esm,cjs --out-dir dist/react --no-clean --deps.never-bundle react --deps.never-bundle react-dom --deps.never-bundle @andrewcyuan/shortcut-engine --deps.never-bundle @andrewcyuan/focusgrid/core --deps.never-bundle @andrewcyuan/focusgrid/dom && cp react/src/styles.css dist/react/styles.css",
+    "test": "vitest run --config ../../vitest.config.ts",
+    "typecheck": "tsc --noEmit",
+    "lint": "tsc --noEmit"
+  },
+  "peerDependencies": {
+    "react": ">=18",
+    "react-dom": ">=18"
+  },
+  "dependencies": {
+    "@andrewcyuan/shortcut-engine": "0.1.0"
+  },
+  "devDependencies": {
+    "@types/react": "^18.3.18",
+    "@types/react-dom": "^18.3.5",
+    "vitest": "^2.1.8"
+  }
+}