@tipp/ui 2.8.0 → 2.10.0

package/dist/{chunk-5BIICWFT.js → chunk-ISSUGCCY.js}

@@ -15,19 +15,19 @@ import {
 } from "./chunk-ZPUNTAVI.js";
 import {
   Heading
-} from "./chunk-YIVIBIK2.js";
-import {
-  Card
-} from "./chunk-RP2RGCAW.js";
+} from "./chunk-USGOLLYO.js";
 import {
   Box
 } from "./chunk-4Y5BEXVN.js";
 import {
   Typo
-} from "./chunk-YXFHD2PY.js";
+} from "./chunk-L4QQGIYQ.js";
 import {
   Flex
 } from "./chunk-25HMMI7R.js";
+import {
+  Card
+} from "./chunk-RP2RGCAW.js";
 
 // src/app/platform/userInfos/coaching-customer-info/medium.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -71,4 +71,4 @@ function CoachingCustomerInfoMedium({
 export {
   CoachingCustomerInfoMedium
 };
-//# sourceMappingURL=chunk-5BIICWFT.js.map
+//# sourceMappingURL=chunk-ISSUGCCY.js.map

package/dist/{chunk-PZDN6K6R.js → chunk-JCZXPONS.js}

@@ -1,12 +1,12 @@
 import {
   CoachingCustomerInfoLarge
-} from "./chunk-FIQJUO66.js";
+} from "./chunk-OPIVSYLN.js";
 import {
   CoachingCustomerInfoMedium
-} from "./chunk-5BIICWFT.js";
+} from "./chunk-ISSUGCCY.js";
 import {
   CoachingCustomerInfoSmall
-} from "./chunk-URSBI6BQ.js";
+} from "./chunk-OW2QNTK3.js";
 import {
   Box
 } from "./chunk-4Y5BEXVN.js";
@@ -27,4 +27,4 @@ function CoachingCustomerInfo(props) {
 export {
   CoachingCustomerInfo
 };
-//# sourceMappingURL=chunk-PZDN6K6R.js.map
+//# sourceMappingURL=chunk-JCZXPONS.js.map

package/dist/{chunk-7TRT4QTP.js → chunk-K4RZTENM.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-WA5A2GB4.js";
 import {
   Typo
-} from "./chunk-YXFHD2PY.js";
+} from "./chunk-L4QQGIYQ.js";
 import {
   Flex
 } from "./chunk-25HMMI7R.js";
@@ -67,4 +67,4 @@ var curriculum_ai_traning_default = CurriculumAiTraning;
 export {
   curriculum_ai_traning_default
 };
-//# sourceMappingURL=chunk-7TRT4QTP.js.map
+//# sourceMappingURL=chunk-K4RZTENM.js.map

package/dist/{chunk-Z54XTEAF.js → chunk-KDS7OQOY.js}

@@ -1,6 +1,6 @@
 import {
   Heading
-} from "./chunk-YIVIBIK2.js";
+} from "./chunk-USGOLLYO.js";
 import {
   usePortalContainer
 } from "./chunk-U7N2PWMO.js";
