@tipp/ui 2.2.9 → 2.3.0

package/dist/chunk-PNLXJ46A.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/app/platform/session-card.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from 'react';\nimport { format } from 'date-fns';\nimport type { ServiceType } from '@/types/biz.type';\nimport type { CardProps } from '../../atoms';\nimport {\n  BulletText,\n  Button,\n  Card,\n  DataList,\n  Dialog,\n  Flex,\n  Grid,\n  Heading,\n} from '../../atoms';\nimport { Pencil1Icon } from '../../icon';\nimport { EditCoachingTime } from './edit-coaching-time';\nimport { EditServiceType } from './edit-service-type';\n\nconst preventDefault = (e: Event): void => {\n  e.preventDefault();\n};\nexport type SessionCardProps = Omit<CardProps, 'error'> & {\n  error?: string;\n  startAt?: Date;\n  endAt?: Date;\n  sessionType?: ServiceType;\n  userName?: string;\n  sessionNumber?: number;\n  ExtraButtons?: React.ReactNode;\n  editable?: boolean;\n  TitleExtra?: React.ReactNode;\n  onSaveDate?: (startTime: Date, endTime: Date) => void;\n  onSaveSessionType?: (sessionType: string) => void;\n};\n\nexport function SessionCard(props: SessionCardProps): React.ReactNode {\n  const {\n    sessionNumber,\n    userName,\n    error,\n    ExtraButtons,\n    TitleExtra,\n    editable,\n    onSaveDate,\n    onSaveSessionType,\n    startAt,\n    endAt,\n    sessionType,\n    ...rest\n  } = props;\n\n  const renderEditButton = useCallback((): React.ReactNode => {\n    return (\n      <Button color=\"gray\" ml=\"2\" variant=\"transparent\">\n        <Pencil1Icon />\n      </Button>\n    );\n  }, []);\n\n  const sessionTimeStr = useMemo(() => {\n    if (!startAt || !endAt) return '알 수 없음';\n\n    return `${format(startAt, 'yyyy년 MM월 dd일 HH시 mm분')} ~ ${format(endAt, 'HH시 mm분')}`;\n  }, [startAt, endAt]);\n\n  return (\n    <Card error={Boolean(error)} {...rest}>\n      <Flex direction=\"column\" gap=\"3\">\n        <Flex align=\"center\" width=\"100%\">\n          <Heading variant=\"heading4\">\n            {`${userName || '알 수 없음'}님 ${sessionNumber || '-'}회차`}\n          </Heading>\n          {TitleExtra}\n          {error ? (\n            <BulletText as=\"p\" color=\"red\" variant=\"caption\">\n              {error}\n            </BulletText>\n          ) : null}\n        </Flex>\n        <DataList.Root>\n          <DataList.Item>\n            <DataList.Label>코칭 일시</DataList.Label>\n            <DataList.Value>\n              {sessionTimeStr}\n              {editable ? (\n                <Dialog.Root>\n                  <Dialog.Trigger>{renderEditButton()}</Dialog.Trigger>\n                  <Dialog.Content\n                    onOpenAutoFocus={preventDefault}\n                    style={{ overflow: 'visible' }}\n                    title={`${sessionNumber}회차 세션 일시 변경하기`}\n                  >\n                    <EditCoachingTime\n                      defaultEndAt={endAt}\n                      defaultStartAt={startAt}\n                      onClickSave={onSaveDate}\n                    />\n                  </Dialog.Content>\n                </Dialog.Root>\n              ) : null}\n            </DataList.Value>\n          </DataList.Item>\n          <Grid columns={{ initial: '1', xs: '2' }} style={{ gap: 'inherit' }}>\n            <DataList.Item>\n              <DataList.Label>세션 참여 방식</DataList.Label>\n              <DataList.Value>\n                {sessionType === 'offlineCoaching' ? '오프라인' : '온라인'}\n                {editable ? (\n                  <Dialog.Root>\n                    <Dialog.Trigger>{renderEditButton()}</Dialog.Trigger>\n                    <Dialog.Content\n                      title={`${sessionNumber}회차 세션 진행 방식 변경하기`}\n                    >\n                      <EditServiceType\n                        defaultServiceType={sessionType}\n                        onClickSave={onSaveSessionType}\n                      />\n                    </Dialog.Content>\n                  </Dialog.Root>\n                ) : null}\n              </DataList.Value>\n            </DataList.Item>\n\n            <Flex gap=\"2\" justify=\"end\">\n              {ExtraButtons}\n            </Flex>\n          </Grid>\n        </DataList.Root>\n      </Flex>\n    </Card>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/chunk-PPGJYNN6.js

@@ -1,69 +0,0 @@
-import {
-  review_question_radio_default
-} from "./chunk-FFDCFPJZ.js";
-import {
-  review_question_satisfaction_option_default
-} from "./chunk-2QX7RBOC.js";
-import {
-  ReviewQuestionSatisfisText
-} from "./chunk-3U5KWNAR.js";
-import {
-  review_question_text_default
-} from "./chunk-IBERMO6I.js";
-
-// src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/review-question-body.tsx
-import { jsx } from "react/jsx-runtime";
-function ReviewQuestionBody(props) {
-  const { question, answer, error, onChange } = props;
-  if (question.type === "question_radio") {
-    return /* @__PURE__ */ jsx(
-      review_question_radio_default,
-      {
-        answer,
-        error,
-        onChange,
-        question
-      }
-    );
-  }
-  if (question.type === "question_text") {
-    return /* @__PURE__ */ jsx(
-      review_question_text_default,
-      {
-        answer,
-        error,
-        onChange,
-        question
-      }
-    );
-  }
-  if (question.type === "question_satisfaction_option") {
-    return /* @__PURE__ */ jsx(
-      review_question_satisfaction_option_default,
-      {
-        answer,
-        error,
-        onChange,
-        question
-      }
-    );
-  }
-  if (question.type === "question_satisfaction_text") {
-    return /* @__PURE__ */ jsx(
-      ReviewQuestionSatisfisText,
-      {
-        answer,
-        error,
-        onChange,
-        question
-      }
-    );
-  }
-  return null;
-}
-var review_question_body_default = ReviewQuestionBody;
-
-export {
-  review_question_body_default
-};
-//# sourceMappingURL=chunk-PPGJYNN6.js.map

package/dist/chunk-PPGJYNN6.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/review-question-body.tsx"],"sourcesContent":["import React from 'react'; \nimport type { ReviewQuestionElement } from '@/types/curriculum.type';\nimport ReviewQuestionRadio from './review-question-radio';\nimport ReviewQuestionText from './review-question-text';\nimport ReviewQuestionSatisfactionOption from './review-question-satisfaction-option';\nimport ReviewQuestionSatisfactionText from './review-question-satisfaction-text';\n\ninterface ReviewQuestionBodyProps {\n  question: ReviewQuestionElement;\n  answer: string;\n  error?: string;\n  onChange: (value: string) => void;\n}\n\nfunction ReviewQuestionBody(props: ReviewQuestionBodyProps): React.ReactNode {\n  const { question, answer, error, onChange } = props;\n  \n  if (question.type === 'question_radio') {\n    return (\n      <ReviewQuestionRadio\n        answer={answer}\n        error={error}\n        onChange={onChange}\n        question={question}\n      />\n    );\n  }\n  if (question.type === 'question_text') {\n    return (\n      <ReviewQuestionText\n        answer={answer}\n        error={error}\n        onChange={onChange}\n        question={question}\n      />\n    );\n  }\n  if (question.type === 'question_satisfaction_option') {\n    return (\n      <ReviewQuestionSatisfactionOption\n        answer={answer}\n        error={error}\n        onChange={onChange}\n        question={question}\n      />\n    );\n  }\n\n  // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition -- 그 외의 타입이 있을 경우 있음\n  if (question.type === 'question_satisfaction_text') {\n    return (\n      <ReviewQuestionSatisfactionText\n        answer={answer}\n        error={error}\n        onChange={onChange}\n        question={question}\n      />\n    );\n  }\n\n  return null;\n}\nexport default ReviewQuestionBody;\n"],"mappings":";;;;;;;;;;;;;;AAmBM;AALN,SAAS,mBAAmB,OAAiD;AAC3E,QAAM,EAAE,UAAU,QAAQ,OAAO,SAAS,IAAI;AAE9C,MAAI,SAAS,SAAS,kBAAkB;AACtC,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,IACF;AAAA,EAEJ;AACA,MAAI,SAAS,SAAS,iBAAiB;AACrC,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,IACF;AAAA,EAEJ;AACA,MAAI,SAAS,SAAS,gCAAgC;AACpD,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,IACF;AAAA,EAEJ;AAGA,MAAI,SAAS,SAAS,8BAA8B;AAClD,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,IACF;AAAA,EAEJ;AAEA,SAAO;AACT;AACA,IAAO,+BAAQ;","names":[]}

package/dist/chunk-PQRXI5JN.js

@@ -1,101 +0,0 @@
-import {
-  ReviewQuestionContentHeader
-} from "./chunk-3WIE5DV2.js";
-import {
-  RadioButtonCard
-} from "./chunk-74TRRGWW.js";
-import {
-  Grid
-} from "./chunk-EGEQY3KT.js";
-import {
-  Box
-} from "./chunk-4Y5BEXVN.js";
-import {
-  Typo
-} from "./chunk-PMJIFLDT.js";
-import {
-  Flex
-} from "./chunk-25HMMI7R.js";
-import {
-  Button
-} from "./chunk-TSXRCXC6.js";
-import {
-  Card
-} from "./chunk-RP2RGCAW.js";
-
-// src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/review-question-radio.tsx
-import { useCallback, useMemo, useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var correctAnswerStyle = {
-  backgroundColor: "var(--green-a2)"
-};
-function ReviewQuestionRadio(props) {
-  const { question, answer, onChange } = props;
-  const [isCheckAnswer, setIsCheckAnswer] = useState(false);
-  const checkAnswer = useCallback(() => {
-    setIsCheckAnswer(true);
-  }, []);
-  const isCorrect = isCheckAnswer && Number(answer) === question.correctAnswer;
-  const isWrong = isCheckAnswer && Number(answer) !== question.correctAnswer;
-  const radioColor = useMemo(() => {
-    if (isCorrect) return "green";
-    if (isWrong) return "red";
-    return void 0;
-  }, [isCorrect, isWrong]);
-  return /* @__PURE__ */ jsxs(Grid, { height: "100%", rows: "auto 1fr", width: "100%", children: [
-    /* @__PURE__ */ jsx(Card, { mb: "4", size: "2", children: /* @__PURE__ */ jsx(
-      ReviewQuestionContentHeader,
-      {
-        icon: question.icon,
-        question: question.question,
-        title: question.title,
-        type: question.type
-      }
-    ) }),
-    /* @__PURE__ */ jsxs(Grid, { height: "100%", rows: "1fr auto", width: "100%", children: [
-      /* @__PURE__ */ jsx(Box, { position: "relative", children: /* @__PURE__ */ jsx(
-        RadioButtonCard.Root,
-        {
-          color: radioColor,
-          onValueChange: onChange,
-          style: {
-            width: "100%",
-            height: "100%",
-            overflowY: "auto",
-            position: "absolute"
-          },
-          value: answer,
-          children: /* @__PURE__ */ jsx(Flex, { direction: "column", gap: "2", width: "100%", children: question.options.map((option, i) => {
-            const isThisOptionCorrect = isCheckAnswer && i === question.correctAnswer;
-            const isThisOptionSelected = isCheckAnswer && i === Number(answer);
-            const isThisOptionWrong = isCheckAnswer && isThisOptionSelected && i !== question.correctAnswer;
-            const style = (() => {
-              if (isThisOptionCorrect) return correctAnswerStyle;
-              return {};
-            })();
-            return /* @__PURE__ */ jsx(
-              RadioButtonCard.Item,
-              {
-                style,
-                value: i.toString(),
-                children: /* @__PURE__ */ jsxs(Box, { children: [
-                  /* @__PURE__ */ jsx(Typo, { as: "p", children: option.label }),
-                  isThisOptionCorrect ? /* @__PURE__ */ jsx(Typo, { color: "green", children: "\uC815\uB2F5\uC785\uB2C8\uB2E4" }) : null,
-                  isThisOptionWrong ? /* @__PURE__ */ jsx(Typo, { color: "red", children: "\uC815\uB2F5\uC774 \uC544\uB2D9\uB2C8\uB2E4" }) : null
-                ] })
-              },
-              `${option.label}-${i}`
-            );
-          }) })
-        }
-      ) }),
-      /* @__PURE__ */ jsx(Flex, { justify: "end", mt: "2", children: /* @__PURE__ */ jsx(Button, { onClick: checkAnswer, children: "\uC815\uB2F5 \uD655\uC778" }) })
-    ] })
-  ] });
-}
-var review_question_radio_default = ReviewQuestionRadio;
-
-export {
-  review_question_radio_default
-};
-//# sourceMappingURL=chunk-PQRXI5JN.js.map

package/dist/chunk-PQRXI5JN.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/review-question-radio.tsx"],"sourcesContent":["import React, { useCallback, useMemo, useState } from 'react';\nimport { Box, Button, Card, Flex, Grid, Typo } from '@/atoms';\nimport { type CurriculumReviewQuestionRadio } from '@/types/curriculumContents.type'; \nimport { RadioButtonCard } from \"../../../../radio-button-card\";\nimport { ReviewQuestionContentHeader } from './review-comp';\n\ninterface ReviewQuestionRadioProps {\n  question: CurriculumReviewQuestionRadio;\n  answer: string;\n  error?: string;\n  onChange: (value: string) => void;\n}\n\nconst correctAnswerStyle: React.CSSProperties = {\n  backgroundColor: 'var(--green-a2)',\n};\n\nfunction ReviewQuestionRadio(props: ReviewQuestionRadioProps): React.ReactNode {\n  const { question, answer, onChange } = props;\n  const [isCheckAnswer, setIsCheckAnswer] = useState(false);\n\n  const checkAnswer = useCallback(() => {\n    setIsCheckAnswer(true);\n  }, []);\n\n  const isCorrect = isCheckAnswer && Number(answer) === question.correctAnswer;\n  const isWrong = isCheckAnswer && Number(answer) !== question.correctAnswer;\n  const radioColor = useMemo(() => {\n    if (isCorrect) return 'green';\n    if (isWrong) return 'red';\n    return undefined;\n  }, [isCorrect, isWrong]);\n\n  return (\n    <Grid height=\"100%\" rows=\"auto 1fr\" width=\"100%\">\n      <Card mb=\"4\" size=\"2\">\n        <ReviewQuestionContentHeader\n          icon={question.icon}\n          question={question.question}\n          title={question.title}\n          type={question.type}\n        />\n      </Card>\n\n      <Grid height=\"100%\" rows=\"1fr auto\" width=\"100%\">\n        <Box position=\"relative\">\n          <RadioButtonCard.Root\n            color={radioColor}\n            onValueChange={onChange}\n            style={{\n              width: '100%',\n              height: '100%',\n              overflowY: 'auto',\n              position: 'absolute',\n            }}\n            value={answer}\n          >\n            <Flex direction=\"column\" gap=\"2\" width=\"100%\">\n              {question.options.map((option, i) => {\n                const isThisOptionCorrect =\n                  isCheckAnswer && i === question.correctAnswer;\n                const isThisOptionSelected =\n                  isCheckAnswer && i === Number(answer);\n                const isThisOptionWrong =\n                  isCheckAnswer &&\n                  isThisOptionSelected &&\n                  i !== question.correctAnswer;\n                const style = (() => {\n                  if (isThisOptionCorrect) return correctAnswerStyle;\n                  return {};\n                })();\n\n                return (\n                  <RadioButtonCard.Item\n                    // eslint-disable-next-line react/no-array-index-key -- 조합 키로 중복 회피\n                    key={`${option.label}-${i}`}\n                    style={style}\n                    value={i.toString()}\n                  >\n                    <Box>\n                      <Typo as=\"p\">{option.label}</Typo>\n                      {isThisOptionCorrect ? (\n                        <Typo color=\"green\">정답입니다</Typo>\n                      ) : null}\n                      {isThisOptionWrong ? (\n                        <Typo color=\"red\">정답이 아닙니다</Typo>\n                      ) : null}\n                    </Box>\n                  </RadioButtonCard.Item>\n                );\n              })}\n            </Flex>\n          </RadioButtonCard.Root>\n        </Box>\n        <Flex justify=\"end\" mt=\"2\">\n          <Button onClick={checkAnswer}>정답 확인</Button>\n        </Flex>\n      </Grid>\n    </Grid>\n  );\n}\n\nexport default ReviewQuestionRadio;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAAgB,aAAa,SAAS,gBAAgB;AAoC9C,cA2CY,YA3CZ;AAvBR,IAAM,qBAA0C;AAAA,EAC9C,iBAAiB;AACnB;AAEA,SAAS,oBAAoB,OAAkD;AAC7E,QAAM,EAAE,UAAU,QAAQ,SAAS,IAAI;AACvC,QAAM,CAAC,eAAe,gBAAgB,IAAI,SAAS,KAAK;AAExD,QAAM,cAAc,YAAY,MAAM;AACpC,qBAAiB,IAAI;AAAA,EACvB,GAAG,CAAC,CAAC;AAEL,QAAM,YAAY,iBAAiB,OAAO,MAAM,MAAM,SAAS;AAC/D,QAAM,UAAU,iBAAiB,OAAO,MAAM,MAAM,SAAS;AAC7D,QAAM,aAAa,QAAQ,MAAM;AAC/B,QAAI,UAAW,QAAO;AACtB,QAAI,QAAS,QAAO;AACpB,WAAO;AAAA,EACT,GAAG,CAAC,WAAW,OAAO,CAAC;AAEvB,SACE,qBAAC,QAAK,QAAO,QAAO,MAAK,YAAW,OAAM,QACxC;AAAA,wBAAC,QAAK,IAAG,KAAI,MAAK,KAChB;AAAA,MAAC;AAAA;AAAA,QACC,MAAM,SAAS;AAAA,QACf,UAAU,SAAS;AAAA,QACnB,OAAO,SAAS;AAAA,QAChB,MAAM,SAAS;AAAA;AAAA,IACjB,GACF;AAAA,IAEA,qBAAC,QAAK,QAAO,QAAO,MAAK,YAAW,OAAM,QACxC;AAAA,0BAAC,OAAI,UAAS,YACZ;AAAA,QAAC,gBAAgB;AAAA,QAAhB;AAAA,UACC,OAAO;AAAA,UACP,eAAe;AAAA,UACf,OAAO;AAAA,YACL,OAAO;AAAA,YACP,QAAQ;AAAA,YACR,WAAW;AAAA,YACX,UAAU;AAAA,UACZ;AAAA,UACA,OAAO;AAAA,UAEP,8BAAC,QAAK,WAAU,UAAS,KAAI,KAAI,OAAM,QACpC,mBAAS,QAAQ,IAAI,CAAC,QAAQ,MAAM;AACnC,kBAAM,sBACJ,iBAAiB,MAAM,SAAS;AAClC,kBAAM,uBACJ,iBAAiB,MAAM,OAAO,MAAM;AACtC,kBAAM,oBACJ,iBACA,wBACA,MAAM,SAAS;AACjB,kBAAM,SAAS,MAAM;AACnB,kBAAI,oBAAqB,QAAO;AAChC,qBAAO,CAAC;AAAA,YACV,GAAG;AAEH,mBACE;AAAA,cAAC,gBAAgB;AAAA,cAAhB;AAAA,gBAGC;AAAA,gBACA,OAAO,EAAE,SAAS;AAAA,gBAElB,+BAAC,OACC;AAAA,sCAAC,QAAK,IAAG,KAAK,iBAAO,OAAM;AAAA,kBAC1B,sBACC,oBAAC,QAAK,OAAM,SAAQ,4CAAK,IACvB;AAAA,kBACH,oBACC,oBAAC,QAAK,OAAM,OAAM,yDAAQ,IACxB;AAAA,mBACN;AAAA;AAAA,cAZK,GAAG,OAAO,KAAK,IAAI,CAAC;AAAA,YAa3B;AAAA,UAEJ,CAAC,GACH;AAAA;AAAA,MACF,GACF;AAAA,MACA,oBAAC,QAAK,SAAQ,OAAM,IAAG,KACrB,8BAAC,UAAO,SAAS,aAAa,uCAAK,GACrC;AAAA,OACF;AAAA,KACF;AAEJ;AAEA,IAAO,gCAAQ;","names":[]}

package/dist/chunk-PT2BAFSQ.js

@@ -1,63 +0,0 @@
-import {
-  Typo
-} from "./chunk-PMJIFLDT.js";
-import {
-  Flex
-} from "./chunk-25HMMI7R.js";
-import {
-  Button
-} from "./chunk-EBBSXNIL.js";
-
-// src/molecules/navigation.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-function Navigation({
-  items,
-  fontColor,
-  backgroundColor,
-  activeKey
-}) {
-  return /* @__PURE__ */ jsx(
-    Flex,
-    {
-      direction: "column",
-      gap: "4",
-      pr: "3",
-      style: {
-        color: fontColor || "var(--white-a12)",
-        backgroundColor: backgroundColor || "var(--black-a12)"
-      },
-      children: items == null ? void 0 : items.map((item) => {
-        const { key, title, icon, itemRender, onClick, children } = item;
-        return /* @__PURE__ */ jsxs(Flex, { direction: "column", onClick, children: [
-          itemRender ? itemRender(item) : /* @__PURE__ */ jsxs(Flex, { align: "center", gap: "3", height: "36px", pl: "4", pr: "4", children: [
-            icon,
-            /* @__PURE__ */ jsx(Typo, { variant: "subtitle", children: title })
-          ] }),
-          children == null ? void 0 : children.map((menu) => {
-            return menu.itemRender ? menu.itemRender(menu) : /* @__PURE__ */ jsx(
-              Button,
-              {
-                className: `tipp-navigation-button ${activeKey === menu.key ? "active" : ""}`,
-                ml: "37px",
-                onClick: menu.onClick,
-                size: "large",
-                style: {
-                  color: "var(--white-a12)",
-                  height: "32px",
-                  paddingLeft: "var(--space-2)"
-                },
-                children: menu.title
-              },
-              menu.key
-            );
-          })
-        ] }, key);
-      })
-    }
-  );
-}
-
-export {
-  Navigation
-};
-//# sourceMappingURL=chunk-PT2BAFSQ.js.map

package/dist/chunk-PT2BAFSQ.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/molecules/navigation.tsx"],"sourcesContent":["import React from 'react';\nimport { Button, Flex, Typo } from '../atoms';\n\ninterface Item {\n  itemRender?: (item: Item) => React.ReactNode;\n  key: string;\n  onClick?: () => void;\n  title: string;\n  icon?: React.ReactNode;\n  children?: Item[];\n}\n\nexport interface NavigationProps {\n  items?: Item[];\n  fontColor?: string;\n  backgroundColor?: string;\n  activeKey?: string;\n}\n\nexport function Navigation({\n  items,\n  fontColor,\n  backgroundColor,\n  activeKey,\n}: NavigationProps): React.ReactNode {\n  return (\n    <Flex\n      direction=\"column\"\n      gap=\"4\"\n      pr=\"3\"\n      style={{\n        color: fontColor || 'var(--white-a12)',\n        backgroundColor: backgroundColor || 'var(--black-a12)',\n      }}\n    >\n      {items?.map((item) => {\n        const { key, title, icon, itemRender, onClick, children } = item;\n        return (\n          <Flex direction=\"column\" key={key} onClick={onClick}>\n            {itemRender ? (\n              itemRender(item)\n            ) : (\n              <Flex align=\"center\" gap=\"3\" height=\"36px\" pl=\"4\" pr=\"4\">\n                {icon}\n                <Typo variant=\"subtitle\">{title}</Typo>\n              </Flex>\n            )}\n            {children?.map((menu) => {\n              return menu.itemRender ? (\n                menu.itemRender(menu)\n              ) : (\n                <Button\n                  className={`tipp-navigation-button ${activeKey === menu.key ? 'active' : ''}`}\n                  key={menu.key}\n                  ml=\"37px\"\n                  onClick={menu.onClick}\n                  size=\"large\"\n                  style={{\n                    color: 'var(--white-a12)',\n                    height: '32px',\n                    paddingLeft: 'var(--space-2)',\n                  }}\n                >\n                  {menu.title}\n                </Button>\n              );\n            })}\n          </Flex>\n        );\n      })}\n    </Flex>\n  );\n}\n"],"mappings":";;;;;;;;;;;AA0Cc,SAEE,KAFF;AAvBP,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAqC;AACnC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,KAAI;AAAA,MACJ,IAAG;AAAA,MACH,OAAO;AAAA,QACL,OAAO,aAAa;AAAA,QACpB,iBAAiB,mBAAmB;AAAA,MACtC;AAAA,MAEC,yCAAO,IAAI,CAAC,SAAS;AACpB,cAAM,EAAE,KAAK,OAAO,MAAM,YAAY,SAAS,SAAS,IAAI;AAC5D,eACE,qBAAC,QAAK,WAAU,UAAmB,SAChC;AAAA,uBACC,WAAW,IAAI,IAEf,qBAAC,QAAK,OAAM,UAAS,KAAI,KAAI,QAAO,QAAO,IAAG,KAAI,IAAG,KAClD;AAAA;AAAA,YACD,oBAAC,QAAK,SAAQ,YAAY,iBAAM;AAAA,aAClC;AAAA,UAED,qCAAU,IAAI,CAAC,SAAS;AACvB,mBAAO,KAAK,aACV,KAAK,WAAW,IAAI,IAEpB;AAAA,cAAC;AAAA;AAAA,gBACC,WAAW,0BAA0B,cAAc,KAAK,MAAM,WAAW,EAAE;AAAA,gBAE3E,IAAG;AAAA,gBACH,SAAS,KAAK;AAAA,gBACd,MAAK;AAAA,gBACL,OAAO;AAAA,kBACL,OAAO;AAAA,kBACP,QAAQ;AAAA,kBACR,aAAa;AAAA,gBACf;AAAA,gBAEC,eAAK;AAAA;AAAA,cAVD,KAAK;AAAA,YAWZ;AAAA,UAEJ;AAAA,aA5B4B,GA6B9B;AAAA,MAEJ;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/chunk-PT6LLJVY.js

@@ -1,63 +0,0 @@
-import {
-  Button
-} from "./chunk-TSXRCXC6.js";
-import {
-  Typo
-} from "./chunk-PMJIFLDT.js";
-import {
-  Flex
-} from "./chunk-25HMMI7R.js";
-
-// src/molecules/navigation.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-function Navigation({
-  items,
-  fontColor,
-  backgroundColor,
-  activeKey
-}) {
-  return /* @__PURE__ */ jsx(
-    Flex,
-    {
-      direction: "column",
-      gap: "4",
-      pr: "3",
-      style: {
-        color: fontColor || "var(--white-a12)",
-        backgroundColor: backgroundColor || "var(--black-a12)"
-      },
-      children: items == null ? void 0 : items.map((item) => {
-        const { key, title, icon, itemRender, onClick, children } = item;
-        return /* @__PURE__ */ jsxs(Flex, { direction: "column", onClick, children: [
-          itemRender ? itemRender(item) : /* @__PURE__ */ jsxs(Flex, { align: "center", gap: "3", height: "36px", pl: "4", pr: "4", children: [
-            icon,
-            /* @__PURE__ */ jsx(Typo, { variant: "subtitle", children: title })
-          ] }),
-          children == null ? void 0 : children.map((menu) => {
-            return menu.itemRender ? menu.itemRender(menu) : /* @__PURE__ */ jsx(
-              Button,
-              {
-                className: `tipp-navigation-button ${activeKey === menu.key ? "active" : ""}`,
-                ml: "37px",
-                onClick: menu.onClick,
-                size: "large",
-                style: {
-                  color: "var(--white-a12)",
-                  height: "32px",
-                  paddingLeft: "var(--space-2)"
-                },
-                children: menu.title
-              },
-              menu.key
-            );
-          })
-        ] }, key);
-      })
-    }
-  );
-}
-
-export {
-  Navigation
-};
-//# sourceMappingURL=chunk-PT6LLJVY.js.map

package/dist/chunk-PT6LLJVY.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/molecules/navigation.tsx"],"sourcesContent":["import React from 'react';\nimport { Button, Flex, Typo } from '../atoms';\n\ninterface Item {\n  itemRender?: (item: Item) => React.ReactNode;\n  key: string;\n  onClick?: () => void;\n  title: string;\n  icon?: React.ReactNode;\n  children?: Item[];\n}\n\nexport interface NavigationProps {\n  items?: Item[];\n  fontColor?: string;\n  backgroundColor?: string;\n  activeKey?: string;\n}\n\nexport function Navigation({\n  items,\n  fontColor,\n  backgroundColor,\n  activeKey,\n}: NavigationProps): React.ReactNode {\n  return (\n    <Flex\n      direction=\"column\"\n      gap=\"4\"\n      pr=\"3\"\n      style={{\n        color: fontColor || 'var(--white-a12)',\n        backgroundColor: backgroundColor || 'var(--black-a12)',\n      }}\n    >\n      {items?.map((item) => {\n        const { key, title, icon, itemRender, onClick, children } = item;\n        return (\n          <Flex direction=\"column\" key={key} onClick={onClick}>\n            {itemRender ? (\n              itemRender(item)\n            ) : (\n              <Flex align=\"center\" gap=\"3\" height=\"36px\" pl=\"4\" pr=\"4\">\n                {icon}\n                <Typo variant=\"subtitle\">{title}</Typo>\n              </Flex>\n            )}\n            {children?.map((menu) => {\n              return menu.itemRender ? (\n                menu.itemRender(menu)\n              ) : (\n                <Button\n                  className={`tipp-navigation-button ${activeKey === menu.key ? 'active' : ''}`}\n                  key={menu.key}\n                  ml=\"37px\"\n                  onClick={menu.onClick}\n                  size=\"large\"\n                  style={{\n                    color: 'var(--white-a12)',\n                    height: '32px',\n                    paddingLeft: 'var(--space-2)',\n                  }}\n                >\n                  {menu.title}\n                </Button>\n              );\n            })}\n          </Flex>\n        );\n      })}\n    </Flex>\n  );\n}\n"],"mappings":";;;;;;;;;;;AA0Cc,SAEE,KAFF;AAvBP,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAqC;AACnC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,KAAI;AAAA,MACJ,IAAG;AAAA,MACH,OAAO;AAAA,QACL,OAAO,aAAa;AAAA,QACpB,iBAAiB,mBAAmB;AAAA,MACtC;AAAA,MAEC,yCAAO,IAAI,CAAC,SAAS;AACpB,cAAM,EAAE,KAAK,OAAO,MAAM,YAAY,SAAS,SAAS,IAAI;AAC5D,eACE,qBAAC,QAAK,WAAU,UAAmB,SAChC;AAAA,uBACC,WAAW,IAAI,IAEf,qBAAC,QAAK,OAAM,UAAS,KAAI,KAAI,QAAO,QAAO,IAAG,KAAI,IAAG,KAClD;AAAA;AAAA,YACD,oBAAC,QAAK,SAAQ,YAAY,iBAAM;AAAA,aAClC;AAAA,UAED,qCAAU,IAAI,CAAC,SAAS;AACvB,mBAAO,KAAK,aACV,KAAK,WAAW,IAAI,IAEpB;AAAA,cAAC;AAAA;AAAA,gBACC,WAAW,0BAA0B,cAAc,KAAK,MAAM,WAAW,EAAE;AAAA,gBAE3E,IAAG;AAAA,gBACH,SAAS,KAAK;AAAA,gBACd,MAAK;AAAA,gBACL,OAAO;AAAA,kBACL,OAAO;AAAA,kBACP,QAAQ;AAAA,kBACR,aAAa;AAAA,gBACf;AAAA,gBAEC,eAAK;AAAA;AAAA,cAVD,KAAK;AAAA,YAWZ;AAAA,UAEJ;AAAA,aA5B4B,GA6B9B;AAAA,MAEJ;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/chunk-PUFSBCTD.js

@@ -1,53 +0,0 @@
-// src/types/dynamic-form-schema-generated.ts
-function isShortTextField(field) {
-  return field.type === "short_text";
-}
-function isLongTextField(field) {
-  return field.type === "long_text";
-}
-function isNumberField(field) {
-  return field.type === "number";
-}
-function isEmailField(field) {
-  return field.type === "email";
-}
-function isPasswordField(field) {
-  return field.type === "password";
-}
-function isDropdownField(field) {
-  return field.type === "dropdown";
-}
-function isChoiceField(field) {
-  return field.type === "choice";
-}
-function isChoicesField(field) {
-  return field.type === "choices";
-}
-function isBooleanField(field) {
-  return field.type === "boolean";
-}
-function hasOptions(field) {
-  return field.type === "dropdown" || field.type === "choice" || field.type === "choices";
-}
-function hasPlaceholder(field) {
-  return field.type === "short_text" || field.type === "long_text" || field.type === "number" || field.type === "email" || field.type === "password" || field.type === "dropdown";
-}
-function hasOrientation(field) {
-  return field.type === "choice" || field.type === "choices";
-}
-
-export {
-  isShortTextField,
-  isLongTextField,
-  isNumberField,
-  isEmailField,
-  isPasswordField,
-  isDropdownField,
-  isChoiceField,
-  isChoicesField,
-  isBooleanField,
-  hasOptions,
-  hasPlaceholder,
-  hasOrientation
-};
-//# sourceMappingURL=chunk-PUFSBCTD.js.map

package/dist/chunk-PUFSBCTD.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/types/dynamic-form-schema-generated.ts"],"sourcesContent":["/* eslint-disable */\n/**\n * This file was automatically generated from dynamic-form-schema.json\n * DO NOT MODIFY IT BY HAND. Instead, modify the source JSONSchema file,\n * and run the generate-types script to regenerate this file.\n */\n\n\n// 공통 필드 속성\nexport interface BaseFieldSchema {\n  name: string;\n  label: string;\n  description?: string;\n  required?: boolean;\n  validation?: ValidationRule;\n  labelVariant?: 'default' | 'bold' | 'subtle';\n  defaultValue?: unknown;\n  disabled?: boolean;\n  readonly?: boolean;\n  hidden?: boolean;\n  conditional?: ConditionalRule;\n}\n\n// 필드 옵션 인터페이스\nexport interface FieldOptionSchema {\n  label: string;\n  value: string | number;\n}\n\n// short_text 필드\nexport interface ShorttextFieldSchema extends BaseFieldSchema {\n  type: 'short_text';\n  placeholder?: string;\n}\n\n// long_text 필드\nexport interface LongtextFieldSchema extends BaseFieldSchema {\n  type: 'long_text';\n  placeholder?: string;\n}\n\n// number 필드\nexport interface NumberFieldSchema extends BaseFieldSchema {\n  type: 'number';\n  placeholder?: string;\n}\n\n// email 필드\nexport interface EmailFieldSchema extends BaseFieldSchema {\n  type: 'email';\n  placeholder?: string;\n}\n\n// password 필드\nexport interface PasswordFieldSchema extends BaseFieldSchema {\n  type: 'password';\n  placeholder?: string;\n}\n\n// dropdown 필드\nexport interface DropdownFieldSchema extends BaseFieldSchema {\n  type: 'dropdown';\n  placeholder?: string;\n  options: FieldOptionSchema[];\n}\n\n// choice 필드\nexport interface ChoiceFieldSchema extends BaseFieldSchema {\n  type: 'choice';\n  options: FieldOptionSchema[];\n  orientation?: \"horizontal\" | \"vertical\";\n}\n\n// choices 필드\nexport interface ChoicesFieldSchema extends BaseFieldSchema {\n  type: 'choices';\n  options: FieldOptionSchema[];\n  orientation?: \"horizontal\" | \"vertical\";\n}\n\n// boolean 필드\nexport interface BooleanFieldSchema extends BaseFieldSchema {\n  type: 'boolean';\n}\n\n// 통합 필드 타입 (기존 DynamicFormField 대체)\nexport type DynamicFormFieldSchema = ShorttextFieldSchema | LongtextFieldSchema | NumberFieldSchema | EmailFieldSchema | PasswordFieldSchema | DropdownFieldSchema | ChoiceFieldSchema | ChoicesFieldSchema | BooleanFieldSchema;\n\n// 폼 섹션\nexport interface FormSectionSchema {\n  title: string;\n  description?: string;\n  fields: string[];\n  collapsible?: boolean;\n}\n\n// 폼 레이아웃\nexport interface FormLayoutSchema {\n  columns?: 1 | 2 | 3 | 4;\n  spacing?: 'compact' | 'normal' | 'relaxed';\n  sections?: FormSectionSchema[];\n}\n\n// 폼 액션\nexport interface FormActionsSchema {\n  submit?: {\n    text?: string;\n    loadingText?: string;\n    disabled?: boolean;\n  };\n  reset?: {\n    text?: string;\n    show?: boolean;\n  };\n  cancel?: {\n    text?: string;\n    show?: boolean;\n    url?: string;\n  };\n}\n\n// 전체 폼 스키마\nexport interface DynamicFormSchema {\n  fields: DynamicFormFieldSchema[];\n  initialValues?: Record<string, unknown>;\n  layout?: FormLayoutSchema;\n  actions?: FormActionsSchema;\n}\n\n// 유효성 검사 규칙\nexport interface ValidationRule {\n  type?: 'string' | 'number' | 'email' | 'array' | 'object';\n  required?: boolean;\n  min?: number;\n  max?: number;\n  pattern?: string;\n  message?: string;\n  oneOf?: unknown[];\n}\n\n// 조건부 규칙\nexport interface ConditionalRule {\n  field: string;\n  operator: 'equals' | 'notEquals' | 'contains' | 'notContains' | 'greaterThan' | 'lessThan';\n  value: unknown;\n}\n\n// 타입 가드 함수들\nexport function isShortTextField(field: DynamicFormFieldSchema): field is ShortTextFieldSchema {\n  return field.type === 'short_text';\n}\n\nexport function isLongTextField(field: DynamicFormFieldSchema): field is LongTextFieldSchema {\n  return field.type === 'long_text';\n}\n\nexport function isNumberField(field: DynamicFormFieldSchema): field is NumberFieldSchema {\n  return field.type === 'number';\n}\n\nexport function isEmailField(field: DynamicFormFieldSchema): field is EmailFieldSchema {\n  return field.type === 'email';\n}\n\nexport function isPasswordField(field: DynamicFormFieldSchema): field is PasswordFieldSchema {\n  return field.type === 'password';\n}\n\nexport function isDropdownField(field: DynamicFormFieldSchema): field is DropdownFieldSchema {\n  return field.type === 'dropdown';\n}\n\nexport function isChoiceField(field: DynamicFormFieldSchema): field is ChoiceFieldSchema {\n  return field.type === 'choice';\n}\n\nexport function isChoicesField(field: DynamicFormFieldSchema): field is ChoicesFieldSchema {\n  return field.type === 'choices';\n}\n\nexport function isBooleanField(field: DynamicFormFieldSchema): field is BooleanFieldSchema {\n  return field.type === 'boolean';\n}\n\n// 옵션이 필요한 필드 타입 체크\nexport function hasOptions(field: DynamicFormFieldSchema): field is DropdownFieldSchema | ChoiceFieldSchema | ChoicesFieldSchema {\n  return field.type === 'dropdown' || field.type === 'choice' || field.type === 'choices';\n}\n\n// 플레이스홀더가 필요한 필드 타입 체크\nexport function hasPlaceholder(field: DynamicFormFieldSchema): field is ShortTextFieldSchema | LongTextFieldSchema | NumberFieldSchema | EmailFieldSchema | PasswordFieldSchema | DropdownFieldSchema {\n  return field.type === 'short_text' || field.type === 'long_text' || field.type === 'number' || field.type === 'email' || field.type === 'password' || field.type === 'dropdown';\n}\n\n// 방향성이 필요한 필드 타입 체크\nexport function hasOrientation(field: DynamicFormFieldSchema): field is ChoiceFieldSchema | ChoicesFieldSchema {\n  return field.type === 'choice' || field.type === 'choices';\n}\n"],"mappings":";AAoJO,SAAS,iBAAiB,OAA8D;AAC7F,SAAO,MAAM,SAAS;AACxB;AAEO,SAAS,gBAAgB,OAA6D;AAC3F,SAAO,MAAM,SAAS;AACxB;AAEO,SAAS,cAAc,OAA2D;AACvF,SAAO,MAAM,SAAS;AACxB;AAEO,SAAS,aAAa,OAA0D;AACrF,SAAO,MAAM,SAAS;AACxB;AAEO,SAAS,gBAAgB,OAA6D;AAC3F,SAAO,MAAM,SAAS;AACxB;AAEO,SAAS,gBAAgB,OAA6D;AAC3F,SAAO,MAAM,SAAS;AACxB;AAEO,SAAS,cAAc,OAA2D;AACvF,SAAO,MAAM,SAAS;AACxB;AAEO,SAAS,eAAe,OAA4D;AACzF,SAAO,MAAM,SAAS;AACxB;AAEO,SAAS,eAAe,OAA4D;AACzF,SAAO,MAAM,SAAS;AACxB;AAGO,SAAS,WAAW,OAAsG;AAC/H,SAAO,MAAM,SAAS,cAAc,MAAM,SAAS,YAAY,MAAM,SAAS;AAChF;AAGO,SAAS,eAAe,OAAuK;AACpM,SAAO,MAAM,SAAS,gBAAgB,MAAM,SAAS,eAAe,MAAM,SAAS,YAAY,MAAM,SAAS,WAAW,MAAM,SAAS,cAAc,MAAM,SAAS;AACvK;AAGO,SAAS,eAAe,OAAgF;AAC7G,SAAO,MAAM,SAAS,YAAY,MAAM,SAAS;AACnD;","names":[]}

package/dist/chunk-PVCP2HXD.js

@@ -1,218 +0,0 @@
-import {
-  DynamicFormField
-} from "./chunk-XON6DE42.js";
-import {
-  DynamicFormProvider,
-  useDynamicForm
-} from "./chunk-O2S7S5B4.js";
-import {
-  Form
-} from "./chunk-2OMSNCRH.js";
-import {
-  Typo
-} from "./chunk-PMJIFLDT.js";
-import {
-  __async
-} from "./chunk-CRTRMMJ7.js";
-
-// src/molecules/dynamic-form.tsx
-import { useMemo, useCallback, useEffect } from "react";
-import { useFormik } from "formik";
-import * as Yup from "yup";
-import { Box } from "@radix-ui/themes";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-function scrollToFirstError(errors, fields) {
-  const firstErrorFieldName = Object.keys(errors)[0];
-  if (!firstErrorFieldName) return;
-  let fieldElement = document.querySelector(`[name="${firstErrorFieldName}"]`);
-  if (!fieldElement) {
-    fieldElement = document.querySelector(`[data-field-name="${firstErrorFieldName}"]`);
-  }
-  if (!fieldElement) {
-    fieldElement = document.querySelector(`[data-error-field="${firstErrorFieldName}"]`);
-  }
-  if (fieldElement) {
-    fieldElement.scrollIntoView({
-      behavior: "smooth",
-      block: "center"
-    });
-    const focusableElement = fieldElement.querySelector("input, textarea, select, button");
-    if (focusableElement) {
-      focusableElement.focus();
-    }
-  }
-}
-function DynamicFormRoot({
-  fields,
-  initialValues = {},
-  onSubmit,
-  children
-}) {
-  const validationSchema = useMemo(() => {
-    const schema = {};
-    fields.forEach((field) => {
-      if (field.validation) {
-        const validation = createYupValidation(field, field.validation);
-        if (validation) {
-          schema[field.name] = validation;
-        }
-      } else if (field.required) {
-        if (field.type === "choices") {
-          schema[field.name] = Yup.array().min(1, `${field.label}\uC744(\uB97C) \uD558\uB098 \uC774\uC0C1 \uC120\uD0DD\uD574\uC8FC\uC138\uC694`).required(`${field.label}\uC740(\uB294) \uD544\uC218\uC785\uB2C8\uB2E4`);
-        } else if (field.type === "yes_no") {
-          schema[field.name] = Yup.boolean().oneOf([true], `${field.label}\uC5D0 \uB3D9\uC758\uD574\uC8FC\uC138\uC694`);
-        } else {
-          schema[field.name] = Yup.string().required(
-            `${field.label}\uC740(\uB294) \uD544\uC218\uC785\uB2C8\uB2E4`
-          );
-        }
-      }
-    });
-    return Object.keys(schema).length > 0 ? Yup.object(schema) : void 0;
-  }, [fields]);
-  const handleSubmit = useCallback((values) => __async(null, null, function* () {
-    yield onSubmit(values);
-  }), [onSubmit]);
-  const formik = useFormik({
-    initialValues: fields.reduce((acc, field) => {
-      if (field.type === "choices") {
-        acc[field.name] = initialValues[field.name] || [];
-      } else if (field.type === "yes_no") {
-        acc[field.name] = initialValues[field.name] || false;
-      } else {
-        acc[field.name] = initialValues[field.name] || "";
-      }
-      return acc;
-    }, {}),
-    validationSchema,
-    validateOnBlur: true,
-    validateOnChange: true,
-    onSubmit: handleSubmit
-  });
-  useEffect(() => {
-    if (formik.submitCount > 0 && formik.errors && Object.keys(formik.errors).length > 0) {
-      const timeoutId = setTimeout(() => {
-        scrollToFirstError(formik.errors, fields);
-      }, 100);
-      return () => clearTimeout(timeoutId);
-    }
-  }, [formik.submitCount, formik.errors, fields]);
-  return /* @__PURE__ */ jsx(DynamicFormProvider, { fields, formik, children });
-}
-function DynamicFormFieldList({
-  fields: fieldsProp,
-  labelVariant
-}) {
-  const { formik, fields: fieldsFromContext } = useDynamicForm();
-  const fields = fieldsProp || fieldsFromContext;
-  return /* @__PURE__ */ jsx(Fragment, { children: fields.map((field) => {
-    const errorMessage = formik.touched[field.name] && formik.errors[field.name] ? String(formik.errors[field.name]) : void 0;
-    return /* @__PURE__ */ jsx(
-      Box,
-      {
-        mb: "2",
-        "data-field-name": field.name,
-        "data-error-field": errorMessage ? field.name : void 0,
-        children: /* @__PURE__ */ jsxs(
-          Form.FormItem,
-          {
-            errorMessage,
-            label: field.label,
-            labelVariant,
-            name: field.name,
-            required: field.required,
-            children: [
-              /* @__PURE__ */ jsx(DynamicFormField, { field }),
-              field.description ? /* @__PURE__ */ jsx(Typo, { children: field.description }) : null
-            ]
-          }
-        )
-      },
-      field.name
-    );
-  }) });
-}
-var DynamicForm = {
-  Root: DynamicFormRoot,
-  FieldList: DynamicFormFieldList
-};
-function createYupValidation(field, validation) {
-  if (!validation) return void 0;
-  let schema;
-  if (field.type === "number") {
-    schema = Yup.number();
-  } else if (field.type === "email") {
-    schema = Yup.string().email(
-      validation.message || "\uC62C\uBC14\uB978 \uC774\uBA54\uC77C \uD615\uC2DD\uC774 \uC544\uB2D9\uB2C8\uB2E4"
-    );
-  } else if (field.type === "choices") {
-    schema = Yup.array();
-  } else if (field.type === "yes_no") {
-    schema = Yup.boolean();
-  } else {
-    schema = Yup.string();
-  }
-  if (validation.min !== void 0) {
-    if (field.type === "number") {
-      schema = schema.min(
-        validation.min,
-        validation.message || `\uCD5C\uC18C ${validation.min}\uC774\uC5B4\uC57C \uD569\uB2C8\uB2E4`
-      );
-    } else if (field.type === "choices") {
-      schema = schema.min(
-        validation.min,
-        validation.message || `\uCD5C\uC18C ${validation.min}\uAC1C \uC774\uC0C1 \uC120\uD0DD\uD574\uC8FC\uC138\uC694`
-      );
-    } else if (field.type === "yes_no") {
-    } else {
-      schema = schema.min(
-        validation.min,
-        validation.message || `\uCD5C\uC18C ${validation.min}\uC790 \uC774\uC0C1\uC774\uC5B4\uC57C \uD569\uB2C8\uB2E4`
-      );
-    }
-  }
-  if (validation.max !== void 0) {
-    if (field.type === "number") {
-      schema = schema.max(
-        validation.max,
-        validation.message || `\uCD5C\uB300 ${validation.max}\uC774\uC5B4\uC57C \uD569\uB2C8\uB2E4`
-      );
-    } else if (field.type === "choices") {
-      schema = schema.max(
-        validation.max,
-        validation.message || `\uCD5C\uB300 ${validation.max}\uAC1C\uAE4C\uC9C0 \uC120\uD0DD \uAC00\uB2A5\uD569\uB2C8\uB2E4`
-      );
-    } else if (field.type === "yes_no") {
-    } else {
-      schema = schema.max(
-        validation.max,
-        validation.message || `\uCD5C\uB300 ${validation.max}\uC790 \uC774\uD558\uC5EC\uC57C \uD569\uB2C8\uB2E4`
-      );
-    }
-  }
-  if (validation.pattern) {
-    if (field.type === "yes_no") {
-    } else {
-      schema = schema.matches(
-        new RegExp(validation.pattern),
-        validation.message || "\uC62C\uBC14\uB978 \uD615\uC2DD\uC774 \uC544\uB2D9\uB2C8\uB2E4"
-      );
-    }
-  }
-  if (field.required) {
-    if (field.type === "yes_no") {
-      schema = schema.oneOf([true], validation.message || `${field.label}\uC5D0 \uB3D9\uC758\uD574\uC8FC\uC138\uC694`);
-    } else if (field.type === "choices") {
-      schema = schema.min(1, validation.message || `${field.label}\uC744(\uB97C) \uD558\uB098 \uC774\uC0C1 \uC120\uD0DD\uD574\uC8FC\uC138\uC694`);
-    } else {
-      schema = schema.required(validation.message || `${field.label}\uC740(\uB294) \uD544\uC218\uC785\uB2C8\uB2E4`);
-    }
-  }
-  return schema;
-}
-
-export {
-  DynamicForm,
-  createYupValidation
-};
-//# sourceMappingURL=chunk-PVCP2HXD.js.map