@tipp/ui 2.3.15 → 2.3.17

package/dist/molecules/dynamic-form.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/molecules/dynamic-form.tsx","../../src/atoms/typo.tsx","../../src/utils/map-with-responsive.ts","../../src/context/dynamic-form-context.tsx","../../src/molecules/form/form.tsx","../../src/atoms/heading.tsx","../../src/atoms/text-field.tsx","../../src/atoms/text-area.tsx","../../src/atoms/select.tsx","../../src/atoms/check-box-group.tsx","../../src/atoms/radio-group.tsx","../../src/atoms/check-box.tsx","../../src/molecules/dynamic-field.tsx"],"sourcesContent":["import React, { useMemo, useCallback, useEffect } from 'react';\nimport { useFormik, type FormikProps } from 'formik';\nimport * as Yup from 'yup';\nimport { Box } from '@radix-ui/themes';\nimport { Typo } from '@/atoms/typo';\nimport {\n  DynamicFormProvider,\n  useDynamicForm,\n} from '@/context/dynamic-form-context';\nimport type {\n  DynamicFormFieldSchema,\n  ValidationRule,\n} from '@/types/dynamic-form-schema-generated';\nimport { Form } from './form/form';\nimport { DynamicFormField } from './dynamic-field';\n\nexport interface DynamicFormProps {\n  fields: DynamicFormFieldSchema[];\n  initialValues?: Record<string, unknown>;\n  onSubmit: (values: Record<string, unknown>) => void | Promise<void>;\n  children: React.ReactNode;\n  readonly?: boolean;\n  formStyle?: React.CSSProperties;\n}\n\n/**\n * 첫 번째 에러 필드로 스크롤하는 함수\n */\nfunction scrollToFirstError(errors: Record<string, unknown>, _fields: DynamicFormFieldSchema[]): void {\n  const firstErrorFieldName = Object.keys(errors)[0];\n  if (!firstErrorFieldName) return;\n\n  // 해당 필드의 DOM 요소를 찾기 (여러 선택자 시도)\n  let fieldElement = document.querySelector(`[name=\"${firstErrorFieldName}\"]`);\n  \n  // input 요소를 찾지 못한 경우, 해당 필드의 컨테이너를 찾기\n  if (!fieldElement) {\n    fieldElement = document.querySelector(`[data-field-name=\"${firstErrorFieldName}\"]`);\n  }\n  \n  // 여전히 찾지 못한 경우, FormItem의 에러 메시지 영역을 찾기\n  if (!fieldElement) {\n    fieldElement = document.querySelector(`[data-error-field=\"${firstErrorFieldName}\"]`);\n  }\n\n  if (fieldElement) {\n    fieldElement.scrollIntoView({\n      behavior: 'smooth',\n      block: 'nearest',\n    });\n  }\n}\n\nfunction DynamicFormRoot({\n  fields,\n  initialValues = {},\n  onSubmit,\n  children,\n  readonly = false,\n  formStyle,\n}: DynamicFormProps): React.ReactElement {\n  const validationSchema = useMemo(() => {\n    const schema: Record<string, Yup.Schema<unknown>> = {};\n    fields.forEach((field) => {\n      if (field.validation) {\n        const validation = createYupValidation(field, field.validation);\n        if (validation) {\n          schema[field.name] = validation;\n        }\n      } else if (field.required) {\n        // choices 타입은 배열 스키마로 처리\n        if (field.type === 'choices') {\n          schema[field.name] = Yup.array()\n            .min(1, `${field.label}을(를) 하나 이상 선택해주세요`)\n            .required(`${field.label}은(는) 필수입니다`);\n        } else if (field.type === 'yes_no') {\n          // yes_no 타입은 boolean 스키마로 처리\n          schema[field.name] = Yup.boolean().oneOf([true], `${field.label}에 동의해주세요`);\n        } else {\n          // choice, dropdown, short_text, long_text, number, email 타입은 문자열 스키마로 처리\n          schema[field.name] = Yup.string().required(\n            `${field.label}은(는) 필수입니다`\n          );\n        }\n      }\n    });\n    return Object.keys(schema).length > 0 ? Yup.object(schema) : undefined;\n  }, [fields]);\n\n  const handleSubmit = useCallback(async (values: Record<string, unknown>) => {\n    await onSubmit(values);\n  }, [onSubmit]);\n\n  const formik: FormikProps<Record<string, unknown>> = useFormik({\n    initialValues: fields.reduce<Record<string, unknown>>((acc, field) => {\n      if (field.type === 'choices') {\n        acc[field.name] = initialValues[field.name] || [];\n      } else if (field.type === 'yes_no') {\n        acc[field.name] = initialValues[field.name] || false;\n      } else {\n        acc[field.name] = initialValues[field.name] || '';\n      }\n      return acc;\n    }, {}),\n    validationSchema,\n    validateOnBlur: true,\n    validateOnChange: true,\n    onSubmit: handleSubmit,\n  });\n\n  // submit 시 validation 에러가 있으면 첫 번째 에러 필드로 스크롤\n  useEffect(() => {\n    if (formik.submitCount > 0 && Object.keys(formik.errors).length > 0) {\n      // 약간의 지연을 두어 DOM 업데이트 후 스크롤 실행\n      const timeoutId = setTimeout(() => {\n        scrollToFirstError(formik.errors, fields);\n      }, 100);\n      \n      return () => {\n        clearTimeout(timeoutId);\n      };\n    }\n  }, [formik.submitCount, formik.errors, fields]);\n\n  return (\n    <DynamicFormProvider fields={fields} formStyle={formStyle} formik={formik} readonly={readonly}>\n      {children}\n    </DynamicFormProvider>\n  );\n}\n\ninterface DynamicFormFieldListProps {\n  fields?: DynamicFormFieldSchema[];\n  labelVariant?: 'title' | 'body' | 'caption';\n}\nfunction DynamicFormFieldList({\n  fields: fieldsProp,\n  labelVariant,\n}: DynamicFormFieldListProps): React.ReactElement {\n  const { formik, fields: fieldsFromContext, readonly } = useDynamicForm();\n  const fields = fieldsProp || fieldsFromContext;\n\n  return (\n    <>\n      {fields.map((field) => {\n        const errorMessage =\n          !readonly && formik.touched[field.name] && formik.errors[field.name]\n            ? String(formik.errors[field.name])\n            : undefined;\n\n        return (\n          <Box\n            data-error-field={errorMessage ? field.name : undefined}\n            data-field-name={field.name}\n            key={field.name}\n            mb=\"2\"\n          >\n            <Form.FormItem\n              errorMessage={errorMessage}\n              label={field.label}\n              labelVariant={labelVariant}\n              name={field.name}\n              required={field.required}\n            >\n              <DynamicFormField field={field} />\n              {field.description ? <Typo>{field.description}</Typo> : null}\n            </Form.FormItem>\n          </Box>\n        );\n      })}\n    </>\n  );\n}\n\nexport const DynamicForm = {\n  Root: DynamicFormRoot,\n  FieldList: DynamicFormFieldList,\n};\n\nexport function createYupValidation(\n  field: DynamicFormFieldSchema,\n  validation?: ValidationRule\n): Yup.Schema<unknown> | undefined {\n  if (!validation) return undefined;\n\n  let schema: Yup.Schema<unknown>;\n\n  // field.type을 기준으로 기본 스키마 생성\n  if (field.type === 'number') {\n    schema = Yup.number();\n  } else if (field.type === 'email') {\n    schema = Yup.string().email(\n      validation.message || '올바른 이메일 형식이 아닙니다'\n    );\n  } else if (field.type === 'choices') {\n    schema = Yup.array();\n  } else if (field.type === 'yes_no') {\n    schema = Yup.boolean();\n  } else {\n    // choice, dropdown, short_text, long_text 타입은 문자열 스키마로 처리\n    schema = Yup.string();\n  }\n\n  if (validation.min !== undefined) {\n    if (field.type === 'number') {\n      schema = (schema as Yup.NumberSchema).min(\n        validation.min,\n        validation.message || `최소 ${validation.min}이어야 합니다`\n      );\n    } else if (field.type === 'choices') {\n      schema = (schema as ReturnType<typeof Yup.array>).min(\n        validation.min,\n        validation.message || `최소 ${validation.min}개 이상 선택해주세요`\n      );\n    } else if (field.type === 'yes_no') {\n      // yes_no 타입은 boolean이므로 min/max 검증 불가\n      // 대신 required 검증만 적용\n    } else {\n      schema = (schema as Yup.StringSchema).min(\n        validation.min,\n        validation.message || `최소 ${validation.min}자 이상이어야 합니다`\n      );\n    }\n  }\n\n  if (validation.max !== undefined) {\n    if (field.type === 'number') {\n      schema = (schema as Yup.NumberSchema).max(\n        validation.max,\n        validation.message || `최대 ${validation.max}이어야 합니다`\n      );\n    } else if (field.type === 'choices') {\n      schema = (schema as ReturnType<typeof Yup.array>).max(\n        validation.max,\n        validation.message || `최대 ${validation.max}개까지 선택 가능합니다`\n      );\n    } else if (field.type === 'yes_no') {\n      // yes_no 타입은 boolean이므로 min/max 검증 불가\n      // 대신 required 검증만 적용\n    } else {\n      schema = (schema as Yup.StringSchema).max(\n        validation.max,\n        validation.message || `최대 ${validation.max}자 이하여야 합니다`\n      );\n    }\n  }\n\n  if (validation.pattern) {\n    if (field.type === 'yes_no') {\n      // yes_no 타입은 boolean이므로 pattern 검증 불가\n      // 대신 required 검증만 적용\n    } else {\n      schema = (schema as Yup.StringSchema).matches(\n        new RegExp(validation.pattern),\n        validation.message || '올바른 형식이 아닙니다'\n      );\n    }\n  }\n\n  // field.required가 true인 경우 required 검증 추가\n  if (field.required) {\n    if (field.type === 'yes_no') {\n      schema = (schema as Yup.BooleanSchema).oneOf([true], validation.message || `${field.label}에 동의해주세요`);\n    } else if (field.type === 'choices') {\n      schema = (schema as ReturnType<typeof Yup.array>).min(1, validation.message || `${field.label}을(를) 하나 이상 선택해주세요`);\n    } else {\n      schema = (schema as Yup.StringSchema).required(validation.message || `${field.label}은(는) 필수입니다`);\n    }\n  }\n\n  return schema;\n}\n","import type { TextProps as RadixTextProps } from '@radix-ui/themes';\nimport type { Responsive } from '@radix-ui/themes/props';\nimport { Text as RadixText } from '@radix-ui/themes';\nimport React, { useMemo, forwardRef } from 'react';\nimport { mapWithResponsive } from '@/utils/map-with-responsive';\n\nexport type TypoProps = RadixTextProps & {\n  variant?: Responsive<'body' | 'caption' | 'subtitle'>;\n};\n\nexport const Typo = forwardRef<HTMLSpanElement, TypoProps>(\n  (props: TypoProps, ref): React.ReactNode => {\n    const { size, variant, children, ...rest } = props;\n\n    const radixSize = useMemo<RadixTextProps['size']>(() => {\n      if (size !== undefined) return size;\n\n      if (variant === undefined) return '2';\n\n      return mapWithResponsive({\n        value: variant,\n        mapFn: (variantValue?: 'body' | 'caption' | 'subtitle') => {\n          switch (variantValue) {\n            case 'caption':\n              return '1';\n            case 'subtitle':\n              return '3';\n            case 'body':\n            default:\n              return '2';\n          }\n        },\n      });\n    }, [size, variant]);\n\n    return (\n      <RadixText {...rest} ref={ref} size={radixSize}>\n        {children}\n      </RadixText>\n    );\n  }\n);\n\nTypo.displayName = 'Typo';\n","import type {  Breakpoint, Responsive } from \"@radix-ui/themes/props\";\n\nexport const mapWithResponsive = <T extends string,K extends string>(\n args:  {value: Responsive<T>, mapFn: (value?:T)=>K |undefined}\n): Responsive<K> | undefined => {\n  const {value, mapFn} = args;\n  if(typeof value === 'string'){\n    return mapFn(value);\n  };\n  \n  if(typeof value === 'object'){\n    const newObj: Partial<Record<Breakpoint, K>> = {};\n    let key: Breakpoint;\n    for(key in value){\n      newObj[key] = mapFn(value[key]);\n    }\n    return newObj;\n  }\n  return value;\n};\n","import React, { createContext, useContext } from 'react';\nimport type { FormikProps } from 'formik';\nimport { Form } from '@/molecules/form/form';\nimport type { DynamicFormFieldSchema } from '@/types/dynamic-form-schema-generated';\n\nexport interface DynamicFormContextValue {\n  formik: FormikProps<Record<string, unknown>>;\n  fields: DynamicFormFieldSchema[];\n  readonly: boolean;\n  getFieldValue: (name: string) => unknown;\n  getFieldError: (name: string) => string | undefined;\n  getFieldTouched: (name: string) => boolean;\n  setFieldValue: (field: string, value: unknown) => Promise<void>;\n  handleChange: (e: React.ChangeEvent<unknown>) => void;\n  handleBlur: (e: React.FocusEvent<unknown>) => void;\n}\n\nconst DynamicFormContext = createContext<DynamicFormContextValue | null>(null);\n\ninterface DynamicFormProviderProps {\n  children: React.ReactNode;\n  fields: DynamicFormFieldSchema[];\n  formik: FormikProps<Record<string, unknown>>;\n  readonly?: boolean;\n  formStyle?: React.CSSProperties;\n}\n\nexport function DynamicFormProvider({\n  children,\n  fields,\n  formik,\n  readonly = false,\n  formStyle,\n}: DynamicFormProviderProps): React.ReactElement {\n  const contextValue: DynamicFormContextValue = {\n    formik,\n    fields,\n    readonly,\n    getFieldValue: (name: string): unknown => formik.values[name],\n    getFieldError: (name: string): string | undefined => {\n      const error = formik.errors[name];\n      const touched = formik.touched[name];\n      return touched && error ? String(error) : undefined;\n    },\n    getFieldTouched: (name: string): boolean => Boolean(formik.touched[name]),\n    setFieldValue: async (field: string, value: unknown): Promise<void> => {\n      await formik.setFieldValue(field, value);\n    },\n    handleChange: formik.handleChange,\n    handleBlur: formik.handleBlur, \n  };\n\n  return (\n    <DynamicFormContext.Provider value={contextValue}>\n      <Form.Root onSubmit={formik.handleSubmit} style={formStyle}>{children}</Form.Root>\n    </DynamicFormContext.Provider>\n  );\n}\n\nexport function useDynamicForm(): DynamicFormContextValue {\n  const context = useContext(DynamicFormContext);\n\n  if (!context) {\n    throw new Error('useDynamicForm must be used within a DynamicFormProvider');\n  }\n\n  return context;\n}\n","import * as RadixForm from '@radix-ui/react-form';\nimport React, { createContext, forwardRef, useContext, useMemo } from 'react';\nimport type { HeadingProps } from '@radix-ui/themes';\nimport { Heading } from '../../atoms/heading';\nimport type { TypoProps } from '../../atoms/typo';\nimport { Typo } from '../../atoms/typo';\n\nconst Root = forwardRef<HTMLFormElement, RadixForm.FormProps>(\n  ({ children, className, ...rest }, ref) => {\n    return (\n      <RadixForm.Root\n        {...rest}\n        className={`FormRoot ${className || ''}`}\n        ref={ref}\n      >\n        {children}\n      </RadixForm.Root>\n    );\n  }\n);\n\nRoot.displayName = 'FORM_ROOT';\n\nexport type FormFieldProps = RadixForm.FormFieldProps & { required?: boolean };\n\nconst FieldContext = createContext<FormFieldProps>({\n  name: '',\n});\n\nconst Field = forwardRef<HTMLDivElement, FormFieldProps>(\n  ({ children, className, ...rest }, ref) => {\n    return (\n      <RadixForm.Field\n        {...rest}\n        className={`FormField ${className || ''}`}\n        ref={ref}\n      >\n        <FieldContext.Provider value={rest}>{children}</FieldContext.Provider>\n      </RadixForm.Field>\n    );\n  }\n);\nField.displayName = 'FORM_FIELD';\n\nexport type FormLabelProps = RadixForm.FormLabelProps & {\n  /** label의 타입을 지정  */\n  variant?: 'title' | 'body' | 'caption';\n};\n\nfunction HeadingLabel(props: HeadingProps): React.ReactNode {\n  return (\n    <Heading variant=\"heading5\" {...props}>\n      {props.children}\n    </Heading>\n  );\n}\n\nfunction CaptionLabel(props: TypoProps): React.ReactNode {\n  return (\n    <Typo color=\"gray\" variant=\"caption\" {...props}>\n      {props.children}\n    </Typo>\n  );\n}\n\nconst Label = forwardRef<HTMLLabelElement, FormLabelProps>(\n  ({ children, className, variant, ...rest }, ref) => {\n    const Comp = useMemo(() => {\n      switch (variant) {\n        case 'title':\n          return HeadingLabel;\n        case 'caption':\n          return CaptionLabel;\n        case 'body':\n        default:\n          return Typo;\n      }\n    }, [variant]);\n\n    const fieldProps = useContext(FieldContext);\n    return (\n      <RadixForm.Label\n        {...rest}\n        asChild\n        className={`FormLabel ${className || ''}`}\n        ref={ref}\n      >\n        <Comp>\n          {children}\n          {fieldProps.required ? (\n            <Typo as=\"span\" color=\"tomato\">\n              {` *`}\n            </Typo>\n          ) : null}\n        </Comp>\n      </RadixForm.Label>\n    );\n  }\n);\nLabel.displayName = 'FORM_Label';\n\nconst Message = forwardRef<HTMLSpanElement, RadixForm.FormMessageProps>(\n  ({ children, className, ...rest }, ref) => {\n    return (\n      <RadixForm.Message\n        {...rest}\n        asChild\n        className={`FormMessage ${className || ''}`}\n        ref={ref}\n      >\n        <Typo color=\"red\">{children}</Typo>\n      </RadixForm.Message>\n    );\n  }\n);\nMessage.displayName = 'FORM_Message';\n\ntype ControlProps = Omit<RadixForm.FormControlProps, 'required'>;\nconst Control = forwardRef<HTMLInputElement, ControlProps>(\n  ({ className, ...rest }, ref) => {\n    const fieldProps = useContext(FieldContext);\n    return (\n      <RadixForm.Control\n        {...rest}\n        className={`FormControl ${className || ''}`}\n        ref={ref}\n        required={fieldProps.required}\n      />\n    );\n  }\n);\nControl.displayName = 'FORM_Control';\n\ninterface FormItemProps extends FormFieldProps {\n  children: React.ReactNode;\n  label: string;\n  labelVariant?: FormLabelProps['variant'];\n  errorMessage?: string;\n}\n\nexport function FormItem({\n  label,\n  labelVariant,\n  children,\n  errorMessage,\n  ...fieldProps\n}: FormItemProps): React.ReactNode {\n  return (\n    <Form.Field {...fieldProps}>\n      <Form.Label variant={labelVariant}>{label}</Form.Label>\n      {children}\n      <Form.Message forceMatch={Boolean(errorMessage)}>\n        {errorMessage}\n      </Form.Message>\n    </Form.Field>\n  );\n}\n\nexport const Form = {\n  Root,\n  Field,\n  Label,\n  Message,\n  Control: RadixForm.Control,\n  Submit: RadixForm.Submit,\n  FormItem,\n};\n","import {\n  Heading as RadixHeading,\n  type HeadingProps as RadixHeadingProps,\n} from '@radix-ui/themes';\nimport type { Responsive } from '@radix-ui/themes/props';\nimport { useMemo } from 'react';\nimport { mapWithResponsive } from '@/utils/map-with-responsive';\n\nexport { Heading as RadixHeading } from '@radix-ui/themes';\ntype HeadingVariant =\n  | 'heading1'\n  | 'heading2'\n  | 'heading3'\n  | 'heading4'\n  | 'heading5';\nexport type HeadingProps = RadixHeadingProps & {\n  variant?: Responsive<HeadingVariant>;\n};\n\ntype HeadingSize = '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9';\n\nconst mapVariant = (variant?: HeadingVariant): HeadingSize | undefined => {\n  switch (variant) {\n    case 'heading1':\n      return '7';\n    case 'heading2':\n      return '6';\n    case 'heading3':\n      return '5';\n    case 'heading4':\n      return '4';\n    case 'heading5':\n      return '3';\n    default:\n      return undefined;\n  }\n};\n\nexport function Heading(props: HeadingProps): React.ReactNode {\n  const { size, children, variant, ...rest } = props;\n  const radixSize = useMemo<RadixHeadingProps['size']>(() => {\n    return variant\n      ? mapWithResponsive({\n          value: variant,\n          mapFn: mapVariant,\n        })\n      : size;\n \n  }, [size, variant]);\n\n  return (\n    <RadixHeading {...rest} size={radixSize}>\n      {children}\n    </RadixHeading>\n  );\n}\n","import { TextField as RTextField } from '@radix-ui/themes';\nimport { forwardRef, useMemo } from 'react';\n\ntype RSlotProps = RTextField.SlotProps;\n\ntype RootProps = RTextField.RootProps & { error?: boolean };\n\nconst Root = forwardRef<\n  HTMLInputElement,\n  RTextField.RootProps & { error?: boolean }\n>((props, ref) => {\n  const { error, style, className, ...rest } = props;\n\n  const fieldStyle = useMemo(() => {\n    if (!error) return style;\n    const errorStyle = {\n      boxShadow: 'inset 0 0 0 var(--text-field-border-width) var(--error-11)',\n    };\n\n    return { ...(style || {}), ...errorStyle };\n  }, [error, style]);\n\n  const classNameStr = error ? `error ${className}` : className;\n  return (\n    <RTextField.Root\n      className={classNameStr}\n      ref={ref}\n      style={fieldStyle}\n      {...rest}\n    />\n  );\n});\n\nRoot.displayName = 'TextField.Root';\n\nconst TextField = { Root, Slot: RTextField.Slot };\n\nexport { TextField };\nexport type { RootProps, RSlotProps as SlotProps };\n","import {\n  TextArea as RTextArea,\n  type TextAreaProps as RTextAreaProps,\n} from '@radix-ui/themes';\nimport { forwardRef, useMemo } from 'react';\n\ntype TextAreaProps = RTextAreaProps & {\n  error?: boolean;\n};\n\nconst TextArea = forwardRef<HTMLTextAreaElement, TextAreaProps>(\n  (props, ref) => {\n    const { error, style, className, ...rest } = props;\n    const fieldStyle = useMemo(() => {\n      if (!error) return style;\n      const errorStyle = {\n        boxShadow: 'inset 0 0 0 var(--text-area-border-width) var(--error-11)',\n      };\n\n      return { ...(style || {}), ...errorStyle };\n    }, [error, style]);\n\n    const classNameStr = error ? `error ${className}` : className;\n\n    return (\n      <RTextArea\n        {...rest}\n        className={classNameStr}\n        ref={ref}\n        style={fieldStyle}\n      />\n    );\n  }\n);\n\nTextArea.displayName = 'TextArea';\n\nexport { TextArea, type TextAreaProps };\n","import { Select as RadixSelect } from '@radix-ui/themes';\nimport { createContext, forwardRef, useContext, useMemo } from 'react';\n\nconst SelectContext = createContext<{ error?: boolean }>({\n  error: false,\n});\n\nexport type ContentProps = RadixSelect.ContentProps & {\n  isNavigation?: boolean;\n};\n\nconst Content = forwardRef<HTMLDivElement, ContentProps>((props, ref) => {\n  const { className, isNavigation, ...rest } = props;\n  const { error } = useContext(SelectContext);\n\n  const cls = useMemo(() => {\n    const etc = isNavigation ? 'nav-select' : '';\n    const errorCls = error ? 'tipp-error' : '';\n    return [etc, errorCls, className].join(' ');\n  }, [className, error, isNavigation]);\n\n  return (\n    <RadixSelect.Content\n      position=\"popper\"\n      {...rest}\n      className={cls}\n      ref={ref}\n    />\n  );\n});\nContent.displayName = 'Select.Content';\n\nconst Trigger = forwardRef<HTMLButtonElement, RadixSelect.TriggerProps>(\n  (props, ref) => {\n    const { className, ...rest } = props;\n    const { error } = useContext(SelectContext);\n\n    const cls = useMemo(() => {\n      const errorCls = error ? 'error' : '';\n      return [errorCls, className].join(' ');\n    }, [className, error]);\n\n    return <RadixSelect.Trigger {...rest} className={cls} ref={ref} />;\n  }\n);\n\nTrigger.displayName = 'Select.Trigger';\n\nexport type SelectRootProps = RadixSelect.RootProps & {\n  error?: boolean;\n};\n\nfunction Root(props: SelectRootProps): React.ReactNode {\n  const { error, ...rest } = props;\n\n  return (\n    <SelectContext.Provider value={{ error }}>\n      <RadixSelect.Root {...rest} />\n    </SelectContext.Provider>\n  );\n}\n\nRoot.displayName = 'Select.Root';\n\nexport const Select = {\n  ...RadixSelect,\n  Root,\n  Trigger,\n  Content,\n};\n","import { CheckboxGroup as RadixCheckboxGroup } from '@radix-ui/themes';\nimport React, { forwardRef, useMemo } from 'react';\n\ntype RadixCheckboxGroupProps = React.ComponentPropsWithoutRef<\n  typeof RadixCheckboxGroup.Root\n>;\ntype CheckboxGroupProps = Omit<RadixCheckboxGroupProps, 'size'> & {\n  size?: 'small' | 'medium' | 'large';\n};\n\nconst Root = forwardRef<HTMLDivElement, CheckboxGroupProps>((props, ref) => {\n  const { children, size = 'medium', ...rest } = props;\n\n  const groupSize = useMemo<RadixCheckboxGroupProps['size']>(() => {\n    switch (size) {\n      case 'small':\n        return '1';\n      case 'large':\n        return '3';\n      case 'medium':\n      default:\n        return '2';\n    }\n  }, [size]);\n\n  return (\n    <RadixCheckboxGroup.Root {...rest} ref={ref} size={groupSize}>\n      {children}\n    </RadixCheckboxGroup.Root>\n  );\n});\n\nRoot.displayName = 'CheckboxGroup.Root';\n\nexport const CheckboxGroup = {\n  Root,\n  Item: RadixCheckboxGroup.Item,\n};\n","export { RadioGroup } from '@radix-ui/themes';\n","import {\n  Checkbox as RadixCheckbox,\n  type CheckboxProps as RadixCheckboxProps,\n} from '@radix-ui/themes';\nimport { useMemo, forwardRef } from 'react';\n\nexport type CheckboxProps = Omit<RadixCheckboxProps, 'size'> & {\n  size?: 'small' | 'medium' | 'large';\n};\n\nexport const Checkbox = forwardRef<HTMLButtonElement, CheckboxProps>(\n  (props, ref): React.ReactNode => {\n    const { size = 'medium', ...rest } = props;\n\n    const radixSize = useMemo<RadixCheckboxProps['size']>(() => {\n      switch (size) {\n        case 'small':\n          return '1';\n        case 'medium':\n          return '2';\n        case 'large':\n          return '3';\n      }\n    }, [size]);\n\n    return <RadixCheckbox {...rest} ref={ref} size={radixSize} />;\n  }\n);\n\nCheckbox.displayName = 'Checkbox';\n","\nimport { useDynamicForm } from '../context/dynamic-form-context';\nimport { TextField } from '../atoms/text-field';\nimport { TextArea } from '../atoms/text-area';\nimport { Select } from '../atoms/select';\nimport { CheckboxGroup } from '../atoms/check-box-group';\nimport { RadioGroup } from '../atoms/radio-group';\nimport { Checkbox } from '../atoms/check-box';\nimport type { DynamicFormFieldSchema } from '../types/dynamic-form-schema-generated';\n\ninterface DynamicFormFieldRendererProps {\n  field: DynamicFormFieldSchema;\n}\n\nexport function DynamicFormField({\n  field,\n}: DynamicFormFieldRendererProps): React.ReactElement | null {\n  const {\n    getFieldValue,\n    getFieldError,\n    getFieldTouched,\n    setFieldValue,\n    handleChange,\n    handleBlur,\n    readonly,\n  } = useDynamicForm();\n  const { name, type } = field;\n\n  const value = getFieldValue(name);\n  const error = getFieldError(name);\n  const touched = getFieldTouched(name);\n  const hasError = Boolean(error && touched);\n\n  const commonProps = {\n    name,\n    value: String(value || ''),\n    onChange: readonly ? undefined : handleChange,\n    onBlur: readonly ? undefined : handleBlur,\n    error: hasError,\n    disabled: readonly,\n  };\n\n  switch (type) {\n    case 'short_text':\n    case 'email':\n      return (\n        <TextField.Root \n          {...commonProps} \n          placeholder={field.placeholder}\n          type={type === 'short_text' ? 'text' : type}\n        />\n      );\n    case 'number':\n      return (\n        <TextField.Root\n          {...commonProps}\n          inputMode=\"numeric\"\n          pattern=\"[0-9]*\"\n          placeholder={field.placeholder}\n          type=\"number\"\n        />\n      );\n    case 'long_text':\n      return <TextArea {...commonProps} placeholder={field.placeholder} rows={4} />;\n\n    case 'dropdown':\n      return (\n        <Select.Root\n          onValueChange={readonly ? undefined : (newValue: string) => {\n            void setFieldValue(name, newValue);\n          }}\n          value={value as string}\n          disabled={readonly}\n        >\n          <Select.Trigger placeholder={field.placeholder} />\n          <Select.Content>\n            {field.options.map((option) => (\n              <Select.Item key={option.value} value={String(option.value)}>\n                {option.label}\n              </Select.Item>\n            ))}\n          </Select.Content>\n        </Select.Root>\n      );\n\n    case 'choice':\n      return (\n        <RadioGroup.Root\n          onValueChange={readonly ? undefined : (newValue: string) => {\n            void setFieldValue(name, newValue);\n          }}\n          orientation={field.orientation}\n          value={String(value || '')}\n          disabled={readonly}\n        >\n          {field.options.map((option) => (\n            <RadioGroup.Item key={option.value} value={String(option.value)}>\n              {option.label}\n            </RadioGroup.Item>\n          ))}\n        </RadioGroup.Root>\n      );\n\n    case 'choices':\n      return (\n        <CheckboxGroup.Root\n          onValueChange={readonly ? undefined : (newValue: string[]) => {\n            void setFieldValue(name, newValue);\n          }}\n          orientation={field.orientation}\n          value={Array.isArray(value) ? value.map(String) : []}\n          disabled={readonly}\n        >\n          {field.options.map((option) => (\n            <CheckboxGroup.Item key={option.value} value={String(option.value)}>\n              {option.label}\n            </CheckboxGroup.Item>\n          ))}\n        </CheckboxGroup.Root>\n      );\n\n    case 'yes_no':\n      return (\n        <div style={{ display: 'flex', alignItems: 'flex-start', gap: '8px' }}>\n          <Checkbox\n            checked={Boolean(value)}\n            onCheckedChange={readonly ? undefined : (checked: boolean) => {\n              void setFieldValue(name, checked);\n            }}\n            disabled={readonly}\n          />\n          {field.description ? (\n            <div style={{ fontSize: '14px', color: '#666', lineHeight: '1.4' }}>\n              {field.description}\n            </div>\n          ) : null}\n        </div>\n      );\n\n    default:\n      return null;\n  }\n}\n"],"mappings":"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","names":["import_react","import_themes","RadixText","import_react","import_react","import_themes","import_react","import_themes","import_jsx_runtime","Heading","RadixHeading","import_jsx_runtime","Root","Field","Heading","Label","Message","Control","import_jsx_runtime","import_themes","import_react","import_jsx_runtime","Root","RTextField","import_themes","import_react","import_jsx_runtime","RTextArea","import_themes","import_react","import_jsx_runtime","RadixSelect","Root","import_themes","import_react","import_jsx_runtime","Root","RadixCheckboxGroup","import_themes","import_themes","import_react","import_jsx_runtime","RadixCheckbox","import_jsx_runtime","import_jsx_runtime"]}
+{"version":3,"sources":["../../src/molecules/dynamic-form.tsx","../../src/atoms/typo.tsx","../../src/utils/map-with-responsive.ts","../../src/context/dynamic-form-context.tsx","../../src/molecules/form/form.tsx","../../src/atoms/heading.tsx","../../src/atoms/flex.tsx","../../src/atoms/text-field.tsx","../../src/atoms/text-area.tsx","../../src/atoms/select.tsx","../../src/atoms/check-box-group.tsx","../../src/atoms/radio-group.tsx","../../src/atoms/check-box.tsx","../../src/molecules/dynamic-field.tsx"],"sourcesContent":["import React, { useMemo, useCallback, useEffect } from 'react';\nimport { useFormik, type FormikProps } from 'formik';\nimport * as Yup from 'yup';\nimport { Box } from '@radix-ui/themes';\nimport { Typo } from '@/atoms/typo';\nimport {\n  DynamicFormProvider,\n  useDynamicForm,\n} from '@/context/dynamic-form-context';\nimport type {\n  DynamicFormFieldSchema,\n  ValidationRule,\n} from '@/types/dynamic-form-schema-generated';\nimport { Form } from './form/form';\nimport { DynamicFormField } from './dynamic-field';\n\nexport interface DynamicFormProps {\n  fields: DynamicFormFieldSchema[];\n  initialValues?: Record<string, unknown>;\n  onSubmit: (values: Record<string, unknown>) => void | Promise<void>;\n  children: React.ReactNode;\n  readonly?: boolean;\n  formStyle?: React.CSSProperties;\n}\n\n/**\n * 첫 번째 에러 필드로 스크롤하는 함수\n */\nfunction scrollToFirstError(errors: Record<string, unknown>, _fields: DynamicFormFieldSchema[]): void {\n  const firstErrorFieldName = Object.keys(errors)[0];\n  if (!firstErrorFieldName) return;\n\n  // 해당 필드의 DOM 요소를 찾기 (여러 선택자 시도)\n  let fieldElement = document.querySelector(`[name=\"${firstErrorFieldName}\"]`);\n  \n  // input 요소를 찾지 못한 경우, 해당 필드의 컨테이너를 찾기\n  if (!fieldElement) {\n    fieldElement = document.querySelector(`[data-field-name=\"${firstErrorFieldName}\"]`);\n  }\n  \n  // 여전히 찾지 못한 경우, FormItem의 에러 메시지 영역을 찾기\n  if (!fieldElement) {\n    fieldElement = document.querySelector(`[data-error-field=\"${firstErrorFieldName}\"]`);\n  }\n\n  if (fieldElement) {\n    fieldElement.scrollIntoView({\n      behavior: 'smooth',\n      block: 'nearest',\n    });\n  }\n}\n\nfunction DynamicFormRoot({\n  fields,\n  initialValues = {},\n  onSubmit,\n  children,\n  readonly = false,\n  formStyle,\n}: DynamicFormProps): React.ReactElement {\n  const validationSchema = useMemo(() => {\n    const schema: Record<string, Yup.Schema<unknown>> = {};\n    fields.forEach((field) => {\n      if (field.validation) {\n        const validation = createYupValidation(field, field.validation);\n        if (validation) {\n          schema[field.name] = validation;\n        }\n      } else if (field.required) {\n        // choices 타입은 배열 스키마로 처리\n        if (field.type === 'choices') {\n          schema[field.name] = Yup.array()\n            .min(1, `${field.label}을(를) 하나 이상 선택해주세요`)\n            .required(`${field.label}은(는) 필수입니다`);\n        } else if (field.type === 'yes_no') {\n          // yes_no 타입은 boolean 스키마로 처리\n          schema[field.name] = Yup.boolean().oneOf([true], `${field.label}에 동의해주세요`);\n        } else {\n          // choice, dropdown, short_text, long_text, number, email 타입은 문자열 스키마로 처리\n          schema[field.name] = Yup.string().required(\n            `${field.label}은(는) 필수입니다`\n          );\n        }\n      }\n    });\n    return Object.keys(schema).length > 0 ? Yup.object(schema) : undefined;\n  }, [fields]);\n\n  const handleSubmit = useCallback(async (values: Record<string, unknown>) => {\n    await onSubmit(values);\n  }, [onSubmit]);\n\n  const formik: FormikProps<Record<string, unknown>> = useFormik({\n    initialValues: fields.reduce<Record<string, unknown>>((acc, field) => {\n      if (field.type === 'choices') {\n        acc[field.name] = initialValues[field.name] || [];\n      } else if (field.type === 'yes_no') {\n        acc[field.name] = initialValues[field.name] || false;\n      } else {\n        acc[field.name] = initialValues[field.name] || '';\n      }\n      return acc;\n    }, {}),\n    validationSchema,\n    validateOnBlur: true,\n    validateOnChange: true,\n    onSubmit: handleSubmit,\n  });\n\n  // submit 시 validation 에러가 있으면 첫 번째 에러 필드로 스크롤\n  useEffect(() => {\n    if (formik.submitCount > 0 && Object.keys(formik.errors).length > 0) {\n      // 약간의 지연을 두어 DOM 업데이트 후 스크롤 실행\n      const timeoutId = setTimeout(() => {\n        scrollToFirstError(formik.errors, fields);\n      }, 100);\n      \n      return () => {\n        clearTimeout(timeoutId);\n      };\n    }\n  }, [formik.submitCount, formik.errors, fields]);\n\n  return (\n    <DynamicFormProvider fields={fields} formStyle={formStyle} formik={formik} readonly={readonly}>\n      {children}\n    </DynamicFormProvider>\n  );\n}\n\ninterface DynamicFormFieldListProps {\n  fields?: DynamicFormFieldSchema[];\n  labelVariant?: 'title' | 'body' | 'caption';\n}\nfunction DynamicFormFieldList({\n  fields: fieldsProp,\n  labelVariant,\n}: DynamicFormFieldListProps): React.ReactElement {\n  const { formik, fields: fieldsFromContext, readonly } = useDynamicForm();\n  const fields = fieldsProp || fieldsFromContext;\n\n  return (\n    <>\n      {fields.map((field) => {\n        const errorMessage =\n          !readonly && formik.touched[field.name] && formik.errors[field.name]\n            ? String(formik.errors[field.name])\n            : undefined;\n\n        return (\n          <Box\n            data-error-field={errorMessage ? field.name : undefined}\n            data-field-name={field.name}\n            key={field.name}\n            mb=\"2\"\n          >\n            <Form.FormItem\n              errorMessage={errorMessage}\n              label={field.label}\n              labelVariant={labelVariant}\n              name={field.name}\n              required={field.required}\n            >\n              <DynamicFormField field={field} />\n              {field.description && field.type !== 'yes_no' ? <Typo color=\"gray\" variant=\"caption\">{field.description}</Typo> : null}\n            </Form.FormItem>\n          </Box>\n        );\n      })}\n    </>\n  );\n}\n\nexport const DynamicForm = {\n  Root: DynamicFormRoot,\n  FieldList: DynamicFormFieldList,\n};\n\nexport function createYupValidation(\n  field: DynamicFormFieldSchema,\n  validation?: ValidationRule\n): Yup.Schema<unknown> | undefined {\n  if (!validation) return undefined;\n\n  let schema: Yup.Schema<unknown>;\n\n  // field.type을 기준으로 기본 스키마 생성\n  if (field.type === 'number') {\n    schema = Yup.number();\n  } else if (field.type === 'email') {\n    schema = Yup.string().email(\n      validation.message || '올바른 이메일 형식이 아닙니다'\n    );\n  } else if (field.type === 'choices') {\n    schema = Yup.array();\n  } else if (field.type === 'yes_no') {\n    schema = Yup.boolean();\n  } else {\n    // choice, dropdown, short_text, long_text 타입은 문자열 스키마로 처리\n    schema = Yup.string();\n  }\n\n  if (validation.min !== undefined) {\n    if (field.type === 'number') {\n      schema = (schema as Yup.NumberSchema).min(\n        validation.min,\n        validation.message || `최소 ${validation.min}이어야 합니다`\n      );\n    } else if (field.type === 'choices') {\n      schema = (schema as ReturnType<typeof Yup.array>).min(\n        validation.min,\n        validation.message || `최소 ${validation.min}개 이상 선택해주세요`\n      );\n    } else if (field.type === 'yes_no') {\n      // yes_no 타입은 boolean이므로 min/max 검증 불가\n      // 대신 required 검증만 적용\n    } else {\n      schema = (schema as Yup.StringSchema).min(\n        validation.min,\n        validation.message || `최소 ${validation.min}자 이상이어야 합니다`\n      );\n    }\n  }\n\n  if (validation.max !== undefined) {\n    if (field.type === 'number') {\n      schema = (schema as Yup.NumberSchema).max(\n        validation.max,\n        validation.message || `최대 ${validation.max}이어야 합니다`\n      );\n    } else if (field.type === 'choices') {\n      schema = (schema as ReturnType<typeof Yup.array>).max(\n        validation.max,\n        validation.message || `최대 ${validation.max}개까지 선택 가능합니다`\n      );\n    } else if (field.type === 'yes_no') {\n      // yes_no 타입은 boolean이므로 min/max 검증 불가\n      // 대신 required 검증만 적용\n    } else {\n      schema = (schema as Yup.StringSchema).max(\n        validation.max,\n        validation.message || `최대 ${validation.max}자 이하여야 합니다`\n      );\n    }\n  }\n\n  if (validation.pattern) {\n    if (field.type === 'yes_no') {\n      // yes_no 타입은 boolean이므로 pattern 검증 불가\n      // 대신 required 검증만 적용\n    } else {\n      schema = (schema as Yup.StringSchema).matches(\n        new RegExp(validation.pattern),\n        validation.message || '올바른 형식이 아닙니다'\n      );\n    }\n  }\n\n  // field.required가 true인 경우 required 검증 추가\n  if (field.required) {\n    if (field.type === 'yes_no') {\n      schema = (schema as Yup.BooleanSchema).oneOf([true], validation.message || `${field.label}에 동의해주세요`);\n    } else if (field.type === 'choices') {\n      schema = (schema as ReturnType<typeof Yup.array>).min(1, validation.message || `${field.label}을(를) 하나 이상 선택해주세요`);\n    } else {\n      schema = (schema as Yup.StringSchema).required(validation.message || `${field.label}은(는) 필수입니다`);\n    }\n  }\n\n  return schema;\n}\n","import type { TextProps as RadixTextProps } from '@radix-ui/themes';\nimport type { Responsive } from '@radix-ui/themes/props';\nimport { Text as RadixText } from '@radix-ui/themes';\nimport React, { useMemo, forwardRef } from 'react';\nimport { mapWithResponsive } from '@/utils/map-with-responsive';\n\nexport type TypoProps = RadixTextProps & {\n  variant?: Responsive<'body' | 'caption' | 'subtitle'>;\n};\n\nexport const Typo = forwardRef<HTMLSpanElement, TypoProps>(\n  (props: TypoProps, ref): React.ReactNode => {\n    const { size, variant, children, ...rest } = props;\n\n    const radixSize = useMemo<RadixTextProps['size']>(() => {\n      if (size !== undefined) return size;\n\n      if (variant === undefined) return '2';\n\n      return mapWithResponsive({\n        value: variant,\n        mapFn: (variantValue?: 'body' | 'caption' | 'subtitle') => {\n          switch (variantValue) {\n            case 'caption':\n              return '1';\n            case 'subtitle':\n              return '3';\n            case 'body':\n            default:\n              return '2';\n          }\n        },\n      });\n    }, [size, variant]);\n\n    return (\n      <RadixText {...rest} ref={ref} size={radixSize}>\n        {children}\n      </RadixText>\n    );\n  }\n);\n\nTypo.displayName = 'Typo';\n","import type {  Breakpoint, Responsive } from \"@radix-ui/themes/props\";\n\nexport const mapWithResponsive = <T extends string,K extends string>(\n args:  {value: Responsive<T>, mapFn: (value?:T)=>K |undefined}\n): Responsive<K> | undefined => {\n  const {value, mapFn} = args;\n  if(typeof value === 'string'){\n    return mapFn(value);\n  };\n  \n  if(typeof value === 'object'){\n    const newObj: Partial<Record<Breakpoint, K>> = {};\n    let key: Breakpoint;\n    for(key in value){\n      newObj[key] = mapFn(value[key]);\n    }\n    return newObj;\n  }\n  return value;\n};\n","import React, { createContext, useContext } from 'react';\nimport type { FormikProps } from 'formik';\nimport { Form } from '@/molecules/form/form';\nimport type { DynamicFormFieldSchema } from '@/types/dynamic-form-schema-generated';\n\nexport interface DynamicFormContextValue {\n  formik: FormikProps<Record<string, unknown>>;\n  fields: DynamicFormFieldSchema[];\n  readonly: boolean;\n  getFieldValue: (name: string) => unknown;\n  getFieldError: (name: string) => string | undefined;\n  getFieldTouched: (name: string) => boolean;\n  setFieldValue: (field: string, value: unknown) => Promise<void>;\n  handleChange: (e: React.ChangeEvent<unknown>) => void;\n  handleBlur: (e: React.FocusEvent<unknown>) => void;\n}\n\nconst DynamicFormContext = createContext<DynamicFormContextValue | null>(null);\n\ninterface DynamicFormProviderProps {\n  children: React.ReactNode;\n  fields: DynamicFormFieldSchema[];\n  formik: FormikProps<Record<string, unknown>>;\n  readonly?: boolean;\n  formStyle?: React.CSSProperties;\n}\n\nexport function DynamicFormProvider({\n  children,\n  fields,\n  formik,\n  readonly = false,\n  formStyle,\n}: DynamicFormProviderProps): React.ReactElement {\n  const contextValue: DynamicFormContextValue = {\n    formik,\n    fields,\n    readonly,\n    getFieldValue: (name: string): unknown => formik.values[name],\n    getFieldError: (name: string): string | undefined => {\n      const error = formik.errors[name];\n      const touched = formik.touched[name];\n      return touched && error ? String(error) : undefined;\n    },\n    getFieldTouched: (name: string): boolean => Boolean(formik.touched[name]),\n    setFieldValue: async (field: string, value: unknown): Promise<void> => {\n      await formik.setFieldValue(field, value);\n    },\n    handleChange: formik.handleChange,\n    handleBlur: formik.handleBlur, \n  };\n\n  return (\n    <DynamicFormContext.Provider value={contextValue}>\n      <Form.Root onSubmit={formik.handleSubmit} style={formStyle}>{children}</Form.Root>\n    </DynamicFormContext.Provider>\n  );\n}\n\nexport function useDynamicForm(): DynamicFormContextValue {\n  const context = useContext(DynamicFormContext);\n\n  if (!context) {\n    throw new Error('useDynamicForm must be used within a DynamicFormProvider');\n  }\n\n  return context;\n}\n","import * as RadixForm from '@radix-ui/react-form';\nimport React, { createContext, forwardRef, useContext, useMemo } from 'react';\nimport type { HeadingProps } from '@radix-ui/themes';\nimport { Heading } from '../../atoms/heading';\nimport type { TypoProps } from '../../atoms/typo';\nimport { Typo } from '../../atoms/typo';\n\nconst Root = forwardRef<HTMLFormElement, RadixForm.FormProps>(\n  ({ children, className, ...rest }, ref) => {\n    return (\n      <RadixForm.Root\n        {...rest}\n        className={`FormRoot ${className || ''}`}\n        ref={ref}\n      >\n        {children}\n      </RadixForm.Root>\n    );\n  }\n);\n\nRoot.displayName = 'FORM_ROOT';\n\nexport type FormFieldProps = RadixForm.FormFieldProps & { required?: boolean };\n\nconst FieldContext = createContext<FormFieldProps>({\n  name: '',\n});\n\nconst Field = forwardRef<HTMLDivElement, FormFieldProps>(\n  ({ children, className, ...rest }, ref) => {\n    return (\n      <RadixForm.Field\n        {...rest}\n        className={`FormField ${className || ''}`}\n        ref={ref}\n      >\n        <FieldContext.Provider value={rest}>{children}</FieldContext.Provider>\n      </RadixForm.Field>\n    );\n  }\n);\nField.displayName = 'FORM_FIELD';\n\nexport type FormLabelProps = RadixForm.FormLabelProps & {\n  /** label의 타입을 지정  */\n  variant?: 'title' | 'body' | 'caption';\n};\n\nfunction HeadingLabel(props: HeadingProps): React.ReactNode {\n  return (\n    <Heading variant=\"heading5\" {...props}>\n      {props.children}\n    </Heading>\n  );\n}\n\nfunction CaptionLabel(props: TypoProps): React.ReactNode {\n  return (\n    <Typo color=\"gray\" variant=\"caption\" {...props}>\n      {props.children}\n    </Typo>\n  );\n}\n\nconst Label = forwardRef<HTMLLabelElement, FormLabelProps>(\n  ({ children, className, variant, ...rest }, ref) => {\n    const Comp = useMemo(() => {\n      switch (variant) {\n        case 'title':\n          return HeadingLabel;\n        case 'caption':\n          return CaptionLabel;\n        case 'body':\n        default:\n          return Typo;\n      }\n    }, [variant]);\n\n    const fieldProps = useContext(FieldContext);\n    return (\n      <RadixForm.Label\n        {...rest}\n        asChild\n        className={`FormLabel ${className || ''}`}\n        ref={ref}\n      >\n        <Comp>\n          {children}\n          {fieldProps.required ? (\n            <Typo as=\"span\" color=\"tomato\">\n              {` *`}\n            </Typo>\n          ) : null}\n        </Comp>\n      </RadixForm.Label>\n    );\n  }\n);\nLabel.displayName = 'FORM_Label';\n\nconst Message = forwardRef<HTMLSpanElement, RadixForm.FormMessageProps>(\n  ({ children, className, ...rest }, ref) => {\n    return (\n      <RadixForm.Message\n        {...rest}\n        asChild\n        className={`FormMessage ${className || ''}`}\n        ref={ref}\n      >\n        <Typo color=\"red\">{children}</Typo>\n      </RadixForm.Message>\n    );\n  }\n);\nMessage.displayName = 'FORM_Message';\n\ntype ControlProps = Omit<RadixForm.FormControlProps, 'required'>;\nconst Control = forwardRef<HTMLInputElement, ControlProps>(\n  ({ className, ...rest }, ref) => {\n    const fieldProps = useContext(FieldContext);\n    return (\n      <RadixForm.Control\n        {...rest}\n        className={`FormControl ${className || ''}`}\n        ref={ref}\n        required={fieldProps.required}\n      />\n    );\n  }\n);\nControl.displayName = 'FORM_Control';\n\ninterface FormItemProps extends FormFieldProps {\n  children: React.ReactNode;\n  label: string;\n  labelVariant?: FormLabelProps['variant'];\n  errorMessage?: string;\n}\n\nexport function FormItem({\n  label,\n  labelVariant,\n  children,\n  errorMessage,\n  ...fieldProps\n}: FormItemProps): React.ReactNode {\n  return (\n    <Form.Field {...fieldProps}>\n      <Form.Label variant={labelVariant}>{label}</Form.Label>\n      {children}\n      <Form.Message forceMatch={Boolean(errorMessage)}>\n        {errorMessage}\n      </Form.Message>\n    </Form.Field>\n  );\n}\n\nexport const Form = {\n  Root,\n  Field,\n  Label,\n  Message,\n  Control: RadixForm.Control,\n  Submit: RadixForm.Submit,\n  FormItem,\n};\n","import {\n  Heading as RadixHeading,\n  type HeadingProps as RadixHeadingProps,\n} from '@radix-ui/themes';\nimport type { Responsive } from '@radix-ui/themes/props';\nimport { useMemo } from 'react';\nimport { mapWithResponsive } from '@/utils/map-with-responsive';\n\nexport { Heading as RadixHeading } from '@radix-ui/themes';\ntype HeadingVariant =\n  | 'heading1'\n  | 'heading2'\n  | 'heading3'\n  | 'heading4'\n  | 'heading5';\nexport type HeadingProps = RadixHeadingProps & {\n  variant?: Responsive<HeadingVariant>;\n};\n\ntype HeadingSize = '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9';\n\nconst mapVariant = (variant?: HeadingVariant): HeadingSize | undefined => {\n  switch (variant) {\n    case 'heading1':\n      return '7';\n    case 'heading2':\n      return '6';\n    case 'heading3':\n      return '5';\n    case 'heading4':\n      return '4';\n    case 'heading5':\n      return '3';\n    default:\n      return undefined;\n  }\n};\n\nexport function Heading(props: HeadingProps): React.ReactNode {\n  const { size, children, variant, ...rest } = props;\n  const radixSize = useMemo<RadixHeadingProps['size']>(() => {\n    return variant\n      ? mapWithResponsive({\n          value: variant,\n          mapFn: mapVariant,\n        })\n      : size;\n \n  }, [size, variant]);\n\n  return (\n    <RadixHeading {...rest} size={radixSize}>\n      {children}\n    </RadixHeading>\n  );\n}\n","export { Flex, type FlexProps } from '@radix-ui/themes';\n","import { TextField as RTextField } from '@radix-ui/themes';\nimport { forwardRef, useMemo } from 'react';\n\ntype RSlotProps = RTextField.SlotProps;\n\ntype RootProps = RTextField.RootProps & { error?: boolean };\n\nconst Root = forwardRef<\n  HTMLInputElement,\n  RTextField.RootProps & { error?: boolean }\n>((props, ref) => {\n  const { error, style, className, ...rest } = props;\n\n  const fieldStyle = useMemo(() => {\n    if (!error) return style;\n    const errorStyle = {\n      boxShadow: 'inset 0 0 0 var(--text-field-border-width) var(--error-11)',\n    };\n\n    return { ...(style || {}), ...errorStyle };\n  }, [error, style]);\n\n  const classNameStr = error ? `error ${className}` : className;\n  return (\n    <RTextField.Root\n      className={classNameStr}\n      ref={ref}\n      style={fieldStyle}\n      {...rest}\n    />\n  );\n});\n\nRoot.displayName = 'TextField.Root';\n\nconst TextField = { Root, Slot: RTextField.Slot };\n\nexport { TextField };\nexport type { RootProps, RSlotProps as SlotProps };\n","import {\n  TextArea as RTextArea,\n  type TextAreaProps as RTextAreaProps,\n} from '@radix-ui/themes';\nimport { forwardRef, useMemo } from 'react';\n\ntype TextAreaProps = RTextAreaProps & {\n  error?: boolean;\n};\n\nconst TextArea = forwardRef<HTMLTextAreaElement, TextAreaProps>(\n  (props, ref) => {\n    const { error, style, className, ...rest } = props;\n    const fieldStyle = useMemo(() => {\n      if (!error) return style;\n      const errorStyle = {\n        boxShadow: 'inset 0 0 0 var(--text-area-border-width) var(--error-11)',\n      };\n\n      return { ...(style || {}), ...errorStyle };\n    }, [error, style]);\n\n    const classNameStr = error ? `error ${className}` : className;\n\n    return (\n      <RTextArea\n        {...rest}\n        className={classNameStr}\n        ref={ref}\n        style={fieldStyle}\n      />\n    );\n  }\n);\n\nTextArea.displayName = 'TextArea';\n\nexport { TextArea, type TextAreaProps };\n","import { Select as RadixSelect } from '@radix-ui/themes';\nimport { createContext, forwardRef, useContext, useMemo } from 'react';\n\nconst SelectContext = createContext<{ error?: boolean }>({\n  error: false,\n});\n\nexport type ContentProps = RadixSelect.ContentProps & {\n  isNavigation?: boolean;\n};\n\nconst Content = forwardRef<HTMLDivElement, ContentProps>((props, ref) => {\n  const { className, isNavigation, ...rest } = props;\n  const { error } = useContext(SelectContext);\n\n  const cls = useMemo(() => {\n    const etc = isNavigation ? 'nav-select' : '';\n    const errorCls = error ? 'tipp-error' : '';\n    return [etc, errorCls, className].join(' ');\n  }, [className, error, isNavigation]);\n\n  return (\n    <RadixSelect.Content\n      position=\"popper\"\n      {...rest}\n      className={cls}\n      ref={ref}\n    />\n  );\n});\nContent.displayName = 'Select.Content';\n\nconst Trigger = forwardRef<HTMLButtonElement, RadixSelect.TriggerProps>(\n  (props, ref) => {\n    const { className, ...rest } = props;\n    const { error } = useContext(SelectContext);\n\n    const cls = useMemo(() => {\n      const errorCls = error ? 'error' : '';\n      return [errorCls, className].join(' ');\n    }, [className, error]);\n\n    return <RadixSelect.Trigger {...rest} className={cls} ref={ref} />;\n  }\n);\n\nTrigger.displayName = 'Select.Trigger';\n\nexport type SelectRootProps = RadixSelect.RootProps & {\n  error?: boolean;\n};\n\nfunction Root(props: SelectRootProps): React.ReactNode {\n  const { error, ...rest } = props;\n\n  return (\n    <SelectContext.Provider value={{ error }}>\n      <RadixSelect.Root {...rest} />\n    </SelectContext.Provider>\n  );\n}\n\nRoot.displayName = 'Select.Root';\n\nexport const Select = {\n  ...RadixSelect,\n  Root,\n  Trigger,\n  Content,\n};\n","import { CheckboxGroup as RadixCheckboxGroup } from '@radix-ui/themes';\nimport React, { forwardRef, useMemo } from 'react';\n\ntype RadixCheckboxGroupProps = React.ComponentPropsWithoutRef<\n  typeof RadixCheckboxGroup.Root\n>;\ntype CheckboxGroupProps = Omit<RadixCheckboxGroupProps, 'size'> & {\n  size?: 'small' | 'medium' | 'large';\n};\n\nconst Root = forwardRef<HTMLDivElement, CheckboxGroupProps>((props, ref) => {\n  const { children, size = 'medium', ...rest } = props;\n\n  const groupSize = useMemo<RadixCheckboxGroupProps['size']>(() => {\n    switch (size) {\n      case 'small':\n        return '1';\n      case 'large':\n        return '3';\n      case 'medium':\n      default:\n        return '2';\n    }\n  }, [size]);\n\n  return (\n    <RadixCheckboxGroup.Root {...rest} ref={ref} size={groupSize}>\n      {children}\n    </RadixCheckboxGroup.Root>\n  );\n});\n\nRoot.displayName = 'CheckboxGroup.Root';\n\nexport const CheckboxGroup = {\n  Root,\n  Item: RadixCheckboxGroup.Item,\n};\n","export { RadioGroup } from '@radix-ui/themes';\n","import {\n  Checkbox as RadixCheckbox,\n  type CheckboxProps as RadixCheckboxProps,\n} from '@radix-ui/themes';\nimport { useMemo, forwardRef } from 'react';\n\nexport type CheckboxProps = Omit<RadixCheckboxProps, 'size'> & {\n  size?: 'small' | 'medium' | 'large';\n};\n\nexport const Checkbox = forwardRef<HTMLButtonElement, CheckboxProps>(\n  (props, ref): React.ReactNode => {\n    const { size = 'medium', ...rest } = props;\n\n    const radixSize = useMemo<RadixCheckboxProps['size']>(() => {\n      switch (size) {\n        case 'small':\n          return '1';\n        case 'medium':\n          return '2';\n        case 'large':\n          return '3';\n      }\n    }, [size]);\n\n    return <RadixCheckbox {...rest} ref={ref} size={radixSize} />;\n  }\n);\n\nCheckbox.displayName = 'Checkbox';\n","\nimport { Flex } from '@/atoms/flex';\nimport { Typo } from '@/atoms/typo';\nimport { useDynamicForm } from '../context/dynamic-form-context';\nimport { TextField } from '../atoms/text-field';\nimport { TextArea } from '../atoms/text-area';\nimport { Select } from '../atoms/select';\nimport { CheckboxGroup } from '../atoms/check-box-group';\nimport { RadioGroup } from '../atoms/radio-group';\nimport { Checkbox } from '../atoms/check-box';\nimport type { DynamicFormFieldSchema } from '../types/dynamic-form-schema-generated';\n\ninterface DynamicFormFieldRendererProps {\n  field: DynamicFormFieldSchema;\n}\n\nexport function DynamicFormField({\n  field,\n}: DynamicFormFieldRendererProps): React.ReactElement | null {\n  const {\n    getFieldValue,\n    getFieldError,\n    getFieldTouched,\n    setFieldValue,\n    handleChange,\n    handleBlur,\n    readonly,\n  } = useDynamicForm();\n  const { name, type } = field;\n\n  const value = getFieldValue(name);\n  const error = getFieldError(name);\n  const touched = getFieldTouched(name);\n  const hasError = Boolean(error && touched);\n\n  const commonProps = {\n    name,\n    value: String(value || ''),\n    onChange: readonly ? undefined : handleChange,\n    onBlur: readonly ? undefined : handleBlur,\n    error: hasError,\n    disabled: readonly,\n  };\n\n  switch (type) {\n    case 'short_text':\n    case 'email':\n      return (\n        <TextField.Root \n          {...commonProps} \n          placeholder={field.placeholder}\n          type={type === 'short_text' ? 'text' : type}\n        />\n      );\n    case 'number':\n      return (\n        <TextField.Root\n          {...commonProps}\n          inputMode=\"numeric\"\n          pattern=\"[0-9]*\"\n          placeholder={field.placeholder}\n          type=\"number\"\n        />\n      );\n    case 'long_text':\n      return <TextArea rows={4} {...commonProps} placeholder={field.placeholder}  />;\n\n    case 'dropdown':\n      return (\n        <Select.Root\n          disabled={readonly}\n          onValueChange={readonly ? undefined : (newValue: string) => {\n            void setFieldValue(name, newValue);\n          }}\n          value={value as string}\n        >\n          <Select.Trigger placeholder={field.placeholder} />\n          <Select.Content>\n            {field.options.map((option) => (\n              <Select.Item key={option.value} value={String(option.value)}>\n                {option.label}\n              </Select.Item>\n            ))}\n          </Select.Content>\n        </Select.Root>\n      );\n\n    case 'choice':\n      return (\n        <RadioGroup.Root\n          disabled={readonly}\n          onValueChange={readonly ? undefined : (newValue: string) => {\n            void setFieldValue(name, newValue);\n          }}\n          orientation={field.orientation}\n          value={String(value || '')}\n        >\n          {field.options.map((option) => (\n            <RadioGroup.Item key={option.value} value={String(option.value)}>\n              {option.label}\n            </RadioGroup.Item>\n          ))}\n        </RadioGroup.Root>\n      );\n\n    case 'choices':\n      return (\n        <CheckboxGroup.Root\n          disabled={readonly}\n          onValueChange={readonly ? undefined : (newValue: string[]) => {\n            void setFieldValue(name, newValue);\n          }}\n          orientation={field.orientation}\n          value={Array.isArray(value) ? value.map(String) : []}\n        >\n          {field.options.map((option) => (\n            <CheckboxGroup.Item key={option.value} value={String(option.value)}>\n              {option.label}\n            </CheckboxGroup.Item>\n          ))}\n        </CheckboxGroup.Root>\n      );\n\n    case 'yes_no':\n      return (\n        <Flex gap=\"2\">\n          <Checkbox\n            checked={Boolean(value)}\n            disabled={readonly}\n            onCheckedChange={readonly ? undefined : (checked: boolean) => {\n              void setFieldValue(name, checked);\n            }}\n          />\n          {field.description ? (\n            <Typo color=\"gray\" variant=\"caption\">\n              {field.description}\n            </Typo>\n          ) : null}\n        </Flex>\n      );\n\n    default:\n      return null;\n  }\n}\n"],"mappings":"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","names":["import_react","import_themes","RadixText","import_react","import_react","import_themes","import_react","import_themes","import_jsx_runtime","Heading","RadixHeading","import_jsx_runtime","Root","Field","Heading","Label","Message","Control","import_jsx_runtime","import_themes","import_themes","import_react","import_jsx_runtime","Root","RTextField","import_themes","import_react","import_jsx_runtime","RTextArea","import_themes","import_react","import_jsx_runtime","RadixSelect","Root","import_themes","import_react","import_jsx_runtime","Root","RadixCheckboxGroup","import_themes","import_themes","import_react","import_jsx_runtime","RadixCheckbox","import_jsx_runtime","import_jsx_runtime"]}

package/dist/molecules/dynamic-form.js

@@ -1,8 +1,8 @@
 import {
   DynamicForm,
   createYupValidation
-} from "../chunk-GZTKJMEK.js";
-import "../chunk-TXMVRPAL.js";
+} from "../chunk-KPE4JB42.js";
+import "../chunk-DXD774YC.js";
 import "../chunk-NCSMSA3X.js";
 import "../chunk-2OMSNCRH.js";
 import "../chunk-5XYPLDI5.js";
