@industry-theme/backlogmd-kanban-panel 1.0.19 → 1.0.21

package/dist/panels/KanbanPanel.d.ts

@@ -7,7 +7,6 @@ import type { PanelComponentProps } from '../types';
  * - Kanban board with configurable status columns
  * - Task cards with priority indicators
  * - Labels and assignee information
- * - Mock data for testing (to be replaced with real data)
  */
 export declare const KanbanPanel: React.FC<PanelComponentProps>;
 //# sourceMappingURL=KanbanPanel.d.ts.map

package/dist/panels/KanbanPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"KanbanPanel.d.ts","sourceRoot":"","sources":["../../src/panels/KanbanPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyD,MAAM,OAAO,CAAC;AAc9E,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AA+hBpD;;;;;;;;GAQG;AACH,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAMrD,CAAC"}
+{"version":3,"file":"KanbanPanel.d.ts","sourceRoot":"","sources":["../../src/panels/KanbanPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyD,MAAM,OAAO,CAAC;AAc9E,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAYpD;;;;;;;GAOG;AACH,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA8gBrD,CAAC"}

package/dist/panels/KanbanPanel.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"KanbanPanel.stories.d.ts","sourceRoot":"","sources":["../../src/panels/KanbanPanel.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAU5D,QAAA,MAAM,IAAI;;;;;;;;;;;;CAgB0B,CAAC;AAErC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAkInC,eAAO,MAAM,UAAU,EAAE,KA0BxB,CAAC;AAKF,eAAO,MAAM,YAAY,EAAE,KAc1B,CAAC"}
+{"version":3,"file":"KanbanPanel.stories.d.ts","sourceRoot":"","sources":["../../src/panels/KanbanPanel.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAW5D,QAAA,MAAM,IAAI;;;;;;;;;;;;CAkB0B,CAAC;AAErC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAkInC,eAAO,MAAM,UAAU,EAAE,KA0BxB,CAAC;AAKF,eAAO,MAAM,YAAY,EAAE,KAc1B,CAAC"}

package/dist/panels/MilestonePanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MilestonePanel.d.ts","sourceRoot":"","sources":["../../src/panels/MilestonePanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAGrD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAiTpD;;;;;;;GAOG;AACH,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAMxD,CAAC"}
+{"version":3,"file":"MilestonePanel.d.ts","sourceRoot":"","sources":["../../src/panels/MilestonePanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAGrD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAMpD;;;;;;;GAOG;AACH,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAsSxD,CAAC"}

package/dist/panels/MilestonePanel.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MilestonePanel.stories.d.ts","sourceRoot":"","sources":["../../src/panels/MilestonePanel.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAS5D,QAAA,MAAM,IAAI;;;;;;;;;;;;CAgB6B,CAAC;AAExC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AA0KnC,eAAO,MAAM,UAAU,EAAE,KAyBxB,CAAC;AAKF,eAAO,MAAM,cAAc,EAAE,KAa5B,CAAC"}
+{"version":3,"file":"MilestonePanel.stories.d.ts","sourceRoot":"","sources":["../../src/panels/MilestonePanel.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAU5D,QAAA,MAAM,IAAI;;;;;;;;;;;;CAkB6B,CAAC;AAExC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AA0KnC,eAAO,MAAM,UAAU,EAAE,KAyBxB,CAAC;AAKF,eAAO,MAAM,cAAc,EAAE,KAa5B,CAAC"}

package/dist/panels/TaskDetailPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TaskDetailPanel.d.ts","sourceRoot":"","sources":["../../src/panels/TaskDetailPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAInD,OAAO,KAAK,EAAE,mBAAmB,EAAqB,MAAM,UAAU,CAAC;AAoavE;;;;;;;;;GASG;AACH,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAMzD,CAAC"}
+{"version":3,"file":"TaskDetailPanel.d.ts","sourceRoot":"","sources":["../../src/panels/TaskDetailPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAInD,OAAO,KAAK,EAAE,mBAAmB,EAAqB,MAAM,UAAU,CAAC;AA+IvE;;;;;;;;;GASG;AACH,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAgRzD,CAAC"}

package/dist/panels/TaskDetailPanel.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TaskDetailPanel.stories.d.ts","sourceRoot":"","sources":["../../src/panels/TaskDetailPanel.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AACzC,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAU5D,QAAA,MAAM,IAAI;;;;;;;;;;;;CAgB8B,CAAC;AAEzC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAkFnC,eAAO,MAAM,UAAU,EAAE,KAaxB,CAAC;AAQF,eAAO,MAAM,gBAAgB,EAAE,KAoB9B,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KA6B9B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KA4BzB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KA2B5B,CAAC"}
+{"version":3,"file":"TaskDetailPanel.stories.d.ts","sourceRoot":"","sources":["../../src/panels/TaskDetailPanel.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AACzC,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAW5D,QAAA,MAAM,IAAI;;;;;;;;;;;;CAkB8B,CAAC;AAEzC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAkFnC,eAAO,MAAM,UAAU,EAAE,KAaxB,CAAC;AAQF,eAAO,MAAM,gBAAgB,EAAE,KAoB9B,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KA6B9B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KA4BzB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KA2B5B,CAAC"}

package/dist/panels.bundle.js

@@ -4052,158 +4052,6 @@ const __iconNode = [
   ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
 ];
 const X = createLucideIcon("x", __iconNode);
-var terminalTheme$1 = {
-  space: [0, 4, 8, 16, 32, 64, 128, 256, 512],
-  fonts: {
-    body: '"SF Mono", "Monaco", "Inconsolata", "Fira Code", monospace',
-    heading: '"SF Mono", "Monaco", "Inconsolata", "Fira Code", monospace',
-    monospace: '"SF Mono", "Monaco", "Inconsolata", "Fira Code", monospace'
-  },
-  fontSizes: [12, 14, 16, 18, 20, 24, 32, 48, 64, 96],
-  fontScale: 1,
-  fontWeights: {
-    body: 400,
-    heading: 500,
-    bold: 600,
-    light: 300,
-    medium: 500,
-    semibold: 600
-  },
-  lineHeights: {
-    body: 1.6,
-    heading: 1.3,
-    tight: 1.4,
-    relaxed: 1.8
-  },
-  breakpoints: ["640px", "768px", "1024px", "1280px"],
-  sizes: [16, 32, 64, 128, 256, 512, 768, 1024, 1536],
-  radii: [0, 2, 4, 6, 8, 12, 16, 24],
-  shadows: [
-    "none",
-    "0 1px 2px 0 rgba(0, 0, 0, 0.05)",
-    "0 2px 4px 0 rgba(0, 0, 0, 0.06)",
-    "0 4px 6px 0 rgba(0, 0, 0, 0.07)",
-    "0 8px 12px 0 rgba(0, 0, 0, 0.08)",
-    "0 16px 24px 0 rgba(0, 0, 0, 0.10)"
-  ],
-  zIndices: [0, 1, 10, 20, 30, 40, 50],
-  colors: {
-    text: "#e4e4e4",
-    background: "rgba(10, 10, 10, 0.85)",
-    primary: "#66b3ff",
-    secondary: "#80c4ff",
-    accent: "#66ff99",
-    highlight: "rgba(102, 179, 255, 0.15)",
-    muted: "rgba(26, 26, 26, 0.8)",
-    success: "#66ff99",
-    warning: "#ffcc66",
-    error: "#ff6666",
-    info: "#66b3ff",
-    border: "rgba(255, 255, 255, 0.1)",
-    backgroundSecondary: "rgba(15, 15, 15, 0.9)",
-    backgroundTertiary: "rgba(20, 20, 20, 0.9)",
-    backgroundLight: "rgba(255, 255, 255, 0.05)",
-    backgroundHover: "rgba(102, 179, 255, 0.08)",
-    surface: "rgba(15, 15, 15, 0.95)",
-    textSecondary: "rgba(255, 255, 255, 0.7)",
-    textTertiary: "rgba(255, 255, 255, 0.5)",
-    textMuted: "rgba(255, 255, 255, 0.4)",
-    highlightBg: "rgba(255, 235, 59, 0.25)",
-    highlightBorder: "rgba(255, 235, 59, 0.5)"
-  },
-  modes: {
-    light: {
-      text: "#1a1a1a",
-      background: "rgba(255, 255, 255, 0.9)",
-      primary: "#0066cc",
-      secondary: "#0052a3",
-      accent: "#00cc88",
-      highlight: "rgba(0, 102, 204, 0.08)",
-      muted: "rgba(245, 245, 245, 0.8)",
-      success: "#00cc88",
-      warning: "#ffaa00",
-      error: "#ff3333",
-      info: "#0066cc",
-      border: "rgba(0, 0, 0, 0.1)",
-      backgroundSecondary: "rgba(250, 250, 250, 0.9)",
-      backgroundTertiary: "rgba(245, 245, 245, 0.9)",
-      backgroundLight: "rgba(0, 0, 0, 0.02)",
-      backgroundHover: "rgba(0, 102, 204, 0.04)",
-      surface: "rgba(255, 255, 255, 0.95)",
-      textSecondary: "rgba(0, 0, 0, 0.6)",
-      textTertiary: "rgba(0, 0, 0, 0.4)",
-      textMuted: "rgba(0, 0, 0, 0.3)",
-      highlightBg: "rgba(255, 235, 59, 0.3)",
-      highlightBorder: "rgba(255, 235, 59, 0.6)"
-    }
-  },
-  buttons: {
-    primary: {
-      color: "white",
-      bg: "primary",
-      borderWidth: 0,
-      "&:hover": {
-        bg: "secondary"
-      }
-    },
-    secondary: {
-      color: "primary",
-      bg: "transparent",
-      borderWidth: 1,
-      borderStyle: "solid",
-      borderColor: "primary",
-      "&:hover": {
-        bg: "highlight"
-      }
-    },
-    ghost: {
-      color: "text",
-      bg: "transparent",
-      "&:hover": {
-        bg: "backgroundHover"
-      }
-    }
-  },
-  text: {
-    heading: {
-      fontFamily: "heading",
-      fontWeight: "heading",
-      lineHeight: "heading"
-    },
-    body: {
-      fontFamily: "body",
-      fontWeight: "body",
-      lineHeight: "body"
-    },
-    caption: {
-      fontSize: 1,
-      color: "textSecondary"
-    }
-  },
-  cards: {
-    primary: {
-      bg: "surface",
-      border: "1px solid",
-      borderColor: "border",
-      borderRadius: 1
-    },
-    secondary: {
-      bg: "backgroundSecondary",
-      border: "1px solid",
-      borderColor: "border",
-      borderRadius: 1
-    }
-  }
-};
-function getMode(theme2, mode) {
-  if (!mode || !theme2.modes || !theme2.modes[mode]) {
-    return theme2.colors;
-  }
-  return {
-    ...theme2.colors,
-    ...theme2.modes[mode]
-  };
-}
 var ThemeContext$1;
 var getThemeContext$1 = () => {
   if (typeof window !== "undefined") {
@@ -4227,46 +4075,6 @@ var useTheme = () => {
   }
   return context;
 };
-var ThemeProvider = ({
-  children: children2,
-  theme: customTheme = theme$1,
-  initialMode
-}) => {
-  const [mode, setMode] = useState(initialMode);
-  const activeTheme = React2__default.useMemo(() => {
-    if (!mode || !customTheme.modes || !customTheme.modes[mode]) {
-      return customTheme;
-    }
-    return {
-      ...customTheme,
-      colors: getMode(customTheme, mode)
-    };
-  }, [customTheme, mode]);
-  useEffect(() => {
-    if (!initialMode) {
-      const savedMode = localStorage.getItem("principlemd-theme-mode");
-      if (savedMode) {
-        setMode(savedMode);
-      }
-    }
-  }, [initialMode]);
-  useEffect(() => {
-    if (mode) {
-      localStorage.setItem("principlemd-theme-mode", mode);
-    } else {
-      localStorage.removeItem("principlemd-theme-mode");
-    }
-  }, [mode]);
-  const value = {
-    theme: activeTheme,
-    mode,
-    setMode
-  };
-  return /* @__PURE__ */ React2__default.createElement(ThemeContextSingleton.Provider, {
-    value
-  }, children2);
-};
-var theme$1 = terminalTheme$1;
 function parseTaskMarkdown(content2, filePath) {
   const { frontmatter, title, rawContent, acceptanceCriteria, description } = parseMarkdownContent(content2);
   const id = extractIdFromPath(filePath);
@@ -6866,7 +6674,7 @@ const EmptyState = ({
                       gap: "8px",
                       padding: "12px 24px",
                       backgroundColor: theme2.colors.primary,
-                      color: "#fff",
+                      color: theme2.colors.textOnPrimary,
                       borderRadius: theme2.radii[2],
                       border: "none",
                       fontSize: theme2.fontSizes[2],
@@ -6902,7 +6710,7 @@ const EmptyState = ({
                       gap: "8px",
                       padding: "12px 24px",
                       backgroundColor: canInitialize ? "transparent" : theme2.colors.primary,
-                      color: canInitialize ? theme2.colors.primary : "#fff",
+                      color: canInitialize ? theme2.colors.primary : theme2.colors.textOnPrimary,
                       border: canInitialize ? `1px solid ${theme2.colors.primary}` : "none",
                       borderRadius: theme2.radii[2],
                       textDecoration: "none",
@@ -7500,7 +7308,7 @@ const TaskModal = ({
                             border: "none",
                             borderRadius: theme2.radii[2],
                             backgroundColor: theme2.colors.primary,
-                            color: "#fff",
+                            color: theme2.colors.textOnPrimary,
                             cursor: isSaving ? "wait" : "pointer",
                             opacity: isSaving ? 0.7 : 1
                           },
@@ -7529,7 +7337,7 @@ const TaskModal = ({
   if (typeof document === "undefined") return null;
   return createPortal(modalContent, document.body);
 };
-const KanbanPanelContent = ({
+const KanbanPanel = ({
   context,
   actions,
   events: events2
@@ -7789,7 +7597,7 @@ const KanbanPanelContent = ({
                       alignItems: "center",
                       gap: "6px",
                       background: theme2.colors.primary,
-                      color: theme2.colors.background,
+                      color: theme2.colors.textOnPrimary,
                       border: "none",
                       borderRadius: theme2.radii[2],
                       padding: "6px 12px",
@@ -7900,7 +7708,7 @@ const KanbanPanelContent = ({
                                 border: "none",
                                 borderRadius: theme2.radii[1],
                                 background: isSelected ? theme2.colors.primary : "transparent",
-                                color: isSelected ? theme2.colors.background : theme2.colors.textSecondary,
+                                color: isSelected ? theme2.colors.textOnPrimary : theme2.colors.textSecondary,
                                 fontSize: theme2.fontSizes[1],
                                 fontWeight: theme2.fontWeights.medium,
                                 cursor: "pointer",
@@ -8014,9 +7822,6 @@ const KanbanPanelContent = ({
     }
   );
 };
-const KanbanPanel = (props) => {
-  return /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(KanbanPanelContent, { ...props }) });
-};
 const VOID = -1;
 const PRIMITIVE = 0;
 const ARRAY = 1;
@@ -52066,7 +51871,7 @@ const MetadataRow = ({ icon, label, value }) => {
     }
   );
 };
-const TaskDetailPanelContent = ({ context, actions, events: events2 }) => {
+const TaskDetailPanel = ({ context, actions, events: events2 }) => {
   const { theme: theme2 } = useTheme();
   const [selectedTask, setSelectedTask] = useState(null);
   useEffect(() => {
@@ -52343,9 +52148,6 @@ const TaskDetailPanelContent = ({ context, actions, events: events2 }) => {
     }
   );
 };
-const TaskDetailPanel = (props) => {
-  return /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(TaskDetailPanelContent, { ...props }) });
-};
 function useMilestoneData(options) {
   const { context, actions } = options || {};
   const [milestones, setMilestones] = useState([]);
@@ -53168,7 +52970,7 @@ const MilestoneModal = ({
                             border: "none",
                             borderRadius: theme2.radii[2],
                             backgroundColor: theme2.colors.primary,
-                            color: "#fff",
+                            color: theme2.colors.textOnPrimary,
                             cursor: isSaving ? "wait" : "pointer",
                             opacity: isSaving ? 0.7 : 1
                           },
@@ -53197,7 +52999,7 @@ const MilestoneModal = ({
   if (typeof document === "undefined") return null;
   return createPortal(modalContent, document.body);
 };
-const MilestonePanelContent = ({
+const MilestonePanel = ({
   context,
   actions,
   events: events2
@@ -53312,7 +53114,7 @@ const MilestonePanelContent = ({
                       alignItems: "center",
                       gap: "6px",
                       background: theme2.colors.primary,
-                      color: theme2.colors.background,
+                      color: theme2.colors.textOnPrimary,
                       border: "none",
                       borderRadius: theme2.radii[2],
                       padding: "6px 12px",
@@ -53475,9 +53277,6 @@ const MilestonePanelContent = ({
     }
   );
 };
-const MilestonePanel = (props) => {
-  return /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(MilestonePanelContent, { ...props }) });
-};
 const moveTaskTool = {
   name: "move_task",
   description: "Moves a task to a different status column on the kanban board",