@tipp/ui 2.8.0 → 2.10.0

package/dist/{chunk-C2FRAZT2.js → chunk-6OT5OYGM.js}

@@ -1,6 +1,6 @@
 import {
   Typo
-} from "./chunk-YXFHD2PY.js";
+} from "./chunk-L4QQGIYQ.js";
 import {
   Flex
 } from "./chunk-25HMMI7R.js";
@@ -60,4 +60,4 @@ function Navigation({
 export {
   Navigation
 };
-//# sourceMappingURL=chunk-C2FRAZT2.js.map
+//# sourceMappingURL=chunk-6OT5OYGM.js.map

package/dist/chunk-6YIKOYBQ.js

@@ -0,0 +1,185 @@
+import {
+  SPEECH_OVERTALK_THRESHOLD
+} from "./chunk-4YAA25AV.js";
+import {
+  Separator
+} from "./chunk-HYITAA4J.js";
+import {
+  Grid
+} from "./chunk-EGEQY3KT.js";
+import {
+  Box
+} from "./chunk-4Y5BEXVN.js";
+import {
+  Typo
+} from "./chunk-L4QQGIYQ.js";
+import {
+  Flex
+} from "./chunk-25HMMI7R.js";
+import {
+  Card
+} from "./chunk-RP2RGCAW.js";
+
+// src/app/roleplay/parts/score-summary.tsx
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function SpeechShareBar({ share }) {
+  const isOvertalking = share.userPct > SPEECH_OVERTALK_THRESHOLD;
+  return /* @__PURE__ */ jsxs(Box, { children: [
+    /* @__PURE__ */ jsxs(Flex, { align: "center", justify: "between", mb: "1", children: [
+      /* @__PURE__ */ jsxs(
+        Typo,
+        {
+          as: "span",
+          style: {
+            fontSize: "0.75rem",
+            color: isOvertalking ? "var(--red-11)" : "var(--accent-11)"
+          },
+          variant: "body",
+          weight: "medium",
+          children: [
+            "\uB0B4 \uBC1C\uD654\uB7C9 ",
+            share.userPct,
+            "%"
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxs(
+        Typo,
+        {
+          as: "span",
+          color: "gray",
+          style: { fontSize: "0.75rem" },
+          variant: "body",
+          children: [
+            "\uC0C1\uB300 ",
+            share.partnerPct,
+            "%"
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx(
+      Flex,
+      {
+        style: {
+          height: 6,
+          borderRadius: "var(--radius-1)",
+          overflow: "hidden",
+          background: "var(--gray-4)"
+        },
+        children: /* @__PURE__ */ jsx(
+          Box,
+          {
+            style: {
+              width: `${share.userPct}%`,
+              background: isOvertalking ? "var(--red-9)" : "var(--accent-9)"
+            }
+          }
+        )
+      }
+    ),
+    isOvertalking ? /* @__PURE__ */ jsx(
+      Typo,
+      {
+        as: "p",
+        mt: "1",
+        style: { fontSize: "0.75rem", color: "var(--red-11)" },
+        variant: "body",
+        children: "\uC0C1\uB300\uC758 \uB9D0\uC744 \uB354 \uB4E3\uACE0 \uC9C8\uBB38\xB7\uACBD\uCCAD\uC758 \uBE44\uC911\uC744 \uB192\uC5EC \uBCF4\uC138\uC694"
+      }
+    ) : null
+  ] });
+}
+function ScoreSummary({
+  detail,
+  report,
+  speechShare
+}) {
+  var _a;
+  const scoreValue = (_a = detail.totalScore) != null ? _a : report.totalScore;
+  const comment = report.comment;
+  return /* @__PURE__ */ jsxs(
+    Grid,
+    {
+      align: "start",
+      columns: comment ? { initial: "1", md: "minmax(0, 240px) 1fr" } : "1",
+      gap: "5",
+      children: [
+        /* @__PURE__ */ jsxs(Card, { variant: "surface", children: [
+          /* @__PURE__ */ jsxs(Flex, { align: "center", direction: "column", gap: "2", py: "3", children: [
+            /* @__PURE__ */ jsx(Typo, { as: "p", color: "gray", variant: "body", weight: "medium", children: "\uC885\uD569 \uC810\uC218" }),
+            /* @__PURE__ */ jsxs(Flex, { align: "baseline", gap: "1", children: [
+              /* @__PURE__ */ jsx(
+                Typo,
+                {
+                  as: "span",
+                  mono: true,
+                  style: {
+                    color: "var(--gray-12)",
+                    fontSize: "3.75rem",
+                    lineHeight: 1.1
+                  },
+                  weight: "bold",
+                  children: scoreValue != null ? scoreValue : "\u2014"
+                }
+              ),
+              /* @__PURE__ */ jsx(Typo, { as: "span", color: "gray", mono: true, variant: "subtitle", children: "/100" })
+            ] })
+          ] }),
+          speechShare ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(Separator, { my: "3", size: "4" }),
+            /* @__PURE__ */ jsx(SpeechShareBar, { share: speechShare })
+          ] }) : null
+        ] }),
+        comment ? /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: "3", children: [
+          /* @__PURE__ */ jsx(Typo, { as: "p", variant: "body", weight: "medium", children: "\uC885\uD569 \uBD84\uC11D" }),
+          /* @__PURE__ */ jsx(Box, { style: { maxWidth: "65ch" }, children: /* @__PURE__ */ jsx(Typo, { as: "p", variant: "body", children: comment }) }),
+          report.deduction ? /* @__PURE__ */ jsxs(
+            Box,
+            {
+              pl: "3",
+              pr: "3",
+              py: "2",
+              style: {
+                borderLeft: "2px solid var(--amber-a6)",
+                background: "var(--amber-a2)",
+                borderRadius: "var(--radius-2)"
+              },
+              children: [
+                /* @__PURE__ */ jsxs(
+                  Typo,
+                  {
+                    as: "p",
+                    mono: true,
+                    style: { color: "var(--amber-11)" },
+                    variant: "body",
+                    weight: "medium",
+                    children: [
+                      "\uAC10\uC810 ",
+                      report.deduction.score,
+                      "\uC810"
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ jsx(Box, { mt: "1", style: { maxWidth: "65ch" }, children: /* @__PURE__ */ jsx(
+                  Typo,
+                  {
+                    as: "p",
+                    style: { color: "var(--amber-11)" },
+                    variant: "body",
+                    children: report.deduction.basis
+                  }
+                ) })
+              ]
+            }
+          ) : null
+        ] }) : null
+      ]
+    }
+  );
+}
+
+export {
+  ScoreSummary
+};
+//# sourceMappingURL=chunk-6YIKOYBQ.js.map

package/dist/chunk-6YIKOYBQ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/app/roleplay/parts/score-summary.tsx"],"sourcesContent":["'use client';\n\nimport { Box, Card, Flex, Grid, Separator, Typo } from '../../../atoms';\nimport type { RpReport } from '../utils/report-parse';\nimport type { RpSessionDetailData } from '../types';\nimport { SPEECH_OVERTALK_THRESHOLD, type SpeechShare } from '../utils/session-utils';\n\nexport interface ScoreSummaryProps {\n  detail: RpSessionDetailData;\n  report: RpReport;\n  speechShare: SpeechShare | null;\n}\n\nfunction SpeechShareBar({ share }: { share: SpeechShare }): React.ReactElement {\n  const isOvertalking = share.userPct > SPEECH_OVERTALK_THRESHOLD;\n  return (\n    <Box>\n      <Flex align=\"center\" justify=\"between\" mb=\"1\">\n        <Typo\n          as=\"span\"\n          style={{\n            fontSize: '0.75rem',\n            color: isOvertalking ? 'var(--red-11)' : 'var(--accent-11)',\n          }}\n          variant=\"body\"\n          weight=\"medium\"\n        >\n          내 발화량 {share.userPct}%\n        </Typo>\n        <Typo\n          as=\"span\"\n          color=\"gray\"\n          style={{ fontSize: '0.75rem' }}\n          variant=\"body\"\n        >\n          상대 {share.partnerPct}%\n        </Typo>\n      </Flex>\n      <Flex\n        style={{\n          height: 6,\n          borderRadius: 'var(--radius-1)',\n          overflow: 'hidden',\n          background: 'var(--gray-4)',\n        }}\n      >\n        <Box\n          style={{\n            width: `${share.userPct}%`,\n            background: isOvertalking ? 'var(--red-9)' : 'var(--accent-9)',\n          }}\n        />\n      </Flex>\n      {isOvertalking ? (\n        <Typo\n          as=\"p\"\n          mt=\"1\"\n          style={{ fontSize: '0.75rem', color: 'var(--red-11)' }}\n          variant=\"body\"\n        >\n          상대의 말을 더 듣고 질문·경청의 비중을 높여 보세요\n        </Typo>\n      ) : null}\n    </Box>\n  );\n}\n\nexport function ScoreSummary({\n  detail,\n  report,\n  speechShare,\n}: ScoreSummaryProps): React.ReactElement {\n  const scoreValue = detail.totalScore ?? report.totalScore;\n  const comment = report.comment;\n\n  return (\n    <Grid\n      align=\"start\"\n      columns={comment ? { initial: '1', md: 'minmax(0, 240px) 1fr' } : '1'}\n      gap=\"5\"\n    >\n      <Card variant=\"surface\">\n        <Flex align=\"center\" direction=\"column\" gap=\"2\" py=\"3\">\n          <Typo as=\"p\" color=\"gray\" variant=\"body\" weight=\"medium\">\n            종합 점수\n          </Typo>\n          <Flex align=\"baseline\" gap=\"1\">\n            <Typo\n              as=\"span\"\n              mono\n              style={{\n                color: 'var(--gray-12)',\n                fontSize: '3.75rem',\n                lineHeight: 1.1,\n              }}\n              weight=\"bold\"\n            >\n              {scoreValue ?? '—'}\n            </Typo>\n            <Typo as=\"span\" color=\"gray\" mono variant=\"subtitle\">\n              /100\n            </Typo>\n          </Flex>\n        </Flex>\n        {speechShare ? (\n          <>\n            <Separator my=\"3\" size=\"4\" />\n            <SpeechShareBar share={speechShare} />\n          </>\n        ) : null}\n      </Card>\n\n      {comment ? (\n        <Flex direction=\"column\" gap=\"3\">\n          <Typo as=\"p\" variant=\"body\" weight=\"medium\">\n            종합 분석\n          </Typo>\n          <Box style={{ maxWidth: '65ch' }}>\n            <Typo as=\"p\" variant=\"body\">\n              {comment}\n            </Typo>\n          </Box>\n          {report.deduction ? (\n            <Box\n              pl=\"3\"\n              pr=\"3\"\n              py=\"2\"\n              style={{\n                borderLeft: '2px solid var(--amber-a6)',\n                background: 'var(--amber-a2)',\n                borderRadius: 'var(--radius-2)',\n              }}\n            >\n              <Typo\n                as=\"p\"\n                mono\n                style={{ color: 'var(--amber-11)' }}\n                variant=\"body\"\n                weight=\"medium\"\n              >\n                감점 {report.deduction.score}점\n              </Typo>\n              <Box mt=\"1\" style={{ maxWidth: '65ch' }}>\n                <Typo\n                  as=\"p\"\n                  style={{ color: 'var(--amber-11)' }}\n                  variant=\"body\"\n                >\n                  {report.deduction.basis}\n                </Typo>\n              </Box>\n            </Box>\n          ) : null}\n        </Flex>\n      ) : null}\n    </Grid>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/{chunk-6Q26H64H.js → chunk-74PR3ZWJ.js}

@@ -1,18 +1,18 @@
 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";
 import {
   __spreadValues
 } from "./chunk-CRTRMMJ7.js";
@@ -36,4 +36,4 @@ function CoachQuestionList({
 export {
   CoachQuestionList
 };
-//# sourceMappingURL=chunk-6Q26H64H.js.map
+//# sourceMappingURL=chunk-74PR3ZWJ.js.map

package/dist/{chunk-IA4WXGVH.js → chunk-75EY7LBP.js}

@@ -1,6 +1,6 @@
 import {
   Typo
-} from "./chunk-YXFHD2PY.js";
+} from "./chunk-L4QQGIYQ.js";
 import {
   Flex
 } from "./chunk-25HMMI7R.js";
@@ -27,4 +27,4 @@ function BulletText(_a) {
 export {
   BulletText
 };
-//# sourceMappingURL=chunk-IA4WXGVH.js.map
+//# sourceMappingURL=chunk-75EY7LBP.js.map

package/dist/chunk-7MXY3D3Z.js

@@ -0,0 +1,84 @@
+import {
+  Separator
+} from "./chunk-HYITAA4J.js";
+import {
+  Heading
+} from "./chunk-USGOLLYO.js";
+import {
+  Box
+} from "./chunk-4Y5BEXVN.js";
+import {
+  Typo
+} from "./chunk-L4QQGIYQ.js";
+import {
+  Flex
+} from "./chunk-25HMMI7R.js";
+
+// src/app/roleplay/parts/analysis-section.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function Section({
+  title,
+  desc,
+  children
+}) {
+  return /* @__PURE__ */ jsxs("section", { children: [
+    /* @__PURE__ */ jsxs(Box, { mb: "3", children: [
+      /* @__PURE__ */ jsx(
+        Heading,
+        {
+          size: { initial: "4", md: "5" },
+          style: { textWrap: "balance" },
+          weight: "bold",
+          children: title
+        }
+      ),
+      desc ? /* @__PURE__ */ jsx(Box, { mt: "1", style: { maxWidth: "65ch" }, children: /* @__PURE__ */ jsx(Typo, { as: "p", color: "gray", variant: "body", children: desc }) }) : null
+    ] }),
+    children
+  ] });
+}
+function AnalysisSection({
+  title,
+  desc,
+  items,
+  tone
+}) {
+  if (items.length === 0) return null;
+  const accentBorder = tone === "good" ? "var(--green-a6)" : "var(--amber-a6)";
+  const numColor = tone === "good" ? "var(--green-11)" : "var(--amber-11)";
+  return /* @__PURE__ */ jsx(Section, { desc, title, children: /* @__PURE__ */ jsx(Flex, { direction: "column", children: items.map((item, index) => /* @__PURE__ */ jsxs(Box, { children: [
+    index > 0 && /* @__PURE__ */ jsx(Separator, { size: "4" }),
+    /* @__PURE__ */ jsxs(
+      Flex,
+      {
+        gap: "3",
+        pl: "3",
+        py: "3",
+        style: { borderLeft: `2px solid ${accentBorder}` },
+        children: [
+          /* @__PURE__ */ jsx(
+            Typo,
+            {
+              as: "span",
+              mono: true,
+              style: { flexShrink: 0, color: numColor },
+              variant: "body",
+              weight: "bold",
+              children: index + 1
+            }
+          ),
+          /* @__PURE__ */ jsxs(Box, { style: { minWidth: 0 }, children: [
+            /* @__PURE__ */ jsx(Typo, { as: "p", variant: "body", weight: "medium", children: item.title }),
+            /* @__PURE__ */ jsx(Box, { mt: "1", style: { maxWidth: "65ch" }, children: /* @__PURE__ */ jsx(Typo, { as: "p", variant: "body", children: item.detail }) })
+          ] })
+        ]
+      }
+    )
+  ] }, item.title)) }) });
+}
+
+export {
+  Section,
+  AnalysisSection
+};
+//# sourceMappingURL=chunk-7MXY3D3Z.js.map

package/dist/chunk-7MXY3D3Z.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/app/roleplay/parts/analysis-section.tsx"],"sourcesContent":["'use client';\n\nimport React from 'react';\nimport { Box, Flex, Heading, Separator, Typo } from '../../../atoms';\nimport type { RpReportAnalysisItem } from '../utils/report-parse';\n\n/* ───────────────────────── Section ───────────────────────── */\n\nexport function Section({\n  title,\n  desc,\n  children,\n}: {\n  title: string;\n  desc?: string;\n  children: React.ReactNode;\n}): React.ReactElement {\n  return (\n    <section>\n      <Box mb=\"3\">\n        <Heading\n          size={{ initial: '4', md: '5' }}\n          style={{ textWrap: 'balance' }}\n          weight=\"bold\"\n        >\n          {title}\n        </Heading>\n        {desc ? (\n          <Box mt=\"1\" style={{ maxWidth: '65ch' }}>\n            <Typo as=\"p\" color=\"gray\" variant=\"body\">\n              {desc}\n            </Typo>\n          </Box>\n        ) : null}\n      </Box>\n      {children}\n    </section>\n  );\n}\n\n/* ───────────────────────── AnalysisSection ───────────────────────── */\n\nexport interface AnalysisSectionProps {\n  title: string;\n  desc?: string;\n  items: RpReportAnalysisItem[];\n  tone: 'good' | 'bad';\n}\n\nexport function AnalysisSection({\n  title,\n  desc,\n  items,\n  tone,\n}: AnalysisSectionProps): React.ReactElement | null {\n  if (items.length === 0) return null;\n\n  const accentBorder = tone === 'good' ? 'var(--green-a6)' : 'var(--amber-a6)';\n  const numColor = tone === 'good' ? 'var(--green-11)' : 'var(--amber-11)';\n\n  return (\n    <Section desc={desc} title={title}>\n      <Flex direction=\"column\">\n        {items.map((item, index) => (\n          <Box key={item.title}>\n            {index > 0 && <Separator size=\"4\" />}\n            <Flex\n              gap=\"3\"\n              pl=\"3\"\n              py=\"3\"\n              style={{ borderLeft: `2px solid ${accentBorder}` }}\n            >\n              <Typo\n                as=\"span\"\n                mono\n                style={{ flexShrink: 0, color: numColor }}\n                variant=\"body\"\n                weight=\"bold\"\n              >\n                {index + 1}\n              </Typo>\n              <Box style={{ minWidth: 0 }}>\n                <Typo as=\"p\" variant=\"body\" weight=\"medium\">\n                  {item.title}\n                </Typo>\n                <Box mt=\"1\" style={{ maxWidth: '65ch' }}>\n                  <Typo as=\"p\" variant=\"body\">\n                    {item.detail}\n                  </Typo>\n                </Box>\n              </Box>\n            </Flex>\n          </Box>\n        ))}\n      </Flex>\n    </Section>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAmBM,SACE,KADF;AAXC,SAAS,QAAQ;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AACF,GAIuB;AACrB,SACE,qBAAC,aACC;AAAA,yBAAC,OAAI,IAAG,KACN;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,MAAM,EAAE,SAAS,KAAK,IAAI,IAAI;AAAA,UAC9B,OAAO,EAAE,UAAU,UAAU;AAAA,UAC7B,QAAO;AAAA,UAEN;AAAA;AAAA,MACH;AAAA,MACC,OACC,oBAAC,OAAI,IAAG,KAAI,OAAO,EAAE,UAAU,OAAO,GACpC,8BAAC,QAAK,IAAG,KAAI,OAAM,QAAO,SAAQ,QAC/B,gBACH,GACF,IACE;AAAA,OACN;AAAA,IACC;AAAA,KACH;AAEJ;AAWO,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAoD;AAClD,MAAI,MAAM,WAAW,EAAG,QAAO;AAE/B,QAAM,eAAe,SAAS,SAAS,oBAAoB;AAC3D,QAAM,WAAW,SAAS,SAAS,oBAAoB;AAEvD,SACE,oBAAC,WAAQ,MAAY,OACnB,8BAAC,QAAK,WAAU,UACb,gBAAM,IAAI,CAAC,MAAM,UAChB,qBAAC,OACE;AAAA,YAAQ,KAAK,oBAAC,aAAU,MAAK,KAAI;AAAA,IAClC;AAAA,MAAC;AAAA;AAAA,QACC,KAAI;AAAA,QACJ,IAAG;AAAA,QACH,IAAG;AAAA,QACH,OAAO,EAAE,YAAY,aAAa,YAAY,GAAG;AAAA,QAEjD;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,IAAG;AAAA,cACH,MAAI;AAAA,cACJ,OAAO,EAAE,YAAY,GAAG,OAAO,SAAS;AAAA,cACxC,SAAQ;AAAA,cACR,QAAO;AAAA,cAEN,kBAAQ;AAAA;AAAA,UACX;AAAA,UACA,qBAAC,OAAI,OAAO,EAAE,UAAU,EAAE,GACxB;AAAA,gCAAC,QAAK,IAAG,KAAI,SAAQ,QAAO,QAAO,UAChC,eAAK,OACR;AAAA,YACA,oBAAC,OAAI,IAAG,KAAI,OAAO,EAAE,UAAU,OAAO,GACpC,8BAAC,QAAK,IAAG,KAAI,SAAQ,QAClB,eAAK,QACR,GACF;AAAA,aACF;AAAA;AAAA;AAAA,IACF;AAAA,OA3BQ,KAAK,KA4Bf,CACD,GACH,GACF;AAEJ;","names":[]}

package/dist/{chunk-77YN5S26.js → chunk-AELKCD6B.js}

@@ -1,9 +1,9 @@
 import {
   Heading
-} from "./chunk-YIVIBIK2.js";
+} from "./chunk-USGOLLYO.js";
 import {
   Typo
-} from "./chunk-YXFHD2PY.js";
+} from "./chunk-L4QQGIYQ.js";
 import {
   __objRest,
   __spreadProps,
@@ -146,4 +146,4 @@ export {
   FormItem,
   Form
 };
-//# sourceMappingURL=chunk-77YN5S26.js.map
+//# sourceMappingURL=chunk-AELKCD6B.js.map

package/dist/{chunk-L5WSNVSD.js → chunk-AHYOAFOU.js}

@@ -6,13 +6,13 @@ import {
 } from "./chunk-FR2GDOU2.js";
 import {
   Dialog
-} from "./chunk-Z54XTEAF.js";
+} from "./chunk-KDS7OQOY.js";
 import {
   Box
 } from "./chunk-4Y5BEXVN.js";
 import {
   Typo
-} from "./chunk-YXFHD2PY.js";
+} from "./chunk-L4QQGIYQ.js";
 import {
   Flex
 } from "./chunk-25HMMI7R.js";
@@ -203,4 +203,4 @@ function TrainingInfoGuidelineButton({
 export {
   TrainingInfoGuideline
 };
-//# sourceMappingURL=chunk-L5WSNVSD.js.map
+//# sourceMappingURL=chunk-AHYOAFOU.js.map

package/dist/{chunk-6JPGF4MB.js → chunk-AT5PAJLW.js}

@@ -1,6 +1,6 @@
 import {
   DatePicker
-} from "./chunk-IYAN33WP.js";
+} from "./chunk-VVWQZK5L.js";
 import {
   TextField
 } from "./chunk-6NPTJBFE.js";
@@ -72,4 +72,4 @@ function DatePickerButton(props) {
 export {
   DatePickerButton
 };
-//# sourceMappingURL=chunk-6JPGF4MB.js.map
+//# sourceMappingURL=chunk-AT5PAJLW.js.map

package/dist/{chunk-P6YCD2AV.js → chunk-C4INJWFV.js}

@@ -1,9 +1,9 @@
 import {
   EditCoachingTime
-} from "./chunk-B7SKF5RD.js";
+} from "./chunk-U7HF53KK.js";
 import {
   EditServiceType
-} from "./chunk-KEFAYPBO.js";
+} from "./chunk-IRFNKOKQ.js";
 import {
   Grid
 } from "./chunk-EGEQY3KT.js";
@@ -12,22 +12,22 @@ import {
 } from "./chunk-ZPUNTAVI.js";
 import {
   Dialog
-} from "./chunk-Z54XTEAF.js";
+} from "./chunk-KDS7OQOY.js";
 import {
   Heading
-} from "./chunk-YIVIBIK2.js";
-import {
-  Card
-} from "./chunk-RP2RGCAW.js";
+} from "./chunk-USGOLLYO.js";
 import {
   BulletText
-} from "./chunk-IA4WXGVH.js";
+} from "./chunk-75EY7LBP.js";
 import {
   Flex
 } from "./chunk-25HMMI7R.js";
 import {
   Button
 } from "./chunk-2LCH3PDF.js";
+import {
+  Card
+} from "./chunk-RP2RGCAW.js";
 import {
   Pencil1Icon
 } from "./chunk-VOME2TE7.js";
@@ -141,4 +141,4 @@ function SessionCard(props) {
 export {
   SessionCard
 };
-//# sourceMappingURL=chunk-P6YCD2AV.js.map
+//# sourceMappingURL=chunk-C4INJWFV.js.map

package/dist/{chunk-SGJBQKUD.js → chunk-C6HO3IGE.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-7RJYF5L3.js";
 import {
   Typo
-} from "./chunk-YXFHD2PY.js";
+} from "./chunk-L4QQGIYQ.js";
 import {
   Flex
 } from "./chunk-25HMMI7R.js";
@@ -50,4 +50,4 @@ function DownloadCard({
 export {
   DownloadCard
 };
-//# sourceMappingURL=chunk-SGJBQKUD.js.map
+//# sourceMappingURL=chunk-C6HO3IGE.js.map

package/dist/{chunk-7NBGSPZU.js → chunk-CBYIPRND.js}

@@ -4,15 +4,15 @@ import {
 import {
   Select
 } from "./chunk-YXMB4MCM.js";
-import {
-  Card
-} from "./chunk-RP2RGCAW.js";
 import {
   Typo
-} from "./chunk-YXFHD2PY.js";
+} from "./chunk-L4QQGIYQ.js";
 import {
   Flex
 } from "./chunk-25HMMI7R.js";
+import {
+  Card
+} from "./chunk-RP2RGCAW.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-7NBGSPZU.js.map
+//# sourceMappingURL=chunk-CBYIPRND.js.map

package/dist/{chunk-UIMDXYPP.js → chunk-CGLDFUOY.js}

@@ -1,27 +1,27 @@
 import {
   ReviewQuestionContentHeader
-} from "./chunk-PTUL6MDB.js";
+} from "./chunk-SINRU2A6.js";
 import {
   RadioButtonCard
 } from "./chunk-EZN5PMTC.js";
 import {
   Grid
 } from "./chunk-EGEQY3KT.js";
-import {
-  Card
-} from "./chunk-RP2RGCAW.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 {
+  Card
+} from "./chunk-RP2RGCAW.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-UIMDXYPP.js.map
+//# sourceMappingURL=chunk-CGLDFUOY.js.map

package/dist/{chunk-DUXYDGHX.js → chunk-CUS3ORMD.js}

@@ -3,16 +3,13 @@ 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";
@@ -25,6 +22,9 @@ import {
 import {
   AspectRatio
 } from "./chunk-EAXUQEO5.js";
+import {
+  Badge
+} from "./chunk-BK74U562.js";
 import {
   __spreadProps,
   __spreadValues
@@ -160,4 +160,4 @@ function LearningPost(props) {
 export {
   LearningPost
 };
-//# sourceMappingURL=chunk-DUXYDGHX.js.map
+//# sourceMappingURL=chunk-CUS3ORMD.js.map

package/dist/{chunk-UILGIMXL.js → chunk-D4U2ZV2A.js}

@@ -1,12 +1,12 @@
-import {
-  Card
-} from "./chunk-RP2RGCAW.js";
 import {
   Typo
-} from "./chunk-YXFHD2PY.js";
+} from "./chunk-L4QQGIYQ.js";
 import {
   Flex
 } from "./chunk-25HMMI7R.js";
+import {
+  Card
+} from "./chunk-RP2RGCAW.js";
 
 // src/molecules/dynamic-form-editor-issues-panel.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -36,4 +36,4 @@ function DynamicFormEditorIssuesPanel(props) {
 export {
   DynamicFormEditorIssuesPanel
 };
-//# sourceMappingURL=chunk-UILGIMXL.js.map
+//# sourceMappingURL=chunk-D4U2ZV2A.js.map

package/dist/{chunk-PRLNOTMV.js → chunk-DPMDQA3O.js}

@@ -6,16 +6,13 @@ 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";
@@ -23,6 +20,9 @@ import {
   ArrowRightIcon,
   TimerIcon
 } from "./chunk-VOME2TE7.js";
+import {
+  Badge
+} from "./chunk-BK74U562.js";
 
 // src/app/platform/curriculum-card.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -96,4 +96,4 @@ function CurriculumCard(props) {
 export {
   CurriculumCard
 };
-//# sourceMappingURL=chunk-PRLNOTMV.js.map
+//# sourceMappingURL=chunk-DPMDQA3O.js.map