@@ -141,4 +141,4 @@ var Dialog = {
 export {
   Dialog
 };
-//# sourceMappingURL=chunk-Z54XTEAF.js.map
+//# sourceMappingURL=chunk-KDS7OQOY.js.map

package/dist/chunk-KJPBBBVK.js

@@ -0,0 +1,142 @@
+import {
+  stepCode,
+  stepColor,
+  stepGradeLabel,
+  stepRatio,
+  stepScoreText,
+  stepVars
+} from "./chunk-4YAA25AV.js";
+import {
+  Progress
+} from "./chunk-TNNF5Q62.js";
+import {
+  Box
+} from "./chunk-4Y5BEXVN.js";
+import {
+  Typo
+} from "./chunk-L4QQGIYQ.js";
+import {
+  Flex
+} from "./chunk-25HMMI7R.js";
+
+// src/app/roleplay/parts/step-detail.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function RubricField({
+  label,
+  value
+}) {
+  return /* @__PURE__ */ jsxs(Box, { children: [
+    /* @__PURE__ */ jsx(Typo, { as: "p", variant: "body", weight: "medium", children: label }),
+    /* @__PURE__ */ jsx(Box, { mt: "1", style: { maxWidth: "65ch" }, children: /* @__PURE__ */ jsx(Typo, { as: "p", variant: "body", children: value }) })
+  ] });
+}
+function StepDetail({
+  step,
+  scrollMarginTop = "120px"
+}) {
+  const qv = stepVars(step);
+  const ratio = stepRatio(step);
+  const scoreText = stepScoreText(step);
+  const gradeLabel = stepGradeLabel(step);
+  return /* @__PURE__ */ jsxs(Box, { id: `step-${step.key}`, style: { scrollMarginTop }, children: [
+    /* @__PURE__ */ jsxs(Flex, { align: "center", gap: "2", justify: "between", mb: "1", children: [
+      /* @__PURE__ */ jsxs(Box, { style: { minWidth: 0 }, children: [
+        /* @__PURE__ */ jsx(Typo, { as: "span", color: "gray", mono: true, variant: "body", children: stepCode(step) }),
+        /* @__PURE__ */ jsx(Typo, { as: "p", variant: "subtitle", weight: "bold", children: step.label })
+      ] }),
+      /* @__PURE__ */ jsxs(Flex, { align: "end", direction: "column", gap: "1", style: { flexShrink: 0 }, children: [
+        scoreText !== null ? /* @__PURE__ */ jsx(
+          Typo,
+          {
+            as: "span",
+            mono: true,
+            style: { color: qv.fg },
+            variant: "subtitle",
+            weight: "bold",
+            children: scoreText
+          }
+        ) : null,
+        gradeLabel !== null ? /* @__PURE__ */ jsx(
+          Typo,
+          {
+            as: "span",
+            mono: true,
+            style: {
+              display: "inline-block",
+              borderRadius: "var(--radius-2)",
+              border: `1px solid ${qv.border}`,
+              background: qv.bg,
+              color: qv.fg,
+              padding: "1px 8px"
+            },
+            variant: "body",
+            weight: "medium",
+            children: gradeLabel
+          }
+        ) : null
+      ] })
+    ] }),
+    ratio !== null ? /* @__PURE__ */ jsx(Box, { mb: "3", mt: "2", children: /* @__PURE__ */ jsx(Progress, { color: stepColor(step), size: "2", value: ratio * 100 }) }) : null,
+    step.description ? /* @__PURE__ */ jsx(Box, { mb: "3", mt: ratio !== null ? "0" : "2", style: { maxWidth: "65ch" }, children: /* @__PURE__ */ jsx(Typo, { as: "p", color: "gray", variant: "body", children: step.description }) }) : null,
+    /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: "0", children: [
+      step.basis || step.issue ? /* @__PURE__ */ jsx(Box, { pb: "3", style: { borderBottom: "1px solid var(--gray-a4)" }, children: /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: "3", children: [
+        step.basis ? /* @__PURE__ */ jsx(RubricField, { label: "\uADFC\uAC70", value: step.basis }) : null,
+        step.issue ? /* @__PURE__ */ jsx(RubricField, { label: "\uC544\uC26C\uC6B4 \uC810", value: step.issue }) : null
+      ] }) }) : null,
+      step.improve || step.example || step.idealExample ? /* @__PURE__ */ jsx(Box, { pt: "3", children: /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: "3", children: [
+        step.improve ? /* @__PURE__ */ jsx(RubricField, { label: "\uAC1C\uC120\uC810", value: step.improve }) : null,
+        step.example ? /* @__PURE__ */ jsxs(
+          Box,
+          {
+            p: "2",
+            style: {
+              borderRadius: "var(--radius-2)",
+              background: "var(--accent-a2)"
+            },
+            children: [
+              /* @__PURE__ */ jsx(
+                Typo,
+                {
+                  as: "p",
+                  style: { color: "var(--accent-11)" },
+                  variant: "body",
+                  weight: "medium",
+                  children: "\uC608\uC2DC \uC2A4\uD06C\uB9BD\uD2B8"
+                }
+              ),
+              /* @__PURE__ */ jsx(Box, { mt: "1", style: { maxWidth: "65ch" }, children: /* @__PURE__ */ jsx(Typo, { as: "p", style: { color: "var(--accent-11)" }, variant: "body", children: step.example }) })
+            ]
+          }
+        ) : null,
+        step.idealExample ? /* @__PURE__ */ jsxs(
+          Box,
+          {
+            p: "2",
+            style: {
+              borderRadius: "var(--radius-2)",
+              background: "var(--gray-a2)"
+            },
+            children: [
+              /* @__PURE__ */ jsx(Typo, { as: "p", color: "gray", variant: "body", weight: "medium", children: "\uBAA8\uBC94 \uC608\uC2DC" }),
+              /* @__PURE__ */ jsx(Box, { mt: "1", style: { maxWidth: "65ch" }, children: /* @__PURE__ */ jsx(
+                Typo,
+                {
+                  as: "p",
+                  color: "gray",
+                  style: { whiteSpace: "pre-line" },
+                  variant: "body",
+                  children: step.idealExample
+                }
+              ) })
+            ]
+          }
+        ) : null
+      ] }) }) : null
+    ] })
+  ] });
+}
+
+export {
+  StepDetail
+};
+//# sourceMappingURL=chunk-KJPBBBVK.js.map

