var $47woD$react = require("react"); var $47woD$radixuireactuselayouteffect = require("@radix-ui/react-use-layout-effect"); function $parcel$export(e, n, v, s) { Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true}); } $parcel$export(module.exports, "useId", () => $dc478e4659f630c5$export$f680877a34711e37); const $dc478e4659f630c5$var$useReactId = $47woD$react['useId'.toString()] || (()=>undefined ); let $dc478e4659f630c5$var$count = 0; function $dc478e4659f630c5$export$f680877a34711e37(deterministicId) { const [id, setId] = $47woD$react.useState($dc478e4659f630c5$var$useReactId()); // React versions older than 18 will have client-side ids only. $47woD$radixuireactuselayouteffect.useLayoutEffect(()=>{ if (!deterministicId) setId((reactId)=>reactId !== null && reactId !== void 0 ? reactId : String($dc478e4659f630c5$var$count++) ); }, [ deterministicId ]); return deterministicId || (id ? `radix-${id}` : ''); } //# sourceMappingURL=index.js.map