@@ -14,6 +14,7 @@ import "../chunk-VYCYVN3L.js";
 import "../chunk-BESTU2AY.js";
 import "../chunk-PMJIFLDT.js";
 import "../chunk-LDBWASUA.js";
+import "../chunk-25HMMI7R.js";
 import "../chunk-CRTRMMJ7.js";
 export {
   DynamicForm,

package/dist/molecules/expand-table/index.cjs

@@ -557,6 +557,50 @@ var CircleChatIcon = React13.forwardRef(
 );
 CircleChatIcon.displayName = "CircleChatIcon";
 
+// src/icons/circle-file.tsx
+var React14 = __toESM(require("react"), 1);
+var import_jsx_runtime14 = require("react/jsx-runtime");
+var CircleFileIcon = React14.forwardRef(
+  (_a, forwardedRef) => {
+    var _b = _a, { color = "currentColor" } = _b, props = __objRest(_b, ["color"]);
+    return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+      "svg",
+      __spreadProps(__spreadValues({
+        fill: "none",
+        height: "16",
+        viewBox: "0 0 16 16",
+        width: "16",
+        xmlns: "http://www.w3.org/2000/svg"
+      }, props), {
+        ref: forwardedRef,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("rect", { fill: color, height: "16", rx: "8", width: "16" }),
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+            "rect",
+            {
+              fill: "white",
+              fillOpacity: "0.01",
+              height: "12",
+              transform: "translate(2 2)",
+              width: "12"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+            "path",
+            {
+              clipRule: "evenodd",
+              d: "M4.39998 4.00005C4.39998 3.77914 4.57906 3.60005 4.79998 3.60005H9.26861C9.37469 3.60005 9.47643 3.64219 9.55145 3.71721L11.4829 5.64858C11.5578 5.72359 11.6 5.82534 11.6 5.93142V12C11.6 12.2209 11.4209 12.4 11.2 12.4H4.79998C4.57906 12.4 4.39998 12.2209 4.39998 12V4.00005ZM4.79998 2.80005C4.13723 2.80005 3.59998 3.3373 3.59998 4.00005V12C3.59998 12.6628 4.13723 13.2 4.79998 13.2H11.2C11.8627 13.2 12.4 12.6628 12.4 12V5.93142C12.4 5.61316 12.2736 5.30794 12.0485 5.08289L10.1171 3.15152C9.89209 2.92648 9.58686 2.80005 9.26861 2.80005H4.79998ZM5.59998 5.20005C5.37906 5.20005 5.19998 5.37914 5.19998 5.60005C5.19998 5.82096 5.37906 6.00005 5.59998 6.00005H7.99998C8.22089 6.00005 8.39998 5.82096 8.39998 5.60005C8.39998 5.37914 8.22089 5.20005 7.99998 5.20005H5.59998ZM5.59998 7.60005C5.37906 7.60005 5.19998 7.77914 5.19998 8.00005C5.19998 8.22096 5.37906 8.40005 5.59998 8.40005H10.4C10.6209 8.40005 10.8 8.22096 10.8 8.00005C10.8 7.77914 10.6209 7.60005 10.4 7.60005H5.59998ZM5.59998 10C5.37906 10 5.19998 10.1792 5.19998 10.4C5.19998 10.6209 5.37906 10.8 5.59998 10.8H10.4C10.6209 10.8 10.8 10.6209 10.8 10.4C10.8 10.1792 10.6209 10 10.4 10H5.59998Z",
+              fill: "white",
+              fillRule: "evenodd"
+            }
+          )
+        ]
+      })
+    );
+  }
+);
+CircleFileIcon.displayName = "CircleFileIcon";
+
 // src/atoms/icon-button.tsx
 var import_react = require("react");
 var import_clsx = require("clsx");
