Supakorn/migrate/components

.changeset/hot-pillows-jam.md

@@ -0,0 +1,10 @@
+---
+'@example/ui-playground': patch
+'@genseki/react': patch
+'@example/erp': patch
+---
+
+- move `shadcn` components to `v2` folder and export the directory
+- flatten `primary` button variant
+- fix: `aria-menu` background
+- rename back the deprecated react-aria components by removing the leading `Aria[component-name]` keyword

examples/erp/genseki/auth/setup/setup.client.tsx

@@ -7,13 +7,13 @@ import { useRouter } from 'next/navigation'
 import z from 'zod'
 
 import {
-  AriaTextField,
   Form,
   FormControl,
   FormField,
   FormItem,
   FormMessage,
   SubmitButton,
+  TextField,
   toast,
 } from '@genseki/react'
 
@@ -74,7 +74,7 @@ export function SetupClientForm() {
           render={({ field }) => (
             <FormItem>
               <FormControl>
-                <AriaTextField
+                <TextField
                   {...field}
                   placeholder="full name..."
                   label="Full Name"
@@ -91,7 +91,7 @@ export function SetupClientForm() {
           render={({ field }) => (
             <FormItem>
               <FormControl>
-                <AriaTextField
+                <TextField
                   {...field}
                   type="email"
                   placeholder="email..."
@@ -109,7 +109,7 @@ export function SetupClientForm() {
           render={({ field }) => (
             <FormItem>
               <FormControl>
-                <AriaTextField
+                <TextField
                   {...field}
                   type="password"
                   placeholder="password..."
@@ -128,7 +128,7 @@ export function SetupClientForm() {
           render={({ field }) => (
             <FormItem>
               <FormControl>
-                <AriaTextField
+                <TextField
                   {...field}
                   type="password"
                   placeholder="confirm password..."

examples/erp/genseki/collections/posts.client.tsx

@@ -18,7 +18,6 @@ import type { CollectionLayoutProps, InferCreateFields } from '@genseki/react'
 import {
   actionsColumn,
   BackColorExtension,
-  Button,
   CollectionListToolbar,
   createDeleteActionItem,
   createEditActionItem,
@@ -43,6 +42,7 @@ import {
   useNavigation,
   useTableStatesContext,
 } from '@genseki/react'
+import { Button } from '@genseki/react/v2'
 
 import { type fields } from './posts'