@omnitron-dev/prism 0.3.0 → 0.3.1

package/dist/components/knowledge-graph/index.css

@@ -0,0 +1,176 @@
+/* src/components/knowledge-graph/graph.css */
+.prism-knowledge {
+  border: var(--prism-border-width, 1px) solid var(--prism-graph-border);
+  border-radius: var(--prism-graph-radius, 4px);
+  background: var(--prism-graph-bg);
+  color: var(--prism-graph-text);
+  overflow: hidden;
+  min-width: 0;
+}
+.prism-knowledge__header {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  flex-wrap: wrap;
+  border-bottom: var(--prism-border-width, 1px) solid var(--prism-graph-border);
+  padding: 16px;
+}
+.prism-knowledge__header > strong {
+  margin-right: auto;
+}
+.prism-knowledge__header > span {
+  font: 12px ui-monospace, monospace;
+  color: var(--prism-graph-muted);
+}
+.prism-knowledge .react-flow__controls {
+  border: var(--prism-border-width, 1px) solid var(--prism-graph-border);
+  border-radius: var(--prism-graph-radius, 4px);
+}
+.prism-knowledge .react-flow__controls-button:hover {
+  background: var(--prism-graph-hover);
+}
+.prism-knowledge .react-flow__controls-button:last-child {
+  border-bottom: 0;
+}
+.prism-knowledge .react-flow__controls-button {
+  color: var(--prism-graph-text);
+  background: var(--prism-graph-bg);
+  border-bottom: var(--prism-border-width, 1px) solid var(--prism-graph-border);
+  min-width: 36px;
+  min-height: 36px;
+}
+.prism-knowledge .react-flow__controls-button .MuiSvgIcon-root {
+  width: 20px;
+  height: 20px;
+  max-width: none;
+  max-height: none;
+}
+.prism-knowledge .react-flow__controls-button:focus-visible {
+  outline: var(--prism-focus-width, 2px) solid var(--prism-graph-accent);
+  outline-offset: 2px;
+}
+.prism-knowledge__results button[aria-current=true] {
+  background: var(--prism-graph-hover);
+  color: var(--prism-graph-accent);
+}
+.prism-knowledge__hint {
+  font-size: var(--prism-type-caption, 0.8125rem);
+  color: var(--prism-graph-muted);
+  margin: 12px 16px;
+}
+.prism-knowledge__index {
+  padding: 14px;
+  min-width: 0;
+}
+.prism-knowledge__results {
+  list-style: none;
+  padding: 0;
+  margin: 0;
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  max-height: 380px;
+  overflow: auto;
+}
+.prism-knowledge__results button {
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  text-align: left;
+  align-items: flex-start;
+  overflow-wrap: anywhere;
+}
+.prism-knowledge__results span {
+  font-size: var(--prism-type-caption, 0.8125rem);
+  color: var(--prism-graph-muted);
+}
+.prism-knowledge__index > small {
+  display: block;
+  margin: 10px 0;
+  color: var(--prism-graph-muted);
+}
+.prism-knowledge__canvas {
+  min-width: 0;
+  position: relative;
+}
+.prism-knowledge__empty {
+  padding: 40px 24px;
+  color: var(--prism-graph-muted);
+}
+.prism-knowledge__node {
+  width: 220px;
+  border: var(--prism-border-width, 1px) solid var(--prism-graph-border);
+  border-radius: var(--prism-graph-radius, 4px);
+  background: var(--prism-graph-bg);
+  padding: 12px;
+  color: var(--prism-graph-text);
+  box-sizing: border-box;
+  overflow-wrap: anywhere;
+}
+.prism-knowledge__node strong {
+  font-size: var(--prism-type-ui, 0.875rem);
+  line-height: 1.5;
+  display: block;
+}
+.prism-knowledge__kind {
+  display: block;
+  font-size: var(--prism-type-caption, 0.8125rem);
+  color: var(--prism-graph-muted);
+  margin-bottom: 6px;
+}
+.prism-knowledge__relation {
+  border-style: dashed;
+}
+.prism-knowledge__node.is-selected {
+  border-color: var(--prism-graph-accent);
+  background: var(--prism-graph-hover);
+}
+.prism-knowledge .react-flow__node:focus-visible .prism-knowledge__node {
+  outline: var(--prism-focus-width, 2px) solid var(--prism-graph-accent);
+  outline-offset: 2px;
+}
+.prism-knowledge .react-flow {
+  --xy-edge-stroke-width: var(--prism-border-width, 1px);
+  --xy-controls-box-shadow: none;
+  --xy-controls-button-border-color: var(--prism-graph-border);
+  --xy-node-background-color: var(--prism-graph-bg);
+  --xy-edge-stroke: var(--prism-graph-muted);
+  --xy-edge-stroke-selected: var(--prism-graph-accent);
+  --xy-controls-button-background-color: var(--prism-graph-bg);
+  --xy-controls-button-color: var(--prism-graph-text);
+  --xy-edge-label-background-color: var(--prism-graph-bg);
+  --xy-edge-label-color: var(--prism-graph-text);
+}
+.prism-knowledge__details {
+  border-top: var(--prism-border-width, 1px) solid var(--prism-graph-border);
+  padding: 20px;
+}
+.prism-knowledge__details h3 {
+  margin: 0 0 12px;
+  font-size: var(--prism-type-lead, 1.125rem);
+}
+.prism-knowledge__ports {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 20px;
+  font-size: var(--prism-type-ui, 0.875rem);
+}
+@media (max-width: 700px) {
+  .prism-knowledge__index {
+    border-right: 0;
+    border-bottom: var(--prism-border-width, 1px) solid var(--prism-graph-border);
+  }
+  .prism-knowledge__results {
+    max-height: 150px;
+  }
+  .prism-knowledge__ports {
+    grid-template-columns: 1fr;
+  }
+  .prism-knowledge__canvas {
+    max-height: 420px;
+  }
+}
+.prism-knowledge.is-list .prism-knowledge__results {
+  max-height: 560px;
+}
+/*# sourceMappingURL=index.css.map */