@@ -594,7 +638,7 @@ var convertSize = (size) => {
 };
 
 // src/atoms/icon-button.tsx
-var import_jsx_runtime14 = require("react/jsx-runtime");
+var import_jsx_runtime15 = require("react/jsx-runtime");
 var IconButton = (0, import_react.forwardRef)(
   (props, ref) => {
     const _a = props, { size, style, variant } = _a, restProps = __objRest(_a, ["size", "style", "variant"]);
@@ -608,7 +652,7 @@ var IconButton = (0, import_react.forwardRef)(
     const className = (0, import_react.useMemo)(() => {
       return (0, import_clsx.clsx)(props.className, { transparent: variant === "transparent" });
     }, [props.className, variant]);
-    return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
       import_themes2.IconButton,
       __spreadProps(__spreadValues({
         style,
@@ -647,7 +691,7 @@ var mapWithResponsive = (args) => {
 };
 
 // src/atoms/typo.tsx
-var import_jsx_runtime15 = require("react/jsx-runtime");
+var import_jsx_runtime16 = require("react/jsx-runtime");
 var Typo = (0, import_react2.forwardRef)(
   (props, ref) => {
     const _a = props, { size, variant, children } = _a, rest = __objRest(_a, ["size", "variant", "children"]);
@@ -669,13 +713,13 @@ var Typo = (0, import_react2.forwardRef)(
         }
       });
     }, [size, variant]);
-    return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_themes3.Text, __spreadProps(__spreadValues({}, rest), { ref, size: radixSize, children }));
+    return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_themes3.Text, __spreadProps(__spreadValues({}, rest), { ref, size: radixSize, children }));
   }
 );
 Typo.displayName = "Typo";
 
 // src/atoms/pagination.tsx
