docs: create docs workspace (#5174)

* docs: migrate ui docs to docs universe

* created yarn workspace

* added eslint and tsconfig configurations

* fix eslint configurations

* fixed eslint configurations

* shared tailwind configurations

* added shared ui package

* added more shared components

* migrating more components

* made details components shared

* move InlineCode component

* moved InputText

* moved Loading component

* Moved Modal component

* moved Select components

* Moved Tooltip component

* moved Search components

* moved ColorMode provider

* Moved Notification components and providers

* used icons package

* use UI colors in api-reference

* moved Navbar component

* used Navbar and Search in UI docs

* added Feedback to UI docs

* general enhancements

* fix color mode

* added copy colors file from ui-preset

* added features and enhancements to UI docs

* move Sidebar component and provider

* general fixes and preparations for deployment

* update docusaurus version

* adjusted versions

* fix output directory

* remove rootDirectory property

* fix yarn.lock

* moved code component

* added vale for all docs MD and MDX

* fix tests

* fix vale error

* fix deployment errors

* change ignore commands

* add output directory

* fix docs test

* general fixes

* content fixes

* fix announcement script

* added changeset

* fix vale checks

* added nofilter option

* fix vale error

www/packages/docs-ui/src/components/CopyButton/index.tsx

@@ -0,0 +1,46 @@
+"use client"
+
+import React, { useState, useEffect, useRef, useCallback } from "react"
+import copy from "copy-text-to-clipboard"
+import clsx from "clsx"
+import { Tooltip } from "@/components/Tooltip"
+
+export type CopyButtonProps = {
+  text: string
+  buttonClassName?: string
+  tooltipClassName?: string
+} & React.HTMLAttributes<HTMLDivElement>
+
+export const CopyButton = ({
+  text,
+  buttonClassName = "",
+  tooltipClassName = "",
+  children,
+}: CopyButtonProps) => {
+  const [isCopied, setIsCopied] = useState(false)
+  const copyTimeout = useRef<number>(0)
+
+  const handleCopy = useCallback(() => {
+    copy(text)
+    setIsCopied(true)
+    copyTimeout.current = window.setTimeout(() => {
+      setIsCopied(false)
+    }, 1000)
+  }, [text])
+
+  useEffect(() => () => window.clearTimeout(copyTimeout.current), [])
+
+  return (
+    <Tooltip
+      text={isCopied ? `Copied!` : `Copy to Clipboard`}
+      tooltipClassName={tooltipClassName}
+    >
+      <span
+        className={clsx("cursor-pointer", buttonClassName)}
+        onClick={handleCopy}
+      >
+        {children}
+      </span>
+    </Tooltip>
+  )
+}