@openpawlabs/diy-guides-ui 1.5.4 → 1.6.0

package/dist/hooks/useElementSize.d.ts

@@ -0,0 +1,32 @@
+export interface ElementSize {
+    width: number;
+    height: number;
+}
+export interface UseElementSizeOptions {
+    /**
+     * Keep sampling size for this many milliseconds after mount and whenever
+     * `layoutSettleKey` changes — catches modal enter transitions and container-query
+     * layout that finishes after the first paint.
+     */
+    settleMs?: number;
+    /** Also observe the parent element for size changes (container queries, flex). */
+    observeParent?: boolean;
+    /**
+     * Re-measure when the element becomes fully visible — useful for content mounted
+     * inside animated modals.
+     */
+    remeasureWhenVisible?: boolean;
+    /** Changing this value triggers a fresh settle sampling window. */
+    layoutSettleKey?: boolean | number | string;
+}
+/**
+ * Tracks an element's border-box size via layout effect + ResizeObserver, with
+ * helpers for async layout (image decode, modal enter animation, container queries).
+ */
+export declare function useElementSize<T extends HTMLElement>(options?: UseElementSizeOptions): {
+    ref: import("react").RefObject<T | null>;
+    size: ElementSize | null;
+    measure: () => void;
+    measureAfterLayout: () => void;
+};
+//# sourceMappingURL=useElementSize.d.ts.map

package/dist/hooks/useElementSize.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useElementSize.d.ts","sourceRoot":"","sources":["../../src/hooks/useElementSize.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,qBAAqB;IACpC;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,kFAAkF;IAClF,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;OAGG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,mEAAmE;IACnE,eAAe,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;CAC7C;AAwBD;;;GAGG;AACH,wBAAgB,cAAc,CAAC,CAAC,SAAS,WAAW,EAClD,OAAO,GAAE,qBAA0B;;;;;EAkHpC"}

package/dist/hooks/useElementSize.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=useElementSize.test.d.ts.map

package/dist/hooks/useElementSize.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useElementSize.test.d.ts","sourceRoot":"","sources":["../../src/hooks/useElementSize.test.tsx"],"names":[],"mappings":""}

package/dist/stories/Welcome.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Welcome.stories.d.ts","sourceRoot":"","sources":["../../src/stories/Welcome.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AA8D5D;;;;;GAKG;AACH,QAAA,MAAM,IAAI;;;;;CAKM,CAAC;AAEjB,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAiVnC,eAAO,MAAM,QAAQ,EAAE,KAqGtB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAkD1B,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KA0D7B,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAuG/B,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAoFhC,CAAC"}
+{"version":3,"file":"Welcome.stories.d.ts","sourceRoot":"","sources":["../../src/stories/Welcome.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AA8D5D;;;;;GAKG;AACH,QAAA,MAAM,IAAI;;;;;CAKM,CAAC;AAEjB,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAmVnC,eAAO,MAAM,QAAQ,EAAE,KAqGtB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAkD1B,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KA0D7B,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAuG/B,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAoFhC,CAAC"}