package/dist/chunk-KJPBBBVK.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/app/roleplay/parts/step-detail.tsx"],"sourcesContent":["'use client';\n\nimport { Box, Flex, Progress, Typo } from '../../../atoms';\nimport type { RpReportStep } from '../utils/report-parse';\nimport {\n  stepCode,\n  stepColor,\n  stepGradeLabel,\n  stepRatio,\n  stepScoreText,\n  stepVars,\n} from '../utils/session-utils';\n\nexport interface StepDetailProps {\n  step: RpReportStep;\n  scrollMarginTop?: string;\n}\n\nfunction RubricField({\n  label,\n  value,\n}: {\n  label: string;\n  value: string;\n}): React.ReactElement {\n  return (\n    <Box>\n      <Typo as=\"p\" variant=\"body\" weight=\"medium\">\n        {label}\n      </Typo>\n      <Box mt=\"1\" style={{ maxWidth: '65ch' }}>\n        <Typo as=\"p\" variant=\"body\">\n          {value}\n        </Typo>\n      </Box>\n    </Box>\n  );\n}\n\nexport function StepDetail({\n  step,\n  scrollMarginTop = '120px',\n}: StepDetailProps): React.ReactElement {\n  const qv = stepVars(step);\n  const ratio = stepRatio(step);\n  const scoreText = stepScoreText(step);\n  const gradeLabel = stepGradeLabel(step);\n\n  return (\n    <Box id={`step-${step.key}`} style={{ scrollMarginTop }}>\n      <Flex align=\"center\" gap=\"2\" justify=\"between\" mb=\"1\">\n        <Box style={{ minWidth: 0 }}>\n          <Typo as=\"span\" color=\"gray\" mono variant=\"body\">\n            {stepCode(step)}\n          </Typo>\n          <Typo as=\"p\" variant=\"subtitle\" weight=\"bold\">\n            {step.label}\n          </Typo>\n        </Box>\n        <Flex align=\"end\" direction=\"column\" gap=\"1\" style={{ flexShrink: 0 }}>\n          {scoreText !== null ? (\n            <Typo\n              as=\"span\"\n              mono\n              style={{ color: qv.fg }}\n              variant=\"subtitle\"\n              weight=\"bold\"\n            >\n              {scoreText}\n            </Typo>\n          ) : null}\n          {gradeLabel !== null ? (\n            <Typo\n              as=\"span\"\n              mono\n              style={{\n                display: 'inline-block',\n                borderRadius: 'var(--radius-2)',\n                border: `1px solid ${qv.border}`,\n                background: qv.bg,\n                color: qv.fg,\n                padding: '1px 8px',\n              }}\n              variant=\"body\"\n              weight=\"medium\"\n            >\n              {gradeLabel}\n            </Typo>\n          ) : null}\n        </Flex>\n      </Flex>\n\n      {ratio !== null ? (\n        <Box mb=\"3\" mt=\"2\">\n          <Progress color={stepColor(step)} size=\"2\" value={ratio * 100} />\n        </Box>\n      ) : null}\n\n      {step.description ? (\n        <Box mb=\"3\" mt={ratio !== null ? '0' : '2'} style={{ maxWidth: '65ch' }}>\n          <Typo as=\"p\" color=\"gray\" variant=\"body\">\n            {step.description}\n          </Typo>\n        </Box>\n      ) : null}\n\n      <Flex direction=\"column\" gap=\"0\">\n        {step.basis || step.issue ? (\n          <Box pb=\"3\" style={{ borderBottom: '1px solid var(--gray-a4)' }}>\n            <Flex direction=\"column\" gap=\"3\">\n              {step.basis ? <RubricField label=\"근거\" value={step.basis} /> : null}\n              {step.issue ? <RubricField label=\"아쉬운 점\" value={step.issue} /> : null}\n            </Flex>\n          </Box>\n        ) : null}\n\n        {step.improve || step.example || step.idealExample ? (\n          <Box pt=\"3\">\n            <Flex direction=\"column\" gap=\"3\">\n              {step.improve ? <RubricField label=\"개선점\" value={step.improve} /> : null}\n              {step.example ? (\n                <Box\n                  p=\"2\"\n                  style={{\n                    borderRadius: 'var(--radius-2)',\n                    background: 'var(--accent-a2)',\n                  }}\n                >\n                  <Typo\n                    as=\"p\"\n                    style={{ color: 'var(--accent-11)' }}\n                    variant=\"body\"\n                    weight=\"medium\"\n                  >\n                    예시 스크립트\n                  </Typo>\n                  <Box mt=\"1\" style={{ maxWidth: '65ch' }}>\n                    <Typo as=\"p\" style={{ color: 'var(--accent-11)' }} variant=\"body\">\n                      {step.example}\n                    </Typo>\n                  </Box>\n                </Box>\n              ) : null}\n              {step.idealExample ? (\n                <Box\n                  p=\"2\"\n                  style={{\n                    borderRadius: 'var(--radius-2)',\n                    background: 'var(--gray-a2)',\n                  }}\n                >\n                  <Typo as=\"p\" color=\"gray\" variant=\"body\" weight=\"medium\">\n                    모범 예시\n                  </Typo>\n                  <Box mt=\"1\" style={{ maxWidth: '65ch' }}>\n                    <Typo\n                      as=\"p\"\n                      color=\"gray\"\n                      style={{ whiteSpace: 'pre-line' }}\n                      variant=\"body\"\n                    >\n                      {step.idealExample}\n                    </Typo>\n                  </Box>\n                </Box>\n              ) : null}\n            </Flex>\n          </Box>\n        ) : null}\n      </Flex>\n    </Box>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/{chunk-YXFHD2PY.js → chunk-L4QQGIYQ.js}

@@ -4,6 +4,9 @@ import {
 import {
   MONO_STYLE
 } from "./chunk-PO2PBAHW.js";
+import {
+  clampStyle
+} from "./chunk-36W7VD2Z.js";
 import {
   resolveColor
 } from "./chunk-VFQD57ZY.js";
@@ -20,7 +23,25 @@ import { useMemo, forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
 var Typo = forwardRef(
   (props, ref) => {
-    const _a = props, { size, variant, children, color, className, mono, style } = _a, rest = __objRest(_a, ["size", "variant", "children", "color", "className", "mono", "style"]);
+    const _a = props, {
+      size,
+      variant,
+      children,
+      color,
+      className,
+      mono,
+      clamp,
+      style
+    } = _a, rest = __objRest(_a, [
+      "size",
+      "variant",
+      "children",
+      "color",
+      "className",
+      "mono",
+      "clamp",
+      "style"
+    ]);
     const { color: radixColor, className: colorClassName } = useMemo(
       () => resolveColor(color),
       [color]
@@ -50,7 +71,7 @@ var Typo = forwardRef(
         color: radixColor,
         ref,
         size: radixSize,
-        style: mono ? __spreadValues(__spreadValues({}, MONO_STYLE), style) : style,
+        style: __spreadValues(__spreadValues(__spreadValues({}, mono ? MONO_STYLE : null), clamp ? clampStyle(clamp) : null), style),
         children
       })
     );
@@ -61,4 +82,4 @@ Typo.displayName = "Typo";
 export {
   Typo
 };
-//# sourceMappingURL=chunk-YXFHD2PY.js.map
+//# sourceMappingURL=chunk-L4QQGIYQ.js.map

package/dist/chunk-L4QQGIYQ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/atoms/typo.tsx"],"sourcesContent":["import type { TextProps as RadixTextProps } from '@radix-ui/themes';\nimport type { Responsive } from '@radix-ui/themes/props';\nimport { Text as RadixText } from '@radix-ui/themes';\nimport { clsx } from 'clsx';\nimport React, { useMemo, forwardRef } from 'react';\nimport { mapWithResponsive } from '@/utils/map-with-responsive';\nimport { clampStyle } from '../utils/clamp-style';\nimport { MONO_STYLE } from '../utils/mono-style';\nimport {\n  resolveColor,\n  type DistributiveOmit,\n  type UiColor,\n} from '../utils/resolve-color';\n\nexport type TypoProps = DistributiveOmit<RadixTextProps, 'color'> & {\n  variant?: Responsive<'body' | 'caption' | 'subtitle'>;\n  color?: UiColor;\n  /** 등폭(monospace) 폰트 + 숫자 고정폭 정렬(tabular-nums). 점수·퍼센트 등 수치 표시에 사용한다. */\n  mono?: boolean;\n  /** 여러 줄 말줄임(line-clamp). 지정한 줄 수까지만 표시하고 넘치면 …로 자른다. */\n  clamp?: number;\n};\n\nexport const Typo = forwardRef<HTMLSpanElement, TypoProps>(\n  (props: TypoProps, ref): React.ReactNode => {\n    const {\n      size,\n      variant,\n      children,\n      color,\n      className,\n      mono,\n      clamp,\n      style,\n      ...rest\n    } = props;\n\n    const { color: radixColor, className: colorClassName } = useMemo(\n      () => resolveColor(color),\n      [color]\n    );\n\n    const radixSize = useMemo<RadixTextProps['size']>(() => {\n      if (size !== undefined) return size;\n\n      if (variant === undefined) return '2';\n\n      return mapWithResponsive({\n        value: variant,\n        mapFn: (variantValue?: 'body' | 'caption' | 'subtitle') => {\n          switch (variantValue) {\n            case 'caption':\n              return '1';\n            case 'subtitle':\n              return '3';\n            case 'body':\n            default:\n              return '2';\n          }\n        },\n      });\n    }, [size, variant]);\n\n    return (\n      <RadixText\n        {...rest}\n        className={clsx(colorClassName, className)}\n        color={radixColor}\n        ref={ref}\n        size={radixSize}\n        style={{\n          ...(mono ? MONO_STYLE : null),\n          ...(clamp ? clampStyle(clamp) : null),\n          ...style,\n        }}\n      >\n        {children}\n      </RadixText>\n    );\n  }\n);\n\nTypo.displayName = 'Typo';\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAEA,SAAS,QAAQ,iBAAiB;AAClC,SAAS,YAAY;AACrB,SAAgB,SAAS,kBAAkB;AA4DrC;AAzCC,IAAM,OAAO;AAAA,EAClB,CAAC,OAAkB,QAAyB;AAC1C,UAUI,YATF;AAAA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAjCN,IAmCQ,IADC,iBACD,IADC;AAAA,MARH;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAIF,UAAM,EAAE,OAAO,YAAY,WAAW,eAAe,IAAI;AAAA,MACvD,MAAM,aAAa,KAAK;AAAA,MACxB,CAAC,KAAK;AAAA,IACR;AAEA,UAAM,YAAY,QAAgC,MAAM;AACtD,UAAI,SAAS,OAAW,QAAO;AAE/B,UAAI,YAAY,OAAW,QAAO;AAElC,aAAO,kBAAkB;AAAA,QACvB,OAAO;AAAA,QACP,OAAO,CAAC,iBAAmD;AACzD,kBAAQ,cAAc;AAAA,YACpB,KAAK;AACH,qBAAO;AAAA,YACT,KAAK;AACH,qBAAO;AAAA,YACT,KAAK;AAAA,YACL;AACE,qBAAO;AAAA,UACX;AAAA,QACF;AAAA,MACF,CAAC;AAAA,IACH,GAAG,CAAC,MAAM,OAAO,CAAC;AAElB,WACE;AAAA,MAAC;AAAA,uCACK,OADL;AAAA,QAEC,WAAW,KAAK,gBAAgB,SAAS;AAAA,QACzC,OAAO;AAAA,QACP;AAAA,QACA,MAAM;AAAA,QACN,OAAO,iDACD,OAAO,aAAa,OACpB,QAAQ,WAAW,KAAK,IAAI,OAC7B;AAAA,QAGJ;AAAA;AAAA,IACH;AAAA,EAEJ;AACF;AAEA,KAAK,cAAc;","names":[]}

package/dist/{chunk-YCV3HR4J.js → chunk-LAGJDIVU.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-4Y5BEXVN.js";
 import {
   Typo
-} from "./chunk-YXFHD2PY.js";
+} from "./chunk-L4QQGIYQ.js";
 import {
   Flex
 } from "./chunk-25HMMI7R.js";
@@ -55,4 +55,4 @@ function OnOfflineRadioCard(props) {
 export {
   OnOfflineRadioCard
 };
-//# sourceMappingURL=chunk-YCV3HR4J.js.map
+//# sourceMappingURL=chunk-LAGJDIVU.js.map

package/dist/{chunk-3UJEOHQT.js → chunk-LK2H4QTJ.js}

@@ -14,22 +14,22 @@ import {
 } from "./chunk-EGEQY3KT.js";
 import {
   Heading
-} from "./chunk-YIVIBIK2.js";
-import {
-  Badge
-} from "./chunk-BK74U562.js";
+} from "./chunk-USGOLLYO.js";
 import {
   Box
 } from "./chunk-4Y5BEXVN.js";
 import {
   Typo
-} from "./chunk-YXFHD2PY.js";
+} from "./chunk-L4QQGIYQ.js";
 import {
   Flex
 } from "./chunk-25HMMI7R.js";
 import {
   Button
 } from "./chunk-2LCH3PDF.js";
+import {
+  Badge
+} from "./chunk-BK74U562.js";
 
 // src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/start-review.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -148,4 +148,4 @@ var start_review_default = StartReview;
 export {
   start_review_default
 };
-//# sourceMappingURL=chunk-3UJEOHQT.js.map
+//# sourceMappingURL=chunk-LK2H4QTJ.js.map

package/dist/{chunk-UHAMISMF.js → chunk-LRNO4W2P.js}

@@ -1,12 +1,12 @@
 import {
   start_review_default
-} from "./chunk-3UJEOHQT.js";
+} from "./chunk-LK2H4QTJ.js";
 import {
   ReviewQuestion_default
-} from "./chunk-UA2HDDD4.js";
+} from "./chunk-SOKGYD5B.js";
 import {
   complete_review_default
-} from "./chunk-IIA2BVJI.js";
+} from "./chunk-NVRVOTWZ.js";
 import {
   CurriculumReviewProvider,
   useCurriculumReviewContext
@@ -86,4 +86,4 @@ var CurriculumReviewSteps_default = CurriculumReviewSteps;
 export {
   CurriculumReviewSteps_default
 };
-//# sourceMappingURL=chunk-UHAMISMF.js.map
+//# sourceMappingURL=chunk-LRNO4W2P.js.map

package/dist/{chunk-5FLPPHUZ.js → chunk-MQKIIIBW.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-2M3UFZUD.js";
 import {
   Typo
-} from "./chunk-YXFHD2PY.js";
+} from "./chunk-L4QQGIYQ.js";
 import {
   __objRest,
   __spreadProps,
@@ -55,4 +55,4 @@ function EllipsisTooltip(props) {
 export {
   EllipsisTooltip
 };
-//# sourceMappingURL=chunk-5FLPPHUZ.js.map
+//# sourceMappingURL=chunk-MQKIIIBW.js.map

package/dist/{chunk-6YPAN4D3.js → chunk-N242VJOP.js}

@@ -1,12 +1,12 @@
 import {
   curriculum_ai_traning_default
-} from "./chunk-7TRT4QTP.js";
+} from "./chunk-K4RZTENM.js";
 import {
   curriculum_file_download_default
-} from "./chunk-DHP7LYK7.js";
+} from "./chunk-UXH2XIB2.js";
 import {
   curriculum_review_default
-} from "./chunk-GTTZJ2Y7.js";
+} from "./chunk-O332K3SW.js";
 import {
   curriculum_video_default
 } from "./chunk-KFUBWOCN.js";
@@ -15,7 +15,7 @@ import {
 } from "./chunk-WA5A2GB4.js";
 import {
   Typo
-} from "./chunk-YXFHD2PY.js";
+} from "./chunk-L4QQGIYQ.js";
 import {
   Flex
 } from "./chunk-25HMMI7R.js";