package/dist/components/knowledge-graph/index.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/knowledge-graph/graph.css"],"sourcesContent":[".prism-knowledge {\n  border: var(--prism-border-width, 1px) solid var(--prism-graph-border);\n  border-radius: var(--prism-graph-radius, 4px);\n  background: var(--prism-graph-bg);\n  color: var(--prism-graph-text);\n  overflow: hidden;\n  min-width: 0;\n}\n.prism-knowledge__header {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  flex-wrap: wrap;\n  border-bottom: var(--prism-border-width, 1px) solid var(--prism-graph-border);\n  padding: 16px;\n}\n.prism-knowledge__header > strong {\n  margin-right: auto;\n}\n.prism-knowledge__header > span {\n  font:\n    12px ui-monospace,\n    monospace;\n  color: var(--prism-graph-muted);\n}\n/* Application controls inherit the MUI theme. Scope native canvas controls so\n   custom styles never replace ButtonBase, input fieldsets or focus behaviour. */\n.prism-knowledge .react-flow__controls {\n  border: var(--prism-border-width, 1px) solid var(--prism-graph-border);\n  border-radius: var(--prism-graph-radius, 4px);\n}\n.prism-knowledge .react-flow__controls-button:hover {\n  background: var(--prism-graph-hover);\n}\n.prism-knowledge .react-flow__controls-button:last-child {\n  border-bottom: 0;\n}\n.prism-knowledge .react-flow__controls-button {\n  color: var(--prism-graph-text);\n  background: var(--prism-graph-bg);\n  border-bottom: var(--prism-border-width, 1px) solid var(--prism-graph-border);\n  min-width: 36px;\n  min-height: 36px;\n}\n.prism-knowledge .react-flow__controls-button .MuiSvgIcon-root {\n  width: 20px;\n  height: 20px;\n  max-width: none;\n  max-height: none;\n}\n.prism-knowledge .react-flow__controls-button:focus-visible {\n  outline: var(--prism-focus-width, 2px) solid var(--prism-graph-accent);\n  outline-offset: 2px;\n}\n.prism-knowledge__results button[aria-current='true'] {\n  background: var(--prism-graph-hover);\n  color: var(--prism-graph-accent);\n}\n.prism-knowledge__hint {\n  font-size: var(--prism-type-caption, 0.8125rem);\n  color: var(--prism-graph-muted);\n  margin: 12px 16px;\n}\n.prism-knowledge__index {\n  padding: 14px;\n  min-width: 0;\n}\n.prism-knowledge__results {\n  list-style: none;\n  padding: 0;\n  margin: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n  max-height: 380px;\n  overflow: auto;\n}\n.prism-knowledge__results button {\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  text-align: left;\n  align-items: flex-start;\n  overflow-wrap: anywhere;\n}\n.prism-knowledge__results span {\n  font-size: var(--prism-type-caption, 0.8125rem);\n  color: var(--prism-graph-muted);\n}\n.prism-knowledge__index > small {\n  display: block;\n  margin: 10px 0;\n  color: var(--prism-graph-muted);\n}\n.prism-knowledge__canvas {\n  min-width: 0;\n  position: relative;\n}\n.prism-knowledge__empty {\n  padding: 40px 24px;\n  color: var(--prism-graph-muted);\n}\n.prism-knowledge__node {\n  width: 220px;\n  border: var(--prism-border-width, 1px) solid var(--prism-graph-border);\n  border-radius: var(--prism-graph-radius, 4px);\n  background: var(--prism-graph-bg);\n  padding: 12px;\n  color: var(--prism-graph-text);\n  box-sizing: border-box;\n  overflow-wrap: anywhere;\n}\n.prism-knowledge__node strong {\n  font-size: var(--prism-type-ui, 0.875rem);\n  line-height: 1.5;\n  display: block;\n}\n.prism-knowledge__kind {\n  display: block;\n  font-size: var(--prism-type-caption, 0.8125rem);\n  color: var(--prism-graph-muted);\n  margin-bottom: 6px;\n}\n.prism-knowledge__relation {\n  border-style: dashed;\n}\n.prism-knowledge__node.is-selected {\n  border-color: var(--prism-graph-accent);\n  background: var(--prism-graph-hover);\n}\n.prism-knowledge .react-flow__node:focus-visible .prism-knowledge__node {\n  outline: var(--prism-focus-width, 2px) solid var(--prism-graph-accent);\n  outline-offset: 2px;\n}\n.prism-knowledge .react-flow {\n  --xy-edge-stroke-width: var(--prism-border-width, 1px);\n  --xy-controls-box-shadow: none;\n  --xy-controls-button-border-color: var(--prism-graph-border);\n  --xy-node-background-color: var(--prism-graph-bg);\n  --xy-edge-stroke: var(--prism-graph-muted);\n  --xy-edge-stroke-selected: var(--prism-graph-accent);\n  --xy-controls-button-background-color: var(--prism-graph-bg);\n  --xy-controls-button-color: var(--prism-graph-text);\n  --xy-edge-label-background-color: var(--prism-graph-bg);\n  --xy-edge-label-color: var(--prism-graph-text);\n}\n.prism-knowledge__details {\n  border-top: var(--prism-border-width, 1px) solid var(--prism-graph-border);\n  padding: 20px;\n}\n.prism-knowledge__details h3 {\n  margin: 0 0 12px;\n  font-size: var(--prism-type-lead, 1.125rem);\n}\n.prism-knowledge__ports {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 20px;\n  font-size: var(--prism-type-ui, 0.875rem);\n}\n@media (max-width: 700px) {\n  .prism-knowledge__index {\n    border-right: 0;\n    border-bottom: var(--prism-border-width, 1px) solid var(--prism-graph-border);\n  }\n  .prism-knowledge__results {\n    max-height: 150px;\n  }\n  .prism-knowledge__ports {\n    grid-template-columns: 1fr;\n  }\n  .prism-knowledge__canvas {\n    max-height: 420px;\n  }\n}\n\n.prism-knowledge.is-list .prism-knowledge__results {\n  max-height: 560px;\n}\n"],"mappings":"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","names":[]}

