[V0_FILE]typescript:file="tailwind.config.ts" import type { Config } from "tailwindcss"; import preset from "@toriistudio/glow-ui/preset"; const config: Config = { presets: [preset], darkMode: ["class"], content: [ "*.{js,ts,jsx,tsx,mdx}", "./node_modules/@toriistudio/**/*.{js,ts,jsx,tsx}", ] }; export default config; [V0_FILE]typescriptreact:file="App.tsx" isQuickEdit="true" import { Download, Github, SquareArrowOutUpRight } from "lucide-react"; import { Playground, useControls, Button as V0Button } from "@toriistudio/v0-playground"; import { Button } from "@toriistudio/glow-ui"; function InnerPreview() { const { text, variant, glowColor, disabled } = useControls( { text: { type: "string", value: "Hello World" }, variant: { type: "select", value: "default", options: ["default", "secondary", "ghost"], }, glowColor: { type: "color", value: "#d3ea1b" }, disabled: { type: "boolean", value: false }, open: { type: "button", render: () => ( window.open( "https://github.com/toriistudio/glow-ui", "_blank" ) } > GitHub ), }, }, { componentName: "Button", } ); return ( ); } export default function App() { return ( ); } [V0_FILE]typescriptreact:file="app/page.tsx" isQuickEdit="true" import App from "../App" export default function Page() { return } [V0_FILE]typescriptreact:file="components/BasicComponent.tsx" isMoved="true" isDeleted="true" import { Download, SquareArrowOutUpRight } from "lucide-react"; import { Button } from "@toriistudio/glow-ui"; import { Playground, useControls } from "@toriistudio/v0-playground"; function BasicComponent() { const { text, variant, glowColor, isGlowing } = useControls( { text: { type: "string", value: "Hey World" }, variant: { type: "select", value: "default", options: ["default", "secondary", "ghost"], }, glowColor: { type: "color", value: "#ff1b6f" }, isGlowing: { type: "boolean", value: true }, }, { componentName: "GlowButton", } ); return ( ); } export default BasicComponent