@tipp/ui 2.3.33 → 2.3.34

package/dist/{chunk-GXG26SHU.js → chunk-KMVSJT6Y.js}

@@ -1,18 +1,12 @@
 import {
   ReviewQuestionContentHeader
-} from "./chunk-CNW3YEAK.js";
+} from "./chunk-R3WM6HV6.js";
 import {
   RadioButtonCard
 } from "./chunk-CSKNBWPB.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";
@@ -22,6 +16,12 @@ import {
 import {
   Card
 } from "./chunk-RP2RGCAW.js";
+import {
+  Box
+} from "./chunk-4Y5BEXVN.js";
+import {
+  Typo
+} from "./chunk-PMJIFLDT.js";
 
 // src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/review-question-radio.tsx
 import { useCallback, useMemo, useState } from "react";
@@ -98,4 +98,4 @@ var review_question_radio_default = ReviewQuestionRadio;
 export {
   review_question_radio_default
 };
-//# sourceMappingURL=chunk-GXG26SHU.js.map
+//# sourceMappingURL=chunk-KMVSJT6Y.js.map

package/dist/chunk-LSDD4TAP.js

@@ -0,0 +1,276 @@
+import {
+  TextField
+} from "./chunk-6NPTJBFE.js";
+import {
+  DropdownMenu
+} from "./chunk-SMLC2O3V.js";
+import {
+  Typo
+} from "./chunk-PMJIFLDT.js";
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "./chunk-CRTRMMJ7.js";
+
+// src/molecules/autocomplete-textfield.tsx
+import {
+  forwardRef,
+  useCallback,
+  useEffect,
+  useId,
+  useRef,
+  useState
+} from "react";
+import { Box } from "@radix-ui/themes";
+import { jsx, jsxs } from "react/jsx-runtime";
+var AutocompleteTextfield = forwardRef(
+  (_a, ref) => {
+    var _b = _a, {
+      options,
+      value: externalValue,
+      onChange,
+      onSelect,
+      placeholder,
+      emptyMessage = "\uAC80\uC0C9 \uACB0\uACFC\uAC00 \uC5C6\uC2B5\uB2C8\uB2E4.",
+      maxItems = 10,
+      slotLeft,
+      slotRight,
+      error
+    } = _b, rest = __objRest(_b, [
+      "options",
+      "value",
+      "onChange",
+      "onSelect",
+      "placeholder",
+      "emptyMessage",
+      "maxItems",
+      "slotLeft",
+      "slotRight",
+      "error"
+    ]);
+    const isControlled = externalValue !== void 0;
+    const [internalValue, setInternalValue] = useState("");
+    const inputValue = isControlled ? externalValue : internalValue;
+    const [open, setOpen] = useState(false);
+    const [highlightedIndex, setHighlightedIndex] = useState(-1);
+    const inputRef = useRef(null);
+    const listRef = useRef(null);
+    const listboxId = useId();
+    const justSelectedRef = useRef(false);
+    const filtered = options.filter(
+      (opt) => opt.label.toLowerCase().includes(inputValue.toLowerCase())
+    ).slice(0, maxItems);
+    const handleInputChange = useCallback(
+      (e) => {
+        const next = e.target.value;
+        if (!isControlled) setInternalValue(next);
+        onChange == null ? void 0 : onChange(next);
+        const nextFiltered = options.filter((opt) => opt.label.toLowerCase().includes(next.toLowerCase())).slice(0, maxItems);
+        setOpen(nextFiltered.length > 0 || emptyMessage !== null);
+        setHighlightedIndex(-1);
+      },
+      [isControlled, onChange, options, maxItems, emptyMessage]
+    );
+    const handleSelect = useCallback(
+      (option) => {
+        var _a2;
+        if (!isControlled) setInternalValue(option.label);
+        onChange == null ? void 0 : onChange(option.label);
+        onSelect == null ? void 0 : onSelect(option);
+        setOpen(false);
+        setHighlightedIndex(-1);
+        justSelectedRef.current = true;
+        (_a2 = inputRef.current) == null ? void 0 : _a2.focus();
+      },
+      [isControlled, onChange, onSelect]
+    );
+    const handleFocus = useCallback(() => {
+      if (justSelectedRef.current) {
+        justSelectedRef.current = false;
+        return;
+      }
+      const currentFiltered = options.filter((opt) => opt.label.toLowerCase().includes(inputValue.toLowerCase())).slice(0, maxItems);
+      setOpen(currentFiltered.length > 0 || emptyMessage !== null);
+    }, [options, inputValue, maxItems, emptyMessage]);
+    const handleBlur = useCallback((e) => {
+      var _a2, _b2;
+      if (e.relatedTarget && ((_b2 = (_a2 = inputRef.current) == null ? void 0 : _a2.parentElement) == null ? void 0 : _b2.contains(e.relatedTarget))) {
+        return;
+      }
+      setOpen(false);
+      setHighlightedIndex(-1);
+    }, []);
+    const handleKeyDown = useCallback(
+      (e) => {
+        if (!open) {
+          if (e.key === "ArrowDown" || e.key === "ArrowUp") {
+            setOpen(true);
+            setHighlightedIndex(0);
+            e.preventDefault();
+          }
+          return;
+        }
+        switch (e.key) {
+          case "ArrowDown":
+            e.preventDefault();
+            setHighlightedIndex(
+              (prev) => prev < filtered.length - 1 ? prev + 1 : 0
+            );
+            break;
+          case "ArrowUp":
+            e.preventDefault();
+            setHighlightedIndex(
+              (prev) => prev > 0 ? prev - 1 : filtered.length - 1
+            );
+            break;
+          case "Enter":
+            e.preventDefault();
+            if (highlightedIndex >= 0 && filtered[highlightedIndex]) {
+              handleSelect(filtered[highlightedIndex]);
+            }
+            break;
+          case "Escape":
+            setOpen(false);
+            setHighlightedIndex(-1);
+            break;
+          case "Tab":
+            setOpen(false);
+            setHighlightedIndex(-1);
+            break;
+          default:
+            break;
+        }
+      },
+      [open, filtered, highlightedIndex, handleSelect]
+    );
+    useEffect(() => {
+      if (!listRef.current || highlightedIndex < 0) return;
+      const item = listRef.current.children[highlightedIndex];
+      item.scrollIntoView({ block: "nearest" });
+    }, [highlightedIndex]);
+    return /* @__PURE__ */ jsxs(Box, { position: "relative", style: { width: "100%" }, children: [
+      /* @__PURE__ */ jsxs(
+        TextField.Root,
+        __spreadProps(__spreadValues({
+          "aria-activedescendant": open && highlightedIndex >= 0 ? `${listboxId}-option-${highlightedIndex}` : void 0,
+          "aria-autocomplete": "list",
+          "aria-controls": open ? listboxId : void 0,
+          "aria-expanded": open,
+          error,
+          onBlur: handleBlur,
+          onChange: handleInputChange,
+          onFocus: handleFocus,
+          onKeyDown: handleKeyDown,
+          placeholder,
+          ref: (node) => {
+            inputRef.current = node;
+            if (typeof ref === "function") {
+              ref(node);
+            } else if (ref) {
+              ref.current = node;
+            }
+          },
+          role: "combobox",
+          style: { width: "100%" },
+          value: inputValue
+        }, rest), {
+          children: [
+            slotLeft && /* @__PURE__ */ jsx(TextField.Slot, { side: "left", children: slotLeft }),
+            slotRight && /* @__PURE__ */ jsx(TextField.Slot, { side: "right", children: slotRight })
+          ]
+        })
+      ),
+      /* @__PURE__ */ jsxs(
+        DropdownMenu.Root,
+        {
+          modal: false,
+          onOpenChange: (nextOpen) => {
+            if (!nextOpen && document.activeElement !== inputRef.current) {
+              setOpen(false);
+              setHighlightedIndex(-1);
+            }
+          },
+          open,
+          children: [
+            /* @__PURE__ */ jsx(DropdownMenu.Trigger, { asChild: true, children: /* @__PURE__ */ jsx(
+              "span",
+              {
+                "aria-hidden": "true",
+                style: {
+                  bottom: 0,
+                  height: 0,
+                  left: 0,
+                  opacity: 0,
+                  pointerEvents: "none",
+                  position: "absolute",
+                  width: "100%"
+                }
+              }
+            ) }),
+            /* @__PURE__ */ jsx(
+              DropdownMenu.Content,
+              {
+                align: "start",
+                onCloseAutoFocus: (e) => {
+                  e.preventDefault();
+                },
+                onOpenAutoFocus: (e) => {
+                  e.preventDefault();
+                },
+                sideOffset: 4,
+                style: {
+                  maxHeight: 240,
+                  overflowY: "auto",
+                  padding: 0,
+                  width: "var(--radix-dropdown-menu-trigger-width)"
+                },
+                children: filtered.length === 0 && emptyMessage !== null ? /* @__PURE__ */ jsx(Box, { px: "2", py: "2", children: /* @__PURE__ */ jsx(Typo, { color: "gray", children: emptyMessage }) }) : /* @__PURE__ */ jsx(
+                  "ul",
+                  {
+                    id: listboxId,
+                    ref: listRef,
+                    role: "listbox",
+                    style: { listStyle: "none", margin: 0, padding: 0 },
+                    children: filtered.map((option, index) => {
+                      const isHighlighted = index === highlightedIndex;
+                      return /* @__PURE__ */ jsx(
+                        "li",
+                        {
+                          "aria-selected": isHighlighted,
+                          id: `${listboxId}-option-${index}`,
+                          onMouseEnter: () => {
+                            setHighlightedIndex(index);
+                          },
+                          onPointerDown: (e) => {
+                            e.preventDefault();
+                            handleSelect(option);
+                          },
+                          role: "option",
+                          style: {
+                            padding: "var(--spacing-4) var(--spacing-6)",
+                            cursor: "pointer",
+                            backgroundColor: isHighlighted ? "var(--accent-3)" : "transparent",
+                            transition: "background-color 80ms"
+                          },
+                          children: /* @__PURE__ */ jsx(Typo, { variant: "body", children: option.label })
+                        },
+                        option.value
+                      );
+                    })
+                  }
+                )
+              }
+            )
+          ]
+        }
+      )
+    ] });
+  }
+);
+AutocompleteTextfield.displayName = "AutocompleteTextfield";
+
+export {
+  AutocompleteTextfield
+};
+//# sourceMappingURL=chunk-LSDD4TAP.js.map

package/dist/chunk-LSDD4TAP.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/molecules/autocomplete-textfield.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useId,\n  useRef,\n  useState,\n} from 'react';\nimport { Box } from '@radix-ui/themes';\nimport { TextField, type RootProps as TextFieldRootProps } from '../atoms/text-field';\nimport { DropdownMenu } from '../atoms/dropdown-menu';\nimport { Typo } from '../atoms/typo';\n\nexport interface AutocompleteOption {\n  label: string;\n  value: string;\n}\n\nexport interface AutocompleteTextfieldProps\n  extends Omit<TextFieldRootProps, 'value' | 'onChange' | 'onSelect'> {\n  options: AutocompleteOption[];\n  value?: string;\n  onChange?: (value: string) => void;\n  onSelect?: (option: AutocompleteOption) => void;\n  placeholder?: string;\n  /** 빈 결과일 때 표시할 메시지. null이면 빈 결과 시 드롭다운을 표시하지 않음 */\n  emptyMessage?: string | null;\n  /** 최대 표시 항목 수 (기본값: 10) */\n  maxItems?: number;\n  /** TextField 왼쪽 슬롯 (아이콘 등) */\n  slotLeft?: React.ReactNode;\n  /** TextField 오른쪽 슬롯 (아이콘 등) */\n  slotRight?: React.ReactNode;\n}\n\nexport const AutocompleteTextfield = forwardRef<\n  HTMLInputElement,\n  AutocompleteTextfieldProps\n>(\n  (\n    {\n      options,\n      value: externalValue,\n      onChange,\n      onSelect,\n      placeholder,\n      emptyMessage = '검색 결과가 없습니다.',\n      maxItems = 10,\n      slotLeft,\n      slotRight,\n      error,\n      ...rest\n    },\n    ref\n  ): React.ReactElement => {\n    const isControlled = externalValue !== undefined;\n    const [internalValue, setInternalValue] = useState('');\n    const inputValue = isControlled ? externalValue : internalValue;\n\n    const [open, setOpen] = useState(false);\n    const [highlightedIndex, setHighlightedIndex] = useState(-1);\n\n    const inputRef = useRef<HTMLInputElement>(null);\n    const listRef = useRef<HTMLUListElement>(null);\n    const listboxId = useId();\n    const justSelectedRef = useRef(false);\n\n    const filtered = options\n      .filter((opt: AutocompleteOption) =>\n        opt.label.toLowerCase().includes(inputValue.toLowerCase())\n      )\n      .slice(0, maxItems);\n\n    const handleInputChange = useCallback(\n      (e: React.ChangeEvent<HTMLInputElement>) => {\n        const next = e.target.value;\n        if (!isControlled) setInternalValue(next);\n        onChange?.(next);\n        const nextFiltered = options\n          .filter((opt) => opt.label.toLowerCase().includes(next.toLowerCase()))\n          .slice(0, maxItems);\n        setOpen(nextFiltered.length > 0 || emptyMessage !== null);\n        setHighlightedIndex(-1);\n      },\n      [isControlled, onChange, options, maxItems, emptyMessage]\n    );\n\n    const handleSelect = useCallback(\n      (option: AutocompleteOption) => {\n        if (!isControlled) setInternalValue(option.label);\n        onChange?.(option.label);\n        onSelect?.(option);\n        setOpen(false);\n        setHighlightedIndex(-1);\n        justSelectedRef.current = true;\n        inputRef.current?.focus();\n      },\n      [isControlled, onChange, onSelect]\n    );\n\n    const handleFocus = useCallback(() => {\n      if (justSelectedRef.current) {\n        justSelectedRef.current = false;\n        return;\n      }\n      const currentFiltered = options\n        .filter((opt) => opt.label.toLowerCase().includes(inputValue.toLowerCase()))\n        .slice(0, maxItems);\n      setOpen(currentFiltered.length > 0 || emptyMessage !== null);\n    }, [options, inputValue, maxItems, emptyMessage]);\n\n    const handleBlur = useCallback((e: React.FocusEvent<HTMLInputElement>) => {\n      // 포커스가 dropdown content 내부로 이동한 경우 닫지 않음\n      if (e.relatedTarget && inputRef.current?.parentElement?.contains(e.relatedTarget as Node)) {\n        return;\n      }\n      setOpen(false);\n      setHighlightedIndex(-1);\n    }, []);\n\n    const handleKeyDown = useCallback(\n      (e: React.KeyboardEvent<HTMLInputElement>) => {\n        if (!open) {\n          if (e.key === 'ArrowDown' || e.key === 'ArrowUp') {\n            setOpen(true);\n            setHighlightedIndex(0);\n            e.preventDefault();\n          }\n          return;\n        }\n\n        switch (e.key) {\n          case 'ArrowDown':\n            e.preventDefault();\n            setHighlightedIndex((prev) =>\n              prev < filtered.length - 1 ? prev + 1 : 0\n            );\n            break;\n          case 'ArrowUp':\n            e.preventDefault();\n            setHighlightedIndex((prev) =>\n              prev > 0 ? prev - 1 : filtered.length - 1\n            );\n            break;\n          case 'Enter':\n            e.preventDefault();\n            if (highlightedIndex >= 0 && filtered[highlightedIndex]) {\n              handleSelect(filtered[highlightedIndex]);\n            }\n            break;\n          case 'Escape':\n            setOpen(false);\n            setHighlightedIndex(-1);\n            break;\n          case 'Tab':\n            setOpen(false);\n            setHighlightedIndex(-1);\n            break;\n          default:\n            break;\n        }\n      },\n      [open, filtered, highlightedIndex, handleSelect]\n    );\n\n    // 하이라이트 항목을 리스트 뷰에 스크롤\n    useEffect(() => {\n      if (!listRef.current || highlightedIndex < 0) return;\n      const item = listRef.current.children[highlightedIndex];\n      (item as HTMLElement).scrollIntoView({ block: 'nearest' });\n    }, [highlightedIndex]);\n\n    return (\n      <Box position=\"relative\" style={{ width: '100%' }}>\n        <TextField.Root\n          aria-activedescendant={\n            open && highlightedIndex >= 0\n              ? `${listboxId}-option-${highlightedIndex}`\n              : undefined\n          }\n          aria-autocomplete=\"list\"\n          aria-controls={open ? listboxId : undefined}\n          aria-expanded={open}\n          error={error}\n          onBlur={handleBlur}\n          onChange={handleInputChange}\n          onFocus={handleFocus}\n          onKeyDown={handleKeyDown}\n          placeholder={placeholder}\n          ref={(node) => {\n            (inputRef as React.MutableRefObject<HTMLInputElement | null>).current =\n              node;\n            if (typeof ref === 'function') {\n              ref(node);\n            } else if (ref) {\n              (ref as React.MutableRefObject<HTMLInputElement | null>).current =\n                node;\n            }\n          }}\n          role=\"combobox\"\n          style={{ width: '100%' }}\n          value={inputValue}\n          {...rest}\n        >\n          {slotLeft && <TextField.Slot side=\"left\">{slotLeft}</TextField.Slot>}\n          {slotRight && <TextField.Slot side=\"right\">{slotRight}</TextField.Slot>}\n        </TextField.Root>\n\n        {/* DropdownMenu.Trigger는 포지셔닝 앵커 전용으로 사용 (비대화형) */}\n        <DropdownMenu.Root\n          modal={false}\n          onOpenChange={(nextOpen) => {\n            if (!nextOpen && document.activeElement !== inputRef.current) {\n              setOpen(false);\n              setHighlightedIndex(-1);\n            }\n          }}\n          open={open}\n        >\n          <DropdownMenu.Trigger asChild>\n            <span\n              aria-hidden=\"true\"\n              style={{\n                bottom: 0,\n                height: 0,\n                left: 0,\n                opacity: 0,\n                pointerEvents: 'none',\n                position: 'absolute',\n                width: '100%',\n              }}\n            />\n          </DropdownMenu.Trigger>\n\n          <DropdownMenu.Content\n            align=\"start\"\n            onCloseAutoFocus={(e: Event) => {\n              e.preventDefault();\n            }}\n            onOpenAutoFocus={(e: Event) => {\n              e.preventDefault();\n            }}\n            sideOffset={4}\n            style={{\n              maxHeight: 240,\n              overflowY: 'auto',\n              padding: 0,\n              width: 'var(--radix-dropdown-menu-trigger-width)',\n            }}\n          >\n            {filtered.length === 0 && emptyMessage !== null ? (\n              <Box px=\"2\" py=\"2\">\n                <Typo color=\"gray\">\n                  {emptyMessage}\n                </Typo>\n              </Box>\n            ) : (\n              <ul\n                id={listboxId}\n                ref={listRef}\n                role=\"listbox\"\n                style={{ listStyle: 'none', margin: 0, padding: 0 }}\n              >\n                {filtered.map((option, index) => {\n                  const isHighlighted = index === highlightedIndex;\n                  return (\n                    <li\n                      aria-selected={isHighlighted}\n                      id={`${listboxId}-option-${index}`}\n                      key={option.value}\n                      onMouseEnter={() => {\n                        setHighlightedIndex(index);\n                      }}\n                      onPointerDown={(e) => {\n                        // blur 전에 선택되도록 pointerdown 사용\n                        e.preventDefault();\n                        handleSelect(option);\n                      }}\n                      role=\"option\"\n                      style={{\n                        padding: 'var(--spacing-4) var(--spacing-6)',\n                        cursor: 'pointer',\n                        backgroundColor: isHighlighted\n                          ? 'var(--accent-3)'\n                          : 'transparent',\n                        transition: 'background-color 80ms',\n                      }}\n                    >\n                      <Typo variant=\"body\">{option.label}</Typo>\n                    </li>\n                  );\n                })}\n              </ul>\n            )}\n          </DropdownMenu.Content>\n        </DropdownMenu.Root>\n      </Box>\n    );\n  }\n);\n\nAutocompleteTextfield.displayName = 'AutocompleteTextfield';\n"],"mappings":"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","names":["_a","_b"]}

package/dist/{chunk-LIV5LHHZ.js → chunk-LT5C6QT7.js}

@@ -1,6 +1,6 @@
 import {
   curriculum_item_title_default
-} from "./chunk-MJMHPIYX.js";
+} from "./chunk-SDEDXT7A.js";
 import {
   getCurriculumContentSubTypeText,
   getCurriculumIcon
@@ -26,4 +26,4 @@ var section_item_default = SectionCommonItem;
 export {
   section_item_default
 };
-//# sourceMappingURL=chunk-LIV5LHHZ.js.map
+//# sourceMappingURL=chunk-LT5C6QT7.js.map

package/dist/{chunk-MFIOT62L.js → chunk-N4Y3QSUQ.js}

@@ -1,9 +1,6 @@
 import {
   IconButton
 } from "./chunk-XK6VEVOK.js";
-import {
-  Typo
-} from "./chunk-PMJIFLDT.js";
 import {
   Flex
 } from "./chunk-25HMMI7R.js";
@@ -13,6 +10,9 @@ import {
   DoubleArrowLeftIcon,
   DoubleArrowRightIcon
 } from "./chunk-DLP4UUNG.js";
+import {
+  Typo
+} from "./chunk-PMJIFLDT.js";
 import {
   __spreadProps,
   __spreadValues
@@ -122,4 +122,4 @@ function Pagination(props) {
 export {
   Pagination
 };
-//# sourceMappingURL=chunk-MFIOT62L.js.map
+//# sourceMappingURL=chunk-N4Y3QSUQ.js.map

package/dist/{chunk-3WNHPKHP.js → chunk-NCNYKQU7.js}

@@ -1,15 +1,15 @@
+import {
+  ReviewQuestionSatisfisText
+} from "./chunk-5V6MQUTB.js";
 import {
   review_question_text_default
-} from "./chunk-XXMZLXDE.js";
+} from "./chunk-OHXP63A5.js";
 import {
   review_question_radio_default
-} from "./chunk-GXG26SHU.js";
+} from "./chunk-KMVSJT6Y.js";
 import {
   review_question_satisfaction_option_default
-} from "./chunk-JFJ3N4V5.js";
-import {
-  ReviewQuestionSatisfisText
-} from "./chunk-W7TBPRHG.js";
+} from "./chunk-7I7PZF5L.js";
 
 // src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/review-question-body.tsx
 import { jsx } from "react/jsx-runtime";
@@ -66,4 +66,4 @@ var review_question_body_default = ReviewQuestionBody;
 export {
   review_question_body_default
 };
-//# sourceMappingURL=chunk-3WNHPKHP.js.map
+//# sourceMappingURL=chunk-NCNYKQU7.js.map

package/dist/{chunk-BFRNEBJN.js → chunk-NHCUQ25T.js}

@@ -3,16 +3,16 @@ import {
 } from "./chunk-LT6LBTA7.js";
 import {
   List
-} from "./chunk-JIJLOKVN.js";
+} from "./chunk-WV2HN6H4.js";
+import {
+  Callout
+} from "./chunk-B6XJN6EC.js";
 import {
   Box
 } from "./chunk-4Y5BEXVN.js";
 import {
   Typo
 } from "./chunk-PMJIFLDT.js";
-import {
-  Callout
-} from "./chunk-B6XJN6EC.js";
 
 // src/molecules/description-json-render.tsx
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
@@ -48,4 +48,4 @@ function DescriptionJsonRender(props) {
 export {
   DescriptionJsonRender
 };
-//# sourceMappingURL=chunk-BFRNEBJN.js.map
+//# sourceMappingURL=chunk-NHCUQ25T.js.map

package/dist/{chunk-FVNXDLRU.js → chunk-O5MYSBA3.js}

@@ -1,6 +1,6 @@
 import {
   List
-} from "./chunk-JIJLOKVN.js";
+} from "./chunk-WV2HN6H4.js";
 import {
   Heading
 } from "./chunk-BESTU2AY.js";
@@ -81,4 +81,4 @@ export {
   oneOnOneNoteTextReplacer,
   OneOnOneGuideList
 };
-//# sourceMappingURL=chunk-FVNXDLRU.js.map
+//# sourceMappingURL=chunk-O5MYSBA3.js.map

package/dist/{chunk-XXMZLXDE.js → chunk-OHXP63A5.js}

@@ -1,27 +1,27 @@
 import {
   ReviewQuestionContentHeader
-} from "./chunk-CNW3YEAK.js";
+} from "./chunk-R3WM6HV6.js";
 import {
   TextArea
 } from "./chunk-5XYPLDI5.js";
 import {
   Grid
 } from "./chunk-EGEQY3KT.js";
-import {
-  Box
-} from "./chunk-4Y5BEXVN.js";
-import {
-  Typo
-} from "./chunk-PMJIFLDT.js";
 import {
   Callout
 } from "./chunk-B6XJN6EC.js";
 import {
   Card
 } from "./chunk-RP2RGCAW.js";
+import {
+  Box
+} from "./chunk-4Y5BEXVN.js";
 import {
   BellIcon
 } from "./chunk-DLP4UUNG.js";
+import {
+  Typo
+} from "./chunk-PMJIFLDT.js";
 
 // src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/review-question-text.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -84,4 +84,4 @@ var review_question_text_default = ReviewQuestionText;
 export {
   review_question_text_default
 };
-//# sourceMappingURL=chunk-XXMZLXDE.js.map
+//# sourceMappingURL=chunk-OHXP63A5.js.map

package/dist/{chunk-M6C7IXCB.js → chunk-OXZXUPSB.js}

@@ -4,22 +4,22 @@ import {
 import {
   Grid
 } from "./chunk-EGEQY3KT.js";
-import {
-  Heading
-} from "./chunk-BESTU2AY.js";
 import {
   IconButton
 } from "./chunk-XK6VEVOK.js";
 import {
   Box
 } from "./chunk-4Y5BEXVN.js";
-import {
-  Typo
-} from "./chunk-PMJIFLDT.js";
 import {
   ChevronLeftIcon,
   ChevronRightIcon
 } from "./chunk-DLP4UUNG.js";
+import {
+  Heading
+} from "./chunk-BESTU2AY.js";
+import {
+  Typo
+} from "./chunk-PMJIFLDT.js";
 
 // src/molecules/curriculumV2/curriculum-sub-nav.tsx
 import { useCallback } from "react";
@@ -97,4 +97,4 @@ function CurriculumSubNav() {
 export {
   CurriculumSubNav
 };
-//# sourceMappingURL=chunk-M6C7IXCB.js.map
+//# sourceMappingURL=chunk-OXZXUPSB.js.map

package/dist/{chunk-KCAOUZCT.js → chunk-P4KO43AP.js}

@@ -1,6 +1,6 @@
 import {
   DynamicFormField
-} from "./chunk-MPZJH3PI.js";
+} from "./chunk-7ITDAUWI.js";
 import {
   DynamicFormProvider,
   useDynamicForm
@@ -242,4 +242,4 @@ export {
   DynamicForm,
   createYupValidation
 };
-//# sourceMappingURL=chunk-KCAOUZCT.js.map
+//# sourceMappingURL=chunk-P4KO43AP.js.map

package/dist/{chunk-TB3ZF5TJ.js → chunk-P6C6KRXM.js}

@@ -1,15 +1,15 @@
 import {
   review_question_body_default
-} from "./chunk-3WNHPKHP.js";
+} from "./chunk-NCNYKQU7.js";
 import {
   review_question_footer_default
-} from "./chunk-76PNGKCB.js";
+} from "./chunk-HAZBA3RU.js";
 import {
   review_question_header_default
-} from "./chunk-SAEPW5JF.js";
+} from "./chunk-VREM33BW.js";
 import {
   review_question_layout_default
-} from "./chunk-VK6INFSB.js";
+} from "./chunk-AQVIQODP.js";
 
 // src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/index.tsx
 import { jsx } from "react/jsx-runtime";
