@objectifthunes/whiteboard 0.5.4 → 0.6.0

package/dist/index.d.ts

@@ -675,7 +675,7 @@ export declare function Tooltip({ label, placement, className, children, ...prop
 declare interface TooltipProps extends HTMLAttributes<HTMLSpanElement> {
     /** Bubble content. Keep it to a few words. */
     label: ReactNode;
-    placement?: 'top' | 'bottom';
+    placement?: 'top' | 'bottom' | 'left' | 'right';
     children: ReactNode;
 }
 

package/dist/index.js

@@ -1293,7 +1293,13 @@ function gn({ label: e, placement: t = "top", className: n, children: a, ...s })
   return /* @__PURE__ */ d(
     "span",
     {
-      className: i("tooltip", t === "bottom" && "tooltip--bottom", n),
+      className: i(
+        "tooltip",
+        t === "bottom" && "tooltip--bottom",
+        t === "left" && "tooltip--left",
+        t === "right" && "tooltip--right",
+        n
+      ),
       ...s,
       children: [
         a,

package/dist/whiteboard.css

@@ -1567,6 +1567,22 @@ button.chip:hover {
   top: calc(100% + 0.4rem);
 }
 
+.tooltip--right .tooltip__bubble,
+.tooltip--left .tooltip__bubble {
+  bottom: auto;
+  top: 50%;
+  transform: translateY(-50%);
+}
+
+.tooltip--right .tooltip__bubble {
+  left: calc(100% + 0.4rem);
+}
+
+.tooltip--left .tooltip__bubble {
+  left: auto;
+  right: calc(100% + 0.4rem);
+}
+
 .tooltip:hover .tooltip__bubble,
 .tooltip:focus-within .tooltip__bubble {
   opacity: 1;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@objectifthunes/whiteboard",
-  "version": "0.5.4",
+  "version": "0.6.0",
   "description": "Pan/zoom whiteboard canvas with draggable panels, minimap, snap-to-grid, and zoom controls",
   "license": "MIT",
   "type": "module",