@bwp-web/canvas 0.7.1 → 0.8.1

package/dist/overlay/FixedSizeContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FixedSizeContent.d.ts","sourceRoot":"","sources":["../../src/overlay/FixedSizeContent.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAS,UAAU,EAAE,MAAM,eAAe,CAAC;AAClD,OAAO,EAAqB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAE1D,MAAM,WAAW,qBAAsB,SAAQ,UAAU;IACvD,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;;;OAKG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,QAAQ,EACR,cAAqB,EACrB,iBAAqB,EACrB,EAAE,EACF,GAAG,IAAI,EACR,EAAE,qBAAqB,2CA+FvB"}
+{"version":3,"file":"FixedSizeContent.d.ts","sourceRoot":"","sources":["../../src/overlay/FixedSizeContent.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAS,UAAU,EAAE,MAAM,eAAe,CAAC;AAClD,OAAO,EAAqB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAE1D,MAAM,WAAW,qBAAsB,SAAQ,UAAU;IACvD,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;;;OAKG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,QAAQ,EACR,cAAqB,EACrB,iBAAqB,EACrB,EAAE,EACF,GAAG,IAAI,EACR,EAAE,qBAAqB,2CAgGvB"}

package/dist/overlay/ObjectOverlay.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ObjectOverlay.d.ts","sourceRoot":"","sources":["../../src/overlay/ObjectOverlay.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqB,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAE1E,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,KAAK,EAAE,MAAM,IAAI,YAAY,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC;AAGnE,MAAM,WAAW,kBAAmB,SAAQ,UAAU;IACpD,yCAAyC;IACzC,SAAS,EAAE,SAAS,CAAC,YAAY,GAAG,IAAI,CAAC,CAAC;IAC1C,8EAA8E;IAC9E,MAAM,EAAE,YAAY,GAAG,IAAI,GAAG,SAAS,CAAC;IACxC,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,aAAa,CAAC,EAC5B,SAAS,EACT,MAAM,EACN,EAAE,EACF,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,kBAAkB,kDAgEpB"}
+{"version":3,"file":"ObjectOverlay.d.ts","sourceRoot":"","sources":["../../src/overlay/ObjectOverlay.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqB,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAE1E,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,KAAK,EAAE,MAAM,IAAI,YAAY,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC;AAGnE,MAAM,WAAW,kBAAmB,SAAQ,UAAU;IACpD,yCAAyC;IACzC,SAAS,EAAE,SAAS,CAAC,YAAY,GAAG,IAAI,CAAC,CAAC;IAC1C,8EAA8E;IAC9E,MAAM,EAAE,YAAY,GAAG,IAAI,GAAG,SAAS,CAAC;IACxC,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,aAAa,CAAC,EAC5B,SAAS,EACT,MAAM,EACN,EAAE,EACF,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,kBAAkB,kDA+DpB"}

package/dist/overlay/OverlayBadge.d.ts

@@ -0,0 +1,59 @@
+import { StackProps } from '@mui/material';
+import { type ReactNode } from 'react';
+export interface OverlayBadgeProps extends StackProps {
+    children?: ReactNode;
+    /**
+     * Maximum scale factor applied to the badge. Default: 2
+     */
+    maxScale?: number;
+    /**
+     * Minimum scale factor applied to the badge. Default: 0.75
+     */
+    minScale?: number;
+    /** Top offset. Number values are interpreted as pixels. */
+    top?: number | string;
+    /** Right offset. Number values are interpreted as pixels. */
+    right?: number | string;
+    /** Bottom offset. Number values are interpreted as pixels. */
+    bottom?: number | string;
+    /** Left offset. Number values are interpreted as pixels. */
+    left?: number | string;
+    /**
+     * Position on the inscribed ellipse instead of the rectangle edge.
+     * The angle is derived from which anchor props (`top`, `right`, etc.)
+     * are specified — e.g. `top` + `right` → 45° (top-right of the circle).
+     * The anchor values are then applied as pixel offsets from the ellipse point.
+     * Default: false
+     */
+    circular?: boolean;
+}
+/**
+ * An absolutely-positioned badge that scales proportionally within an
+ * `ObjectOverlay` (or `OverlayContent`). The badge captures the overlay's
+ * initial dimensions as a baseline and scales relative to that — growing
+ * when the overlay gets larger (zoom in) and shrinking when it gets smaller
+ * (zoom out), clamped between `minScale` and `maxScale`.
+ *
+ * Position the badge using the `top`, `right`, `bottom`, and `left` props.
+ * Scaling always happens from the center so the badge stays visually
+ * centered at its anchor point.
+ *
+ * When placed inside `OverlayContent`, the badge automatically
+ * counter-scales against the parent's `--overlay-scale` transform so it
+ * maintains its own independent size.
+ *
+ * @example
+ * ```tsx
+ * <ObjectOverlay canvasRef={canvasRef} object={obj}>
+ *   <OverlayContent>
+ *     <MyIcon />
+ *     <FixedSizeContent><Typography>Label</Typography></FixedSizeContent>
+ *   </OverlayContent>
+ *   <OverlayBadge top={2} right={2}>
+ *     <StatusDot />
+ *   </OverlayBadge>
+ * </ObjectOverlay>
+ * ```
+ */
+export declare function OverlayBadge({ children, maxScale, minScale, top, right, bottom, left, circular, sx, ...rest }: OverlayBadgeProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=OverlayBadge.d.ts.map

package/dist/overlay/OverlayBadge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OverlayBadge.d.ts","sourceRoot":"","sources":["../../src/overlay/OverlayBadge.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAS,UAAU,EAAE,MAAM,eAAe,CAAC;AAClD,OAAO,EAAqB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAE1D,MAAM,WAAW,iBAAkB,SAAQ,UAAU;IACnD,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,2DAA2D;IAC3D,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACtB,6DAA6D;IAC7D,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,8DAA8D;IAC9D,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,4DAA4D;IAC5D,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AA6CD;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,QAAY,EACZ,QAAe,EACf,GAAG,EACH,KAAK,EACL,MAAM,EACN,IAAI,EACJ,QAAgB,EAChB,EAAE,EACF,GAAG,IAAI,EACR,EAAE,iBAAiB,2CAsGnB"}

package/dist/overlay/index.d.ts

@@ -4,4 +4,6 @@ export { OverlayContent } from './OverlayContent';
 export type { OverlayContentProps } from './OverlayContent';
 export { FixedSizeContent } from './FixedSizeContent';
 export type { FixedSizeContentProps } from './FixedSizeContent';
+export { OverlayBadge } from './OverlayBadge';
+export type { OverlayBadgeProps } from './OverlayBadge';
 //# sourceMappingURL=index.d.ts.map

package/dist/overlay/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/overlay/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,YAAY,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAE1D,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,YAAY,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAE5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,YAAY,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/overlay/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,YAAY,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAE1D,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,YAAY,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAE5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,YAAY,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAEhE,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bwp-web/canvas",
-  "version": "0.7.1",
+  "version": "0.8.1",
   "type": "module",
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",