@tipp/ui 2.10.0 → 2.10.2

package/dist/app/roleplay/parts/header.js

@@ -1,7 +1,7 @@
 "use client";
 import {
   Header
-} from "../../../chunk-QMAINJ4G.js";
+} from "../../../chunk-VM2PEQLQ.js";
 import "../../../chunk-4YAA25AV.js";
 import "../../../chunk-HBF6IIVZ.js";
 import "../../../chunk-AELKCD6B.js";

package/dist/app/roleplay/parts/score-summary.cjs

@@ -2111,9 +2111,11 @@ var ListContext = (0, import_react40.createContext)({
 var import_date_fns = require("date-fns");
 var SPEECH_OVERTALK_THRESHOLD = 40;
 
-// src/app/roleplay/parts/score-summary.tsx
+// src/app/roleplay/parts/speech-share-bar.tsx
 var import_jsx_runtime61 = require("react/jsx-runtime");
-function SpeechShareBar({ share }) {
+function SpeechShareBar({
+  share
+}) {
   const isOvertalking = share.userPct > SPEECH_OVERTALK_THRESHOLD;
   return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(import_themes7.Box, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(import_themes23.Flex, { align: "center", justify: "between", mb: "1", children: [
@@ -2122,10 +2124,9 @@ function SpeechShareBar({ share }) {
         {
           as: "span",
           style: {
-            fontSize: "0.75rem",
             color: isOvertalking ? "var(--red-11)" : "var(--accent-11)"
           },
-          variant: "body",
+          variant: "caption",
           weight: "medium",
           children: [
             "\uB0B4 \uBC1C\uD654\uB7C9 ",
@@ -2134,20 +2135,11 @@ function SpeechShareBar({ share }) {
           ]
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
-        Typo,
-        {
-          as: "span",
-          color: "gray",
-          style: { fontSize: "0.75rem" },
-          variant: "body",
-          children: [
-            "\uC0C1\uB300 ",
-            share.partnerPct,
-            "%"
-          ]
-        }
-      )
+      /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(Typo, { as: "span", color: "gray", variant: "caption", children: [
+        "\uC0C1\uB300 ",
+        share.partnerPct,
+        "%"
+      ] })
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
       import_themes23.Flex,
@@ -2169,18 +2161,12 @@ function SpeechShareBar({ share }) {
         )
       }
     ),
-    isOvertalking ? /* @__PURE__ */ (0, import_jsx_runtime61.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
+    isOvertalking ? /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(Typo, { as: "p", color: "red", mt: "1", variant: "caption", children: "\uC0C1\uB300\uC758 \uB9D0\uC744 \uB354 \uB4E3\uACE0 \uC9C8\uBB38\xB7\uACBD\uCCAD\uC758 \uBE44\uC911\uC744 \uB192\uC5EC \uBCF4\uC138\uC694" }) : null
   ] });
 }
+
+// src/app/roleplay/parts/score-summary.tsx
+var import_jsx_runtime62 = require("react/jsx-runtime");
 function ScoreSummary({
   detail,
   report,
@@ -2189,18 +2175,18 @@ function ScoreSummary({
   var _a;
   const scoreValue = (_a = detail.totalScore) != null ? _a : report.totalScore;
   const comment = report.comment;
-  return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
     import_themes24.Grid,
     {
       align: "start",
       columns: comment ? { initial: "1", md: "minmax(0, 240px) 1fr" } : "1",
       gap: "5",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(Card, { variant: "surface", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(import_themes23.Flex, { align: "center", direction: "column", gap: "2", py: "3", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(Typo, { as: "p", color: "gray", variant: "body", weight: "medium", children: "\uC885\uD569 \uC810\uC218" }),
-            /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(import_themes23.Flex, { align: "baseline", gap: "1", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(Card, { variant: "surface", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(import_themes23.Flex, { align: "center", direction: "column", gap: "2", py: "3", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(Typo, { as: "p", color: "gray", variant: "body", weight: "medium", children: "\uC885\uD569 \uC810\uC218" }),
+            /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(import_themes23.Flex, { align: "baseline", gap: "1", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
                 Typo,
                 {
                   as: "span",
@@ -2214,18 +2200,18 @@ function ScoreSummary({
                   children: scoreValue != null ? scoreValue : "\u2014"
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(Typo, { as: "span", color: "gray", mono: true, variant: "subtitle", children: "/100" })
+              /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(Typo, { as: "span", color: "gray", mono: true, variant: "subtitle", children: "/100" })
             ] })
           ] }),
-          speechShare ? /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(import_jsx_runtime61.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_themes40.Separator, { my: "3", size: "4" }),
-            /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(SpeechShareBar, { share: speechShare })
+          speechShare ? /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(import_jsx_runtime62.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_themes40.Separator, { my: "3", size: "4" }),
+            /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(SpeechShareBar, { share: speechShare })
           ] }) : null
         ] }),
-        comment ? /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(import_themes23.Flex, { direction: "column", gap: "3", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(Typo, { as: "p", variant: "body", weight: "medium", children: "\uC885\uD569 \uBD84\uC11D" }),
-          /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_themes7.Box, { style: { maxWidth: "65ch" }, children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(Typo, { as: "p", variant: "body", children: comment }) }),
-          report.deduction ? /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
+        comment ? /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(import_themes23.Flex, { direction: "column", gap: "3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(Typo, { as: "p", variant: "body", weight: "medium", children: "\uC885\uD569 \uBD84\uC11D" }),
+          /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_themes7.Box, { style: { maxWidth: "65ch" }, children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(Typo, { as: "p", variant: "body", children: comment }) }),
+          report.deduction ? /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
             import_themes7.Box,
             {
               pl: "3",
@@ -2237,12 +2223,12 @@ function ScoreSummary({
                 borderRadius: "var(--radius-2)"
               },
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
+                /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
                   Typo,
                   {
                     as: "p",
+                    color: "amber",
                     mono: true,
-                    style: { color: "var(--amber-11)" },
                     variant: "body",
                     weight: "medium",
                     children: [
@@ -2252,11 +2238,11 @@ function ScoreSummary({
                     ]
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_themes7.Box, { mt: "1", style: { maxWidth: "65ch" }, children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_themes7.Box, { mt: "1", style: { maxWidth: "65ch" }, children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
                   Typo,
                   {
                     as: "p",
-                    style: { color: "var(--amber-11)" },
+                    color: "amber",
                     variant: "body",
                     children: report.deduction.basis
                   }