-var import_jsx_runtime16 = require("react/jsx-runtime");
+var import_jsx_runtime17 = require("react/jsx-runtime");
 function Pagination(props) {
   const { onChange, count = 0, siblingCount = 2 } = props;
   const [page, setPage] = (0, import_react3.useState)(() => props.page || props.defaultPage || 1);
@@ -736,19 +780,19 @@ function Pagination(props) {
     size: "large",
     style: { borderRadius: "50%" }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_themes.Flex, { align: "center", className: "tipp-pagination", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_themes.Flex, { align: "center", className: "tipp-pagination", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
       IconButton,
       __spreadProps(__spreadValues({
         disabled: !doublePrev,
         onClick: onClickDoublePrev
       }, moveButtonProps), {
-        children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react_icons.DoubleArrowLeftIcon, __spreadValues({}, iconSize))
+        children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react_icons.DoubleArrowLeftIcon, __spreadValues({}, iconSize))
       })
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(IconButton, __spreadProps(__spreadValues({ disabled: !prev, onClick: onClickPrev }, moveButtonProps), { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react_icons.ChevronLeftIcon, __spreadValues({}, iconSize)) })),
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_themes.Flex, { gap: "1", children: visibleItems.map((item) => {
-      return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(IconButton, __spreadProps(__spreadValues({ disabled: !prev, onClick: onClickPrev }, moveButtonProps), { children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react_icons.ChevronLeftIcon, __spreadValues({}, iconSize)) })),
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_themes.Flex, { gap: "1", children: visibleItems.map((item) => {
+      return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
         "button",
         {
           className: `page-button ${item === page ? "active" : ""}`,
@@ -756,19 +800,19 @@ function Pagination(props) {
             setPage(item);
           },
           type: "button",
-          children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Typo, { variant: "body", children: item })
+          children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Typo, { variant: "body", children: item })
         },
         item
       );
     }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(IconButton, __spreadProps(__spreadValues({ disabled: !next, onClick: onClickNext }, moveButtonProps), { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react_icons.ChevronRightIcon, __spreadValues({}, iconSize)) })),
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(IconButton, __spreadProps(__spreadValues({ disabled: !next, onClick: onClickNext }, moveButtonProps), { children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react_icons.ChevronRightIcon, __spreadValues({}, iconSize)) })),
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
       IconButton,
       __spreadProps(__spreadValues({
         disabled: !doubleNext,
         onClick: onClickDoubleNext
       }, moveButtonProps), {
-        children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react_icons.DoubleArrowRightIcon, __spreadValues({}, iconSize))
+        children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react_icons.DoubleArrowRightIcon, __spreadValues({}, iconSize))
       })
     )
   ] });
