diff --git a/package-lock.json b/package-lock.json
index 7b9a07f2..93219183 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,5 +1,5 @@
{
- "name": "fastui",
+ "name": "FastUI",
"lockfileVersion": 3,
"requires": true,
"packages": {
@@ -6644,6 +6644,7 @@
}
},
"src/npm-fastui": {
+ "name": "@pydantic/fastui",
"version": "0.0.11",
"license": "MIT",
"dependencies": {
@@ -6659,6 +6660,7 @@
}
},
"src/npm-fastui-bootstrap": {
+ "name": "@pydantic/fastui-bootstrap",
"version": "0.0.11",
"license": "MIT",
"dependencies": {
@@ -6673,6 +6675,7 @@
}
},
"src/npm-fastui-prebuilt": {
+ "name": "@pydantic/fastui-prebuilt",
"version": "0.0.11",
"license": "MIT",
"devDependencies": {
diff --git a/src/npm-fastui-prebuilt/package.json b/src/npm-fastui-prebuilt/package.json
index c36034c5..d7b720fd 100644
--- a/src/npm-fastui-prebuilt/package.json
+++ b/src/npm-fastui-prebuilt/package.json
@@ -2,8 +2,6 @@
"name": "@pydantic/fastui-prebuilt",
"version": "0.0.11",
"description": "Pre-built files for FastUI",
- "main": "dist/index.html",
- "type": "module",
"author": "Samuel Colvin",
"license": "MIT",
"homepage": "https://github.com/pydantic/fastui",
@@ -16,7 +14,7 @@
"fastapi"
],
"scripts": {
- "dev": "vite",
+ "dev": "vite preview",
"prepublishOnly": "rm -rf dist && tsc --noEmit && vite build",
"typecheck": "tsc --noEmit",
"typewatch": "tsc --noEmit --watch"
diff --git a/src/npm-fastui-prebuilt/src/App.tsx b/src/npm-fastui-prebuilt/src/App.tsx
index dd88e068..6e3cb7b9 100644
--- a/src/npm-fastui-prebuilt/src/App.tsx
+++ b/src/npm-fastui-prebuilt/src/App.tsx
@@ -2,8 +2,11 @@ import { FastUI, renderClassName } from 'fastui'
import * as bootstrap from 'fastui-bootstrap'
import { FC, ReactNode } from 'react'
+import { ThemeProvider, optoTheme} from "@optoinvest/opto-design-system"
+
export default function App() {
return (
+
+
)
}
diff --git a/src/npm-fastui-prebuilt/vite.config.ts b/src/npm-fastui-prebuilt/vite.config.ts
index c73c49a1..66ee8544 100644
--- a/src/npm-fastui-prebuilt/vite.config.ts
+++ b/src/npm-fastui-prebuilt/vite.config.ts
@@ -8,7 +8,7 @@ export default () => {
host: true,
port: 3000,
proxy: {
- '/api': 'http://localhost:8000',
+ '/api': 'http://127.0.0.1:8000',
},
}
diff --git a/src/npm-fastui/package.json b/src/npm-fastui/package.json
index 4e8f9164..5c1a4542 100644
--- a/src/npm-fastui/package.json
+++ b/src/npm-fastui/package.json
@@ -21,12 +21,14 @@
"typewatch": "tsc --noEmit --watch"
},
"dependencies": {
+ "@optoinvest/opto-design-system": "^1.11.9",
"react": "^18.2.0",
"react-dom": "^18.2.0",
"react-markdown": "^9.0.1",
"react-select": "^5.8.0",
"react-syntax-highlighter": "^15.5.0",
- "remark-gfm": "^4.0.0"
+ "remark-gfm": "^4.0.0",
+ "styled-components": "^6.1.3"
},
"devDependencies": {
"@types/react-syntax-highlighter": "^15.5.10"
diff --git a/src/npm-fastui/src/components/button.tsx b/src/npm-fastui/src/components/button.tsx
index fc73bbec..2831bc42 100644
--- a/src/npm-fastui/src/components/button.tsx
+++ b/src/npm-fastui/src/components/button.tsx
@@ -3,6 +3,9 @@ import { FC } from 'react'
import { ClassName, useClassName } from '../hooks/className'
import { useFireEvent, AnyEvent } from '../events'
+// import * as design from "@optoinvest/opto-design-system" as any;
+import { ArrowRightStroke, Button } from '@optoinvest/opto-design-system'
+
export interface ButtonProps {
type: 'Button'
text: string
@@ -16,9 +19,13 @@ export const ButtonComp: FC = (props) => {
const { fireEvent } = useFireEvent()
- return (
-
- )
+ return