@industry-theme/alexandria-panels 0.1.3 → 0.1.4

package/dist/panels.bundle.js

@@ -1,3 +1,15 @@
+(function() {
+  "use strict";
+  try {
+    if (typeof document != "undefined") {
+      var elementStyle = document.createElement("style");
+      elementStyle.appendChild(document.createTextNode("/* Container query for responsive LocalProjectCard */\n.local-projects-panel {\n  container-type: inline-size;\n  container-name: local-projects;\n  height: 100%;\n}\n\n.local-project-card {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  gap: 12px;\n}\n\n.local-project-card__content {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  flex: 1;\n  min-width: 0;\n}\n\n.local-project-card__info {\n  flex: 1;\n  min-width: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n}\n\n.local-project-card__path,\n.local-project-card__meta {\n  display: flex;\n}\n\n.local-project-card__actions {\n  display: flex;\n  gap: 4px;\n  flex-shrink: 0;\n  align-items: center;\n}\n\n.local-project-card__actions--stacked {\n  display: none;\n}\n\n/* Compact mode when container is 400px or less */\n@container local-projects (max-width: 400px) {\n  .local-projects-panel {\n    padding: 8px !important;\n    gap: 8px !important;\n  }\n\n  .local-projects-list {\n    gap: 12px !important;\n  }\n\n  .local-project-card {\n    flex-direction: column;\n    align-items: stretch;\n    gap: 6px;\n    padding: 0 !important;\n  }\n\n  .local-project-card__content {\n    gap: 8px;\n  }\n\n  .local-project-card__path,\n  .local-project-card__meta {\n    display: none;\n  }\n\n  .local-project-card__actions {\n    display: none;\n  }\n\n  .local-project-card__actions--stacked {\n    display: flex;\n    gap: 4px;\n  }\n\n  .local-project-card__actions--stacked button {\n    flex: 1;\n  }\n}"));
+      document.head.appendChild(elementStyle);
+    }
+  } catch (e) {
+    console.error("vite-plugin-css-injected-by-js", e);
+  }
+})();
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import React2, { createContext, useState, useEffect, useContext, forwardRef, createElement, useMemo, useCallback } from "react";
 var terminalTheme = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@industry-theme/alexandria-panels",
-  "version": "0.1.3",
+  "version": "0.1.4",
   "description": "Alexandria entry panels for browsing and managing local repositories",
   "type": "module",
   "main": "dist/panels.bundle.js",
@@ -86,7 +86,8 @@
     "storybook": "10.1.2",
     "typescript": "^5.0.4",
     "typescript-eslint": "^8.38.0",
-    "vite": "^6.0.7"
+    "vite": "^6.0.7",
+    "vite-plugin-css-injected-by-js": "^3.5.2"
   },
   "files": [
     "dist",

package/dist/panels.bundle.css

@@ -1,86 +0,0 @@
-/* Container query for responsive LocalProjectCard */
-.local-projects-panel {
-  container-type: inline-size;
-  container-name: local-projects;
-  height: 100%;
-}
-
-.local-project-card {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  gap: 12px;
-}
-
-.local-project-card__content {
-  display: flex;
-  align-items: center;
-  gap: 12px;
-  flex: 1;
-  min-width: 0;
-}
-
-.local-project-card__info {
-  flex: 1;
-  min-width: 0;
-  display: flex;
-  flex-direction: column;
-  gap: 2px;
-}
-
-.local-project-card__path,
-.local-project-card__meta {
-  display: flex;
-}
-
-.local-project-card__actions {
-  display: flex;
-  gap: 4px;
-  flex-shrink: 0;
-  align-items: center;
-}
-
-.local-project-card__actions--stacked {
-  display: none;
-}
-
-/* Compact mode when container is 400px or less */
-@container local-projects (max-width: 400px) {
-  .local-projects-panel {
-    padding: 8px !important;
-    gap: 8px !important;
-  }
-
-  .local-projects-list {
-    gap: 12px !important;
-  }
-
-  .local-project-card {
-    flex-direction: column;
-    align-items: stretch;
-    gap: 6px;
-    padding: 0 !important;
-  }
-
-  .local-project-card__content {
-    gap: 8px;
-  }
-
-  .local-project-card__path,
-  .local-project-card__meta {
-    display: none;
-  }
-
-  .local-project-card__actions {
-    display: none;
-  }
-
-  .local-project-card__actions--stacked {
-    display: flex;
-    gap: 4px;
-  }
-
-  .local-project-card__actions--stacked button {
-    flex: 1;
-  }
-}