@@ -783,7 +827,7 @@ var import_react5 = require("react");
 
 // src/atoms/collapse.tsx
 var import_react4 = require("react");
-var import_jsx_runtime17 = require("react/jsx-runtime");
+var import_jsx_runtime18 = require("react/jsx-runtime");
 function Collapse(props) {
   const { children, closedHeight = "0" } = props;
   const [open, setOpen] = (0, import_react4.useState)(() => {
@@ -798,11 +842,11 @@ function Collapse(props) {
     if (!ref.current) return;
     ref.current.style.maxHeight = open ? `${ref.current.scrollHeight}px` : closedHeight;
   }, [closedHeight, open]);
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "tipp-collapse", ref, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "tipp-collapse", ref, children });
 }
 
 // src/molecules/expand-table/row.tsx
-var import_jsx_runtime18 = require("react/jsx-runtime");
+var import_jsx_runtime19 = require("react/jsx-runtime");
 function Row(props) {
   const { row, ExpandComp, gridTemplateColumns, getRowStyle, getCellStyle } = props;
   const [open, setOpen] = (0, import_react5.useState)(false);
@@ -821,8 +865,8 @@ function Row(props) {
     }
     return baseCls.join(" ");
   }, [ExpandComp, props.onRowClick]);
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: rowClassName, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: rowClassName, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
       "button",
       {
         className: "tr",
@@ -835,7 +879,7 @@ function Row(props) {
           var _a, _b, _c;
           const autoSize = (_a = cell.column.columnDef.meta) == null ? void 0 : _a.autoSize;
           const justifyContent = ((_b = cell.column.columnDef.meta) == null ? void 0 : _b.align) || props.defaultAlign;
-          return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+          return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
             "div",
             {
               className: "td",
@@ -846,7 +890,7 @@ function Row(props) {
               }, (getCellStyle == null ? void 0 : getCellStyle(row.original)) || {}),
               children: [
                 (0, import_react_table.flexRender)(cell.column.columnDef.cell, cell.getContext()),
-                ((_c = cell.column.columnDef.meta) == null ? void 0 : _c.OpenBtn) ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+                ((_c = cell.column.columnDef.meta) == null ? void 0 : _c.OpenBtn) ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
                   cell.column.columnDef.meta.OpenBtn,
                   {
                     data: row.original,
@@ -862,12 +906,12 @@ function Row(props) {
       },
       `tr_${row.id}`
     ),
-    ExpandComp ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Collapse, { open, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "expand-comp-wrapper", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(ExpandComp, { row }) }) }) : null
+    ExpandComp ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Collapse, { open, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "expand-comp-wrapper", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(ExpandComp, { row }) }) }) : null
   ] }, `tr-wrapper_${row.id}`);
 }
 
 // src/molecules/expand-table/index.tsx
