@eyeon/map 2.0.0

package/dist/editor/index.css

@@ -0,0 +1,248 @@
+.eyeon-map-editor {
+  display: grid;
+  grid-template-columns: 220px 1fr 260px;
+  height: 100%;
+  min-height: 560px;
+  background: #f8fafc;
+  color: #0f172a;
+  font-family: system-ui, -apple-system, sans-serif;
+  font-size: 12px;
+}
+
+.eyeon-map-rail {
+  display: flex;
+  flex-direction: column;
+  border-right: 1px solid #e2e8f0;
+  background: #fff;
+  min-width: 0;
+}
+
+.eyeon-map-rail__tabs {
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  gap: 2px;
+  padding: 6px;
+  border-bottom: 1px solid #e2e8f0;
+}
+
+.eyeon-map-rail__tabs button {
+  border: 0;
+  background: transparent;
+  border-radius: 6px;
+  padding: 6px 4px;
+  font-size: 11px;
+  font-weight: 600;
+  cursor: pointer;
+  color: #64748b;
+}
+
+.eyeon-map-rail__tabs button.is-active {
+  background: #eff6ff;
+  color: #1d4ed8;
+}
+
+.eyeon-map-rail__body {
+  overflow: auto;
+  padding: 8px;
+  flex: 1;
+}
+
+.eyeon-map-rail__heading {
+  font-size: 10px;
+  font-weight: 700;
+  text-transform: uppercase;
+  letter-spacing: 0.04em;
+  color: #94a3b8;
+  margin: 8px 0 4px;
+}
+
+.eyeon-map-rail__row {
+  display: flex;
+  justify-content: space-between;
+  gap: 6px;
+  width: 100%;
+  text-align: left;
+  border: 0;
+  background: transparent;
+  border-radius: 6px;
+  padding: 6px 8px;
+  cursor: pointer;
+  font-size: 12px;
+}
+
+.eyeon-map-rail__row.is-active,
+.eyeon-map-rail__row:hover {
+  background: #f1f5f9;
+}
+
+.eyeon-map-rail__muted {
+  color: #94a3b8;
+  font-size: 10px;
+}
+
+.eyeon-map-rail__hint {
+  color: #64748b;
+  line-height: 1.4;
+  margin: 0 0 8px;
+}
+
+.eyeon-map-rail__actions {
+  display: grid;
+  gap: 6px;
+  margin-top: 10px;
+}
+
+.eyeon-map-rail__file {
+  display: grid;
+  gap: 4px;
+  font-weight: 600;
+  font-size: 11px;
+}
+
+.eyeon-map-rail__file input {
+  font-size: 11px;
+}
+
+.eyeon-map-rail__field {
+  display: grid;
+  gap: 4px;
+  margin-bottom: 8px;
+  font-size: 11px;
+  font-weight: 600;
+  color: #475569;
+}
+
+.eyeon-map-rail__field input,
+.eyeon-map-rail__field select {
+  font-size: 12px;
+  padding: 6px 8px;
+  border: 1px solid #e2e8f0;
+  border-radius: 6px;
+}
+
+.eyeon-map-editor__center {
+  display: flex;
+  flex-direction: column;
+  min-width: 0;
+}
+
+.eyeon-map-editor__toolbar {
+  display: flex;
+  justify-content: space-between;
+  gap: 8px;
+  padding: 6px 8px;
+  border-bottom: 1px solid #e2e8f0;
+  background: #fff;
+}
+
+.eyeon-map-editor__tools,
+.eyeon-map-editor__actions {
+  display: flex;
+  gap: 4px;
+  align-items: center;
+  flex-wrap: wrap;
+}
+
+.eyeon-map-editor__toolbar button {
+  border: 1px solid #e2e8f0;
+  background: #fff;
+  border-radius: 6px;
+  padding: 4px 8px;
+  font-size: 11px;
+  font-weight: 600;
+  cursor: pointer;
+}
+
+.eyeon-map-editor__toolbar button.is-active,
+.eyeon-map-editor__publish {
+  background: #2563eb;
+  border-color: #2563eb;
+  color: #fff;
+}
+
+.eyeon-map-editor__angle {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  font-size: 11px;
+  font-weight: 600;
+}
+
+.eyeon-map-editor__angle input {
+  width: 56px;
+  font-size: 11px;
+  padding: 3px 6px;
+  border: 1px solid #e2e8f0;
+  border-radius: 4px;
+}
+
+.eyeon-map-editor__canvas-wrap {
+  flex: 1;
+  min-height: 0;
+  position: relative;
+}
+
+.eyeon-map-canvas {
+  position: absolute;
+  inset: 0;
+  overflow: hidden;
+  background:
+    linear-gradient(#e2e8f0 1px, transparent 1px) 0 0 / 24px 24px,
+    linear-gradient(90deg, #e2e8f0 1px, transparent 1px) 0 0 / 24px 24px,
+    #f8fafc;
+}
+
+.eyeon-map-canvas__svg {
+  width: 100%;
+  height: 100%;
+  touch-action: none;
+}
+
+.eyeon-map-canvas__empty {
+  position: absolute;
+  inset: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: #94a3b8;
+}
+
+.eyeon-map-inspector {
+  border-left: 1px solid #e2e8f0;
+  background: #fff;
+  padding: 10px;
+  overflow: auto;
+}
+
+.eyeon-map-inspector__heading {
+  font-size: 10px;
+  font-weight: 700;
+  text-transform: uppercase;
+  letter-spacing: 0.04em;
+  color: #94a3b8;
+  margin: 10px 0 6px;
+}
+
+.eyeon-map-inspector__empty {
+  color: #94a3b8;
+  padding: 12px 4px;
+}
+
+.eyeon-map-inspector__save {
+  margin-top: 10px;
+  width: 100%;
+  border: 0;
+  border-radius: 6px;
+  background: #2563eb;
+  color: #fff;
+  padding: 8px;
+  font-size: 12px;
+  font-weight: 600;
+  cursor: pointer;
+}
+
+.eyeon-map-preview,
+.eyeon-map-preview__loading {
+  position: absolute;
+  inset: 0;
+}

package/dist/editor/index.d.ts

@@ -0,0 +1,5 @@
+export { MapEditor, type MapEditorProps, type EditorDraftState } from './MapEditor';
+export { EditorCanvas } from './canvas/EditorCanvas';
+export { LeftRail, type RailTab } from './panels/LeftRail';
+export { Inspector } from './panels/Inspector';
+//# sourceMappingURL=index.d.ts.map

package/dist/editor/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/editor/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,KAAK,gBAAgB,EAAE,MAAM,aAAa,CAAC;AACpF,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,KAAK,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC3D,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,cAAc,CAAC"}