Migrate: textfield, button, label, dialog, sheet and more

[SupakornNetsuwan]

Why did you create this PR

• Migrate Genseki components to Shadcn
• BRV-509: [Genseki] Migrate component to radix (shadcn)

What did you do

• Migrate from tv to cva
• Introducing create-required-context
• Incremental adopting Intent UI color system to Shadcn color system from
• Rename and deprecated react aria
  • textfield
  • label
  • button
  • popover (with children composible components too)
  • dialog (with children composible components too)
  • modal (with children composible components too)
  • sheet (with children composible components too)
  • base-icon
  • combobox (with children composible components too)
  • field-group
• Migrate textfield to Shadcn (Not completely 100% from entirely project perspective, since some compound component required react aria primitive component as a base, the change will incrementally adopt)
• Migrate button to Shadcn (Not completely 100% from entirely project perspective, since some compound component required react aria primitive component as a base, the change will incrementally adopt)
• Create Shadcn UI playground for Shadcn particularly
• Change UI playground project structure
• Introducing to new components by Shadcn
  • Input
  • Input group
  • Button
  • Label
  • Dialog
  • Menu
  • Popover
  • Combobox composition
  • Command (from cmdk)

Screenshots / Recordings

Button & Button group

Combobox

CleanShot.2568-10-14.at.11.31.21.mp4

Input & Input group

Autofield

Some part of Autofield component has been moved to Shadcn UI from Intent UI, this introduce to e.g. Input, Textfield, Label, but the migration of Autofield hasn't been completely moved since some of compound react aria components are coupling with primitive react aria component e.g. comobox, selectbox, radio group. thus the component may partially migrated e.g. change only label part, changing only button part. The full migration of each compound components will be done when it's time for that component

Checklist

• Self-reviewed your code
• Wrote coverage tests
• Added screenshots or recordings if applicable

[changeset-bot]

🦋 Changeset detected

Latest commit: a79b0e2

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 8 packages

Name	Type
@example/ui-playground	Patch
@genseki/react	Patch
@example/erp	Patch
@genseki/next	Patch
@genseki/plugins	Patch
@genseki/prisma-generator	Patch
@genseki/react-query	Patch
@genseki/rest	Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[saenyakorn]

Great work! Here's what I want you to fix. Other than that LGTM

1. A11y for ComboBox. According to w3.org https://www.w3.org/WAI/ARIA/apg/patterns/combobox/, "Down Arrow" should show options

CleanShot.2568-10-14.at.12.26.13.mp4

2. File upload preview (to be discuss with Designer). You may need "InputPeview" component for displaying a preview. Will de discuss later

[saenyakorn]

One more things I would like from this PR is button group. I would be great if you implement it

[saenyakorn]

Last one, add changeset to describe the change and scope of this PR

[SupakornNetsuwan]

• Migrateseparator to Shadcn
• Fix combobox A11y key and border outline
• Add new button-group
• Remove button-link and move to asChild button implementation instead
• Imrpove create-required-context function