@@ -60,4 +60,4 @@ var ReviewQuestion_default = ReviewQuestion;
 export {
   ReviewQuestion_default
 };
-//# sourceMappingURL=chunk-TB3ZF5TJ.js.map
+//# sourceMappingURL=chunk-P6C6KRXM.js.map

package/dist/{chunk-6UXCNYVO.js → chunk-PXPGCDNA.js}

@@ -4,15 +4,15 @@ import {
 import {
   Select
 } from "./chunk-X2GMDZ7M.js";
-import {
-  Typo
-} from "./chunk-PMJIFLDT.js";
 import {
   Flex
 } from "./chunk-25HMMI7R.js";
 import {
   Card
 } from "./chunk-RP2RGCAW.js";
+import {
+  Typo
+} from "./chunk-PMJIFLDT.js";
 
 // src/molecules/dynamic-form-editor-field-list-panel.tsx
 import { useMemo } from "react";
@@ -103,4 +103,4 @@ function DynamicFormEditorFieldListPanel(props) {
 export {
   DynamicFormEditorFieldListPanel
 };
-//# sourceMappingURL=chunk-6UXCNYVO.js.map
+//# sourceMappingURL=chunk-PXPGCDNA.js.map

package/dist/{chunk-RFXVHZAN.js → chunk-QFEZIPWJ.js}

@@ -9,18 +9,18 @@ import {
 import {
   DataList
 } from "./chunk-VTJZMOSP.js";
-import {
-  Heading
-} from "./chunk-BESTU2AY.js";
-import {
-  Box
-} from "./chunk-4Y5BEXVN.js";
 import {
   Flex
 } from "./chunk-25HMMI7R.js";
 import {
   Card
 } from "./chunk-RP2RGCAW.js";
+import {
+  Box
+} from "./chunk-4Y5BEXVN.js";
+import {
+  Heading
+} from "./chunk-BESTU2AY.js";
 
 // src/app/platform/userInfos/coaching-customer-info/large.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -61,4 +61,4 @@ function CoachingCustomerInfoLarge({
 export {
   CoachingCustomerInfoLarge
 };
-//# sourceMappingURL=chunk-RFXVHZAN.js.map
+//# sourceMappingURL=chunk-QFEZIPWJ.js.map

package/dist/{chunk-ZVSATS4O.js → chunk-QIAMX2NR.js}

@@ -7,24 +7,24 @@ import {
 import {
   Grid
 } from "./chunk-EGEQY3KT.js";
-import {
-  Typo
-} from "./chunk-PMJIFLDT.js";
 import {
   Flex
 } from "./chunk-25HMMI7R.js";
 import {
   Button
 } from "./chunk-ZVDAEY5Q.js";
-import {
-  CheckIcon
-} from "./chunk-DLP4UUNG.js";
 import {
   AutoSizingInput
 } from "./chunk-6SYFG6YY.js";
 import {
   Badge
 } from "./chunk-U3BQT7ZO.js";
+import {
+  CheckIcon
+} from "./chunk-DLP4UUNG.js";
+import {
+  Typo
+} from "./chunk-PMJIFLDT.js";
 
 // src/molecules/tag-selector.tsx
 import {
@@ -360,4 +360,4 @@ var preventDefault = (e) => {
 export {
   TagSelector
 };
-//# sourceMappingURL=chunk-ZVSATS4O.js.map
+//# sourceMappingURL=chunk-QIAMX2NR.js.map