@objectifthunes/whiteboard 0.5.4 → 0.6.1

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;
@@ -1678,3 +1694,46 @@ button.chip:hover {
 .toolbar .wb-btn--icon-only {
   font-size: var(--wb-fs-md);
 }
+
+/* ── unified chrome rhythm ─────────────────────────────────────────────
+   Toolbar and VerticalToolbar share identical metrics: one control
+   size, one padding, one gap — horizontal and vertical. Appended last
+   so it wins over the historical per-bar values. */
+.toolbar,
+.vertical-toolbar {
+  --wb-chrome-control: 2rem;
+  --wb-chrome-pad: 0.34rem;
+  --wb-chrome-gap: 0.34rem;
+  padding: var(--wb-chrome-pad);
+  gap: var(--wb-chrome-gap);
+}
+
+.toolbar__items,
+.toolbar__end,
+.vertical-toolbar__links {
+  gap: var(--wb-chrome-gap);
+}
+
+.toolbar__end {
+  margin-left: var(--wb-chrome-gap);
+}
+
+.toolbar .wb-btn {
+  height: var(--wb-chrome-control);
+  padding: 0 0.6rem;
+}
+
+.toolbar .wb-btn--icon-only,
+.vertical-toolbar .wb-btn--icon-only {
+  width: var(--wb-chrome-control);
+  height: var(--wb-chrome-control);
+  min-width: var(--wb-chrome-control);
+  padding: 0;
+}
+
+.toolbar input:not([type]),
+.toolbar input[type='text'],
+.toolbar input[type='number'],
+.toolbar input[type='search'] {
+  height: var(--wb-chrome-control);
+}

package/package.json

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