@patternfly/react-core 6.5.0-prerelease.39 → 6.5.0-prerelease.40

package/dist/js/helpers/GenerateId/GenerateId.d.ts

@@ -1,33 +1,15 @@
-/** This Component can be used to wrap a functional component in order to generate a random ID
- * Example of how to use this component
- *
- * const Component = ({id}: {id: string}) => (
- *  <GenerateId>{randomId => (
- *     <div id={id || randomId}>
- *       div with random ID
- *     </div>
- *   )}
- *  </GenerateId>
- *  );
- */
-import { Component } from 'react';
+/// <reference types="react" />
 export interface GenerateIdProps {
-    /** String to prefix the random id with */
+    /** String to prefix the id with */
     prefix?: string;
     /** Component to be rendered with the generated id */
     children(id: string): React.ReactNode;
-    /** Flag to add randomness to the generated id, should be used whenever possible */
+    /** @deprecated Has no effect. Kept for backward compatibility. */
     isRandom?: boolean;
 }
-declare class GenerateId extends Component<GenerateIdProps, {}> {
-    static displayName: string;
-    static defaultProps: {
-        prefix: string;
-        isRandom: boolean;
-    };
-    uniqueElement: string | number;
-    id: string;
-    render(): import("react").ReactNode;
-}
+declare const GenerateId: {
+    ({ prefix, children }: GenerateIdProps): import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+    displayName: string;
+};
 export { GenerateId };
 //# sourceMappingURL=GenerateId.d.ts.map

package/dist/js/helpers/GenerateId/GenerateId.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GenerateId.d.ts","sourceRoot":"","sources":["../../../../src/helpers/GenerateId/GenerateId.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AACH,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAclC,MAAM,WAAW,eAAe;IAC9B,0CAA0C;IAC1C,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,qDAAqD;IACrD,QAAQ,CAAC,EAAE,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACtC,mFAAmF;IACnF,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,cAAM,UAAW,SAAQ,SAAS,CAAC,eAAe,EAAE,EAAE,CAAC;IACrD,MAAM,CAAC,WAAW,SAAgB;IAClC,MAAM,CAAC,YAAY;;;MAGjB;IACF,aAAa,kBAAqD;IAClE,EAAE,SAA+C;IAEjD,MAAM;CAGP;AAED,OAAO,EAAE,UAAU,EAAE,CAAC"}
+{"version":3,"file":"GenerateId.d.ts","sourceRoot":"","sources":["../../../../src/helpers/GenerateId/GenerateId.ts"],"names":[],"mappings":";AAgBA,MAAM,WAAW,eAAe;IAC9B,mCAAmC;IACnC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,qDAAqD;IACrD,QAAQ,CAAC,EAAE,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACtC,kEAAkE;IAClE,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,UAAU;2BAA4C,eAAe;;CAG1E,CAAC;AAGF,OAAO,EAAE,UAAU,EAAE,CAAC"}

package/dist/js/helpers/GenerateId/GenerateId.js

@@ -1,7 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.GenerateId = void 0;
-/** This Component can be used to wrap a functional component in order to generate a random ID
+/** SSR-safe ID generation component using render props.
+ * For function components, prefer the useSSRSafeId hook instead.
+ *
  * Example of how to use this component
  *
  * const Component = ({id}: {id: string}) => (
@@ -13,32 +15,11 @@ exports.GenerateId = void 0;
  *  </GenerateId>
  *  );
  */
