reka-ui/dist/shared/useId.js

Vue port for Radix UI Primitives.

import { injectConfigProviderContext } from "../ConfigProvider/ConfigProvider.js";
import * as vue from "vue";

//#region src/shared/useId.ts
let count = 0;
/**
* The `useId` function generates a unique identifier using a provided deterministic ID or a default
* one prefixed with "reka-", or the provided one via `useId` props from `<ConfigProvider>`.
* @param {string | null | undefined} [deterministicId] - The `useId` function you provided takes an
* optional parameter `deterministicId`, which can be a string, null, or undefined. If
* `deterministicId` is provided, the function will return it. Otherwise, it will generate an id using
* the `useId` function obtained
*/
function useId(deterministicId, prefix = "reka") {
	if (deterministicId) return deterministicId;
	let id;
	if ("useId" in vue) id = vue.useId?.();
	else {
		const configProviderContext = injectConfigProviderContext({ useId: void 0 });
		id = configProviderContext.useId?.() ?? `${++count}`;
	}
	return prefix ? `${prefix}-${id}` : id;
}

//#endregion
export { useId };
//# sourceMappingURL=useId.js.map