chore(ui,icons,ui-preset,toolbox): Move design system packages to monorepo (#5470)

packages/design-system/ui/src/components/code/code.tsx

@@ -0,0 +1,22 @@
+import { clx } from "@/utils/clx"
+import * as React from "react"
+
+const Code = React.forwardRef<
+  HTMLElement,
+  React.ComponentPropsWithoutRef<"code">
+>(({ className, ...props }, ref) => {
+  return (
+    <code
+      ref={ref}
+      className={clx(
+        "border-ui-tag-neutral-border bg-ui-tag-neutral-bg text-ui-tag-neutral-text txt-compact-small inline-flex rounded-md border px-[6px] font-mono",
+        className
+      )}
+      {...props}
+    />
+  )
+})
+
+Code.displayName = "Code"
+
+export { Code }