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

packages/design-system/toolbox/src/templates/icon-templates.ts

@@ -0,0 +1,39 @@
+export const defaultTemplate = (
+  { jsx, componentName }: { jsx: any; componentName: string },
+  { tpl }: { tpl: any }
+) => {
+  return tpl`
+  import * as React from "react"
+
+  import type { IconProps } from "../types"
+
+  const ${componentName} = React.forwardRef<SVGSVGElement, IconProps>(({ color = "currentColor", ...props }, ref) => {
+    return (
+      ${jsx}
+    )
+  })
+  ${componentName}.displayName = "${componentName}"
+
+  export default ${componentName}
+  `
+}
+
+export const fixedTemplate = (
+  { jsx, componentName }: { jsx: any; componentName: string },
+  { tpl }: { tpl: any }
+) => {
+  return tpl`
+  import * as React from "react"
+
+  import type { IconProps } from "../types"
+
+  const ${componentName} = React.forwardRef<SVGSVGElement, Omit<IconProps, "color">>((props, ref) => {
+    return (
+      ${jsx}
+    )
+  })
+  ${componentName}.displayName = "${componentName}"
+
+  export default ${componentName}
+  `
+}

packages/design-system/toolbox/src/templates/index.ts

@@ -0,0 +1 @@
+export * from "./icon-templates"