ref: change randomId lengths

src/components/toggleInput.ts

@@ -17,7 +17,7 @@ export interface ToggleInputProps {
 export async function createToggleInput({
   onChange,
   initialValue = false,
-  id = randomId(8, 26),
+  id = randomId(6, 36),
   labelPos = "left",
 }: ToggleInputProps) {
   const wrapperEl = document.createElement("div");

src/utils/dom.ts

@@ -171,7 +171,7 @@ export async function addStyle(css: string, ref?: string, transform: (css: strin
   if(!domLoaded)
     throw new Error("DOM has not finished loading yet");
   const elem = addGlobalStyle(await transform(css));
-  elem.id = `bytm-style-${ref ?? randomId(5, 36)}`;
+  elem.id = `bytm-style-${ref ?? randomId(6, 36)}`;
   return elem;
 }