-const react_1 = require("react");
-const util_1 = require("../util");
-let currentId = 0;
-// gives us a unique (enough) id to add to the generated id that it should prevent issues with duplicate ids
-function getRandomId() {
-    if (typeof crypto !== 'undefined' && crypto.randomUUID) {
-        return crypto.randomUUID();
-    }
-    else {
-        return (0, util_1.getUniqueId)();
-    }
-}
-class GenerateId extends react_1.Component {
-    constructor() {
-        super(...arguments);
-        this.uniqueElement = this.props.isRandom ? getRandomId() : currentId++;
-        this.id = `${this.props.prefix}${this.uniqueElement}`;
-    }
-    render() {
-        return this.props.children(this.id);
-    }
-}
+const useSSRSafeId_1 = require("../useSSRSafeId");
+const GenerateId = ({ prefix = 'pf-random-id-', children }) => {
+    const id = (0, useSSRSafeId_1.useSSRSafeId)(prefix);
+    return children(id);
+};
 exports.GenerateId = GenerateId;
 GenerateId.displayName = 'GenerateId';
-GenerateId.defaultProps = {
-    prefix: 'pf-random-id-',
-    isRandom: false
-};
 //# sourceMappingURL=GenerateId.js.map

package/dist/js/helpers/GenerateId/GenerateId.js.map

