@openpawlabs/diy-guides-ui 1.5.3 → 1.5.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/GuideStep/GuideStep.d.ts.map +1 -1
- package/dist/components/GuideStep/GuideStep.stories.d.ts.map +1 -1
- package/dist/components/MediaFigure/MediaFigure.d.ts +7 -2
- package/dist/components/MediaFigure/MediaFigure.d.ts.map +1 -1
- package/dist/components/MediaFigure/MediaFigureAnnotationEditor.d.ts.map +1 -1
- package/dist/components/MediaFigure/MediaFigureAnnotations.d.ts +10 -0
- package/dist/components/MediaFigure/MediaFigureAnnotations.d.ts.map +1 -0
- package/dist/components/MediaFigure/MediaFigureClipFrame.d.ts +31 -0
- package/dist/components/MediaFigure/MediaFigureClipFrame.d.ts.map +1 -0
- package/dist/components/MediaFigure/MediaFigureThumbnail.d.ts +14 -5
- package/dist/components/MediaFigure/MediaFigureThumbnail.d.ts.map +1 -1
- package/dist/diy-guides-ui.cjs +6 -6
- package/dist/diy-guides-ui.cjs.map +1 -1
- package/dist/diy-guides-ui.js +3413 -3306
- package/dist/diy-guides-ui.js.map +1 -1
- package/dist/hooks/useElementSize.d.ts +32 -0
- package/dist/hooks/useElementSize.d.ts.map +1 -0
- package/dist/hooks/useElementSize.test.d.ts +2 -0
- package/dist/hooks/useElementSize.test.d.ts.map +1 -0
- package/dist/style.css +1 -1
- package/package.json +1 -1
- package/dist/components/MediaFigure/MediaFigureMedia.d.ts +0 -9
- package/dist/components/MediaFigure/MediaFigureMedia.d.ts.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GuideStep.d.ts","sourceRoot":"","sources":["../../../src/components/GuideStep/GuideStep.tsx"],"names":[],"mappings":"AAEA,OAAO,EAQL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAIf,OAAO,EAAU,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAgB7D;;;;;;;GAOG;AACH,MAAM,WAAW,qBAAqB;IACpC,0FAA0F;IAC1F,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,qFAAqF;IACrF,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C;;;OAGG;IACH,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,2EAA2E;IAC3E,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC;;;OAGG;IACH,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACpD,8EAA8E;IAC9E,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,qCAAqC;IACrC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,6EAA6E;IAC7E,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,MAAM,WAAW,cAAc;IAC7B,iFAAiF;IACjF,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,oBAAoB;IACpB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,mCAAmC;IACnC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,iEAAiE;IACjE,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,6DAA6D;IAC7D,iBAAiB,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;IACjD,yDAAyD;IACzD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;OAGG;IACH,YAAY,CAAC,EAAE,qBAAqB,CAAC;IACrC,6FAA6F;IAC7F,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;GAIG;AACH,MAAM,MAAM,sBAAsB,GAC9B,KAAK,GACL,SAAS,GACT,UAAU,GACV,MAAM,GACN,QAAQ,CAAC;AAEb;;;;;GAKG;AACH,MAAM,WAAW,uBAAuB;IACtC,6DAA6D;IAC7D,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,0EAA0E;IAC1E,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,iGAAiG;IACjG,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CACtD;AAcD,MAAM,WAAW,oBAAoB;IACnC;;;;;OAKG;IACH,OAAO,CAAC,EAAE,sBAAsB,CAAC;IACjC,iGAAiG;IACjG,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,mEAAmE;IACnE,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,mFAAmF;IACnF,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,0EAA0E;IAC1E,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;
|
|
1
|
+
{"version":3,"file":"GuideStep.d.ts","sourceRoot":"","sources":["../../../src/components/GuideStep/GuideStep.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GuideStep.stories.d.ts","sourceRoot":"","sources":["../../../src/components/GuideStep/GuideStep.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAyE5D,QAAA,MAAM,IAAI;;;;
|
|
1
|
+
{"version":3,"file":"GuideStep.stories.d.ts","sourceRoot":"","sources":["../../../src/components/GuideStep/GuideStep.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAyE5D,QAAA,MAAM,IAAI;;;;oBAqQF,CAAC;;;;qBAIL,CAAC;mBAKY,CAAC;;;;;;;;;;;;;;;;;CAlQgB,CAAC;AAEnC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAgCrB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAmC5B,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAiDxB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAsCxB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAoC7B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAsC1B,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAwBvB,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAyHhC,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KA0B/B,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import type { ReactNode } from "react";
|
|
2
|
-
import {
|
|
2
|
+
import type { GuideColor } from "../../types/colors";
|
|
3
3
|
import type { MediaDisplayRegion } from "../../utils/mediaCrop";
|
|
4
4
|
/** Shared fields for every annotation shape. */
|
|
5
5
|
interface MediaAnnotationBase {
|
|
@@ -100,6 +100,11 @@ export interface MediaFigureProps {
|
|
|
100
100
|
* annotation canvas (the lightbox is disabled). Leave undefined for readers.
|
|
101
101
|
*/
|
|
102
102
|
annotationEditing?: MediaAnnotationEditing;
|
|
103
|
+
/**
|
|
104
|
+
* Pass when the figure sits inside layout that settles after mount (e.g. modal
|
|
105
|
+
* `isOpen`) so display-region crop re-samples once the frame reaches its final size.
|
|
106
|
+
*/
|
|
107
|
+
layoutSettleKey?: boolean | number | string;
|
|
103
108
|
className?: string;
|
|
104
109
|
}
|
|
105
110
|
/**
|
|
@@ -111,7 +116,7 @@ export interface MediaFigureProps {
|
|
|
111
116
|
* Image figures are zoomable by default: clicking opens the full-size source in a
|
|
112
117
|
* modal lightbox (see `zoomable`).
|
|
113
118
|
*/
|
|
114
|
-
export declare function MediaFigure({ src, type, modelFileName, annotations, displayRegion, zoomable, annotationEditing, className, }: MediaFigureProps): import("react").JSX.Element;
|
|
119
|
+
export declare function MediaFigure({ src, type, modelFileName, annotations, displayRegion, zoomable, annotationEditing, layoutSettleKey, className, }: MediaFigureProps): import("react").JSX.Element;
|
|
115
120
|
/** Recognizes MDX preview wrappers as MediaFigure slots in `GuideStep.Media`. */
|
|
116
121
|
export declare const mediaFigureType: unique symbol;
|
|
117
122
|
//# sourceMappingURL=MediaFigure.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MediaFigure.d.ts","sourceRoot":"","sources":["../../../src/components/MediaFigure/MediaFigure.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,
|
|
1
|
+
{"version":3,"file":"MediaFigure.d.ts","sourceRoot":"","sources":["../../../src/components/MediaFigure/MediaFigure.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MediaFigureAnnotationEditor.d.ts","sourceRoot":"","sources":["../../../src/components/MediaFigure/MediaFigureAnnotationEditor.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAGV,eAAe,EACf,sBAAsB,EAGvB,MAAM,eAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"MediaFigureAnnotationEditor.d.ts","sourceRoot":"","sources":["../../../src/components/MediaFigure/MediaFigureAnnotationEditor.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAGV,eAAe,EACf,sBAAsB,EAGvB,MAAM,eAAe,CAAC;AAmJvB,MAAM,WAAW,gCAAgC;IAC/C,WAAW,EAAE,eAAe,EAAE,CAAC;IAC/B,OAAO,EAAE,sBAAsB,CAAC;CACjC;AAED;;;;;GAKG;AACH,wBAAgB,2BAA2B,CAAC,EAC1C,WAAW,EACX,OAAO,GACR,EAAE,gCAAgC,+BA8OlC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import type { MediaAnnotation } from "./MediaFigure";
|
|
2
|
+
/** Shared layout for point pins — pairs with `.media-figure-point-marker` in styles. */
|
|
3
|
+
export declare const MEDIA_FIGURE_POINT_MARKER_CLASS = "media-figure-point-marker absolute flex -translate-x-1/2 -translate-y-1/2 items-center justify-center rounded-full font-semibold shadow ring-2 ring-background";
|
|
4
|
+
/** Circle and rectangle outlines — pairs with `.media-figure-shape-outline` in styles. */
|
|
5
|
+
export declare const MEDIA_FIGURE_SHAPE_OUTLINE_CLASS = "media-figure-shape-outline";
|
|
6
|
+
export declare function renderMediaFigureAnnotation(annotation: MediaAnnotation, index: number): import("react").JSX.Element;
|
|
7
|
+
export declare function MediaFigureAnnotationLayer({ annotations, }: {
|
|
8
|
+
annotations: MediaAnnotation[];
|
|
9
|
+
}): import("react").JSX.Element;
|
|
10
|
+
//# sourceMappingURL=MediaFigureAnnotations.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MediaFigureAnnotations.d.ts","sourceRoot":"","sources":["../../../src/components/MediaFigure/MediaFigureAnnotations.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAEV,eAAe,EAEhB,MAAM,eAAe,CAAC;AAGvB,wFAAwF;AACxF,eAAO,MAAM,+BAA+B,mKACsH,CAAC;AAEnK,0FAA0F;AAC1F,eAAO,MAAM,gCAAgC,+BAA+B,CAAC;AAc7E,wBAAgB,2BAA2B,CACzC,UAAU,EAAE,eAAe,EAC3B,KAAK,EAAE,MAAM,+BAwEd;AAED,wBAAgB,0BAA0B,CAAC,EACzC,WAAW,GACZ,EAAE;IACD,WAAW,EAAE,eAAe,EAAE,CAAC;CAChC,+BAEA"}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { type ReactNode } from "react";
|
|
2
|
+
import { type MediaDisplayRegion } from "../../utils/mediaCrop";
|
|
3
|
+
export interface MediaFigureClipFrameProps {
|
|
4
|
+
className?: string;
|
|
5
|
+
src: string;
|
|
6
|
+
type?: "image" | "video" | "model";
|
|
7
|
+
displayRegion?: MediaDisplayRegion;
|
|
8
|
+
modelFileName?: string;
|
|
9
|
+
layoutSettleKey?: boolean | number | string;
|
|
10
|
+
remeasureWhenVisible?: boolean;
|
|
11
|
+
children?: ReactNode;
|
|
12
|
+
}
|
|
13
|
+
/**
|
|
14
|
+
* A clipping frame with optional {@link MediaDisplayRegion} crop. Measurement is
|
|
15
|
+
* taken on this element's border box so crop math matches the visible area — including
|
|
16
|
+
* inside modals and container-query layouts.
|
|
17
|
+
*/
|
|
18
|
+
export declare function MediaFigureClipFrame({ className, src, type, displayRegion, modelFileName, layoutSettleKey, remeasureWhenVisible, children, }: MediaFigureClipFrameProps): import("react").JSX.Element;
|
|
19
|
+
export interface MediaFigureMediaProps {
|
|
20
|
+
src: string;
|
|
21
|
+
type: "image" | "video" | "model";
|
|
22
|
+
displayRegion?: MediaDisplayRegion;
|
|
23
|
+
modelFileName?: string;
|
|
24
|
+
layoutSettleKey?: boolean | number | string;
|
|
25
|
+
remeasureWhenVisible?: boolean;
|
|
26
|
+
}
|
|
27
|
+
/** Fills an existing relative clip frame (used inside {@link MediaFigure}). */
|
|
28
|
+
export declare function MediaFigureMedia({ className, ...props }: MediaFigureMediaProps & {
|
|
29
|
+
className?: string;
|
|
30
|
+
}): import("react").JSX.Element;
|
|
31
|
+
//# sourceMappingURL=MediaFigureClipFrame.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MediaFigureClipFrame.d.ts","sourceRoot":"","sources":["../../../src/components/MediaFigure/MediaFigureClipFrame.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAuB,KAAK,SAAS,EAAuB,MAAM,OAAO,CAAC;AAEjF,OAAO,EAEL,KAAK,kBAAkB,EACxB,MAAM,uBAAuB,CAAC;AAM/B,MAAM,WAAW,yBAAyB;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,OAAO,CAAC;IACnC,aAAa,CAAC,EAAE,kBAAkB,CAAC;IACnC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,eAAe,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;IAC5C,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;;;GAIG;AACH,wBAAgB,oBAAoB,CAAC,EACnC,SAAS,EACT,GAAG,EACH,IAAc,EACd,aAAa,EACb,aAAa,EACb,eAAe,EACf,oBAA4B,EAC5B,QAAQ,GACT,EAAE,yBAAyB,+BAwF3B;AAED,MAAM,WAAW,qBAAqB;IACpC,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,OAAO,GAAG,OAAO,GAAG,OAAO,CAAC;IAClC,aAAa,CAAC,EAAE,kBAAkB,CAAC;IACnC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,eAAe,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;IAC5C,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC;AAED,+EAA+E;AAC/E,wBAAgB,gBAAgB,CAAC,EAC/B,SAA8B,EAC9B,GAAG,KAAK,EACT,EAAE,qBAAqB,GAAG;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,+BAEhD"}
|
|
@@ -1,15 +1,24 @@
|
|
|
1
|
-
import type { MediaFigureProps } from "./MediaFigure";
|
|
1
|
+
import type { MediaAnnotation, MediaFigureProps } from "./MediaFigure";
|
|
2
|
+
import type { MediaDisplayRegion } from "../../utils/mediaCrop";
|
|
2
3
|
export interface MediaFigureThumbnailProps {
|
|
3
4
|
/** Source URL of the underlying media. */
|
|
4
5
|
src: string;
|
|
5
6
|
/** Media kind. Non-image types render a colored placeholder. @default "image" */
|
|
6
7
|
type?: MediaFigureProps["type"];
|
|
8
|
+
/** Markers overlaid on the media, positioned by percentage of the visible frame. */
|
|
9
|
+
annotations?: MediaAnnotation[];
|
|
10
|
+
/**
|
|
11
|
+
* When set, show this 4:3 source-pixel rect in the thumbnail, matching the main
|
|
12
|
+
* {@link MediaFigure} crop.
|
|
13
|
+
*/
|
|
14
|
+
displayRegion?: MediaDisplayRegion;
|
|
7
15
|
className?: string;
|
|
8
16
|
}
|
|
9
17
|
/**
|
|
10
|
-
* A
|
|
11
|
-
*
|
|
12
|
-
* (a play icon or "3D") so they never
|
|
18
|
+
* A 4:3 thumbnail for a {@link MediaFigure} source. Images render with the same
|
|
19
|
+
* crop and annotation overlays as the main figure; videos and 3D models — which have
|
|
20
|
+
* no still image — render a colored placeholder (a play icon or "3D") so they never
|
|
21
|
+
* appear as a broken image in a gallery.
|
|
13
22
|
*/
|
|
14
|
-
export declare function MediaFigureThumbnail({ src, type, className, }: MediaFigureThumbnailProps): import("react").JSX.Element;
|
|
23
|
+
export declare function MediaFigureThumbnail({ src, type, annotations, displayRegion, className, }: MediaFigureThumbnailProps): import("react").JSX.Element;
|
|
15
24
|
//# sourceMappingURL=MediaFigureThumbnail.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MediaFigureThumbnail.d.ts","sourceRoot":"","sources":["../../../src/components/MediaFigure/MediaFigureThumbnail.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"MediaFigureThumbnail.d.ts","sourceRoot":"","sources":["../../../src/components/MediaFigure/MediaFigureThumbnail.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACvE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAqBhE,MAAM,WAAW,yBAAyB;IACxC,0CAA0C;IAC1C,GAAG,EAAE,MAAM,CAAC;IACZ,iFAAiF;IACjF,IAAI,CAAC,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAC;IAChC,oFAAoF;IACpF,WAAW,CAAC,EAAE,eAAe,EAAE,CAAC;IAChC;;;OAGG;IACH,aAAa,CAAC,EAAE,kBAAkB,CAAC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;GAKG;AACH,wBAAgB,oBAAoB,CAAC,EACnC,GAAG,EACH,IAAc,EACd,WAAgB,EAChB,aAAa,EACb,SAAS,GACV,EAAE,yBAAyB,+BAwB3B"}
|