package/dist/components/knowledge-graph/index.d.ts

@@ -0,0 +1,3 @@
+export { KnowledgeGraph, defaultKnowledgeGraphLabels, type KnowledgeGraphProps, type KnowledgeGraphLabels, } from './graph.js';
+export { validateKnowledgeGraph, projectKnowledgeGraph, incidenceGraph, entityNodeId, relationNodeId, type KnowledgeGraphData, type KnowledgeEntity, type KnowledgeBadge, type KnowledgeRelation, type KnowledgePort, type KnowledgeSelection, type KnowledgeProjection, } from './model.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/knowledge-graph/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/knowledge-graph/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,cAAc,EACd,2BAA2B,EAC3B,KAAK,mBAAmB,EACxB,KAAK,oBAAoB,GAC1B,MAAM,YAAY,CAAC;AACpB,OAAO,EACL,sBAAsB,EACtB,qBAAqB,EACrB,cAAc,EACd,YAAY,EACZ,cAAc,EACd,KAAK,kBAAkB,EACvB,KAAK,eAAe,EACpB,KAAK,cAAc,EACnB,KAAK,iBAAiB,EACtB,KAAK,aAAa,EAClB,KAAK,kBAAkB,EACvB,KAAK,mBAAmB,GACzB,MAAM,YAAY,CAAC"}