@tipp/ui 2.3.26 → 2.3.31

package/dist/chunk-SWAF52SS.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/molecules/tag-selector.tsx"],"sourcesContent":["import React, {\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport {\n  ChevronRightIcon,\n  Cross1Icon,\n  MagnifyingGlassIcon,\n} from '@radix-ui/react-icons';\nimport { AutoSizingInput } from '@/atoms/auto-sizing-input';\nimport { Typo } from '@/atoms/typo';\nimport type { TypoProps } from '@/atoms/typo';\nimport { Popover } from '../atoms/popover';\nimport { Flex } from '../atoms/flex';\nimport { Button } from '../atoms/button';\nimport type { BadgeProps } from '../atoms/badge';\nimport { Badge } from '../atoms/badge';\nimport { CheckIcon } from '../icon';\nimport { ScrollArea } from '../atoms/scroll-area';\nimport { Grid } from '../atoms/grid';\n\ntype ID = string;\ninterface Item {\n  name: string;\n  id: ID;\n}\n\nconst OPTION_HEIGHT = 32;\n\nconst stopDefaultEvents = (e: React.KeyboardEvent):void => {\n  e.preventDefault();\n  e.stopPropagation();\n};\n\nexport interface TagSelectorProps<T extends Item> {\n  options?: T[];\n  selected?: ID[];\n  placeholder?: string;\n  disabled?: boolean;\n  maxCount?: number;\n  style?: React.CSSProperties;\n  size?: 'large' | 'medium' | 'small';\n  readOnly?: boolean;\n  error?: boolean;\n\n  onChange?: (selected: ID[]) => void;\n  tagRender?: (item: T, onClickDelete?: () => void) => React.ReactNode;\n  DropdownContainer?: DropdownContainer<T>;\n  open?: boolean;\n  dropdownItemRender?: (item: T) => React.ReactNode;\n}\ntype DropdownContainer<T> = (props: {\n  items: T[];\n  children: React.ReactNode;\n  currentItem?: T;\n}) => React.ReactNode;\n\nconst DefaultDropdownContainer = (props: {\n  children: React.ReactNode;\n}): React.ReactNode => {\n  return props.children;\n};\n\nexport function TagSelector<T extends Item>(\n  props: TagSelectorProps<T>\n): React.ReactNode {\n  const {\n    options = [],\n    tagRender,\n    placeholder,\n    maxCount = 0,\n    DropdownContainer = DefaultDropdownContainer,\n    size = 'medium',\n    readOnly,\n    error,\n    open: propsOpen,\n    dropdownItemRender,\n  } = props;\n  // eslint-disable-next-line react/hook-use-state -- props에 따라 미사용 상태가 될 수 있음\n  const [_selected, _setSelected] = useState<string[]>(props.selected || []);\n  const selected = props.selected || _selected;\n  const setSelected: (v: ID[]) => void = props.onChange || _setSelected;\n  const [value, setValue] = useState<string>('');\n  const [focusIndex, setFocusIndex] = useState<number | null>(null);\n  const [open, setOpen] = useState(false);\n  const [focus, setFocus] = useState(false);\n  const fieldRef = useRef<HTMLInputElement>(null);\n  const scrollRef = useRef<HTMLDivElement>(null);\n\n  const closeRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  const onFocus = useCallback(() => {\n    if (closeRef.current) {\n      clearTimeout(closeRef.current);\n    }\n    setFocus(true);\n    setOpen(true);\n  }, []);\n\n  const onBlur = useCallback(() => {\n    closeRef.current = setTimeout(() => {\n      setFocus(false);\n      setOpen(false);\n      setTimeout(() => {\n        setValue('');\n      }, 100);\n    }, 300);\n  }, []);\n\n  const onChangeValue = useCallback<React.ChangeEventHandler<HTMLInputElement>>(\n    (e) => {\n      setValue(e.target.value);\n    },\n    []\n  );\n\n  const filteredOptions = useMemo<T[]>(() => {\n    return options.filter((option) => {\n      return option.name.includes(value);\n    });\n  }, [options, value]);\n\n  const selectedItem = useMemo<T[]>(() => {\n    const result = [] as T[];\n    selected.forEach((id) => {\n      const maybeItem = options.find((option) => option.id === id);\n      if (maybeItem) result.push(maybeItem);\n    });\n    return result;\n  }, [options, selected]);\n\n  const onDelete = useCallback(\n    (id: string) => { \n      setSelected(selected.filter((el) => el !== id));\n    },\n    [selected, setSelected]\n  );\n\n  const onSelect = useCallback(\n    (id: string) => { \n      if (maxCount && selected.length + 1 > maxCount) return;\n      setSelected([...selected, id]);\n    },\n    [maxCount, selected, setSelected]\n  );\n\n  const toggleItem = useCallback(\n    (id: string) => { \n      if (selected.includes(id)) {\n        onDelete(id);\n      } else {\n        onSelect(id);\n      }\n    },\n    [onDelete, onSelect, selected]\n  );\n\n  const setScroll = useCallback((index: number): void => {\n    if (scrollRef.current) {\n      const scrollTop = scrollRef.current.scrollTop;\n      const clientHeight = scrollRef.current.clientHeight;\n      const focusTop = index * OPTION_HEIGHT;\n      if (focusTop < scrollTop) {\n        scrollRef.current.scrollTop = focusTop;\n      } else if (focusTop + OPTION_HEIGHT > scrollTop + clientHeight) {\n        scrollRef.current.scrollTop = focusTop + OPTION_HEIGHT - clientHeight;\n      }\n    }\n  }, []);\n\n  const handleKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      const key = e.key;\n\n      switch (key) {\n        case 'ArrowDown': {\n          stopDefaultEvents(e);\n          let newFocus = 0;\n          if (typeof focusIndex === 'number') {\n            newFocus = focusIndex + 1 >= options.length ? 0 : focusIndex + 1;\n          }\n          setFocusIndex(newFocus);\n          setScroll(newFocus);\n          break;\n        }\n\n        case 'ArrowUp': {\n          stopDefaultEvents(e); \n          let newFocus = 0;\n          if (typeof focusIndex === 'number') {\n            newFocus = focusIndex - 1 < 0 ? options.length - 1 : focusIndex - 1;\n          }\n          setFocusIndex(newFocus);\n          setScroll(newFocus);\n          break;\n        }\n\n        case 'Enter':\n          stopDefaultEvents(e);\n          setValue('');\n          if (focusIndex !== null) {\n            toggleItem(filteredOptions[focusIndex]?.id);\n          }\n          break;\n\n        case 'Backspace': \n          if (value.length === 0) {\n            setSelected(selected.slice(0, -1));\n          }\n          break;\n\n        case 'Escape':\n          stopDefaultEvents(e);\n          setOpen(false);\n          break;\n      }\n    },\n    [\n      focusIndex,\n      value.length,\n      setScroll,\n      options.length,\n      toggleItem,\n      filteredOptions,\n      setSelected,\n      selected,\n    ]\n  );\n\n  const placeholderVisible = useMemo(() => {\n    if (selectedItem.length) return false;\n    if (value) return false;\n    if (focus) return false;\n    return true;\n  }, [focus, selectedItem.length, value]);\n\n  useEffect(() => {\n    setFocusIndex(null);\n  }, [open]);\n\n  useEffect(() => {\n    setFocusIndex(0);\n  }, [filteredOptions]);\n\n  const badgeSize = useMemo<BadgeProps['size']>(() => {\n    switch (size) {\n      case 'large':\n        return 'large';\n      case 'medium':\n      case 'small':\n      default:\n        return 'small';\n    }\n  }, [size]);\n\n  const placeholderVariant = useMemo<TypoProps['variant']>(() => {\n    switch (size) {\n      case 'large':\n        return 'subtitle';\n      case 'medium':\n      default:\n        return 'body';\n    }\n  }, [size]);\n\n  const focusClassName = focus ? ' focused' : '';\n  const readOnlyClassName = readOnly ? ' read-only' : '';\n  const errorClassName = error ? ' error' : '';\n\n  const readonlyContent = (\n    <Flex gap=\"1\">\n      {selectedItem.map((item) => {\n        return tagRender ? (\n          tagRender(item)\n        ) : (\n          <Badge key={item.id} size={badgeSize}>\n            {item.name}\n          </Badge>\n        );\n      })}\n    </Flex>\n  );\n\n  const editContent = (\n    <>\n      <Flex\n        align=\"center\"\n        gap=\"1\"\n        maxWidth=\"100%\"\n        overflow=\"hidden\"\n        wrap=\"wrap\"\n      >\n        {selectedItem.map((item) => {\n          return tagRender ? (\n            tagRender(item, () => {\n              onDelete(item.id);\n            })\n          ) : (\n            <Badge key={item.id} size={badgeSize}>\n              {item.name}\n              <Button\n                onClick={() => {\n                  onDelete(item.id);\n                }}\n                variant=\"transparent\"\n              >\n                <Cross1Icon />\n              </Button>\n            </Badge>\n          );\n        })}\n        {placeholderVisible ? (\n          <Typo color=\"gray\" variant={placeholderVariant}>\n            {placeholder}\n          </Typo>\n        ) : null}\n        <AutoSizingInput\n          onBlur={onBlur}\n          onChange={onChangeValue}\n          onFocus={onFocus}\n          onKeyDown={handleKeyDown}\n          ref={fieldRef}\n          value={value}\n        />\n      </Flex>\n      {focus ? <MagnifyingGlassIcon /> : <ChevronRightIcon />}\n    </>\n  );\n  return (\n    <Popover.Root open={(Boolean(filteredOptions.length) && propsOpen) || open}>\n      <Popover.Trigger style={{ position: 'relative' }}>\n        <Grid\n          align=\"center\"\n          className={`tag-selector ${size} ${focusClassName}${readOnlyClassName}${errorClassName}`}\n          columns=\"1fr auto\"\n          gap=\"1\"\n          onClick={() => !readOnly && fieldRef.current?.focus()}\n        >\n          {readOnly ? readonlyContent : editContent}\n        </Grid>\n      </Popover.Trigger>\n\n      <Popover.Content\n        onOpenAutoFocus={preventDefault}\n        onTouchMove={stopPropagationTouch}\n        onWheel={stopPropagationWheel}\n        sticky=\"always\"\n        style={{\n          pointerEvents: 'fill',}}\n      >\n        <DropdownContainer\n          currentItem={filteredOptions[focusIndex || 0]}\n          items={filteredOptions}\n        >\n          <ScrollArea\n            ref={scrollRef}\n            scrollbars=\"vertical\"\n            style={{ height: OPTION_HEIGHT * 8 }}\n            type=\"auto\"\n          >\n            <Flex direction=\"column\">\n              {filteredOptions.map((item, i) => {\n                const isSelected = Boolean(\n                  selected.find((el) => el === item.id)\n                );\n                const isFocus = i === focusIndex;\n\n                return (\n                  <Button\n                    className={`tag-selector-button ${isFocus ? 'focused' : ''}`}\n                    key={item.id}\n                    onClick={() => {\n                      toggleItem(item.id);\n                      fieldRef.current?.focus();\n                    }}\n                    onMouseEnter={() => {\n                      setFocusIndex(i);\n                    }}\n                    variant={isSelected ? 'soft' : 'outline'}\n                  >\n                    <Flex justify=\"between\" width=\"100%\">\n                      {dropdownItemRender\n                        ? dropdownItemRender(item)\n                        : item.name}\n                      {isSelected ? <CheckIcon /> : null}\n                    </Flex>\n                  </Button>\n                );\n              })}\n            </Flex>\n          </ScrollArea>\n        </DropdownContainer>\n      </Popover.Content>\n    </Popover.Root>\n  );\n}\n\nconst stopPropagationTouch: React.TouchEventHandler<HTMLDivElement> = (\n  e\n): void => {\n  e.stopPropagation();\n};\n\nconst stopPropagationWheel: React.WheelEventHandler<HTMLDivElement> = (\n  e\n): void => {\n  e.stopPropagation();\n};\n\nconst preventDefault = (e: Event): void => {\n  e.preventDefault();\n};\n"],"mappings":"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","names":[]}

package/dist/chunk-SXGEOZKS.js

@@ -1,69 +0,0 @@
-import {
-  review_question_radio_default
-} from "./chunk-WCGSHMNB.js";
-import {
-  review_question_satisfaction_option_default
-} from "./chunk-SOZOKRPG.js";
-import {
-  ReviewQuestionSatisfisText
-} from "./chunk-3LTTZSUP.js";
-import {
-  review_question_text_default
-} from "./chunk-433LEYGO.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-SXGEOZKS.js.map

package/dist/chunk-SXGEOZKS.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-SYGLFURC.js

@@ -1,49 +0,0 @@
-import {
-  ReviewQuestionContentHeader
-} from "./chunk-QB73IVKI.js";
-import {
-  TextArea
-} from "./chunk-5XYPLDI5.js";
-import {
-  Grid
-} from "./chunk-EGEQY3KT.js";
-import {
-  Card
-} from "./chunk-RP2RGCAW.js";
-
-// src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/review-question-satisfaction-text.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-function ReviewQuestionSatisfisText(props) {
-  var _a, _b;
-  const { question, answer, onChange } = props;
-  return /* @__PURE__ */ jsx(Card, { size: "2", style: { height: "100%", width: "100%" }, children: /* @__PURE__ */ jsxs(Grid, { height: "100%", rows: "auto 1fr", children: [
-    /* @__PURE__ */ jsx(
-      ReviewQuestionContentHeader,
-      {
-        icon: question.icon,
-        question: (_a = question.question) != null ? _a : "\uC774\uBC88 \uD559\uC2B5\uC5D0 \uB300\uD574 \uCD94\uAC00\uB85C \uB0A8\uAE38 \uC758\uACAC\uC774 \uC788\uB2E4\uBA74 \uACF5\uC720\uD574\uC8FC\uC138\uC694.",
-        title: (_b = question.title) != null ? _b : "\uB9CC\uC871\uB3C4 \uC870\uC0AC",
-        type: question.type
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      TextArea,
-      {
-        mt: "2",
-        onChange: (e) => {
-          onChange(e.target.value);
-        },
-        placeholder: question.placeholder,
-        style: {
-          height: "100%"
-        },
-        value: answer
-      }
-    )
-  ] }) });
-}
-
-export {
-  ReviewQuestionSatisfisText
-};
-//# sourceMappingURL=chunk-SYGLFURC.js.map

package/dist/chunk-SYGLFURC.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/review-question-satisfaction-text.tsx"],"sourcesContent":["import React from 'react';\nimport { type CurriculumReviewQuestionSatisfactionText } from '@/types/curriculumContents.type';\nimport { Card } from '@/atoms/card';\nimport { Grid } from '@/atoms/grid';\nimport { TextArea } from '@/atoms/text-area';\nimport { ReviewQuestionContentHeader } from './review-comp';\n\ninterface ReviewQuestionSatisfactionTextProps {\n  question: CurriculumReviewQuestionSatisfactionText;\n  answer: string;\n  error?: string;\n  onChange: (value: string) => void;\n}\n\nexport default function ReviewQuestionSatisfisText(\n  props: ReviewQuestionSatisfactionTextProps\n): React.ReactNode {\n  const { question, answer, onChange } = props;\n\n  return (\n    <Card size=\"2\" style={{ height: '100%', width: '100%' }}>\n      <Grid height=\"100%\" rows=\"auto 1fr\">\n        <ReviewQuestionContentHeader\n          icon={question.icon}\n          question={\n            question.question ??\n            '이번 학습에 대해 추가로 남길 의견이 있다면 공유해주세요.'\n          }\n          title={question.title ?? '만족도 조사'}\n          type={question.type}\n        />\n        <TextArea\n          mt=\"2\"\n          onChange={(e) => {\n            onChange(e.target.value);\n          }}\n          placeholder={question.placeholder}\n          style={{\n            height: '100%',\n          }}\n          value={answer}\n        />\n      </Grid>\n    </Card>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;AAqBM,SACE,KADF;AAPS,SAAR,2BACL,OACiB;AAhBnB;AAiBE,QAAM,EAAE,UAAU,QAAQ,SAAS,IAAI;AAEvC,SACE,oBAAC,QAAK,MAAK,KAAI,OAAO,EAAE,QAAQ,QAAQ,OAAO,OAAO,GACpD,+BAAC,QAAK,QAAO,QAAO,MAAK,YACvB;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,MAAM,SAAS;AAAA,QACf,WACE,cAAS,aAAT,YACA;AAAA,QAEF,QAAO,cAAS,UAAT,YAAkB;AAAA,QACzB,MAAM,SAAS;AAAA;AAAA,IACjB;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,IAAG;AAAA,QACH,UAAU,CAAC,MAAM;AACf,mBAAS,EAAE,OAAO,KAAK;AAAA,QACzB;AAAA,QACA,aAAa,SAAS;AAAA,QACtB,OAAO;AAAA,UACL,QAAQ;AAAA,QACV;AAAA,QACA,OAAO;AAAA;AAAA,IACT;AAAA,KACF,GACF;AAEJ;","names":[]}

package/dist/chunk-SYUWHIFX.js

@@ -1,98 +0,0 @@
-import {
-  sidebar_item_default
-} from "./chunk-4HDV26QV.js";
-import {
-  useCurriculumContext
-} from "./chunk-3OCAVV5Z.js";
-import {
-  Tabs
-} from "./chunk-5ZITU5L7.js";
-import {
-  Grid
-} from "./chunk-EGEQY3KT.js";
-import {
-  Box
-} from "./chunk-4Y5BEXVN.js";
-
-// src/molecules/curriculumV2/CurriculumSidebar/index.tsx
-import { useMemo } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var TAB_LIST = [
-  {
-    label: "\uAC15\uC758 \uBAA9\uCC28",
-    value: "curriculum"
-  }
-];
-var TABS_LIST_STYLE = {
-  padding: "0 var(--space-3)"
-};
-var TABS_CONTENT_STYLE = {
-  position: "absolute",
-  height: "100%",
-  width: "100%"
-};
-function CurriculumSidebar() {
-  const {
-    curriculum,
-    selectedIndex,
-    setSelectedIndex,
-    scrollAreaRef,
-    curriculumCompleteMap,
-    customTabs
-  } = useCurriculumContext();
-  const list = curriculum.contents.list;
-  const tabList = useMemo(() => {
-    return [...TAB_LIST, ...customTabs != null ? customTabs : []];
-  }, [customTabs]);
-  return /* @__PURE__ */ jsx(Tabs.Root, { asChild: true, defaultValue: TAB_LIST[0].value, children: /* @__PURE__ */ jsxs(Grid, { height: "100%", overflowY: "auto", rows: "auto 1fr ", width: "100%", children: [
-    /* @__PURE__ */ jsx(Tabs.List, { style: TABS_LIST_STYLE, children: tabList.map((tab) => /* @__PURE__ */ jsx(Tabs.Trigger, { value: tab.value, children: tab.label }, tab.value)) }),
-    /* @__PURE__ */ jsxs(
-      Box,
-      {
-        height: "100%",
-        overflowY: "auto",
-        position: "relative",
-        ref: scrollAreaRef,
-        width: "100%",
-        children: [
-          /* @__PURE__ */ jsxs(
-            Tabs.Content,
-            {
-              style: TABS_CONTENT_STYLE,
-              value: TAB_LIST[0].value,
-              children: [
-                list.map((item, index) => /* @__PURE__ */ jsx(
-                  sidebar_item_default,
-                  {
-                    done: curriculumCompleteMap[item.uuid],
-                    index,
-                    item,
-                    selectedIndex,
-                    setSelectedIndex
-                  },
-                  item.uuid
-                )),
-                /* @__PURE__ */ jsx(Box, { height: "150px" })
-              ]
-            },
-            TAB_LIST[0].value
-          ),
-          customTabs == null ? void 0 : customTabs.map((tab) => /* @__PURE__ */ jsx(
-            Tabs.Content,
-            {
-              style: TABS_CONTENT_STYLE,
-              value: tab.value,
-              children: tab.content
-            },
-            tab.value
-          ))
-        ]
-      }
-    )
-  ] }) });
-}
-
-export {
-  CurriculumSidebar
-};
-//# sourceMappingURL=chunk-SYUWHIFX.js.map

package/dist/chunk-SYUWHIFX.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/molecules/curriculumV2/CurriculumSidebar/index.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { Box } from '@/atoms/box';\nimport { Grid } from '@/atoms/grid';\nimport { Tabs } from '@/atoms/tabs';\nimport { useCurriculumContext } from '../curriculum-context';\nimport SidebarItem from './sidebar-item';\n\nconst TAB_LIST = [\n  {\n    label: '강의 목차',\n    value: 'curriculum',\n  },\n];\n\nconst TABS_LIST_STYLE: React.CSSProperties = {\n  padding: '0 var(--space-3)',\n};\n\nconst TABS_CONTENT_STYLE: React.CSSProperties = {\n  position: 'absolute',\n  height: '100%',\n  width: '100%',\n};\n\n\nexport function CurriculumSidebar(): React.ReactNode {\n  const {\n    curriculum,\n    selectedIndex,\n    setSelectedIndex,\n    scrollAreaRef,\n    curriculumCompleteMap,\n    customTabs,\n  } = useCurriculumContext();\n  const list = curriculum.contents.list;\n\n  const tabList = useMemo(() => {\n    return [...TAB_LIST, ...(customTabs ?? [])];\n  }, [customTabs]);\n\n  return (\n    <Tabs.Root asChild defaultValue={TAB_LIST[0].value}>\n      <Grid height=\"100%\" overflowY=\"auto\" rows=\"auto 1fr \" width=\"100%\">\n        <Tabs.List style={TABS_LIST_STYLE}>\n          {tabList.map((tab) => (\n            <Tabs.Trigger key={tab.value} value={tab.value}>\n              {tab.label}\n            </Tabs.Trigger>\n          ))}\n        </Tabs.List>\n        <Box\n          height=\"100%\"\n          overflowY=\"auto\"\n          position=\"relative\"\n          ref={scrollAreaRef}\n          width=\"100%\"\n        >\n          <Tabs.Content\n            key={TAB_LIST[0].value}\n            style={TABS_CONTENT_STYLE}\n            value={TAB_LIST[0].value}\n          >\n            {list.map((item, index) => (\n              <SidebarItem\n                done={curriculumCompleteMap[item.uuid]}\n                index={index}\n                item={item}\n                key={item.uuid}\n                selectedIndex={selectedIndex}\n                setSelectedIndex={setSelectedIndex}\n              />\n            ))}\n            <Box height=\"150px\" />\n          </Tabs.Content>\n          {customTabs?.map((tab) => (\n            <Tabs.Content\n              key={tab.value}\n              style={TABS_CONTENT_STYLE}\n              value={tab.value}\n            >\n              {tab.content}\n            </Tabs.Content>\n          ))}\n        </Box>\n      </Grid>\n    </Tabs.Root>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA,SAAgB,eAAe;AA6CnB,cAYF,YAZE;AAtCZ,IAAM,WAAW;AAAA,EACf;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,EACT;AACF;AAEA,IAAM,kBAAuC;AAAA,EAC3C,SAAS;AACX;AAEA,IAAM,qBAA0C;AAAA,EAC9C,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,OAAO;AACT;AAGO,SAAS,oBAAqC;AACnD,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,qBAAqB;AACzB,QAAM,OAAO,WAAW,SAAS;AAEjC,QAAM,UAAU,QAAQ,MAAM;AAC5B,WAAO,CAAC,GAAG,UAAU,GAAI,kCAAc,CAAC,CAAE;AAAA,EAC5C,GAAG,CAAC,UAAU,CAAC;AAEf,SACE,oBAAC,KAAK,MAAL,EAAU,SAAO,MAAC,cAAc,SAAS,CAAC,EAAE,OAC3C,+BAAC,QAAK,QAAO,QAAO,WAAU,QAAO,MAAK,aAAY,OAAM,QAC1D;AAAA,wBAAC,KAAK,MAAL,EAAU,OAAO,iBACf,kBAAQ,IAAI,CAAC,QACZ,oBAAC,KAAK,SAAL,EAA6B,OAAO,IAAI,OACtC,cAAI,SADY,IAAI,KAEvB,CACD,GACH;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,QAAO;AAAA,QACP,WAAU;AAAA,QACV,UAAS;AAAA,QACT,KAAK;AAAA,QACL,OAAM;AAAA,QAEN;AAAA;AAAA,YAAC,KAAK;AAAA,YAAL;AAAA,cAEC,OAAO;AAAA,cACP,OAAO,SAAS,CAAC,EAAE;AAAA,cAElB;AAAA,qBAAK,IAAI,CAAC,MAAM,UACf;AAAA,kBAAC;AAAA;AAAA,oBACC,MAAM,sBAAsB,KAAK,IAAI;AAAA,oBACrC;AAAA,oBACA;AAAA,oBAEA;AAAA,oBACA;AAAA;AAAA,kBAFK,KAAK;AAAA,gBAGZ,CACD;AAAA,gBACD,oBAAC,OAAI,QAAO,SAAQ;AAAA;AAAA;AAAA,YAdf,SAAS,CAAC,EAAE;AAAA,UAenB;AAAA,UACC,yCAAY,IAAI,CAAC,QAChB;AAAA,YAAC,KAAK;AAAA,YAAL;AAAA,cAEC,OAAO;AAAA,cACP,OAAO,IAAI;AAAA,cAEV,cAAI;AAAA;AAAA,YAJA,IAAI;AAAA,UAKX;AAAA;AAAA;AAAA,IAEJ;AAAA,KACF,GACF;AAEJ;","names":[]}

package/dist/chunk-SZ73GYOE.js

@@ -1,98 +0,0 @@
-import {
-  sidebar_item_default
-} from "./chunk-NVQSH733.js";
-import {
-  useCurriculumContext
-} from "./chunk-Y7SJF3Y3.js";
-import {
-  Tabs
-} from "./chunk-5ZITU5L7.js";
-import {
-  Grid
-} from "./chunk-EGEQY3KT.js";
-import {
-  Box
-} from "./chunk-4Y5BEXVN.js";
-
-// src/molecules/curriculumV2/CurriculumSidebar/index.tsx
-import { useMemo } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var TAB_LIST = [
-  {
-    label: "\uAC15\uC758 \uBAA9\uCC28",
-    value: "curriculum"
-  }
-];
-var TABS_LIST_STYLE = {
-  padding: "0 var(--space-3)"
-};
-var TABS_CONTENT_STYLE = {
-  position: "absolute",
-  height: "100%",
-  width: "100%"
-};
-function CurriculumSidebar() {
-  const {
-    curriculum,
-    selectedIndex,
-    setSelectedIndex,
-    scrollAreaRef,
-    curriculumCompleteMap,
-    customTabs
-  } = useCurriculumContext();
-  const list = curriculum.contents.list;
-  const tabList = useMemo(() => {
-    return [...TAB_LIST, ...customTabs != null ? customTabs : []];
-  }, [customTabs]);
-  return /* @__PURE__ */ jsx(Tabs.Root, { asChild: true, defaultValue: TAB_LIST[0].value, children: /* @__PURE__ */ jsxs(Grid, { height: "100%", overflowY: "auto", rows: "auto 1fr ", width: "100%", children: [
-    /* @__PURE__ */ jsx(Tabs.List, { style: TABS_LIST_STYLE, children: tabList.map((tab) => /* @__PURE__ */ jsx(Tabs.Trigger, { value: tab.value, children: tab.label }, tab.value)) }),
-    /* @__PURE__ */ jsxs(
-      Box,
-      {
-        height: "100%",
-        overflowY: "auto",
-        position: "relative",
-        ref: scrollAreaRef,
-        width: "100%",
-        children: [
-          /* @__PURE__ */ jsxs(
-            Tabs.Content,
-            {
-              style: TABS_CONTENT_STYLE,
-              value: TAB_LIST[0].value,
-              children: [
-                list.map((item, index) => /* @__PURE__ */ jsx(
-                  sidebar_item_default,
-                  {
-                    done: curriculumCompleteMap[item.uuid],
-                    index,
-                    item,
-                    selectedIndex,
-                    setSelectedIndex
-                  },
-                  item.uuid
-                )),
-                /* @__PURE__ */ jsx(Box, { height: "150px" })
-              ]
-            },
-            TAB_LIST[0].value
-          ),
-          customTabs == null ? void 0 : customTabs.map((tab) => /* @__PURE__ */ jsx(
-            Tabs.Content,
-            {
-              style: TABS_CONTENT_STYLE,
-              value: tab.value,
-              children: tab.content
-            },
-            tab.value
-          ))
-        ]
-      }
-    )
-  ] }) });
-}
-
-export {
-  CurriculumSidebar
-};
-//# sourceMappingURL=chunk-SZ73GYOE.js.map

package/dist/chunk-SZ73GYOE.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/molecules/curriculumV2/CurriculumSidebar/index.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { Box } from '@/atoms/box';\nimport { Grid } from '@/atoms/grid';\nimport { Tabs } from '@/atoms/tabs';\nimport { useCurriculumContext } from '../curriculum-context';\nimport SidebarItem from './sidebar-item';\n\nconst TAB_LIST = [\n  {\n    label: '강의 목차',\n    value: 'curriculum',\n  },\n];\n\nconst TABS_LIST_STYLE: React.CSSProperties = {\n  padding: '0 var(--space-3)',\n};\n\nconst TABS_CONTENT_STYLE: React.CSSProperties = {\n  position: 'absolute',\n  height: '100%',\n  width: '100%',\n};\n\n\nexport function CurriculumSidebar(): React.ReactNode {\n  const {\n    curriculum,\n    selectedIndex,\n    setSelectedIndex,\n    scrollAreaRef,\n    curriculumCompleteMap,\n    customTabs,\n  } = useCurriculumContext();\n  const list = curriculum.contents.list;\n\n  const tabList = useMemo(() => {\n    return [...TAB_LIST, ...(customTabs ?? [])];\n  }, [customTabs]);\n\n  return (\n    <Tabs.Root asChild defaultValue={TAB_LIST[0].value}>\n      <Grid height=\"100%\" overflowY=\"auto\" rows=\"auto 1fr \" width=\"100%\">\n        <Tabs.List style={TABS_LIST_STYLE}>\n          {tabList.map((tab) => (\n            <Tabs.Trigger key={tab.value} value={tab.value}>\n              {tab.label}\n            </Tabs.Trigger>\n          ))}\n        </Tabs.List>\n        <Box\n          height=\"100%\"\n          overflowY=\"auto\"\n          position=\"relative\"\n          ref={scrollAreaRef}\n          width=\"100%\"\n        >\n          <Tabs.Content\n            key={TAB_LIST[0].value}\n            style={TABS_CONTENT_STYLE}\n            value={TAB_LIST[0].value}\n          >\n            {list.map((item, index) => (\n              <SidebarItem\n                done={curriculumCompleteMap[item.uuid]}\n                index={index}\n                item={item}\n                key={item.uuid}\n                selectedIndex={selectedIndex}\n                setSelectedIndex={setSelectedIndex}\n              />\n            ))}\n            <Box height=\"150px\" />\n          </Tabs.Content>\n          {customTabs?.map((tab) => (\n            <Tabs.Content\n              key={tab.value}\n              style={TABS_CONTENT_STYLE}\n              value={tab.value}\n            >\n              {tab.content}\n            </Tabs.Content>\n          ))}\n        </Box>\n      </Grid>\n    </Tabs.Root>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA,SAAgB,eAAe;AA6CnB,cAYF,YAZE;AAtCZ,IAAM,WAAW;AAAA,EACf;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,EACT;AACF;AAEA,IAAM,kBAAuC;AAAA,EAC3C,SAAS;AACX;AAEA,IAAM,qBAA0C;AAAA,EAC9C,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,OAAO;AACT;AAGO,SAAS,oBAAqC;AACnD,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,qBAAqB;AACzB,QAAM,OAAO,WAAW,SAAS;AAEjC,QAAM,UAAU,QAAQ,MAAM;AAC5B,WAAO,CAAC,GAAG,UAAU,GAAI,kCAAc,CAAC,CAAE;AAAA,EAC5C,GAAG,CAAC,UAAU,CAAC;AAEf,SACE,oBAAC,KAAK,MAAL,EAAU,SAAO,MAAC,cAAc,SAAS,CAAC,EAAE,OAC3C,+BAAC,QAAK,QAAO,QAAO,WAAU,QAAO,MAAK,aAAY,OAAM,QAC1D;AAAA,wBAAC,KAAK,MAAL,EAAU,OAAO,iBACf,kBAAQ,IAAI,CAAC,QACZ,oBAAC,KAAK,SAAL,EAA6B,OAAO,IAAI,OACtC,cAAI,SADY,IAAI,KAEvB,CACD,GACH;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,QAAO;AAAA,QACP,WAAU;AAAA,QACV,UAAS;AAAA,QACT,KAAK;AAAA,QACL,OAAM;AAAA,QAEN;AAAA;AAAA,YAAC,KAAK;AAAA,YAAL;AAAA,cAEC,OAAO;AAAA,cACP,OAAO,SAAS,CAAC,EAAE;AAAA,cAElB;AAAA,qBAAK,IAAI,CAAC,MAAM,UACf;AAAA,kBAAC;AAAA;AAAA,oBACC,MAAM,sBAAsB,KAAK,IAAI;AAAA,oBACrC;AAAA,oBACA;AAAA,oBAEA;AAAA,oBACA;AAAA;AAAA,kBAFK,KAAK;AAAA,gBAGZ,CACD;AAAA,gBACD,oBAAC,OAAI,QAAO,SAAQ;AAAA;AAAA;AAAA,YAdf,SAAS,CAAC,EAAE;AAAA,UAenB;AAAA,UACC,yCAAY,IAAI,CAAC,QAChB;AAAA,YAAC,KAAK;AAAA,YAAL;AAAA,cAEC,OAAO;AAAA,cACP,OAAO,IAAI;AAAA,cAEV,cAAI;AAAA;AAAA,YAJA,IAAI;AAAA,UAKX;AAAA;AAAA;AAAA,IAEJ;AAAA,KACF,GACF;AAEJ;","names":[]}

package/dist/chunk-SZA3RAKD.js

@@ -1,51 +0,0 @@
-import {
-  curriculum_sidebar_item_wrapper_default
-} from "./chunk-WS7IOHVK.js";
-import {
-  section_item_default
-} from "./chunk-6L4OTKID.js";
-import {
-  section_title_default
-} from "./chunk-4TST4UK5.js";
-import {
-  getCurriculumIconColor
-} from "./chunk-JF7JAMOQ.js";
-import {
-  __spreadProps,
-  __spreadValues
-} from "./chunk-CRTRMMJ7.js";
-
-// src/molecules/curriculumV2/CurriculumSidebar/sidebar-item.tsx
-import { jsx } from "react/jsx-runtime";
-function SidebarItem({ item, selectedIndex, setSelectedIndex, index, done }) {
-  if (item.type === "sectionTitle") {
-    return /* @__PURE__ */ jsx(section_title_default, __spreadValues({}, item), item.uuid);
-  }
-  const isSelected = selectedIndex === index;
-  return /* @__PURE__ */ jsx(
-    curriculum_sidebar_item_wrapper_default,
-    {
-      index,
-      isSelected,
-      onClick: () => {
-        setSelectedIndex(index);
-      },
-      children: /* @__PURE__ */ jsx(
-        section_item_default,
-        __spreadProps(__spreadValues({}, item), {
-          color: getCurriculumIconColor({
-            done,
-            selected: isSelected
-          })
-        })
-      )
-    },
-    item.uuid
-  );
-}
-var sidebar_item_default = SidebarItem;
-
-export {
-  sidebar_item_default
-};
-//# sourceMappingURL=chunk-SZA3RAKD.js.map

package/dist/chunk-SZA3RAKD.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/molecules/curriculumV2/CurriculumSidebar/sidebar-item.tsx"],"sourcesContent":["import type { CurriculumListContents } from '@/types/curriculum.type'; \nimport { getCurriculumIconColor } from '../../../utils/curriculum.utils';\nimport SectionTitle from './Items/section-title';\nimport CurriculumSidebarItemWrapper from './Items/curriculum-sidebar-item-wrapper';\nimport SectionCommonItem from './Items/section-item';\n\n\ninterface SidebarItemProps {\n    item: CurriculumListContents;\n    selectedIndex: number;\n    setSelectedIndex: (index: number) => void;\n    index: number;\n    done: boolean;\n}\n\nfunction SidebarItem({item, selectedIndex, setSelectedIndex, index, done}: SidebarItemProps): React.ReactNode {\n   \n  \n  if (item.type === 'sectionTitle') {\n        return <SectionTitle key={item.uuid} {...item} />;\n      }\n      const isSelected = selectedIndex === index;\n\n      return (\n        <CurriculumSidebarItemWrapper\n          index={index}\n          isSelected={isSelected}\n          key={item.uuid}\n          onClick={() => {\n            setSelectedIndex(index);\n          }}\n        >\n          <SectionCommonItem\n            {...item}\n            color={getCurriculumIconColor({\n              done,\n              selected: isSelected,\n            })}\n          />\n        </CurriculumSidebarItemWrapper>\n      );\n    }\n\nexport default SidebarItem;"],"mappings":";;;;;;;;;;;;;;;;;;AAmBe;AAJf,SAAS,YAAY,EAAC,MAAM,eAAe,kBAAkB,OAAO,KAAI,GAAsC;AAG5G,MAAI,KAAK,SAAS,gBAAgB;AAC5B,WAAO,oBAAC,0CAAiC,OAAf,KAAK,IAAgB;AAAA,EACjD;AACA,QAAM,aAAa,kBAAkB;AAErC,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MAEA,SAAS,MAAM;AACb,yBAAiB,KAAK;AAAA,MACxB;AAAA,MAEA;AAAA,QAAC;AAAA,yCACK,OADL;AAAA,UAEC,OAAO,uBAAuB;AAAA,YAC5B;AAAA,YACA,UAAU;AAAA,UACZ,CAAC;AAAA;AAAA,MACH;AAAA;AAAA,IAXK,KAAK;AAAA,EAYZ;AAEJ;AAEJ,IAAO,uBAAQ;","names":[]}

package/dist/chunk-T4HTYL5M.js

@@ -1,139 +0,0 @@
-import {
-  TextArea
-} from "./chunk-5XYPLDI5.js";
-import {
-  TextField
-} from "./chunk-6NPTJBFE.js";
-import {
-  RadioGroup
-} from "./chunk-6DJOIRMF.js";
-import {
-  Select
-} from "./chunk-X2GMDZ7M.js";
-import {
-  CheckboxGroup
-} from "./chunk-W7X7KSJP.js";
-import {
-  Checkbox
-} from "./chunk-VYCYVN3L.js";
-import {
-  useDynamicForm
-} from "./chunk-PB4O3U6O.js";
-import {
-  __spreadProps,
-  __spreadValues
-} from "./chunk-CRTRMMJ7.js";
-
-// src/molecules/dynamic-field.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-function DynamicFormField({
-  field
-}) {
-  const {
-    getFieldValue,
-    getFieldError,
-    getFieldTouched,
-    setFieldValue,
-    handleChange,
-    handleBlur,
-    readonly
-  } = useDynamicForm();
-  const { name, type } = field;
-  const value = getFieldValue(name);
-  const error = getFieldError(name);
-  const touched = getFieldTouched(name);
-  const hasError = Boolean(error && touched);
-  const commonProps = {
-    name,
-    value: String(value || ""),
-    onChange: readonly ? void 0 : handleChange,
-    onBlur: readonly ? void 0 : handleBlur,
-    error: hasError,
-    disabled: readonly
-  };
-  switch (type) {
-    case "short_text":
-    case "email":
-      return /* @__PURE__ */ jsx(
-        TextField.Root,
-        __spreadProps(__spreadValues({}, commonProps), {
-          placeholder: field.placeholder,
-          type: type === "short_text" ? "text" : type
-        })
-      );
-    case "number":
-      return /* @__PURE__ */ jsx(
-        TextField.Root,
-        __spreadProps(__spreadValues({}, commonProps), {
-          inputMode: "numeric",
-          pattern: "[0-9]*",
-          placeholder: field.placeholder,
-          type: "number"
-        })
-      );
-    case "long_text":
-      return /* @__PURE__ */ jsx(TextArea, __spreadProps(__spreadValues({}, commonProps), { placeholder: field.placeholder, rows: 4 }));
-    case "dropdown":
-      return /* @__PURE__ */ jsxs(
-        Select.Root,
-        {
-          onValueChange: readonly ? void 0 : (newValue) => {
-            void setFieldValue(name, newValue);
-          },
-          value,
-          disabled: readonly,
-          children: [
-            /* @__PURE__ */ jsx(Select.Trigger, { placeholder: field.placeholder }),
-            /* @__PURE__ */ jsx(Select.Content, { children: field.options.map((option) => /* @__PURE__ */ jsx(Select.Item, { value: String(option.value), children: option.label }, option.value)) })
-          ]
-        }
-      );
-    case "choice":
-      return /* @__PURE__ */ jsx(
-        RadioGroup.Root,
-        {
-          onValueChange: readonly ? void 0 : (newValue) => {
-            void setFieldValue(name, newValue);
-          },
-          orientation: field.orientation,
-          value: String(value || ""),
-          disabled: readonly,
-          children: field.options.map((option) => /* @__PURE__ */ jsx(RadioGroup.Item, { value: String(option.value), children: option.label }, option.value))
-        }
-      );
-    case "choices":
-      return /* @__PURE__ */ jsx(
-        CheckboxGroup.Root,
-        {
-          onValueChange: readonly ? void 0 : (newValue) => {
-            void setFieldValue(name, newValue);
-          },
-          orientation: field.orientation,
-          value: Array.isArray(value) ? value.map(String) : [],
-          disabled: readonly,
-          children: field.options.map((option) => /* @__PURE__ */ jsx(CheckboxGroup.Item, { value: String(option.value), children: option.label }, option.value))
-        }
-      );
-    case "yes_no":
-      return /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "flex-start", gap: "8px" }, children: [
-        /* @__PURE__ */ jsx(
-          Checkbox,
-          {
-            checked: Boolean(value),
-            onCheckedChange: readonly ? void 0 : (checked) => {
-              void setFieldValue(name, checked);
-            },
-            disabled: readonly
-          }
-        ),
-        field.description ? /* @__PURE__ */ jsx("div", { style: { fontSize: "14px", color: "#666", lineHeight: "1.4" }, children: field.description }) : null
-      ] });
-    default:
-      return null;
-  }
-}
-
-export {
-  DynamicFormField
-};
-//# sourceMappingURL=chunk-T4HTYL5M.js.map

package/dist/chunk-T4HTYL5M.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/molecules/dynamic-field.tsx"],"sourcesContent":["\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":[]}