-var import_jsx_runtime19 = require("react/jsx-runtime");
+var import_jsx_runtime20 = require("react/jsx-runtime");
 var sortButtonColorMapper = {
   card: {
     selected: "var(--iris-10)",
@@ -937,7 +981,7 @@ function ExpandTable(props) {
   const helpCompRender = (0, import_react6.useCallback)(
     (rowLength) => {
       if (isLoading) {
-        return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
           import_themes.Flex,
           {
             align: "center",
@@ -945,12 +989,12 @@ function ExpandTable(props) {
             justify: "center",
             p: "5",
             width: "100%",
-            children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_themes4.Spinner, {})
+            children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_themes4.Spinner, {})
           }
         );
       }
       if (rowLength === 0) {
-        return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "tr", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_themes.Flex, { align: "center", justify: "center", children: placeholder || /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Typo, { color: "gray", mb: "6", mt: "6", variant: "body", children: "\uB370\uC774\uD130\uAC00 \uC5C6\uC2B5\uB2C8\uB2E4" }) }) }, "expand_placeholder");
+        return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "tr", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_themes.Flex, { align: "center", justify: "center", children: placeholder || /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Typo, { color: "gray", mb: "6", mt: "6", variant: "body", children: "\uB370\uC774\uD130\uAC00 \uC5C6\uC2B5\uB2C8\uB2E4" }) }) }, "expand_placeholder");
       }
       return null;
     },
