@industry-theme/backlogmd-kanban-panel 1.1.16 → 1.2.1

package/dist/panels.bundle.js

@@ -466,7 +466,7 @@ function Accessibility(_ref) {
   }));
   return container ? createPortal(markup, container) : markup;
 }
-var Action$1;
+var Action;
 (function(Action2) {
   Action2["DragStart"] = "dragStart";
   Action2["DragMove"] = "dragMove";
@@ -476,7 +476,7 @@ var Action$1;
   Action2["RegisterDroppable"] = "registerDroppable";
   Action2["SetDroppableDisabled"] = "setDroppableDisabled";
   Action2["UnregisterDroppable"] = "unregisterDroppable";
-})(Action$1 || (Action$1 = {}));
+})(Action || (Action = {}));
 function noop() {
 }
 function useSensor(sensor, options) {
@@ -499,7 +499,7 @@ function useSensors() {
     [...sensors]
   );
 }
-const defaultCoordinates$1 = /* @__PURE__ */ Object.freeze({
+const defaultCoordinates = /* @__PURE__ */ Object.freeze({
   x: 0,
   y: 0
 });
@@ -588,7 +588,7 @@ function getRectDelta(rect1, rect2) {
   return rect1 && rect2 ? {
     x: rect1.left - rect2.left,
     y: rect1.top - rect2.top
-  } : defaultCoordinates$1;
+  } : defaultCoordinates;
 }
 function createRectAdjustmentFn(modifier) {
   return function adjustClientRect(rect) {
@@ -794,11 +794,11 @@ function getScrollCoordinates(element2) {
     y: getScrollYCoordinate(element2)
   };
 }
-var Direction$1;
+var Direction;
 (function(Direction2) {
   Direction2[Direction2["Forward"] = 1] = "Forward";
   Direction2[Direction2["Backward"] = -1] = "Backward";
-})(Direction$1 || (Direction$1 = {}));
+})(Direction || (Direction = {}));
 function isDocumentScrollingElement(element2) {
   if (!canUseDOM || !element2) {
     return false;
@@ -870,17 +870,17 @@ function getScrollDirectionAndSpeed(scrollContainer, scrollContainerRect, _ref,
     width: scrollContainerRect.width * thresholdPercentage.x
   };
   if (!isTop && top <= scrollContainerRect.top + threshold.height) {
-    direction.y = Direction$1.Backward;
+    direction.y = Direction.Backward;
     speed.y = acceleration * Math.abs((scrollContainerRect.top + threshold.height - top) / threshold.height);
   } else if (!isBottom && bottom >= scrollContainerRect.bottom - threshold.height) {
-    direction.y = Direction$1.Forward;
+    direction.y = Direction.Forward;
     speed.y = acceleration * Math.abs((scrollContainerRect.bottom - threshold.height - bottom) / threshold.height);
   }
   if (!isRight && right >= scrollContainerRect.right - threshold.width) {
-    direction.x = Direction$1.Forward;
+    direction.x = Direction.Forward;
     speed.x = acceleration * Math.abs((scrollContainerRect.right - threshold.width - right) / threshold.width);
   } else if (!isLeft && left <= scrollContainerRect.left + threshold.width) {
-    direction.x = Direction$1.Backward;
+    direction.x = Direction.Backward;
     speed.x = acceleration * Math.abs((scrollContainerRect.left + threshold.width - left) / threshold.width);
   }
   return {
@@ -921,7 +921,7 @@ function getScrollElementRect(element2) {
 function getScrollOffsets(scrollableAncestors) {
   return scrollableAncestors.reduce((acc, node2) => {
     return add(acc, getScrollCoordinates(node2));
-  }, defaultCoordinates$1);
+  }, defaultCoordinates);
 }
 function getScrollXOffset(scrollableAncestors) {
   return scrollableAncestors.reduce((acc, node2) => {
@@ -1032,7 +1032,7 @@ function hasExceededDistance(delta, measurement) {
   }
   return false;
 }
-var EventName$1;
+var EventName;
 (function(EventName2) {
   EventName2["Click"] = "click";
   EventName2["DragStart"] = "dragstart";
@@ -1041,14 +1041,14 @@ var EventName$1;
   EventName2["Resize"] = "resize";
   EventName2["SelectionChange"] = "selectionchange";
   EventName2["VisibilityChange"] = "visibilitychange";
-})(EventName$1 || (EventName$1 = {}));
+})(EventName || (EventName = {}));
 function preventDefault(event) {
   event.preventDefault();
 }
 function stopPropagation(event) {
   event.stopPropagation();
 }
-var KeyboardCode$1;
+var KeyboardCode;
 (function(KeyboardCode2) {
   KeyboardCode2["Space"] = "Space";
   KeyboardCode2["Down"] = "ArrowDown";
@@ -1058,33 +1058,33 @@ var KeyboardCode$1;
   KeyboardCode2["Esc"] = "Escape";
   KeyboardCode2["Enter"] = "Enter";
   KeyboardCode2["Tab"] = "Tab";
-})(KeyboardCode$1 || (KeyboardCode$1 = {}));
+})(KeyboardCode || (KeyboardCode = {}));
 const defaultKeyboardCodes = {
-  start: [KeyboardCode$1.Space, KeyboardCode$1.Enter],
-  cancel: [KeyboardCode$1.Esc],
-  end: [KeyboardCode$1.Space, KeyboardCode$1.Enter, KeyboardCode$1.Tab]
+  start: [KeyboardCode.Space, KeyboardCode.Enter],
+  cancel: [KeyboardCode.Esc],
+  end: [KeyboardCode.Space, KeyboardCode.Enter, KeyboardCode.Tab]
 };
 const defaultKeyboardCoordinateGetter = (event, _ref) => {
   let {
     currentCoordinates
   } = _ref;
   switch (event.code) {
-    case KeyboardCode$1.Right:
+    case KeyboardCode.Right:
       return {
         ...currentCoordinates,
         x: currentCoordinates.x + 25
       };
-    case KeyboardCode$1.Left:
+    case KeyboardCode.Left:
       return {
         ...currentCoordinates,
         x: currentCoordinates.x - 25
       };
-    case KeyboardCode$1.Down:
+    case KeyboardCode.Down:
       return {
         ...currentCoordinates,
         y: currentCoordinates.y + 25
       };
-    case KeyboardCode$1.Up:
+    case KeyboardCode.Up:
       return {
         ...currentCoordinates,
         y: currentCoordinates.y - 25
@@ -1114,9 +1114,9 @@ class KeyboardSensor {
   }
   attach() {
     this.handleStart();
-    this.windowListeners.add(EventName$1.Resize, this.handleCancel);
-    this.windowListeners.add(EventName$1.VisibilityChange, this.handleCancel);
-    setTimeout(() => this.listeners.add(EventName$1.Keydown, this.handleKeyDown));
+    this.windowListeners.add(EventName.Resize, this.handleCancel);
+    this.windowListeners.add(EventName.VisibilityChange, this.handleCancel);
+    setTimeout(() => this.listeners.add(EventName.Keydown, this.handleKeyDown));
   }
   handleStart() {
     const {
@@ -1127,7 +1127,7 @@ class KeyboardSensor {
     if (node2) {
       scrollIntoViewIfNeeded(node2);
     }
-    onStart(defaultCoordinates$1);
+    onStart(defaultCoordinates);
   }
   handleKeyDown(event) {
     if (isKeyboardEvent(event)) {
@@ -1158,7 +1158,7 @@ class KeyboardSensor {
       const currentCoordinates = collisionRect ? {
         x: collisionRect.left,
         y: collisionRect.top
-      } : defaultCoordinates$1;
+      } : defaultCoordinates;
       if (!this.referenceCoordinates) {
         this.referenceCoordinates = currentCoordinates;
       }
@@ -1188,14 +1188,14 @@ class KeyboardSensor {
           } = getScrollPosition(scrollContainer);
           const scrollElementRect = getScrollElementRect(scrollContainer);
           const clampedCoordinates = {
-            x: Math.min(direction === KeyboardCode$1.Right ? scrollElementRect.right - scrollElementRect.width / 2 : scrollElementRect.right, Math.max(direction === KeyboardCode$1.Right ? scrollElementRect.left : scrollElementRect.left + scrollElementRect.width / 2, newCoordinates.x)),
-            y: Math.min(direction === KeyboardCode$1.Down ? scrollElementRect.bottom - scrollElementRect.height / 2 : scrollElementRect.bottom, Math.max(direction === KeyboardCode$1.Down ? scrollElementRect.top : scrollElementRect.top + scrollElementRect.height / 2, newCoordinates.y))
+            x: Math.min(direction === KeyboardCode.Right ? scrollElementRect.right - scrollElementRect.width / 2 : scrollElementRect.right, Math.max(direction === KeyboardCode.Right ? scrollElementRect.left : scrollElementRect.left + scrollElementRect.width / 2, newCoordinates.x)),
+            y: Math.min(direction === KeyboardCode.Down ? scrollElementRect.bottom - scrollElementRect.height / 2 : scrollElementRect.bottom, Math.max(direction === KeyboardCode.Down ? scrollElementRect.top : scrollElementRect.top + scrollElementRect.height / 2, newCoordinates.y))
           };
-          const canScrollX = direction === KeyboardCode$1.Right && !isRight || direction === KeyboardCode$1.Left && !isLeft;
-          const canScrollY = direction === KeyboardCode$1.Down && !isBottom || direction === KeyboardCode$1.Up && !isTop;
+          const canScrollX = direction === KeyboardCode.Right && !isRight || direction === KeyboardCode.Left && !isLeft;
+          const canScrollY = direction === KeyboardCode.Down && !isBottom || direction === KeyboardCode.Up && !isTop;
           if (canScrollX && clampedCoordinates.x !== newCoordinates.x) {
             const newScrollCoordinates = scrollContainer.scrollLeft + coordinatesDelta.x;
-            const canScrollToNewCoordinates = direction === KeyboardCode$1.Right && newScrollCoordinates <= maxScroll.x || direction === KeyboardCode$1.Left && newScrollCoordinates >= minScroll.x;
+            const canScrollToNewCoordinates = direction === KeyboardCode.Right && newScrollCoordinates <= maxScroll.x || direction === KeyboardCode.Left && newScrollCoordinates >= minScroll.x;
             if (canScrollToNewCoordinates && !coordinatesDelta.y) {
               scrollContainer.scrollTo({
                 left: newScrollCoordinates,
@@ -1206,7 +1206,7 @@ class KeyboardSensor {
             if (canScrollToNewCoordinates) {
               scrollDelta.x = scrollContainer.scrollLeft - newScrollCoordinates;
             } else {
-              scrollDelta.x = direction === KeyboardCode$1.Right ? scrollContainer.scrollLeft - maxScroll.x : scrollContainer.scrollLeft - minScroll.x;
+              scrollDelta.x = direction === KeyboardCode.Right ? scrollContainer.scrollLeft - maxScroll.x : scrollContainer.scrollLeft - minScroll.x;
             }
             if (scrollDelta.x) {
               scrollContainer.scrollBy({
@@ -1217,7 +1217,7 @@ class KeyboardSensor {
             break;
           } else if (canScrollY && clampedCoordinates.y !== newCoordinates.y) {
             const newScrollCoordinates = scrollContainer.scrollTop + coordinatesDelta.y;
-            const canScrollToNewCoordinates = direction === KeyboardCode$1.Down && newScrollCoordinates <= maxScroll.y || direction === KeyboardCode$1.Up && newScrollCoordinates >= minScroll.y;
+            const canScrollToNewCoordinates = direction === KeyboardCode.Down && newScrollCoordinates <= maxScroll.y || direction === KeyboardCode.Up && newScrollCoordinates >= minScroll.y;
             if (canScrollToNewCoordinates && !coordinatesDelta.x) {
               scrollContainer.scrollTo({
                 top: newScrollCoordinates,
@@ -1228,7 +1228,7 @@ class KeyboardSensor {
             if (canScrollToNewCoordinates) {
               scrollDelta.y = scrollContainer.scrollTop - newScrollCoordinates;
             } else {
-              scrollDelta.y = direction === KeyboardCode$1.Down ? scrollContainer.scrollTop - maxScroll.y : scrollContainer.scrollTop - minScroll.y;
+              scrollDelta.y = direction === KeyboardCode.Down ? scrollContainer.scrollTop - maxScroll.y : scrollContainer.scrollTop - minScroll.y;
             }
             if (scrollDelta.y) {
               scrollContainer.scrollBy({
@@ -1334,7 +1334,7 @@ class AbstractPointerSensor {
     this.documentListeners = new Listeners(this.document);
     this.listeners = new Listeners(listenerTarget);
     this.windowListeners = new Listeners(getWindow(target));
-    this.initialCoordinates = (_getEventCoordinates = getEventCoordinates(event)) != null ? _getEventCoordinates : defaultCoordinates$1;
+    this.initialCoordinates = (_getEventCoordinates = getEventCoordinates(event)) != null ? _getEventCoordinates : defaultCoordinates;
     this.handleStart = this.handleStart.bind(this);
     this.handleMove = this.handleMove.bind(this);
     this.handleEnd = this.handleEnd.bind(this);
@@ -1360,11 +1360,11 @@ class AbstractPointerSensor {
     if (events2.cancel) {
       this.listeners.add(events2.cancel.name, this.handleCancel);
     }
-    this.windowListeners.add(EventName$1.Resize, this.handleCancel);
-    this.windowListeners.add(EventName$1.DragStart, preventDefault);
-    this.windowListeners.add(EventName$1.VisibilityChange, this.handleCancel);
-    this.windowListeners.add(EventName$1.ContextMenu, preventDefault);
-    this.documentListeners.add(EventName$1.Keydown, this.handleKeydown);
+    this.windowListeners.add(EventName.Resize, this.handleCancel);
+    this.windowListeners.add(EventName.DragStart, preventDefault);
+    this.windowListeners.add(EventName.VisibilityChange, this.handleCancel);
+    this.windowListeners.add(EventName.ContextMenu, preventDefault);
+    this.documentListeners.add(EventName.Keydown, this.handleKeydown);
     if (activationConstraint) {
       if (bypassActivationConstraint != null && bypassActivationConstraint({
         event: this.props.event,
@@ -1410,11 +1410,11 @@ class AbstractPointerSensor {
     } = this.props;
     if (initialCoordinates) {
       this.activated = true;
-      this.documentListeners.add(EventName$1.Click, stopPropagation, {
+      this.documentListeners.add(EventName.Click, stopPropagation, {
         capture: true
       });
       this.removeTextSelection();
-      this.documentListeners.add(EventName$1.SelectionChange, this.removeTextSelection);
+      this.documentListeners.add(EventName.SelectionChange, this.removeTextSelection);
       onStart(initialCoordinates);
     }
   }
@@ -1434,7 +1434,7 @@ class AbstractPointerSensor {
     if (!initialCoordinates) {
       return;
     }
-    const coordinates = (_getEventCoordinates2 = getEventCoordinates(event)) != null ? _getEventCoordinates2 : defaultCoordinates$1;
+    const coordinates = (_getEventCoordinates2 = getEventCoordinates(event)) != null ? _getEventCoordinates2 : defaultCoordinates;
     const delta = subtract(initialCoordinates, coordinates);
     if (!activated && activationConstraint) {
       if (isDistanceConstraint(activationConstraint)) {
@@ -1481,7 +1481,7 @@ class AbstractPointerSensor {
     onCancel();
   }
   handleKeydown(event) {
-    if (event.code === KeyboardCode$1.Esc) {
+    if (event.code === KeyboardCode.Esc) {
       this.handleCancel();
     }
   }
@@ -1536,10 +1536,10 @@ const events$1 = {
     name: "mouseup"
   }
 };
-var MouseButton$1;
+var MouseButton;
 (function(MouseButton2) {
   MouseButton2[MouseButton2["RightClick"] = 2] = "RightClick";
-})(MouseButton$1 || (MouseButton$1 = {}));
+})(MouseButton || (MouseButton = {}));
 class MouseSensor extends AbstractPointerSensor {
   constructor(props) {
     super(props, events$1, getOwnerDocument(props.event.target));
@@ -1554,7 +1554,7 @@ MouseSensor.activators = [{
     let {
       onActivation
     } = _ref2;
-    if (event.button === MouseButton$1.RightClick) {
+    if (event.button === MouseButton.RightClick) {
       return false;
     }
     onActivation == null ? void 0 : onActivation({
@@ -1611,25 +1611,25 @@ TouchSensor.activators = [{
     return true;
   }
 }];
-var AutoScrollActivator$1;
+var AutoScrollActivator;
 (function(AutoScrollActivator2) {
   AutoScrollActivator2[AutoScrollActivator2["Pointer"] = 0] = "Pointer";
   AutoScrollActivator2[AutoScrollActivator2["DraggableRect"] = 1] = "DraggableRect";
-})(AutoScrollActivator$1 || (AutoScrollActivator$1 = {}));
-var TraversalOrder$1;
+})(AutoScrollActivator || (AutoScrollActivator = {}));
+var TraversalOrder;
 (function(TraversalOrder2) {
   TraversalOrder2[TraversalOrder2["TreeOrder"] = 0] = "TreeOrder";
   TraversalOrder2[TraversalOrder2["ReversedTreeOrder"] = 1] = "ReversedTreeOrder";
-})(TraversalOrder$1 || (TraversalOrder$1 = {}));
+})(TraversalOrder || (TraversalOrder = {}));
 function useAutoScroller(_ref) {
   let {
     acceleration,
-    activator = AutoScrollActivator$1.Pointer,
+    activator = AutoScrollActivator.Pointer,
     canScroll,
     draggingRect,
     enabled,
     interval = 5,
-    order: order2 = TraversalOrder$1.TreeOrder,
+    order: order2 = TraversalOrder.TreeOrder,
     pointerCoordinates,
     scrollableAncestors,
     scrollableAncestorRects,
@@ -1651,14 +1651,14 @@ function useAutoScroller(_ref) {
   });
   const rect = useMemo(() => {
     switch (activator) {
-      case AutoScrollActivator$1.Pointer:
+      case AutoScrollActivator.Pointer:
         return pointerCoordinates ? {
           top: pointerCoordinates.y,
           bottom: pointerCoordinates.y,
           left: pointerCoordinates.x,
           right: pointerCoordinates.x
         } : null;
-      case AutoScrollActivator$1.DraggableRect:
+      case AutoScrollActivator.DraggableRect:
         return draggingRect;
     }
   }, [activator, draggingRect, pointerCoordinates]);
@@ -1672,7 +1672,7 @@ function useAutoScroller(_ref) {
     const scrollTop = scrollSpeed.current.y * scrollDirection.current.y;
     scrollContainer.scrollBy(scrollLeft, scrollTop);
   }, []);
-  const sortedScrollableAncestors = useMemo(() => order2 === TraversalOrder$1.TreeOrder ? [...scrollableAncestors].reverse() : scrollableAncestors, [order2, scrollableAncestors]);
+  const sortedScrollableAncestors = useMemo(() => order2 === TraversalOrder.TreeOrder ? [...scrollableAncestors].reverse() : scrollableAncestors, [order2, scrollableAncestors]);
   useEffect(
     () => {
       if (!enabled || !scrollableAncestors.length || !rect) {
@@ -1740,12 +1740,12 @@ function useAutoScroller(_ref) {
 }
 const defaultScrollIntent = {
   x: {
-    [Direction$1.Backward]: false,
-    [Direction$1.Forward]: false
+    [Direction.Backward]: false,
+    [Direction.Forward]: false
   },
   y: {
-    [Direction$1.Backward]: false,
-    [Direction$1.Forward]: false
+    [Direction.Backward]: false,
+    [Direction.Forward]: false
   }
 };
 function useScrollIntent(_ref2) {
@@ -1764,12 +1764,12 @@ function useScrollIntent(_ref2) {
     };
     return {
       x: {
-        [Direction$1.Backward]: previousIntent.x[Direction$1.Backward] || direction.x === -1,
-        [Direction$1.Forward]: previousIntent.x[Direction$1.Forward] || direction.x === 1
+        [Direction.Backward]: previousIntent.x[Direction.Backward] || direction.x === -1,
+        [Direction.Forward]: previousIntent.x[Direction.Forward] || direction.x === 1
       },
       y: {
-        [Direction$1.Backward]: previousIntent.y[Direction$1.Backward] || direction.y === -1,
-        [Direction$1.Forward]: previousIntent.y[Direction$1.Forward] || direction.y === 1
+        [Direction.Backward]: previousIntent.y[Direction.Backward] || direction.y === -1,
+        [Direction.Forward]: previousIntent.y[Direction.Forward] || direction.y === 1
       }
     };
   }, [disabled, delta, previousDelta]);
@@ -1797,16 +1797,16 @@ function useCombineActivators(sensors, getSyntheticHandler) {
     return [...accumulator, ...sensorActivators];
   }, []), [sensors, getSyntheticHandler]);
 }
-var MeasuringStrategy$1;
+var MeasuringStrategy;
 (function(MeasuringStrategy2) {
   MeasuringStrategy2[MeasuringStrategy2["Always"] = 0] = "Always";
   MeasuringStrategy2[MeasuringStrategy2["BeforeDragging"] = 1] = "BeforeDragging";
   MeasuringStrategy2[MeasuringStrategy2["WhileDragging"] = 2] = "WhileDragging";
-})(MeasuringStrategy$1 || (MeasuringStrategy$1 = {}));
-var MeasuringFrequency$1;
+})(MeasuringStrategy || (MeasuringStrategy = {}));
+var MeasuringFrequency;
 (function(MeasuringFrequency2) {
   MeasuringFrequency2["Optimized"] = "optimized";
-})(MeasuringFrequency$1 || (MeasuringFrequency$1 = {}));
+})(MeasuringFrequency || (MeasuringFrequency = {}));
 const defaultValue = /* @__PURE__ */ new Map();
 function useDroppableMeasuring(containers, _ref) {
   let {
@@ -1905,9 +1905,9 @@ function useDroppableMeasuring(containers, _ref) {
   };
   function isDisabled() {
     switch (strategy) {
-      case MeasuringStrategy$1.Always:
+      case MeasuringStrategy.Always:
         return false;
-      case MeasuringStrategy$1.BeforeDragging:
+      case MeasuringStrategy.BeforeDragging:
         return dragging;
       default:
         return !dragging;
@@ -2098,9 +2098,9 @@ function useScrollOffsets(elements) {
   }, [handleScroll, elements]);
   return useMemo(() => {
     if (elements.length) {
-      return scrollCoordinates ? Array.from(scrollCoordinates.values()).reduce((acc, coordinates) => add(acc, coordinates), defaultCoordinates$1) : getScrollOffsets(elements);
+      return scrollCoordinates ? Array.from(scrollCoordinates.values()).reduce((acc, coordinates) => add(acc, coordinates), defaultCoordinates) : getScrollOffsets(elements);
     }
-    return defaultCoordinates$1;
+    return defaultCoordinates;
   }, [elements, scrollCoordinates]);
 }
 function useScrollOffsetsDelta(scrollOffsets, dependencies) {
@@ -2116,7 +2116,7 @@ function useScrollOffsetsDelta(scrollOffsets, dependencies) {
     dependencies
   );
   useEffect(() => {
-    const hasScrollOffsets = scrollOffsets !== defaultCoordinates$1;
+    const hasScrollOffsets = scrollOffsets !== defaultCoordinates;
     if (hasScrollOffsets && !initialScrollOffsets.current) {
       initialScrollOffsets.current = scrollOffsets;
     }
@@ -2124,7 +2124,7 @@ function useScrollOffsetsDelta(scrollOffsets, dependencies) {
       initialScrollOffsets.current = null;
     }
   }, [scrollOffsets]);
-  return initialScrollOffsets.current ? subtract(scrollOffsets, initialScrollOffsets.current) : defaultCoordinates$1;
+  return initialScrollOffsets.current ? subtract(scrollOffsets, initialScrollOffsets.current) : defaultCoordinates;
 }
 function useSensorSetup(sensors) {
   useEffect(
@@ -2263,8 +2263,8 @@ const defaultMeasuringConfiguration = {
   },
   droppable: {
     measure: getTransformAgnosticClientRect,
-    strategy: MeasuringStrategy$1.WhileDragging,
-    frequency: MeasuringFrequency$1.Optimized
+    strategy: MeasuringStrategy.WhileDragging,
+    frequency: MeasuringFrequency.Optimized
   },
   dragOverlay: {
     measure: getClientRect
@@ -2352,7 +2352,7 @@ function getInitialState() {
 }
 function reducer(state, action) {
   switch (action.type) {
-    case Action$1.DragStart:
+    case Action.DragStart:
       return {
         ...state,
         draggable: {
@@ -2361,7 +2361,7 @@ function reducer(state, action) {
           active: action.active
         }
       };
-    case Action$1.DragMove:
+    case Action.DragMove:
       if (state.draggable.active == null) {
         return state;
       }
@@ -2375,8 +2375,8 @@ function reducer(state, action) {
           }
         }
       };
-    case Action$1.DragEnd:
-    case Action$1.DragCancel:
+    case Action.DragEnd:
+    case Action.DragCancel:
       return {
         ...state,
         draggable: {
@@ -2392,7 +2392,7 @@ function reducer(state, action) {
           }
         }
       };
-    case Action$1.RegisterDroppable: {
+    case Action.RegisterDroppable: {
       const {
         element: element2
       } = action;
@@ -2409,7 +2409,7 @@ function reducer(state, action) {
         }
       };
     }
-    case Action$1.SetDroppableDisabled: {
+    case Action.SetDroppableDisabled: {
       const {
         id,
         key: key2,
@@ -2432,7 +2432,7 @@ function reducer(state, action) {
         }
       };
     }
-    case Action$1.UnregisterDroppable: {
+    case Action.UnregisterDroppable: {
       const {
         id,
         key: key2
@@ -2586,16 +2586,16 @@ function useLayoutShiftScrollCompensation(_ref) {
   }, [activeNode, x, y, initialRect, measure]);
 }
 const ActiveDraggableContext = /* @__PURE__ */ createContext({
-  ...defaultCoordinates$1,
+  ...defaultCoordinates,
   scaleX: 1,
   scaleY: 1
 });
-var Status$1;
+var Status;
 (function(Status2) {
   Status2[Status2["Uninitialized"] = 0] = "Uninitialized";
   Status2[Status2["Initializing"] = 1] = "Initializing";
   Status2[Status2["Initialized"] = 2] = "Initialized";
-})(Status$1 || (Status$1 = {}));
+})(Status || (Status = {}));
 const DndContext = /* @__PURE__ */ memo(function DndContext2(_ref) {
   var _sensorContext$curren, _dragOverlay$nodeRef$, _dragOverlay$rect, _over$rect;
   let {
@@ -2612,8 +2612,8 @@ const DndContext = /* @__PURE__ */ memo(function DndContext2(_ref) {
   const store = useReducer(reducer, void 0, getInitialState);
   const [state, dispatch] = store;
   const [dispatchMonitorEvent, registerMonitorListener] = useDndMonitorProvider();
-  const [status, setStatus] = useState(Status$1.Uninitialized);
-  const isInitialized = status === Status$1.Initialized;
+  const [status, setStatus] = useState(Status.Uninitialized);
+  const isInitialized = status === Status.Initialized;
   const {
     draggable: {
       active: activeId,
@@ -2809,9 +2809,9 @@ const DndContext = /* @__PURE__ */ memo(function DndContext2(_ref) {
           };
           unstable_batchedUpdates(() => {
             onDragStart == null ? void 0 : onDragStart(event2);
-            setStatus(Status$1.Initializing);
+            setStatus(Status.Initializing);
             dispatch({
-              type: Action$1.DragStart,
+              type: Action.DragStart,
               initialCoordinates,
               active: id2
             });
@@ -2825,12 +2825,12 @@ const DndContext = /* @__PURE__ */ memo(function DndContext2(_ref) {
         },
         onMove(coordinates) {
           dispatch({
-            type: Action$1.DragMove,
+            type: Action.DragMove,
             coordinates
           });
         },
-        onEnd: createHandler(Action$1.DragEnd),
-        onCancel: createHandler(Action$1.DragCancel)
+        onEnd: createHandler(Action.DragEnd),
+        onCancel: createHandler(Action.DragCancel)
       });
       activeSensorRef.current = sensorInstance;
       function createHandler(type) {
@@ -2853,10 +2853,10 @@ const DndContext = /* @__PURE__ */ memo(function DndContext2(_ref) {
               delta: scrollAdjustedTranslate2,
               over: over2
             };
-            if (type === Action$1.DragEnd && typeof cancelDrop === "function") {
+            if (type === Action.DragEnd && typeof cancelDrop === "function") {
               const shouldCancel = await Promise.resolve(cancelDrop(event2));
               if (shouldCancel) {
-                type = Action$1.DragCancel;
+                type = Action.DragCancel;
               }
             }
           }
@@ -2865,12 +2865,12 @@ const DndContext = /* @__PURE__ */ memo(function DndContext2(_ref) {
             dispatch({
               type
             });
-            setStatus(Status$1.Uninitialized);
+            setStatus(Status.Uninitialized);
             setOver(null);
             setActiveSensor(null);
             setActivatorEvent(null);
             activeSensorRef.current = null;
-            const eventName = type === Action$1.DragEnd ? "onDragEnd" : "onDragCancel";
+            const eventName = type === Action.DragEnd ? "onDragEnd" : "onDragCancel";
             if (event2) {
               const handler2 = latestProps.current[eventName];
               handler2 == null ? void 0 : handler2(event2);
@@ -2914,8 +2914,8 @@ const DndContext = /* @__PURE__ */ memo(function DndContext2(_ref) {
   const activators = useCombineActivators(sensors, bindActivatorToSensorInstantiator);
   useSensorSetup(sensors);
   useIsomorphicLayoutEffect$2(() => {
-    if (activeNodeRect && status === Status$1.Initializing) {
-      setStatus(Status$1.Initialized);
+    if (activeNodeRect && status === Status.Initializing) {
+      setStatus(Status.Initialized);
     }
   }, [activeNodeRect, status]);
   useEffect(
@@ -3247,7 +3247,7 @@ function useDroppable(_ref) {
   useEffect(
     () => {
       dispatch({
-        type: Action$1.RegisterDroppable,
+        type: Action.RegisterDroppable,
         element: {
           id,
           key: key2,
@@ -3258,7 +3258,7 @@ function useDroppable(_ref) {
         }
       });
       return () => dispatch({
-        type: Action$1.UnregisterDroppable,
+        type: Action.UnregisterDroppable,
         key: key2,
         id
       });
@@ -3269,7 +3269,7 @@ function useDroppable(_ref) {
   useEffect(() => {
     if (disabled !== previous2.current.disabled) {
       dispatch({
-        type: Action$1.SetDroppableDisabled,
+        type: Action.SetDroppableDisabled,
         id,
         key: key2,
         disabled
@@ -4054,6 +4054,159 @@ 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: "#0a0a0a",
+    primary: "#66b3ff",
+    secondary: "#80c4ff",
+    accent: "#66ff99",
+    highlight: "#18283d",
+    muted: "#1a1a1a",
+    success: "#66ff99",
+    warning: "#ffcc66",
+    error: "#ff6666",
+    info: "#66b3ff",
+    border: "#1a1a1a",
+    backgroundSecondary: "#0f0f0f",
+    backgroundTertiary: "#141414",
+    backgroundLight: "#0d0d0d",
+    backgroundHover: "#0d1520",
+    surface: "#0f0f0f",
+    textSecondary: "#b3b3b3",
+    textTertiary: "#808080",
+    textMuted: "#666666",
+    highlightBg: "#40391e",
+    highlightBorder: "#7f7530",
+    textOnPrimary: "#ffffff"
+  },
+  modes: {
+    light: {
+      text: "#1a1a1a",
+      background: "#ffffff",
+      primary: "#0066cc",
+      secondary: "#0052a3",
+      accent: "#00cc88",
+      highlight: "#e6f2ff",
+      muted: "#f5f5f5",
+      success: "#00cc88",
+      warning: "#ffaa00",
+      error: "#ff3333",
+      info: "#0066cc",
+      border: "#e6e6e6",
+      backgroundSecondary: "#fafafa",
+      backgroundTertiary: "#f5f5f5",
+      backgroundLight: "#fafafa",
+      backgroundHover: "#f5f9fd",
+      surface: "#ffffff",
+      textSecondary: "#666666",
+      textTertiary: "#999999",
+      textMuted: "#b3b3b3",
+      highlightBg: "#fff9c4",
+      highlightBorder: "#fff389"
+    }
+  },
+  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") {
@@ -4077,6 +4230,46 @@ var useTheme = () => {
   }
   return context2;
 };
+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;
 const PanelGroupContext$1 = createContext(null);
 PanelGroupContext$1.displayName = "PanelGroupContext";
 const DATA_ATTRIBUTES$1 = {
@@ -5564,266 +5757,100 @@ function panelDataHelper$1(panelDataArray, panelData, layout) {
     pivotIndices
   };
 }
-function mapThemeToPanelVars(theme2) {
-  return {
-    "--panel-background": theme2.colors.background,
-    "--panel-border": theme2.colors.border,
-    "--panel-handle": theme2.colors.backgroundSecondary,
-    "--panel-handle-hover": theme2.colors.backgroundHover,
-    "--panel-handle-active": theme2.colors.primary,
-    "--panel-button-bg": theme2.colors.surface,
-    "--panel-button-hover": theme2.colors.backgroundHover,
-    "--panel-button-border": theme2.colors.border,
-    "--panel-button-icon": theme2.colors.textSecondary,
-    "--panel-accent-bg": theme2.colors.primary + "15"
-    // primary color with 15% opacity
-  };
-}
-const SnapCarousel = forwardRef(({
-  panels: panels2,
-  className = "",
-  style: style2,
-  theme: theme2,
-  minPanelWidth = 350,
-  idealPanelWidth = 0.333,
-  // 1/3 of container
-  showSeparator = false,
-  onPanelChange,
-  preventKeyboardScroll = true,
-  disableSwipe = false
-}, ref) => {
-  const containerRef = useRef(null);
-  const isProgrammaticScrollRef = useRef(false);
-  const scrollTimeoutRef = useRef(null);
-  const themeStyles = mapThemeToPanelVars(theme2);
-  useImperativeHandle(ref, () => ({
-    scrollToPanel: (index2) => {
-      if (!containerRef.current) return;
-      const container = containerRef.current;
-      const targetPanel = container.children[index2];
-      if (targetPanel) {
-        isProgrammaticScrollRef.current = true;
-        if (scrollTimeoutRef.current) {
-          clearTimeout(scrollTimeoutRef.current);
-        }
-        const scrollLeft = targetPanel.offsetLeft;
-        container.scrollTo({
-          left: scrollLeft,
-          behavior: "smooth"
-        });
-        scrollTimeoutRef.current = setTimeout(() => {
-          isProgrammaticScrollRef.current = false;
-        }, 500);
-      }
-    },
-    getCurrentPanel: () => {
-      if (!containerRef.current || containerRef.current.children.length === 0) return 0;
-      const container = containerRef.current;
-      const containerRect = container.getBoundingClientRect();
-      const snapPointX = containerRect.left;
-      let closestIndex = 0;
-      let closestDistance = Infinity;
-      for (let i = 0; i < container.children.length; i++) {
-        const panel = container.children[i];
-        const panelRect = panel.getBoundingClientRect();
-        const distance = Math.abs(panelRect.left - snapPointX);
-        if (distance < closestDistance) {
-          closestDistance = distance;
-          closestIndex = i;
-        }
-      }
-      return closestIndex;
+function C$1(e) {
+  return { "--panel-background": e.colors.background, "--panel-border": e.colors.border, "--panel-handle": e.colors.backgroundSecondary, "--panel-handle-hover": e.colors.backgroundHover, "--panel-handle-active": e.colors.primary, "--panel-button-bg": e.colors.surface, "--panel-button-hover": e.colors.backgroundHover, "--panel-button-border": e.colors.border, "--panel-button-icon": e.colors.textSecondary, "--panel-accent-bg": e.colors.primary + "15" };
+}
+const z$1 = forwardRef(({ panels: o, className: a = "", style: s2, theme: d, minPanelWidth: u = 350, idealPanelWidth: p2 = 0.333, showSeparator: h2 = false, onPanelChange: m, preventKeyboardScroll: f = true, disableSwipe: g = false }, v) => {
+  const b = useRef(null), y = useRef(false), w = useRef(null), x = C$1(d);
+  useImperativeHandle(v, () => ({ scrollToPanel: (e) => {
+    if (!b.current) return;
+    const t = b.current, n = t.children[e];
+    if (n) {
+      y.current = true, w.current && clearTimeout(w.current);
+      const e2 = n.offsetLeft;
+      t.scrollTo({ left: e2, behavior: "smooth" }), w.current = setTimeout(() => {
+        y.current = false;
+      }, 500);
     }
-  }));
-  const handleScroll = (_e2) => {
-    if (!onPanelChange || !containerRef.current || containerRef.current.children.length === 0) return;
-    if (isProgrammaticScrollRef.current) return;
-    const container = containerRef.current;
-    const containerRect = container.getBoundingClientRect();
-    const snapPointX = containerRect.left;
-    let closestIndex = 0;
-    let closestDistance = Infinity;
-    for (let i = 0; i < container.children.length; i++) {
-      const panel = container.children[i];
-      const panelRect = panel.getBoundingClientRect();
-      const distance = Math.abs(panelRect.left - snapPointX);
-      if (distance < closestDistance) {
-        closestDistance = distance;
-        closestIndex = i;
-      }
-    }
-    onPanelChange(closestIndex);
-  };
+  }, getCurrentPanel: () => {
+    if (!b.current || 0 === b.current.children.length) return 0;
+    const e = b.current, t = e.getBoundingClientRect().left;
+    let n = 0, r2 = 1 / 0;
+    for (let o2 = 0; o2 < e.children.length; o2++) {
+      const i = e.children[o2].getBoundingClientRect(), a2 = Math.abs(i.left - t);
+      a2 < r2 && (r2 = a2, n = o2);
+    }
+    return n;
+  } }));
   useEffect(() => {
-    if (!preventKeyboardScroll || !containerRef.current) return;
-    const container = containerRef.current;
-    const handleKeyDown = (e) => {
-      const target = e.target;
-      const isInteractive = target.tagName === "INPUT" || target.tagName === "TEXTAREA" || target.tagName === "SELECT" || target.isContentEditable || target.closest(".xterm") !== null || // Terminal elements
-      target.closest('[contenteditable="true"]') !== null;
-      if (isInteractive) {
-        return;
-      }
-      const scrollKeys = [" ", "Space", "ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight", "PageUp", "PageDown"];
-      if (scrollKeys.includes(e.key)) {
-        e.preventDefault();
-      }
+    if (!f || !b.current) return;
+    const e = b.current, t = (e2) => {
+      const t2 = e2.target;
+      if ("INPUT" === t2.tagName || "TEXTAREA" === t2.tagName || "SELECT" === t2.tagName || t2.isContentEditable || null !== t2.closest(".xterm") || null !== t2.closest('[contenteditable="true"]')) return;
+      [" ", "Space", "ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight", "PageUp", "PageDown"].includes(e2.key) && e2.preventDefault();
     };
-    container.addEventListener("keydown", handleKeyDown);
-    return () => {
-      container.removeEventListener("keydown", handleKeyDown);
-    };
-  }, [preventKeyboardScroll]);
-  useEffect(() => {
-    return () => {
-      if (scrollTimeoutRef.current) {
-        clearTimeout(scrollTimeoutRef.current);
-      }
+    return e.addEventListener("keydown", t), () => {
+      e.removeEventListener("keydown", t);
     };
+  }, [f]), useEffect(() => () => {
+    w.current && clearTimeout(w.current);
   }, []);
-  const panelCount = panels2.length;
-  const twoPanelThreshold = minPanelWidth * 2;
-  let panelWidth;
-  if (panelCount === 1) {
-    panelWidth = "100%";
-  } else if (panelCount === 2) {
-    panelWidth = "100%";
-  } else {
-    panelWidth = `max(${minPanelWidth}px, ${idealPanelWidth * 100}%)`;
-  }
-  const carouselId = React2__default.useId().replace(/:/g, "_");
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    panelCount === 2 && /* @__PURE__ */ jsx("style", { children: `
-            .snap-carousel-container[data-carousel-id="${carouselId}"][data-panel-count="2"] .snap-carousel-panel {
+  const S = o.length, R = 2 * u;
+  let N;
+  N = 1 === S || 2 === S ? "100%" : `max(${u}px, ${100 * p2}%)`;
+  const E = React2__default.useId().replace(/:/g, "_");
+  return jsxs(Fragment, { children: [
+    2 === S && /* @__PURE__ */ jsx("style", { children: `
+            .snap-carousel-container[data-carousel-id="${E}"][data-panel-count="2"] .snap-carousel-panel {
               width: 100%;
             }
-            @container (min-width: ${twoPanelThreshold}px) {
-              .snap-carousel-container[data-carousel-id="${carouselId}"][data-panel-count="2"] .snap-carousel-panel {
+            @container (min-width: ${R}px) {
+              .snap-carousel-container[data-carousel-id="${E}"][data-panel-count="2"] .snap-carousel-panel {
                 width: 50%;
               }
             }
           ` }),
-    /* @__PURE__ */ jsx(
-      "div",
-      {
-        ref: containerRef,
-        className: `snap-carousel-container ${disableSwipe ? "swipe-disabled" : ""} ${className}`,
-        style: {
-          ...themeStyles,
-          ...style2,
-          "--snap-carousel-min-width": `${minPanelWidth}px`,
-          "--snap-carousel-ideal-width": `${idealPanelWidth * 100}%`,
-          "--snap-carousel-gap": showSeparator ? "1px" : "0px",
-          "--snap-carousel-panel-width": panelWidth,
-          "--snap-carousel-panel-count": panelCount,
-          "--snap-carousel-two-panel-threshold": `${twoPanelThreshold}px`
-        },
-        onScroll: handleScroll,
-        "data-panel-count": panelCount,
-        "data-carousel-id": carouselId,
-        children: panels2.map((panel, index2) => /* @__PURE__ */ jsx("div", { className: "snap-carousel-panel", children: panel }, index2))
-      }
-    )
+    /* @__PURE__ */ jsx("div", { ref: b, className: `snap-carousel-container ${g ? "swipe-disabled" : ""} ${a}`, style: { ...x, ...s2, "--snap-carousel-min-width": `${u}px`, "--snap-carousel-ideal-width": 100 * p2 + "%", "--snap-carousel-gap": h2 ? "1px" : "0px", "--snap-carousel-panel-width": N, "--snap-carousel-panel-count": S, "--snap-carousel-two-panel-threshold": `${R}px` }, onScroll: (e) => {
+      if (!m || !b.current || 0 === b.current.children.length) return;
+      if (y.current) return;
+      const t = b.current, n = t.getBoundingClientRect().left;
+      let r2 = 0, o2 = 1 / 0;
+      for (let i = 0; i < t.children.length; i++) {
+        const e2 = t.children[i].getBoundingClientRect(), a2 = Math.abs(e2.left - n);
+        a2 < o2 && (o2 = a2, r2 = i);
+      }
+      m(r2);
+    }, "data-panel-count": S, "data-carousel-id": E, children: o.map((t, n) => /* @__PURE__ */ jsx("div", { className: "snap-carousel-panel", children: t }, n)) })
   ] });
 });
-SnapCarousel.displayName = "SnapCarousel";
-var Action;
-(function(Action2) {
-  Action2["DragStart"] = "dragStart";
-  Action2["DragMove"] = "dragMove";
-  Action2["DragEnd"] = "dragEnd";
-  Action2["DragCancel"] = "dragCancel";
-  Action2["DragOver"] = "dragOver";
-  Action2["RegisterDroppable"] = "registerDroppable";
-  Action2["SetDroppableDisabled"] = "setDroppableDisabled";
-  Action2["UnregisterDroppable"] = "unregisterDroppable";
-})(Action || (Action = {}));
-const defaultCoordinates = /* @__PURE__ */ Object.freeze({
-  x: 0,
-  y: 0
-});
-var Direction;
-(function(Direction2) {
-  Direction2[Direction2["Forward"] = 1] = "Forward";
-  Direction2[Direction2["Backward"] = -1] = "Backward";
-})(Direction || (Direction = {}));
-var EventName;
-(function(EventName2) {
-  EventName2["Click"] = "click";
-  EventName2["DragStart"] = "dragstart";
-  EventName2["Keydown"] = "keydown";
-  EventName2["ContextMenu"] = "contextmenu";
-  EventName2["Resize"] = "resize";
-  EventName2["SelectionChange"] = "selectionchange";
-  EventName2["VisibilityChange"] = "visibilitychange";
-})(EventName || (EventName = {}));
-var KeyboardCode;
-(function(KeyboardCode2) {
-  KeyboardCode2["Space"] = "Space";
-  KeyboardCode2["Down"] = "ArrowDown";
-  KeyboardCode2["Right"] = "ArrowRight";
-  KeyboardCode2["Left"] = "ArrowLeft";
-  KeyboardCode2["Up"] = "ArrowUp";
-  KeyboardCode2["Esc"] = "Escape";
-  KeyboardCode2["Enter"] = "Enter";
-  KeyboardCode2["Tab"] = "Tab";
-})(KeyboardCode || (KeyboardCode = {}));
-({
-  start: [KeyboardCode.Space, KeyboardCode.Enter],
-  cancel: [KeyboardCode.Esc],
-  end: [KeyboardCode.Space, KeyboardCode.Enter, KeyboardCode.Tab]
-});
-var MouseButton;
-(function(MouseButton2) {
-  MouseButton2[MouseButton2["RightClick"] = 2] = "RightClick";
-})(MouseButton || (MouseButton = {}));
-var AutoScrollActivator;
-(function(AutoScrollActivator2) {
-  AutoScrollActivator2[AutoScrollActivator2["Pointer"] = 0] = "Pointer";
-  AutoScrollActivator2[AutoScrollActivator2["DraggableRect"] = 1] = "DraggableRect";
-})(AutoScrollActivator || (AutoScrollActivator = {}));
-var TraversalOrder;
-(function(TraversalOrder2) {
-  TraversalOrder2[TraversalOrder2["TreeOrder"] = 0] = "TreeOrder";
-  TraversalOrder2[TraversalOrder2["ReversedTreeOrder"] = 1] = "ReversedTreeOrder";
-})(TraversalOrder || (TraversalOrder = {}));
-({
-  x: {
-    [Direction.Backward]: false,
-    [Direction.Forward]: false
-  },
-  y: {
-    [Direction.Backward]: false,
-    [Direction.Forward]: false
-  }
-});
-var MeasuringStrategy;
-(function(MeasuringStrategy2) {
-  MeasuringStrategy2[MeasuringStrategy2["Always"] = 0] = "Always";
-  MeasuringStrategy2[MeasuringStrategy2["BeforeDragging"] = 1] = "BeforeDragging";
-  MeasuringStrategy2[MeasuringStrategy2["WhileDragging"] = 2] = "WhileDragging";
-})(MeasuringStrategy || (MeasuringStrategy = {}));
-var MeasuringFrequency;
-(function(MeasuringFrequency2) {
-  MeasuringFrequency2["Optimized"] = "optimized";
-})(MeasuringFrequency || (MeasuringFrequency = {}));
-({
-  droppable: {
-    strategy: MeasuringStrategy.WhileDragging,
-    frequency: MeasuringFrequency.Optimized
+z$1.displayName = "SnapCarousel";
+var le$2, se$1;
+(se$1 = le$2 || (le$2 = {})).DragStart = "dragStart", se$1.DragMove = "dragMove", se$1.DragEnd = "dragEnd", se$1.DragCancel = "dragCancel", se$1.DragOver = "dragOver", se$1.RegisterDroppable = "registerDroppable", se$1.SetDroppableDisabled = "setDroppableDisabled", se$1.UnregisterDroppable = "unregisterDroppable";
+const de$1 = /* @__PURE__ */ Object.freeze({ x: 0, y: 0 });
+var Te$1, Ae$1;
+(Ae$1 = Te$1 || (Te$1 = {}))[Ae$1.Forward = 1] = "Forward", Ae$1[Ae$1.Backward = -1] = "Backward";
+var _e$1, je$1, He$1, Ke$1;
+(je$1 = _e$1 || (_e$1 = {})).Click = "click", je$1.DragStart = "dragstart", je$1.Keydown = "keydown", je$1.ContextMenu = "contextmenu", je$1.Resize = "resize", je$1.SelectionChange = "selectionchange", je$1.VisibilityChange = "visibilitychange", (Ke$1 = He$1 || (He$1 = {})).Space = "Space", Ke$1.Down = "ArrowDown", Ke$1.Right = "ArrowRight", Ke$1.Left = "ArrowLeft", Ke$1.Up = "ArrowUp", Ke$1.Esc = "Escape", Ke$1.Enter = "Enter", Ke$1.Tab = "Tab";
+({ start: [He$1.Space, He$1.Enter], cancel: [He$1.Esc], end: [He$1.Space, He$1.Enter, He$1.Tab] });
+var rt$1, ot$1;
+(ot$1 = rt$1 || (rt$1 = {}))[ot$1.RightClick = 2] = "RightClick";
+var at$1, lt$1, st$1, ct$1;
+(lt$1 = at$1 || (at$1 = {}))[lt$1.Pointer = 0] = "Pointer", lt$1[lt$1.DraggableRect = 1] = "DraggableRect", (ct$1 = st$1 || (st$1 = {}))[ct$1.TreeOrder = 0] = "TreeOrder", ct$1[ct$1.ReversedTreeOrder = 1] = "ReversedTreeOrder";
+({ x: { [Te$1.Backward]: false, [Te$1.Forward]: false }, y: { [Te$1.Backward]: false, [Te$1.Forward]: false } });
+var pt$1, ht$1, mt$1;
+(ht$1 = pt$1 || (pt$1 = {}))[ht$1.Always = 0] = "Always", ht$1[ht$1.BeforeDragging = 1] = "BeforeDragging", ht$1[ht$1.WhileDragging = 2] = "WhileDragging", (mt$1 || (mt$1 = {})).Optimized = "optimized";
+({ droppable: { strategy: pt$1.WhileDragging, frequency: mt$1.Optimized } });
+/* @__PURE__ */ createContext({ ...de$1, scaleX: 1, scaleY: 1 });
+var $t$1, Bt$1;
+(Bt$1 = $t$1 || ($t$1 = {}))[Bt$1.Uninitialized = 0] = "Uninitialized", Bt$1[Bt$1.Initializing = 1] = "Initializing", Bt$1[Bt$1.Initialized = 2] = "Initialized";
+var Ut$1;
+(() => {
+  if ("undefined" != typeof window) {
+    const e = window;
+    return e.__principlemd_theme_context__ || (e.__principlemd_theme_context__ = createContext(void 0)), e.__principlemd_theme_context__;
   }
-});
-/* @__PURE__ */ createContext({
-  ...defaultCoordinates,
-  scaleX: 1,
-  scaleY: 1
-});
-var Status;
-(function(Status2) {
-  Status2[Status2["Uninitialized"] = 0] = "Uninitialized";
-  Status2[Status2["Initializing"] = 1] = "Initializing";
-  Status2[Status2["Initialized"] = 2] = "Initialized";
-})(Status || (Status = {}));
+  return Ut$1 || (Ut$1 = createContext(void 0)), Ut$1;
+})();
 var Ee = Object.defineProperty;
 var Re = (o, e, t) => e in o ? Ee(o, e, { enumerable: true, configurable: true, writable: true, value: t }) : o[e] = t;
 var le$1 = (o, e, t) => Re(o, typeof e != "symbol" ? e + "" : e, t);
@@ -8456,7 +8483,7 @@ class Core {
     throw new Error("Core not initialized. Call initialize() or initializeLazy() first.");
   }
 }
-const version = "1.1.16";
+const version = "1.2.1";
 const packageJson = {
   version
 };
@@ -8887,6 +8914,7 @@ const TaskCard = ({
     minHeight: "44px",
     touchAction: "none",
     userSelect: "none",
+    fontFamily: theme2.fonts.body,
     // When dragging, the original card stays in place but becomes a placeholder
     // The DragOverlay handles the visual movement
     opacity: isDragging ? 0.4 : 1,
@@ -10888,7 +10916,7 @@ const KanbanPanel = ({
   }));
   const measuringConfig = {
     droppable: {
-      strategy: MeasuringStrategy$1.Always
+      strategy: MeasuringStrategy.Always
     }
   };
   useLayoutEffect(() => {
@@ -11739,15 +11767,18 @@ const KanbanPanel = ({
             })
           })
         })]
-      }), typeof document !== "undefined" && createPortal(/* @__PURE__ */ jsx(DragOverlay, {
-        dropAnimation: {
-          duration: 200,
-          easing: "ease"
-        },
-        children: activeTask ? /* @__PURE__ */ jsx(TaskCard, {
-          task: activeTask,
-          isDragOverlay: true
-        }) : null
+      }), typeof document !== "undefined" && createPortal(/* @__PURE__ */ jsx(ThemeProvider, {
+        theme: theme2,
+        children: /* @__PURE__ */ jsx(DragOverlay, {
+          dropAnimation: {
+            duration: 200,
+            easing: "ease"
+          },
+          children: activeTask ? /* @__PURE__ */ jsx(TaskCard, {
+            task: activeTask,
+            isDragOverlay: true
+          }) : null
+        })
       }), document.body)]
     }) : (
       /* Milestones View - Two Column Layout */
@@ -56018,6 +56049,7 @@ var DocumentView = ({
   content: content2,
   onCheckboxChange,
   maxWidth = "900px",
+  width,
   slideIdPrefix = "document",
   enableHtmlPopout = true,
   enableKeyboardScrolling = true,
@@ -56062,7 +56094,8 @@ var DocumentView = ({
     handlePromptCopy,
     repositoryInfo,
     transparentBackground,
-    editable
+    editable,
+    containerWidth: width
   })));
 };
 function getGitHubIssueFromRefs(references) {
@@ -56183,7 +56216,7 @@ const TaskDetailPanel = ({
   actions,
   config
 }) => {
-  var _a;
+  var _a, _b;
   const {
     theme: theme2
   } = useTheme();
@@ -56203,8 +56236,7 @@ const TaskDetailPanel = ({
     var _a2;
     return (_a2 = panelRef.current) == null ? void 0 : _a2.focus();
   });
-  const repoCapabilities = context2.getRepositorySlice("repoCapabilities");
-  const hasClaudeWorkflow = ((_a = repoCapabilities == null ? void 0 : repoCapabilities.data) == null ? void 0 : _a.hasClaudeWorkflow) ?? false;
+  const hasClaudeWorkflow = ((_b = (_a = context2.repoCapabilities) == null ? void 0 : _a.data) == null ? void 0 : _b.hasClaudeWorkflow) ?? false;
   const handleAssignToClaude = useCallback(() => {
     if (!events2 || !selectedTask) return;
     const tracer = getTracer();