feat: UI primitives/hooks 계약 스캐폴드 추가

Author: SOIV

packages/core/src/ui/components/Button.ts

@@ -0,0 +1,8 @@
+export type ButtonVariant = "primary" | "secondary" | "danger";
+
+export interface ButtonProps {
+  label: string;
+  disabled?: boolean;
+  variant?: ButtonVariant;
+  onClick: () => void;
+}

packages/core/src/ui/components/Card.ts

@@ -0,0 +1,4 @@
+export interface CardProps {
+  title?: string;
+  description?: string;
+}

packages/core/src/ui/components/DatePicker.ts

@@ -0,0 +1,6 @@
+export interface DatePickerProps {
+  value: Date | null;
+  minDate?: Date;
+  maxDate?: Date;
+  onChange: (value: Date | null) => void;
+}

packages/core/src/ui/components/Form.ts

@@ -0,0 +1,5 @@
+export interface FormProps {
+  id: string;
+  disabled?: boolean;
+  onSubmit: () => Promise<void>;
+}

packages/core/src/ui/components/Input.ts

@@ -0,0 +1,7 @@
+export interface InputProps {
+  name: string;
+  value: string;
+  placeholder?: string;
+  disabled?: boolean;
+  onChange: (value: string) => void;
+}

packages/core/src/ui/components/Modal.ts

@@ -0,0 +1,5 @@
+export interface ModalProps {
+  title: string;
+  isOpen: boolean;
+  onClose: () => void;
+}

packages/core/src/ui/components/Select.ts

@@ -0,0 +1,12 @@
+export interface SelectOption {
+  label: string;
+  value: string;
+}
+
+export interface SelectProps {
+  name: string;
+  value: string;
+  options: SelectOption[];
+  disabled?: boolean;
+  onChange: (value: string) => void;
+}

packages/core/src/ui/components/Table.ts

@@ -0,0 +1,9 @@
+export interface TableHeader {
+  id: string;
+  label: string;
+}
+
+export interface TableProps<TItem> {
+  headers: TableHeader[];
+  rows: TItem[];
+}

packages/core/src/ui/components/index.ts

@@ -0,0 +1,8 @@
+export * from "./Button";
+export * from "./Input";
+export * from "./Select";
+export * from "./Modal";
+export * from "./Card";
+export * from "./Table";
+export * from "./Form";
+export * from "./DatePicker";

packages/core/src/ui/hooks/useForm.ts

@@ -0,0 +1,14 @@
+export type FormErrors = Record<string, string | undefined>;
+
+export interface UseFormOptions<TValues> {
+  initialValues: TValues;
+  validate?: (values: TValues) => FormErrors;
+}
+
+export interface UseFormState<TValues> {
+  values: TValues;
+  errors: FormErrors;
+  setFieldValue: <TKey extends keyof TValues>(key: TKey, value: TValues[TKey]) => void;
+  reset: () => void;
+  submit: () => Promise<boolean>;
+}