@unikit-bridge/ui 0.1.0 → 0.2.0

package/src/index.ts

@@ -40,6 +40,282 @@ export {
   type BadgeProps,
 } from "./components/badge";
 
+// ── shadcn 카탈로그 1차 배치 23종(사이클 30, T-4 통합) ──────────────────────
+
+export { Checkbox, type CheckboxProps } from "./components/checkbox";
+
+export {
+  RadioGroup,
+  RadioGroupItem,
+  type RadioGroupProps,
+  type RadioGroupItemProps,
+} from "./components/radio-group";
+
+export {
+  Switch,
+  switchTrackVariants,
+  switchThumbVariants,
+  type SwitchProps,
+} from "./components/switch";
+
+export {
+  Toggle,
+  toggleVariants,
+  toggleTextVariants,
+  type ToggleProps,
+} from "./components/toggle";
+
+export {
+  ToggleGroup,
+  ToggleGroupItem,
+  type ToggleGroupProps,
+  type ToggleGroupItemProps,
+} from "./components/toggle-group";
+
+export {
+  Tabs,
+  TabsList,
+  TabsTrigger,
+  TabsContent,
+  tabsListVariants,
+  type TabsProps,
+  type TabsListProps,
+  type TabsTriggerProps,
+  type TabsContentProps,
+} from "./components/tabs";
+
+export {
+  Accordion,
+  AccordionItem,
+  AccordionTrigger,
+  AccordionContent,
+  type AccordionProps,
+  type AccordionItemProps,
+  type AccordionTriggerProps,
+  type AccordionContentProps,
+} from "./components/accordion";
+
+export {
+  Collapsible,
+  CollapsibleTrigger,
+  CollapsibleContent,
+  type CollapsibleProps,
+  type CollapsibleTriggerProps,
+  type CollapsibleContentProps,
+} from "./components/collapsible";
+
+export { Progress, type ProgressProps } from "./components/progress";
+
+export { AspectRatio, type AspectRatioProps } from "./components/aspect-ratio";
+
+export {
+  Skeleton,
+  skeletonVariants,
+  type SkeletonProps,
+} from "./components/skeleton";
+
+export {
+  Separator,
+  separatorVariants,
+  type SeparatorProps,
+} from "./components/separator";
+
+export {
+  Alert,
+  AlertTitle,
+  AlertDescription,
+  alertVariants,
+  alertGlyphVariants,
+  alertTitleVariants,
+  alertDescriptionVariants,
+  type AlertProps,
+  type AlertTitleProps,
+  type AlertDescriptionProps,
+} from "./components/alert";
+
+export {
+  Kbd,
+  KbdGroup,
+  kbdVariants,
+  kbdTextVariants,
+  kbdGroupVariants,
+  type KbdProps,
+  type KbdGroupProps,
+} from "./components/kbd";
+
+export {
+  Table,
+  TableHeader,
+  TableBody,
+  TableFooter,
+  TableRow,
+  TableHead,
+  TableCell,
+  TableCaption,
+  tableContainerVariants,
+  tableVariants,
+  tableHeaderVariants,
+  tableBodyVariants,
+  tableFooterVariants,
+  tableRowVariants,
+  tableHeadVariants,
+  tableHeadTextVariants,
+  tableCellVariants,
+  tableCellTextVariants,
+  tableCaptionVariants,
+  tableCaptionTextVariants,
+  type TableProps,
+  type TableHeaderProps,
+  type TableBodyProps,
+  type TableFooterProps,
+  type TableRowProps,
+  type TableHeadProps,
+  type TableCellProps,
+  type TableCaptionProps,
+} from "./components/table";
+
+export {
+  Breadcrumb,
+  BreadcrumbList,
+  BreadcrumbItem,
+  BreadcrumbLink,
+  BreadcrumbPage,
+  BreadcrumbSeparator,
+  BreadcrumbEllipsis,
+  breadcrumbListVariants,
+  breadcrumbItemVariants,
+  breadcrumbLinkVariants,
+  breadcrumbLinkTextVariants,
+  breadcrumbPageVariants,
+  breadcrumbSeparatorVariants,
+  breadcrumbSeparatorTextVariants,
+  breadcrumbEllipsisVariants,
+  breadcrumbEllipsisTextVariants,
+  type BreadcrumbProps,
+  type BreadcrumbListProps,
+  type BreadcrumbItemProps,
+  type BreadcrumbLinkProps,
+  type BreadcrumbPageProps,
+  type BreadcrumbSeparatorProps,
+  type BreadcrumbEllipsisProps,
+} from "./components/breadcrumb";
+
+export {
+  Pagination,
+  PaginationContent,
+  PaginationLink,
+  PaginationItem,
+  PaginationPrevious,
+  PaginationNext,
+  PaginationEllipsis,
+  paginationVariants,
+  paginationContentVariants,
+  paginationGlyphVariants,
+  paginationLabelVariants,
+  paginationEllipsisVariants,
+  paginationEllipsisTextVariants,
+  type PaginationProps,
+  type PaginationContentProps,
+  type PaginationLinkProps,
+  type PaginationItemProps,
+  type PaginationPreviousProps,
+  type PaginationNextProps,
+  type PaginationEllipsisProps,
+} from "./components/pagination";
+
+export {
+  Textarea,
+  textareaVariants,
+  type TextareaProps,
+} from "./components/textarea";
+
+export {
+  Avatar,
+  AvatarImage,
+  AvatarFallback,
+  AvatarBadge,
+  AvatarGroup,
+  AvatarGroupCount,
+  type AvatarSize,
+  type AvatarProps,
+  type AvatarImageProps,
+  type AvatarFallbackProps,
+  type AvatarBadgeProps,
+  type AvatarGroupProps,
+  type AvatarGroupCountProps,
+} from "./components/avatar";
+
+export {
+  Empty,
+  EmptyHeader,
+  EmptyTitle,
+  EmptyDescription,
+  EmptyContent,
+  EmptyMedia,
+  type EmptyProps,
+  type EmptyHeaderProps,
+  type EmptyTitleProps,
+  type EmptyDescriptionProps,
+  type EmptyContentProps,
+  type EmptyMediaProps,
+} from "./components/empty";
+
+export {
+  Field,
+  FieldLabel,
+  FieldDescription,
+  FieldError,
+  FieldGroup,
+  FieldLegend,
+  FieldSeparator,
+  FieldSet,
+  FieldContent,
+  FieldTitle,
+  type FieldSetProps,
+  type FieldLegendProps,
+  type FieldGroupProps,
+  type FieldProps,
+  type FieldContentProps,
+  type FieldLabelProps,
+  type FieldTitleProps,
+  type FieldDescriptionProps,
+  type FieldSeparatorProps,
+  type FieldErrorProps,
+} from "./components/field";
+
+export {
+  Item,
+  ItemMedia,
+  ItemContent,
+  ItemActions,
+  ItemGroup,
+  ItemSeparator,
+  ItemTitle,
+  ItemDescription,
+  ItemHeader,
+  ItemFooter,
+  type ItemGroupProps,
+  type ItemSeparatorProps,
+  type ItemProps,
+  type ItemMediaProps,
+  type ItemContentProps,
+  type ItemTitleProps,
+  type ItemDescriptionProps,
+  type ItemActionsProps,
+  type ItemHeaderProps,
+  type ItemFooterProps,
+} from "./components/item";
+
+export {
+  ButtonGroup,
+  ButtonGroupSeparator,
+  ButtonGroupText,
+  buttonGroupVariants,
+  type ButtonGroupProps,
+  type ButtonGroupTextProps,
+  type ButtonGroupSeparatorProps,
+} from "./components/button-group";
+
 // 테마(T-5가 packages/unikit/src/theme/ 을 병렬 생성) — 디렉터리 존재 여부와
 // 무관하게 이 라인은 항상 유지한다(T-6 지시).
 export * from "./theme";