@@ -960,9 +1004,9 @@ function ExpandTable(props) {
     if (!data) return 0;
     return Math.ceil(data.length / pageSize);
   }, [data, pageSize]);
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: `expand-table-wrapper ${variant}`, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "expand-table", style: tableStyle, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "thead", children: getHeaderGroups().map((headerGroup) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: `expand-table-wrapper ${variant}`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "expand-table", style: tableStyle, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "thead", children: getHeaderGroups().map((headerGroup) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
         "div",
         {
           className: "tr",
@@ -973,36 +1017,36 @@ function ExpandTable(props) {
             const sortedState = header.column.getIsSorted();
             const justifyContent = ((_a = header.column.columnDef.meta) == null ? void 0 : _a.align) || defaultAlign;
             if (sortable) {
-              return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: `${justifyContent} th`, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+              return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: `${justifyContent} th`, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
                 "button",
                 {
                   onClick: header.column.getToggleSortingHandler(),
                   style: { cursor: "pointer" },
                   type: "button",
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Typo, { as: "div", variant: "body", children: (0, import_react_table2.flexRender)(
+                    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Typo, { as: "div", variant: "body", children: (0, import_react_table2.flexRender)(
                       header.column.columnDef.header,
                       header.getContext()
                     ) }),
-                    /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+                    /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
                       import_themes.Flex,
                       {
                         direction: "column",
                         style: { marginLeft: "var(--space-2)" },
                         children: [
-                          sortedState === false && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+                          sortedState === false && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
                             TriangleArrowDownIcon,
                             {
                               color: sortButtonColorMapper[variant].unselected
                             }
                           ),
-                          sortedState === "asc" && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+                          sortedState === "asc" && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
                             TriangleArrowUpIcon,
                             {
                               color: sortButtonColorMapper[variant].selected
                             }
                           ),
-                          sortedState === "desc" && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+                          sortedState === "desc" && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
                             TriangleArrowDownIcon,
                             {
                               color: sortButtonColorMapper[variant].selected
@@ -1015,7 +1059,7 @@ function ExpandTable(props) {
                 }
               ) }, header.id);
             }
-            return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: `${justifyContent} th`, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Typo, { as: "div", variant: "body", children: (0, import_react_table2.flexRender)(
+            return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: `${justifyContent} th`, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Typo, { as: "div", variant: "body", children: (0, import_react_table2.flexRender)(
               header.column.columnDef.header,
               header.getContext()
             ) }) }, header.id);
@@ -1023,8 +1067,8 @@ function ExpandTable(props) {
         },
         headerGroup.id
       )) }),
-      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_themes5.ScrollArea, { className: "tbody", children: helpCompRender(rowModels.rows.length) || rowModels.rows.map((row) => {
-        return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_themes5.ScrollArea, { className: "tbody", children: helpCompRender(rowModels.rows.length) || rowModels.rows.map((row) => {
+        return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
           Row,
           {
             ExpandComp,
@@ -1039,7 +1083,7 @@ function ExpandTable(props) {
         );
       }) })
     ] }),
-    showPagination ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_themes.Flex, { justify: "end", pt: "4", width: "100%", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+    showPagination ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_themes.Flex, { justify: "end", pt: "4", width: "100%", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
       Pagination,
       {
         count: pageCount,