♻️ Re-organize workspace folders

packages/embeds/react/src/Standard.tsx

@@ -0,0 +1,37 @@
+import { useEffect, useRef } from 'react'
+import type { BotProps } from '@typebot.io/js'
+
+type Props = BotProps & {
+  style?: React.CSSProperties
+  className?: string
+}
+
+declare global {
+  namespace JSX {
+    interface IntrinsicElements {
+      'typebot-standard': React.DetailedHTMLProps<
+        React.HTMLAttributes<HTMLElement>,
+        HTMLElement
+      > & { class?: string }
+    }
+  }
+}
+
+type StandardElement = HTMLElement & Props
+
+export const Standard = ({ style, className, ...assignableProps }: Props) => {
+  const ref = useRef<StandardElement | null>(null)
+
+  useEffect(() => {
+    ;(async () => {
+      await import('@typebot.io/js/dist/web')
+    })()
+  }, [])
+
+  useEffect(() => {
+    if (!ref.current) return
+    Object.assign(ref.current, assignableProps)
+  }, [assignableProps])
+
+  return <typebot-standard ref={ref} style={style} class={className} />
+}