package/src/theme/presets.ts

@@ -9,7 +9,8 @@
  *   - 다크 primary    = 주색-500
  *   - 다크 primary-foreground = 중립-950 (주색-950은 blue에서 4.00:1로 미달 — 중립-950은 3종 전부 ≥5.48)
  *   - 중립 계열 N     = blue→slate, emerald→zinc, amber→stone (shadcn 관례)
- *   - destructive 쌍·radius = 기본 테마(tokens.ts)값 공통
+ *   - destructive 쌍·radius = 기본 테마(tokens.ts)값 공통 — 다크 --destructive는
+ *     사이클 30 G4/G5 조정값(0 72% 65%, red-400 계) 반영(22-design-plan §2.3 수정 이력)
  *
  * 기본 테마(zinc)는 이 파일에 없다 — src/theme/tokens.ts의 lightTokens/darkTokens이
  * 곧 기본 프리셋이다(값 사본 금지). registry 항목 이름 매핑은 generate-design.ts의
@@ -74,7 +75,7 @@ export const themePresets = {
       "--muted-foreground": "215 20.2% 65.1%",
       "--accent": "217.2 32.6% 17.5%",
       "--accent-foreground": "210 40% 98%",
-      "--destructive": "0 62.8% 30.6%",
+      "--destructive": "0 72% 65%",
       "--destructive-foreground": "0 0% 98%",
       "--border": "217.2 32.6% 17.5%",
       "--input": "217.2 32.6% 17.5%",
@@ -123,7 +124,7 @@ export const themePresets = {
       "--muted-foreground": "240 5% 64.9%",
       "--accent": "240 3.7% 15.9%",
       "--accent-foreground": "0 0% 98%",
-      "--destructive": "0 62.8% 30.6%",
+      "--destructive": "0 72% 65%",
       "--destructive-foreground": "0 0% 98%",
       "--border": "240 3.7% 15.9%",
       "--input": "240 3.7% 15.9%",
@@ -172,7 +173,7 @@ export const themePresets = {
       "--muted-foreground": "24 5.4% 63.9%",
       "--accent": "12 6.5% 15.1%",
       "--accent-foreground": "60 9.1% 97.8%",
-      "--destructive": "0 62.8% 30.6%",
+      "--destructive": "0 72% 65%",
       "--destructive-foreground": "0 0% 98%",
       "--border": "12 6.5% 15.1%",
       "--input": "12 6.5% 15.1%",

package/src/theme/tokens.ts

@@ -8,6 +8,8 @@
  *
  * 주의: 값을 임의로 변경하면 안 된다 — 수정이 필요하면 설계 문서(02-design)를 먼저 고친다.
  * `--destructive`(라이트)는 shadcn 기본값이 아닌 red-600 계(02-design §2.1 주석, WCAG AA 확보).
+ * `--destructive`(다크)도 shadcn 원본 대비 red-400 계로 조정(사이클 30 G4 — 원본 값은
+ * 다크 배경 대비 1.99:1로 텍스트가 사실상 안 읽힘. 조정값 6.1:1).
  * `--radius`는 스킴과 무관한 공통값(§2.2)이며 두 객체에 동일하게 포함한다.
  */
 
@@ -53,7 +55,7 @@ export const darkTokens = {
   "--muted-foreground": "240 5% 64.9%",
   "--accent": "240 3.7% 15.9%",
   "--accent-foreground": "0 0% 98%",
-  "--destructive": "0 62.8% 30.6%",
+  "--destructive": "0 72% 65%",
   "--destructive-foreground": "0 0% 98%",
   "--border": "240 3.7% 15.9%",
   "--input": "240 3.7% 15.9%",