@@ -66,4 +66,4 @@ function CurriculumBody() {
 export {
   CurriculumBody
 };
-//# sourceMappingURL=chunk-6YPAN4D3.js.map
+//# sourceMappingURL=chunk-N242VJOP.js.map

package/dist/{chunk-PWUCBBQP.js → chunk-N3FMP27I.js}

@@ -3,16 +3,16 @@ import {
 } from "./chunk-BEKSO5JG.js";
 import {
   List
-} from "./chunk-Z2U2YQOG.js";
-import {
-  Callout
-} from "./chunk-EIKFXUNC.js";
+} from "./chunk-USL6PICI.js";
 import {
   Box
 } from "./chunk-4Y5BEXVN.js";
 import {
   Typo
-} from "./chunk-YXFHD2PY.js";
+} from "./chunk-L4QQGIYQ.js";
+import {
+  Callout
+} from "./chunk-EIKFXUNC.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-PWUCBBQP.js.map
+//# sourceMappingURL=chunk-N3FMP27I.js.map

package/dist/{chunk-NIMF5FJI.js → chunk-NK6S7ZMB.js}

@@ -1,6 +1,6 @@
 import {
   useDynamicForm
-} from "./chunk-QFSMOKC6.js";
+} from "./chunk-FAL6S2XK.js";
 import {
   TextArea
 } from "./chunk-5XYPLDI5.js";
@@ -16,12 +16,12 @@ import {
 import {
   RadioGroup
 } from "./chunk-SA7AYYQS.js";
-import {
-  Grid
-} from "./chunk-EGEQY3KT.js";
 import {
   Inset
 } from "./chunk-XQOL7UBI.js";
+import {
+  Grid
+} from "./chunk-EGEQY3KT.js";
 import {
   CheckboxGroup
 } from "./chunk-WG5OK3YN.js";
@@ -30,7 +30,7 @@ import {
 } from "./chunk-ZCGH6TJ3.js";
 import {
   Typo
-} from "./chunk-YXFHD2PY.js";
+} from "./chunk-L4QQGIYQ.js";
 import {
   Flex
 } from "./chunk-25HMMI7R.js";
@@ -284,4 +284,4 @@ function DynamicFormField({
 export {
   DynamicFormField
 };
-//# sourceMappingURL=chunk-NIMF5FJI.js.map
+//# sourceMappingURL=chunk-NK6S7ZMB.js.map