{"version":3,"sources":["useUniqueClassName.ts"],"sourcesContent":["import * as React from \"react\"\n\nconst letters = \"ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz\"\nconst l = () => letters[Math.floor(Math.random() * letters.length)]\nexport const randomID = () =>\n    l() + l() + l() + l() + l() + l() + l() + l() + l()\n\nfunction createUniqueClass(suffix: string): string {\n    return `framer-${suffix}-${randomID()}`\n}\n\nexport function useUniqueClassName(suffix: string, deps?: any[]) {\n    const [className, setClassName] = React.useState(createUniqueClass(suffix))\n    React.useEffect(() => {\n        setClassName(createUniqueClass(suffix))\n    }, [suffix, ...deps])\n\n    return className\n}\n"],"names":[],"mappings":"YAAY,KAAK,OAAM,KAAO;AAE9B,KAAK,CAAC,OAAO,IAAG,oDAAsD;AACtE,KAAK,CAAC,CAAC,OAAS,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,KAAK,OAAO,CAAC,MAAM;;OAC1D,KAAK,CAAC,QAAQ,OACjB,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC;;SAE5C,iBAAiB,CAAC,MAAc,EAAU,CAAC;YACxC,OAAO,EAAE,MAAM,CAAC,CAAC,EAAE,QAAQ;AACvC,CAAC;gBAEe,kBAAkB,CAAC,MAAc,EAAE,IAAY,EAAE,CAAC;IAC9D,KAAK,EAAE,SAAS,EAAE,YAAY,IAAI,KAAK,CAAC,QAAQ,CAAC,iBAAiB,CAAC,MAAM;IACzE,KAAK,CAAC,SAAS,KAAO,CAAC;QACnB,YAAY,CAAC,iBAAiB,CAAC,MAAM;IACzC,CAAC;QAAG,MAAM;WAAK,IAAI;;WAEZ,SAAS;AACpB,CAAC"}