@@ -1 +1 @@
-{"version":3,"file":"GenerateId.js","sourceRoot":"","sources":["../../../../src/helpers/GenerateId/GenerateId.ts"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;GAWG;AACH,iCAAkC;AAClC,kCAAsC;AAEtC,IAAI,SAAS,GAAG,CAAC,CAAC;AAElB,4GAA4G;AAC5G,SAAS,WAAW;IAClB,IAAI,OAAO,MAAM,KAAK,WAAW,IAAI,MAAM,CAAC,UAAU,EAAE,CAAC;QACvD,OAAO,MAAM,CAAC,UAAU,EAAE,CAAC;IAC7B,CAAC;SAAM,CAAC;QACN,OAAO,IAAA,kBAAW,GAAE,CAAC;IACvB,CAAC;AACH,CAAC;AAWD,MAAM,UAAW,SAAQ,iBAA8B;IAAvD;;QAME,kBAAa,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,SAAS,EAAE,CAAC;QAClE,OAAE,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC,aAAa,EAAE,CAAC;IAKnD,CAAC;IAHC,MAAM;QACJ,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;IACtC,CAAC;;AAGM,gCAAU;AAbV,sBAAW,GAAG,YAAY,AAAf,CAAgB;AAC3B,uBAAY,GAAG;IACpB,MAAM,EAAE,eAAe;IACvB,QAAQ,EAAE,KAAK;CAChB,AAHkB,CAGjB"}
+{"version":3,"file":"GenerateId.js","sourceRoot":"","sources":["../../../../src/helpers/GenerateId/GenerateId.ts"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;GAaG;AACH,kDAA+C;AAW/C,MAAM,UAAU,GAAG,CAAC,EAAE,MAAM,GAAG,eAAe,EAAE,QAAQ,EAAmB,EAAE,EAAE;IAC7E,MAAM,EAAE,GAAG,IAAA,2BAAY,EAAC,MAAM,CAAC,CAAC;IAChC,OAAO,QAAQ,CAAC,EAAE,CAAuB,CAAC;AAC5C,CAAC,CAAC;AAGO,gCAAU;AAFnB,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC"}

package/dist/js/helpers/OUIA/ouia.d.ts

@@ -3,18 +3,9 @@ export interface OUIAProps {
     ouiaId?: OuiaId;
     ouiaSafe?: boolean;
 }
-/** Get props to conform to OUIA spec
- *
- * For functional components, use the useOUIAProps function instead
- *
- * In class based components, create a state variable ouiaStateId to create a static generated ID:
- * state = {
- *  ouiaStateId: getDefaultOUIAId(Chip.displayName)
- * }
- * This generated ID should remain alive as long as the component is not unmounted.
- *
- * Then add the attributes to the component
- * {...getOUIAProps('OverflowChip', this.props.ouiaId !== undefined ? this.props.ouiaId : this.state.ouiaStateId)}
+/**
+ * Get props to conform to OUIA spec.
+ * For functional components, use the useOUIAProps hook instead.
  *
  * @param {string} componentType OUIA component type
  * @param {number|string} id OUIA component id
@@ -26,8 +17,8 @@ export declare function getOUIAProps(componentType: string, id: OuiaId, ouiaSafe
     'data-ouia-component-id': OuiaId;
 };
 /**
- * Hooks version of the getOUIAProps function that also memoizes the generated ID
- * Can only be used in functional components
+ * Hooks version of the getOUIAProps function with SSR-safe ID generation.
+ * Can only be used in functional components.
  *
  * @param {string} componentType OUIA component type
  * @param {number|string} id OUIA component id
@@ -40,7 +31,8 @@ export declare const useOUIAProps: (componentType: string, id?: OuiaId, ouiaSafe
     'data-ouia-component-id': OuiaId;
 };
 /**
- * Returns the ID or the memoized generated ID
+ * Returns the provided ID or a deterministic SSR-safe generated OUIA ID.
+ * Uses React.useId() under the hood for consistent server/client rendering.
  *
  * @param {string} componentType OUIA component type
  * @param {number|string} id OUIA component id
@@ -48,10 +40,10 @@ export declare const useOUIAProps: (componentType: string, id?: OuiaId, ouiaSafe
  */
 export declare const useOUIAId: (componentType: string, id?: OuiaId, variant?: string) => OuiaId;
 /**
- * Returns a generated id based on the URL location
+ * Legacy counter-based OUIA ID generator for class components that cannot use hooks.
+ * Prefer useOUIAId or useOUIAProps for functional components.
  *
- * @param {string} componentType OUIA component type
- * @param {string} variant Optional variant to add to the generated ID
+ * @deprecated Use useOUIAId in functional components instead.
  */
 export declare function getDefaultOUIAId(componentType: string, variant?: string): string;
 export {};

package/dist/js/helpers/OUIA/ouia.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ouia.d.ts","sourceRoot":"","sources":["../../../../src/helpers/OUIA/ouia.ts"],"names":[],"mappings":"AAEA,KAAK,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;AAG9B,MAAM,WAAW,SAAS;IAExB,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAMD;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,YAAY,CAAC,aAAa,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,QAAQ,GAAE,OAAc;;;;EAMvF;AAED;;;;;;;;GAQG;AACH,eAAO,MAAM,YAAY,kBAAmB,MAAM,OAAO,MAAM,aAAY,OAAO,YAAmB,MAAM;;;;CAIzG,CAAC;AAEH;;;;;;GAMG;AACH,eAAO,MAAM,SAAS,kBAAmB,MAAM,OAAO,MAAM,YAAY,MAAM,WAG7E,CAAC;AAEF;;;;;GAKG;AACH,wBAAgB,gBAAgB,CAAC,aAAa,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,UAsBvE"}
+{"version":3,"file":"ouia.d.ts","sourceRoot":"","sources":["../../../../src/helpers/OUIA/ouia.ts"],"names":[],"mappings":"AAEA,KAAK,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;AAG9B,MAAM,WAAW,SAAS;IAExB,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAID;;;;;;;GAOG;AACH,wBAAgB,YAAY,CAAC,aAAa,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,QAAQ,GAAE,OAAc;;;;EAMvF;AAED;;;;;;;;GAQG;AACH,eAAO,MAAM,YAAY,kBAAmB,MAAM,OAAO,MAAM,aAAY,OAAO,YAAmB,MAAM;;;;CAIzG,CAAC;AAEH;;;;;;;GAOG;AACH,eAAO,MAAM,SAAS,kBAAmB,MAAM,OAAO,MAAM,YAAY,MAAM,WAG7E,CAAC;AAIF;;;;;GAKG;AACH,wBAAgB,gBAAgB,CAAC,aAAa,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,UAEvE"}

package/dist/js/helpers/OUIA/ouia.js

@@ -1,22 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getDefaultOUIAId = exports.useOUIAId = exports.useOUIAProps = exports.getOUIAProps = void 0;
-const react_1 = require("react");
-let uid = 0;
+const useSSRSafeId_1 = require("../useSSRSafeId");
 const ouiaPrefix = 'OUIA-Generated-';
-const ouiaIdByRoute = {};
-/** Get props to conform to OUIA spec
- *
- * For functional components, use the useOUIAProps function instead
- *
- * In class based components, create a state variable ouiaStateId to create a static generated ID:
- * state = {
- *  ouiaStateId: getDefaultOUIAId(Chip.displayName)
- * }
- * This generated ID should remain alive as long as the component is not unmounted.
- *
- * Then add the attributes to the component
- * {...getOUIAProps('OverflowChip', this.props.ouiaId !== undefined ? this.props.ouiaId : this.state.ouiaStateId)}
+/**
+ * Get props to conform to OUIA spec.
+ * For functional components, use the useOUIAProps hook instead.
  *
  * @param {string} componentType OUIA component type
  * @param {number|string} id OUIA component id
@@ -31,8 +20,8 @@ function getOUIAProps(componentType, id, ouiaSafe = true) {
 }
 exports.getOUIAProps = getOUIAProps;
 /**
- * Hooks version of the getOUIAProps function that also memoizes the generated ID
- * Can only be used in functional components
+ * Hooks version of the getOUIAProps function with SSR-safe ID generation.
+ * Can only be used in functional components.
  *
  * @param {string} componentType OUIA component type
  * @param {number|string} id OUIA component id
@@ -46,47 +35,27 @@ const useOUIAProps = (componentType, id, ouiaSafe = true, variant) => ({
 });
 exports.useOUIAProps = useOUIAProps;
 /**
- * Returns the ID or the memoized generated ID
+ * Returns the provided ID or a deterministic SSR-safe generated OUIA ID.
+ * Uses React.useId() under the hood for consistent server/client rendering.
  *
  * @param {string} componentType OUIA component type
  * @param {number|string} id OUIA component id
  * @param {string} variant Optional variant to add to the generated ID
  */
 const useOUIAId = (componentType, id, variant) => {
-    const defaultOUIAId = (0, react_1.useMemo)(() => getDefaultOUIAId(componentType, variant), [componentType, variant]);
-    return id !== null && id !== void 0 ? id : defaultOUIAId;
+    const generatedId = (0, useSSRSafeId_1.useSSRSafeId)(`${ouiaPrefix}${componentType}-${variant ? `${variant}-` : ''}`);
+    return id !== null && id !== void 0 ? id : generatedId;
 };
 exports.useOUIAId = useOUIAId;
+let uid = 0;
 /**
- * Returns a generated id based on the URL location
+ * Legacy counter-based OUIA ID generator for class components that cannot use hooks.
+ * Prefer useOUIAId or useOUIAProps for functional components.
  *
- * @param {string} componentType OUIA component type
- * @param {string} variant Optional variant to add to the generated ID
+ * @deprecated Use useOUIAId in functional components instead.
  */
 function getDefaultOUIAId(componentType, variant) {
-    /*
-    ouiaIdByRoute = {
-      [route+componentType]: [number]
-    }
-    */
-    try {
-        let key;
-        if (typeof window !== 'undefined') {
-            // browser environments
-            key = `${window.location.href}-${componentType}-${variant || ''}`;
-        }
-        else {
-            // node/SSR environments
-            key = `${componentType}-${variant || ''}`;
-        }
-        if (!ouiaIdByRoute[key]) {
-            ouiaIdByRoute[key] = 0;
-        }
-        return `${ouiaPrefix}${componentType}-${variant ? `${variant}-` : ''}${++ouiaIdByRoute[key]}`;
-    }
-    catch (exception) {
-        return `${ouiaPrefix}${componentType}-${variant ? `${variant}-` : ''}${++uid}`;
-    }
+    return `${ouiaPrefix}${componentType}-${variant ? `${variant}-` : ''}${++uid}`;
 }
 exports.getDefaultOUIAId = getDefaultOUIAId;
 //# sourceMappingURL=ouia.js.map

package/dist/js/helpers/OUIA/ouia.js.map

@@ -1 +1 @@
-{"version":3,"file":"ouia.js","sourceRoot":"","sources":["../../../../src/helpers/OUIA/ouia.ts"],"names":[],"mappings":";;;AAAA,iCAAgC;AAYhC,IAAI,GAAG,GAAG,CAAC,CAAC;AACZ,MAAM,UAAU,GAAG,iBAAiB,CAAC;AACrC,MAAM,aAAa,GAAQ,EAAE,CAAC;AAE9B;;;;;;;;;;;;;;;;GAgBG;AACH,SAAgB,YAAY,CAAC,aAAqB,EAAE,EAAU,EAAE,WAAoB,IAAI;IACtF,OAAO;QACL,0BAA0B,EAAE,OAAO,aAAa,EAAE;QAClD,gBAAgB,EAAE,QAAQ;QAC1B,wBAAwB,EAAE,EAAE;KAC7B,CAAC;AACJ,CAAC;AAND,oCAMC;AAED;;;;;;;;GAQG;AACI,MAAM,YAAY,GAAG,CAAC,aAAqB,EAAE,EAAW,EAAE,WAAoB,IAAI,EAAE,OAAgB,EAAE,EAAE,CAAC,CAAC;IAC/G,0BAA0B,EAAE,OAAO,aAAa,EAAE;IAClD,gBAAgB,EAAE,QAAQ;IAC1B,wBAAwB,EAAE,IAAA,iBAAS,EAAC,aAAa,EAAE,EAAE,EAAE,OAAO,CAAC;CAChE,CAAC,CAAC;AAJU,QAAA,YAAY,gBAItB;AAEH;;;;;;GAMG;AACI,MAAM,SAAS,GAAG,CAAC,aAAqB,EAAE,EAAW,EAAE,OAAgB,EAAE,EAAE;IAChF,MAAM,aAAa,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,gBAAgB,CAAC,aAAa,EAAE,OAAO,CAAC,EAAE,CAAC,aAAa,EAAE,OAAO,CAAC,CAAC,CAAC;IACxG,OAAO,EAAE,aAAF,EAAE,cAAF,EAAE,GAAI,aAAa,CAAC;AAC7B,CAAC,CAAC;AAHW,QAAA,SAAS,aAGpB;AAEF;;;;;GAKG;AACH,SAAgB,gBAAgB,CAAC,aAAqB,EAAE,OAAgB;IACtE;;;;MAIE;IACF,IAAI,CAAC;QACH,IAAI,GAAG,CAAC;QACR,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE,CAAC;YAClC,uBAAuB;YACvB,GAAG,GAAG,GAAG,MAAM,CAAC,QAAQ,CAAC,IAAI,IAAI,aAAa,IAAI,OAAO,IAAI,EAAE,EAAE,CAAC;QACpE,CAAC;aAAM,CAAC;YACN,wBAAwB;YACxB,GAAG,GAAG,GAAG,aAAa,IAAI,OAAO,IAAI,EAAE,EAAE,CAAC;QAC5C,CAAC;QACD,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,EAAE,CAAC;YACxB,aAAa,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;QACzB,CAAC;QACD,OAAO,GAAG,UAAU,GAAG,aAAa,IAAI,OAAO,CAAC,CAAC,CAAC,GAAG,OAAO,GAAG,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,aAAa,CAAC,GAAG,CAAC,EAAE,CAAC;IAChG,CAAC;IAAC,OAAO,SAAS,EAAE,CAAC;QACnB,OAAO,GAAG,UAAU,GAAG,aAAa,IAAI,OAAO,CAAC,CAAC,CAAC,GAAG,OAAO,GAAG,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;IACjF,CAAC;AACH,CAAC;AAtBD,4CAsBC"}
+{"version":3,"file":"ouia.js","sourceRoot":"","sources":["../../../../src/helpers/OUIA/ouia.ts"],"names":[],"mappings":";;;AAAA,kDAA+C;AAY/C,MAAM,UAAU,GAAG,iBAAiB,CAAC;AAErC;;;;;;;GAOG;AACH,SAAgB,YAAY,CAAC,aAAqB,EAAE,EAAU,EAAE,WAAoB,IAAI;IACtF,OAAO;QACL,0BAA0B,EAAE,OAAO,aAAa,EAAE;QAClD,gBAAgB,EAAE,QAAQ;QAC1B,wBAAwB,EAAE,EAAE;KAC7B,CAAC;AACJ,CAAC;AAND,oCAMC;AAED;;;;;;;;GAQG;AACI,MAAM,YAAY,GAAG,CAAC,aAAqB,EAAE,EAAW,EAAE,WAAoB,IAAI,EAAE,OAAgB,EAAE,EAAE,CAAC,CAAC;IAC/G,0BAA0B,EAAE,OAAO,aAAa,EAAE;IAClD,gBAAgB,EAAE,QAAQ;IAC1B,wBAAwB,EAAE,IAAA,iBAAS,EAAC,aAAa,EAAE,EAAE,EAAE,OAAO,CAAC;CAChE,CAAC,CAAC;AAJU,QAAA,YAAY,gBAItB;AAEH;;;;;;;GAOG;AACI,MAAM,SAAS,GAAG,CAAC,aAAqB,EAAE,EAAW,EAAE,OAAgB,EAAE,EAAE;IAChF,MAAM,WAAW,GAAG,IAAA,2BAAY,EAAC,GAAG,UAAU,GAAG,aAAa,IAAI,OAAO,CAAC,CAAC,CAAC,GAAG,OAAO,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IAClG,OAAO,EAAE,aAAF,EAAE,cAAF,EAAE,GAAI,WAAW,CAAC;AAC3B,CAAC,CAAC;AAHW,QAAA,SAAS,aAGpB;AAEF,IAAI,GAAG,GAAG,CAAC,CAAC;AAEZ;;;;;GAKG;AACH,SAAgB,gBAAgB,CAAC,aAAqB,EAAE,OAAgB;IACtE,OAAO,GAAG,UAAU,GAAG,aAAa,IAAI,OAAO,CAAC,CAAC,CAAC,GAAG,OAAO,GAAG,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;AACjF,CAAC;AAFD,4CAEC"}

package/dist/js/helpers/SSRSafeIds/SSRSafeIds.d.ts

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+export interface SSRSafeIdsProps {
+    /** Prefix for the generated component ID */
+    prefix: string;
+    /** OUIA component type. If provided, a stable OUIA ID will be generated. */
+    ouiaComponentType?: string;
+    /** Children render function receiving (generatedId, generatedOuiaId?) */
+    children: (id: string, ouiaId?: string) => React.ReactNode;
+}
+/**
+ * Provides SSR/Strict-Mode-safe IDs for class components via render props.
+ * Uses useSSRSafeId() (React.useId) for both component ID and OUIA ID,
+ * ensuring consistent values between server and client rendering.
+ */
+export declare const SSRSafeIds: {
+    ({ prefix, ouiaComponentType, children }: SSRSafeIdsProps): import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+    displayName: string;
+};
+//# sourceMappingURL=SSRSafeIds.d.ts.map

package/dist/js/helpers/SSRSafeIds/SSRSafeIds.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SSRSafeIds.d.ts","sourceRoot":"","sources":["../../../../src/helpers/SSRSafeIds/SSRSafeIds.tsx"],"names":[],"mappings":";AAIA,MAAM,WAAW,eAAe;IAC9B,4CAA4C;IAC5C,MAAM,EAAE,MAAM,CAAC;IACf,4EAA4E;IAC5E,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,yEAAyE;IACzE,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;CAC5D;AAED;;;;GAIG;AACH,eAAO,MAAM,UAAU;8CAA6C,eAAe;;CAIlF,CAAC"}

package/dist/js/helpers/SSRSafeIds/SSRSafeIds.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SSRSafeIds = void 0;
+const useSSRSafeId_1 = require("../useSSRSafeId");
+const ouiaPrefix = 'OUIA-Generated-';
+/**
+ * Provides SSR/Strict-Mode-safe IDs for class components via render props.
+ * Uses useSSRSafeId() (React.useId) for both component ID and OUIA ID,
+ * ensuring consistent values between server and client rendering.
+ */
+const SSRSafeIds = ({ prefix, ouiaComponentType, children }) => {
+    var _a;
+    const id = (0, useSSRSafeId_1.useSSRSafeId)(prefix);
+    const ouiaId = (0, useSSRSafeId_1.useSSRSafeId)(ouiaComponentType ? `${ouiaPrefix}${ouiaComponentType}-` : 'pf-unused-');
+    return (_a = children(id, ouiaComponentType ? ouiaId : undefined)) !== null && _a !== void 0 ? _a : null;
+};
+exports.SSRSafeIds = SSRSafeIds;
+exports.SSRSafeIds.displayName = 'SSRSafeIds';
+//# sourceMappingURL=SSRSafeIds.js.map

package/dist/js/helpers/SSRSafeIds/SSRSafeIds.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SSRSafeIds.js","sourceRoot":"","sources":["../../../../src/helpers/SSRSafeIds/SSRSafeIds.tsx"],"names":[],"mappings":";;;AAAA,kDAA+C;AAE/C,MAAM,UAAU,GAAG,iBAAiB,CAAC;AAWrC;;;;GAIG;AACI,MAAM,UAAU,GAAG,CAAC,EAAE,MAAM,EAAE,iBAAiB,EAAE,QAAQ,EAAmB,EAAE,EAAE;;IACrF,MAAM,EAAE,GAAG,IAAA,2BAAY,EAAC,MAAM,CAAC,CAAC;IAChC,MAAM,MAAM,GAAG,IAAA,2BAAY,EAAC,iBAAiB,CAAC,CAAC,CAAC,GAAG,UAAU,GAAG,iBAAiB,GAAG,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC;IACrG,OAAO,MAAC,QAAQ,CAAC,EAAE,EAAE,iBAAiB,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAwB,mCAAI,IAAI,CAAC;AAC9F,CAAC,CAAC;AAJW,QAAA,UAAU,cAIrB;AACF,kBAAU,CAAC,WAAW,GAAG,YAAY,CAAC"}

package/dist/js/helpers/index.d.ts

@@ -8,6 +8,8 @@ export * from './OUIA/ouia';
 export * from './util';
 export * from './Popper/Popper';
 export * from './useIsomorphicLayout';
+export * from './useSSRSafeId';
+export * from './SSRSafeIds/SSRSafeIds';
 export * from './KeyboardHandler';
 export * from './resizeObserver';
 export * from './useInterval';

package/dist/js/helpers/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/helpers/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,cAAc,aAAa,CAAC;AAC5B,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,iBAAiB,CAAC;AAChC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/helpers/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,cAAc,aAAa,CAAC;AAC5B,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,iBAAiB,CAAC;AAChC,cAAc,uBAAuB,CAAC;AACtC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,yBAAyB,CAAC;AACxC,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC"}

package/dist/js/helpers/index.js

@@ -11,6 +11,8 @@ tslib_1.__exportStar(require("./OUIA/ouia"), exports);
 tslib_1.__exportStar(require("./util"), exports);
 tslib_1.__exportStar(require("./Popper/Popper"), exports);
 tslib_1.__exportStar(require("./useIsomorphicLayout"), exports);
+tslib_1.__exportStar(require("./useSSRSafeId"), exports);
+tslib_1.__exportStar(require("./SSRSafeIds/SSRSafeIds"), exports);
 tslib_1.__exportStar(require("./KeyboardHandler"), exports);
 tslib_1.__exportStar(require("./resizeObserver"), exports);
 tslib_1.__exportStar(require("./useInterval"), exports);

package/dist/js/helpers/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/helpers/index.ts"],"names":[],"mappings":";;;AAAA,+DAAqC;AACrC,sDAA4B;AAC5B,gEAAsC;AACtC,kEAAwC;AACxC,0DAAgC;AAChC,sDAA4B;AAC5B,sDAA4B;AAC5B,iDAAuB;AACvB,0DAAgC;AAChC,gEAAsC;AACtC,4DAAkC;AAClC,2DAAiC;AACjC,wDAA8B;AAC9B,0DAAgC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/helpers/index.ts"],"names":[],"mappings":";;;AAAA,+DAAqC;AACrC,sDAA4B;AAC5B,gEAAsC;AACtC,kEAAwC;AACxC,0DAAgC;AAChC,sDAA4B;AAC5B,sDAA4B;AAC5B,iDAAuB;AACvB,0DAAgC;AAChC,gEAAsC;AACtC,yDAA+B;AAC/B,kEAAwC;AACxC,4DAAkC;AAClC,2DAAiC;AACjC,wDAA8B;AAC9B,0DAAgC"}

package/dist/js/helpers/useSSRSafeId.d.ts

@@ -0,0 +1,6 @@
+/**
+ * SSR-safe ID generation hook. Uses React.useId() when available (React 18+)
+ * for guaranteed SSR/CSR match. Falls back to a counter-based approach for React 17.
+ */
+export declare const useSSRSafeId: (prefix?: string) => string;
+//# sourceMappingURL=useSSRSafeId.d.ts.map

package/dist/js/helpers/useSSRSafeId.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSSRSafeId.d.ts","sourceRoot":"","sources":["../../../src/helpers/useSSRSafeId.ts"],"names":[],"mappings":"AAMA;;;GAGG;AACH,eAAO,MAAM,YAAY,EAAE,CAAC,MAAM,CAAC,EAAE,MAAM,KAAK,MAO3C,CAAC"}

package/dist/js/helpers/useSSRSafeId.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useSSRSafeId = void 0;
+const react_1 = require("react");
+const reactUseId = typeof react_1.useId === 'function' ? react_1.useId : undefined;
+let counter = 0;
+/**
+ * SSR-safe ID generation hook. Uses React.useId() when available (React 18+)
+ * for guaranteed SSR/CSR match. Falls back to a counter-based approach for React 17.
+ */
+exports.useSSRSafeId = reactUseId
+    ? function useSSRSafeId(prefix = 'pf-') {
+        return `${prefix}${reactUseId()}`;
+    }
+    : function useSSRSafeId(prefix = 'pf-') {
+        const [id] = (0, react_1.useState)(() => `${prefix}${++counter}`);
+        return id;
+    };
+//# sourceMappingURL=useSSRSafeId.js.map

package/dist/js/helpers/useSSRSafeId.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSSRSafeId.js","sourceRoot":"","sources":["../../../src/helpers/useSSRSafeId.ts"],"names":[],"mappings":";;;AAAA,iCAAwC;AAExC,MAAM,UAAU,GAA+B,OAAO,aAAK,KAAK,UAAU,CAAC,CAAC,CAAC,aAAK,CAAC,CAAC,CAAC,SAAS,CAAC;AAE/F,IAAI,OAAO,GAAG,CAAC,CAAC;AAEhB;;;GAGG;AACU,QAAA,YAAY,GAAgC,UAAU;IACjE,CAAC,CAAC,SAAS,YAAY,CAAC,MAAM,GAAG,KAAK;QAClC,OAAO,GAAG,MAAM,GAAG,UAAW,EAAE,EAAE,CAAC;IACrC,CAAC;IACH,CAAC,CAAC,SAAS,YAAY,CAAC,MAAM,GAAG,KAAK;QAClC,MAAM,CAAC,EAAE,CAAC,GAAG,IAAA,gBAAQ,EAAC,GAAG,EAAE,CAAC,GAAG,MAAM,GAAG,EAAE,OAAO,EAAE,CAAC,CAAC;QACrD,OAAO,EAAE,CAAC;IACZ,CAAC,CAAC"}