@zendir/ui 0.1.15 → 0.2.1

package/dist/react.js

@@ -15,6 +15,8 @@ import { CARD_ACCENT_COLORS, CardAccentProvider, SPACE_SYSTEM_COLORS, getAccentC
 import { CATEGORY_ICONS, CATEGORY_LABELS, PROPERTY_PRESETS, createPropertyConfig, deriveBatteryStatus, deriveStatus, formatPropertyLabel, formatPropertyValue, getPropertiesByCategory, getPropertyConfig } from "./react/core/propertyConfig.js";
 import { CHAT_RESPONSE_JSON_PROMPT, CHAT_RESPONSE_MCP_TOOL, CHAT_RESPONSE_TOOL_SCHEMA, CHAT_RESPONSE_YAML_PROMPT, CHAT_STATUS_RULES_PROMPT, ChatPanel, createChatResponseParser, parseChatResponse, parseMcpToolResult } from "./react/core/ChatPanel.js";
 import { CardHeader } from "./react/core/CardHeader.js";
+import { CategoryPalette } from "./react/utils/categoryPalette.js";
+import { CategoryProvider, useCategoryPalette, useCategoryPaletteRequired } from "./react/context/CategoryContext.js";
 import { Center } from "./react/core/layout/Center.js";
 import { Checkbox } from "./react/core/Checkbox.js";
 import { ClassificationBanner } from "./react/astro/ClassificationBanner.js";
@@ -88,6 +90,8 @@ export {
   CHAT_STATUS_RULES_PROMPT,
   CardAccentProvider,
   CardHeader,
+  CategoryPalette,
+  CategoryProvider,
   Center,
   ChatPanel,
   Checkbox,
@@ -241,6 +245,8 @@ export {
   transitions,
   useBreakpoint,
   useCardAccent,
+  useCategoryPalette,
+  useCategoryPaletteRequired,
   useCompactMode,
   useConfirm,
   useCopyToClipboard,

package/dist/react.js.map

@@ -1 +1 @@
-{"version":3,"file":"react.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"react.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/style.css

@@ -141,3 +141,52 @@
 .zendir-leaflet-tooltip::before {
   border-top-color: rgba(157, 112, 255, 0.35) !important;
 }
+
+/* ── Pin icons ──────────────────────────────────────────────────────────────── */
+.zendir-pin-icon {
+  background: none !important;
+  border: none !important;
+  overflow: visible;
+  pointer-events: auto;
+  cursor: pointer;
+  transition: transform 200ms cubic-bezier(0.34, 1.56, 0.64, 1);
+}
+
+.zendir-pin-icon:hover {
+  transform: scale(1.15) translateY(-2px);
+  z-index: 1000 !important;
+}
+
+.zendir-pin-icon img {
+  display: none !important;
+}
+
+/* Pin tooltip */
+.zendir-pin-tooltip {
+  background: rgba(13, 19, 35, 0.95) !important;
+  border: 1px solid rgba(157, 112, 255, 0.35) !important;
+  border-radius: 6px !important;
+  color: #e4e0f0 !important;
+  font-size: 11px !important;
+  font-family: 'Roboto', 'Inter', system-ui, sans-serif !important;
+  padding: 5px 9px !important;
+  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.45) !important;
+  pointer-events: none;
+}
+
+.zendir-pin-tooltip::before {
+  border-top-color: rgba(157, 112, 255, 0.35) !important;
+}
+
+/* Crosshair cursor when pins are editable (click-to-add mode) */
+.zendir-pins-editable .leaflet-container {
+  cursor: crosshair;
+}
+
+.zendir-pins-editable .leaflet-marker-icon {
+  cursor: grab;
+}
+
+.zendir-pins-editable .leaflet-dragging .leaflet-marker-icon {
+  cursor: grabbing;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zendir/ui",
-  "version": "0.1.15",
+  "version": "0.2.1",
   "description": "React UI components for space operations, built on the Astro UX Design System",
   "type": "module",
   "main": "./dist/index.js",