@tipp/ui 2.3.16 → 2.3.18

package/dist/molecules/index.d.cts

@@ -21,6 +21,7 @@ export { DynamicFormField } from './dynamic-field.cjs';
 export { DynamicFormResponseItem } from './dynamic-form-response-item.cjs';
 export { OneOnOneGuideData, OneOnOneGuideList, OneOnOneGuideListProps, oneOnOneNoteTextReplacer } from './one-on-one-guide-list.cjs';
 export { Description, DescriptionBlock, DescriptionBlockType, DescriptionBulletListBlock, DescriptionCalloutBlock, DescriptionJsonRender, DescriptionJsonRenderProps, DescriptionTypoBlock } from './description-json-render.cjs';
+export { TrainingInfoGuideline, TrainingInfoGuidelineProps } from './training-info-guideline.cjs';
 export { ExpandComp, OnRowClick } from './expand-table/row.cjs';
 export { ColumnDef, Row, createColumnHelper } from '@tanstack/react-table';
 import 'react';
@@ -34,4 +35,5 @@ import '../types/curriculumContents.type.cjs';
 import '../types/curriculum.type.cjs';
 import 'yup';
 import '../types/dynamic-form-schema-generated.cjs';
+import '../types/training-info-guideline-schema-generated.cjs';
 import '../utils/get-cell-align.cjs';

package/dist/molecules/index.d.ts

@@ -21,6 +21,7 @@ export { DynamicFormField } from './dynamic-field.js';
 export { DynamicFormResponseItem } from './dynamic-form-response-item.js';
 export { OneOnOneGuideData, OneOnOneGuideList, OneOnOneGuideListProps, oneOnOneNoteTextReplacer } from './one-on-one-guide-list.js';
 export { Description, DescriptionBlock, DescriptionBlockType, DescriptionBulletListBlock, DescriptionCalloutBlock, DescriptionJsonRender, DescriptionJsonRenderProps, DescriptionTypoBlock } from './description-json-render.js';
+export { TrainingInfoGuideline, TrainingInfoGuidelineProps } from './training-info-guideline.js';
 export { ExpandComp, OnRowClick } from './expand-table/row.js';
 export { ColumnDef, Row, createColumnHelper } from '@tanstack/react-table';
 import 'react';
@@ -34,4 +35,5 @@ import '../types/curriculumContents.type.js';
 import '../types/curriculum.type.js';
 import 'yup';
 import '../types/dynamic-form-schema-generated.js';
+import '../types/training-info-guideline-schema-generated.js';
 import '../utils/get-cell-align.js';

package/dist/molecules/index.js

@@ -1,64 +1,69 @@
-import "../chunk-K7NSOSIE.js";
+import "../chunk-Y6BK7ABB.js";
 import "../chunk-AS7ID74X.js";
 import {
   CurriculumBody
-} from "../chunk-G4DOK5DQ.js";
-import "../chunk-3PE6OFB3.js";
-import "../chunk-ZMXFJ3AZ.js";
-import "../chunk-5VPNBYFV.js";
-import "../chunk-R3VOZZ5O.js";
-import "../chunk-VK6INFSB.js";
-import "../chunk-6IMCKSQD.js";
-import "../chunk-H3X6UQVC.js";
-import "../chunk-66XH3MAB.js";
-import "../chunk-CC5RCOSM.js";
-import "../chunk-ODYLHCQD.js";
-import "../chunk-COKJ53M5.js";
-import "../chunk-PLXD7ZKF.js";
-import "../chunk-SAEPW5JF.js";
-import "../chunk-W747CDDK.js";
-import "../chunk-GNTZY4DG.js";
-import "../chunk-GMKRNFH5.js";
-import "../chunk-QGKQ3IX7.js";
-import {
-  DatePickerButton
-} from "../chunk-5ZIFEE7H.js";
-import {
-  DatePicker
-} from "../chunk-IG2TTPNN.js";
-import {
-  ExpandTable,
-  createColumnHelper
-} from "../chunk-GWJU4LIN.js";
-import "../chunk-JCG2AUFJ.js";
+} from "../chunk-WV4WWBKN.js";
 import {
   CurriculumSidebar
-} from "../chunk-JMYWVT4X.js";
-import "../chunk-3SCBKVQQ.js";
+} from "../chunk-YWTFVF5S.js";
+import "../chunk-VKH2GRVW.js";
 import "../chunk-WS7IOHVK.js";
-import "../chunk-KCC3DAOY.js";
+import "../chunk-LT5C6QT7.js";
+import "../chunk-SDEDXT7A.js";
 import "../chunk-4TST4UK5.js";
-import "../chunk-MJMHPIYX.js";
+import "../chunk-AZ2ZKABM.js";
+import "../chunk-PEFP2QUH.js";
+import "../chunk-ODHH7CFR.js";
+import "../chunk-7XG4CK7Y.js";
+import "../chunk-YE3UDMTZ.js";
+import "../chunk-X7QZ46BZ.js";
+import "../chunk-X67ER3JU.js";
+import "../chunk-NAPAD66S.js";
+import "../chunk-ZE3LSQUW.js";
+import "../chunk-VREM33BW.js";
+import "../chunk-AQVIQODP.js";
+import "../chunk-KMVSJT6Y.js";
+import "../chunk-7I7PZF5L.js";
+import "../chunk-5V6MQUTB.js";
+import "../chunk-R3WM6HV6.js";
+import "../chunk-PYGTM7ML.js";
+import "../chunk-GMKRNFH5.js";
+import "../chunk-QGKQ3IX7.js";
 import {
   CurriculumSubNav
-} from "../chunk-KLIEFXWN.js";
+} from "../chunk-WLWX7BLC.js";
 import {
   CurriculumProvider,
   useCurriculumContext
-} from "../chunk-ZFWZAZPG.js";
+} from "../chunk-Y7SJF3Y3.js";
 import {
   CurriculumV2Layout
-} from "../chunk-K3Q4XLCN.js";
-import "../chunk-JF7JAMOQ.js";
+} from "../chunk-CQSM6JCO.js";
+import {
+  DatePickerButton
+} from "../chunk-I46J2XHG.js";
+import {
+  DatePicker
+} from "../chunk-FVTBDVT4.js";
+import {
+  ExpandTable,
+  createColumnHelper
+} from "../chunk-3RTIQ36S.js";
+import "../chunk-JCG2AUFJ.js";
+import "../chunk-2ISIAPFS.js";
+import {
+  OneOnOneGuideList,
+  oneOnOneNoteTextReplacer
+} from "../chunk-O5MYSBA3.js";
 import {
   RadioButtonCard
 } from "../chunk-CSKNBWPB.js";
 import {
   Stepper
-} from "../chunk-GROWIYD2.js";
+} from "../chunk-IPEAJLS3.js";
 import {
   TagSelector
-} from "../chunk-ZS44RD54.js";
+} from "../chunk-LTGEHFFG.js";
 import {
   TimeSelect
 } from "../chunk-7PF6I4RN.js";
@@ -67,87 +72,83 @@ import "../chunk-BXX3B3E4.js";
 import "../chunk-NRPDVI76.js";
 import "../chunk-2BPFXK4L.js";
 import "../chunk-NWJSLIQ3.js";
+import {
+  TrainingInfoGuideline
+} from "../chunk-IF4Q5NV4.js";
 import {
   DynamicFormResponseItem
 } from "../chunk-QTQKJ4A2.js";
 import {
   DynamicForm,
   createYupValidation
-} from "../chunk-KPE4JB42.js";
+} from "../chunk-IZDZTVFJ.js";
+import {
+  DynamicFormField
+} from "../chunk-NSDB3FXC.js";
 import {
   ForceRefresh
-} from "../chunk-EWFZXCMV.js";
+} from "../chunk-GGLDVUYU.js";
 import {
   GhostPost
-} from "../chunk-5JQOU3IR.js";
+} from "../chunk-UH6Q3TEK.js";
 import {
   LearningPost
-} from "../chunk-F7JSPN5P.js";
+} from "../chunk-IEYBSZA3.js";
 import "../chunk-7FKRQQYK.js";
 import {
   Navigation
-} from "../chunk-JRT6KTBG.js";
-import {
-  OneOnOneGuideList,
-  oneOnOneNoteTextReplacer
-} from "../chunk-FVNXDLRU.js";
+} from "../chunk-WMWXF44S.js";
 import {
   DescriptionJsonRender
-} from "../chunk-YWEWWXKM.js";
+} from "../chunk-ETKTERDA.js";
 import "../chunk-3INEXJIV.js";
 import {
   DotNavigation
 } from "../chunk-IJOOKMKQ.js";
 import {
   DownloadCard
-} from "../chunk-OHNBVT52.js";
-import {
-  DynamicFormField
-} from "../chunk-DXD774YC.js";
-import "../chunk-NCSMSA3X.js";
-import "../chunk-2OMSNCRH.js";
+} from "../chunk-G7NEBNHU.js";
+import "../chunk-FR2GDOU2.js";
 import "../chunk-5ZITU5L7.js";
 import "../chunk-5XYPLDI5.js";
 import "../chunk-6NPTJBFE.js";
+import "../chunk-6IVCARWS.js";
+import "../chunk-6DJOIRMF.js";
+import "../chunk-FPD73OHW.js";
 import "../chunk-MUPK4L3U.js";
 import "../chunk-X2GMDZ7M.js";
 import "../chunk-HYITAA4J.js";
-import "../chunk-FR2GDOU2.js";
-import "../chunk-JIJLOKVN.js";
-import "../chunk-FG3WT6OL.js";
+import "../chunk-TULWX7D6.js";
+import "../chunk-DHZVOXFM.js";
+import "../chunk-WV2HN6H4.js";
+import "../chunk-SBJOKO35.js";
 import "../chunk-5AVBYDPB.js";
 import "../chunk-365QMK4D.js";
-import "../chunk-6IVCARWS.js";
-import "../chunk-6DJOIRMF.js";
-import "../chunk-FPD73OHW.js";
 import "../chunk-EGEQY3KT.js";
-import "../chunk-TULWX7D6.js";
-import "../chunk-DHZVOXFM.js";
-import "../chunk-AH4A53SZ.js";
-import "../chunk-BESTU2AY.js";
+import "../chunk-OHMOP5PV.js";
+import "../chunk-NFDQJVFA.js";
+import "../chunk-JQ7VQ5SB.js";
 import "../chunk-U7N2PWMO.js";
 import "../chunk-XK6VEVOK.js";
 import "../chunk-HF6GNDPV.js";
+import "../chunk-25HMMI7R.js";
+import "../chunk-ZVDAEY5Q.js";
+import "../chunk-LQY4RKWI.js";
 import "../chunk-B6XJN6EC.js";
 import "../chunk-RP2RGCAW.js";
 import "../chunk-W7X7KSJP.js";
 import "../chunk-VYCYVN3L.js";
-import "../chunk-OHMOP5PV.js";
-import "../chunk-NFDQJVFA.js";
+import "../chunk-EAXUQEO5.js";
 import "../chunk-6SYFG6YY.js";
 import "../chunk-K36TPMKL.js";
 import "../chunk-U3BQT7ZO.js";
 import "../chunk-4Y5BEXVN.js";
-import "../chunk-PMJIFLDT.js";
-import "../chunk-LDBWASUA.js";
-import "../chunk-25HMMI7R.js";
-import "../chunk-ZVDAEY5Q.js";
-import "../chunk-LQY4RKWI.js";
 import "../chunk-W5TPOFOO.js";
-import "../chunk-WJ34ZHTU.js";
+import "../chunk-VD7AQ7HK.js";
 import "../chunk-ZQE7SP6P.js";
 import "../chunk-R6ARPREO.js";
 import "../chunk-2O45FRFQ.js";
+import "../chunk-SI4Y7NUG.js";
 import "../chunk-J2I3R3OV.js";
 import "../chunk-QO6KO6MN.js";
 import "../chunk-5KNRHIIF.js";
@@ -158,7 +159,11 @@ import "../chunk-YSYJCYHY.js";
 import "../chunk-5OM2H6RI.js";
 import "../chunk-ZUYCXCPW.js";
 import "../chunk-YVFNJE4E.js";
-import "../chunk-EAXUQEO5.js";
+import "../chunk-NCSMSA3X.js";
+import "../chunk-2OMSNCRH.js";
+import "../chunk-BESTU2AY.js";
+import "../chunk-PMJIFLDT.js";
+import "../chunk-LDBWASUA.js";
 import "../chunk-CRTRMMJ7.js";
 export {
   CurriculumBody,
@@ -184,6 +189,7 @@ export {
   Stepper,
   TagSelector,
   TimeSelect,
+  TrainingInfoGuideline,
   createColumnHelper,
   createYupValidation,
   oneOnOneNoteTextReplacer,

package/dist/molecules/learning-post.js

@@ -1,17 +1,17 @@
 import {
   LearningPost
-} from "../chunk-F7JSPN5P.js";
+} from "../chunk-IEYBSZA3.js";
 import "../chunk-7FKRQQYK.js";
 import "../chunk-EGEQY3KT.js";
-import "../chunk-BESTU2AY.js";
-import "../chunk-U3BQT7ZO.js";
-import "../chunk-4Y5BEXVN.js";
-import "../chunk-PMJIFLDT.js";
-import "../chunk-LDBWASUA.js";
 import "../chunk-25HMMI7R.js";
 import "../chunk-ZVDAEY5Q.js";
 import "../chunk-LQY4RKWI.js";
 import "../chunk-EAXUQEO5.js";
+import "../chunk-U3BQT7ZO.js";
+import "../chunk-4Y5BEXVN.js";
+import "../chunk-BESTU2AY.js";
+import "../chunk-PMJIFLDT.js";
+import "../chunk-LDBWASUA.js";
 import "../chunk-CRTRMMJ7.js";
 export {
   LearningPost

package/dist/molecules/navigation.js

@@ -1,11 +1,11 @@
 import {
   Navigation
-} from "../chunk-JRT6KTBG.js";
-import "../chunk-PMJIFLDT.js";
-import "../chunk-LDBWASUA.js";
+} from "../chunk-WMWXF44S.js";
 import "../chunk-25HMMI7R.js";
 import "../chunk-ZVDAEY5Q.js";
 import "../chunk-LQY4RKWI.js";
+import "../chunk-PMJIFLDT.js";
+import "../chunk-LDBWASUA.js";
 import "../chunk-CRTRMMJ7.js";
 export {
   Navigation

package/dist/molecules/one-on-one-guide-list.js

@@ -1,12 +1,12 @@
 import {
   OneOnOneGuideList,
   oneOnOneNoteTextReplacer
-} from "../chunk-FVNXDLRU.js";
-import "../chunk-JIJLOKVN.js";
+} from "../chunk-O5MYSBA3.js";
+import "../chunk-WV2HN6H4.js";
+import "../chunk-25HMMI7R.js";
 import "../chunk-BESTU2AY.js";
 import "../chunk-PMJIFLDT.js";
 import "../chunk-LDBWASUA.js";
-import "../chunk-25HMMI7R.js";
 import "../chunk-CRTRMMJ7.js";
 export {
   OneOnOneGuideList,

package/dist/molecules/stepper.cjs

@@ -591,6 +591,50 @@ var CircleChatIcon = React13.forwardRef(
 );
 CircleChatIcon.displayName = "CircleChatIcon";
 
+// src/icons/circle-file.tsx
+var React14 = __toESM(require("react"), 1);
+var import_jsx_runtime15 = require("react/jsx-runtime");
+var CircleFileIcon = React14.forwardRef(
+  (_a, forwardedRef) => {
+    var _b = _a, { color = "currentColor" } = _b, props = __objRest(_b, ["color"]);
+    return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+      "svg",
+      __spreadProps(__spreadValues({
+        fill: "none",
+        height: "16",
+        viewBox: "0 0 16 16",
+        width: "16",
+        xmlns: "http://www.w3.org/2000/svg"
+      }, props), {
+        ref: forwardedRef,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("rect", { fill: color, height: "16", rx: "8", width: "16" }),
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+            "rect",
+            {
+              fill: "white",
+              fillOpacity: "0.01",
+              height: "12",
+              transform: "translate(2 2)",
+              width: "12"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+            "path",
+            {
+              clipRule: "evenodd",
+              d: "M4.39998 4.00005C4.39998 3.77914 4.57906 3.60005 4.79998 3.60005H9.26861C9.37469 3.60005 9.47643 3.64219 9.55145 3.71721L11.4829 5.64858C11.5578 5.72359 11.6 5.82534 11.6 5.93142V12C11.6 12.2209 11.4209 12.4 11.2 12.4H4.79998C4.57906 12.4 4.39998 12.2209 4.39998 12V4.00005ZM4.79998 2.80005C4.13723 2.80005 3.59998 3.3373 3.59998 4.00005V12C3.59998 12.6628 4.13723 13.2 4.79998 13.2H11.2C11.8627 13.2 12.4 12.6628 12.4 12V5.93142C12.4 5.61316 12.2736 5.30794 12.0485 5.08289L10.1171 3.15152C9.89209 2.92648 9.58686 2.80005 9.26861 2.80005H4.79998ZM5.59998 5.20005C5.37906 5.20005 5.19998 5.37914 5.19998 5.60005C5.19998 5.82096 5.37906 6.00005 5.59998 6.00005H7.99998C8.22089 6.00005 8.39998 5.82096 8.39998 5.60005C8.39998 5.37914 8.22089 5.20005 7.99998 5.20005H5.59998ZM5.59998 7.60005C5.37906 7.60005 5.19998 7.77914 5.19998 8.00005C5.19998 8.22096 5.37906 8.40005 5.59998 8.40005H10.4C10.6209 8.40005 10.8 8.22096 10.8 8.00005C10.8 7.77914 10.6209 7.60005 10.4 7.60005H5.59998ZM5.59998 10C5.37906 10 5.19998 10.1792 5.19998 10.4C5.19998 10.6209 5.37906 10.8 5.59998 10.8H10.4C10.6209 10.8 10.8 10.6209 10.8 10.4C10.8 10.1792 10.6209 10 10.4 10H5.59998Z",
+              fill: "white",
+              fillRule: "evenodd"
+            }
+          )
+        ]
+      })
+    );
+  }
+);
+CircleFileIcon.displayName = "CircleFileIcon";
+
 // src/atoms/typo.tsx
 var import_themes3 = require("@radix-ui/themes");
 var import_react2 = require("react");
@@ -614,7 +658,7 @@ var mapWithResponsive = (args) => {
 };
 
 // src/atoms/typo.tsx
-var import_jsx_runtime15 = require("react/jsx-runtime");
+var import_jsx_runtime16 = require("react/jsx-runtime");
 var Typo = (0, import_react2.forwardRef)(
   (props, ref) => {
     const _a = props, { size, variant, children } = _a, rest = __objRest(_a, ["size", "variant", "children"]);
@@ -636,13 +680,13 @@ var Typo = (0, import_react2.forwardRef)(
         }
       });
     }, [size, variant]);
-    return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_themes3.Text, __spreadProps(__spreadValues({}, rest), { ref, size: radixSize, children }));
+    return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_themes3.Text, __spreadProps(__spreadValues({}, rest), { ref, size: radixSize, children }));
   }
 );
 Typo.displayName = "Typo";
 
 // src/molecules/stepper.tsx
-var import_jsx_runtime16 = require("react/jsx-runtime");
+var import_jsx_runtime17 = require("react/jsx-runtime");
 var StepContext = (0, import_react3.createContext)({
   active: false,
   completed: false,
@@ -657,7 +701,7 @@ function Root(props) {
     maxWidth,
     direction = "vertical"
   } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
     import_themes.Flex,
     {
       gap: "3",
@@ -667,7 +711,7 @@ function Root(props) {
         maxWidth
       },
       children: import_react3.Children.map(children, (child, index) => {
-        return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
           StepContext.Provider,
           {
             value: {
@@ -691,7 +735,7 @@ function Step(props) {
     index,
     direction = "vertical"
   } = (0, import_react3.useContext)(StepContext);
-  const connector = index > 0 ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+  const connector = index > 0 ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
     import_themes4.Separator,
     {
       style: {
@@ -711,7 +755,7 @@ function Step(props) {
     }
     return IncompleteStep;
   }, [completed, active]);
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
     import_themes.Flex,
     {
       align: "center",
@@ -721,7 +765,7 @@ function Step(props) {
       style: { flex: 1 },
       children: [
         connector,
-        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(InnerStep, { Icon, children })
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(InnerStep, { Icon, children })
       ]
     }
   );
@@ -732,11 +776,11 @@ function CompleteStep(props) {
   const background = "var(--accent-a4)";
   const border = "1px solid var(--accent-7)";
   const color = "var(--accent-contrast)";
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_jsx_runtime16.Fragment, { children: [
-    Icon ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Icon, { active, completed }) : /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
+    Icon ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Icon, { active, completed }) : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
       Avatar,
       {
-        fallback: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react_icons.CheckIcon, { fill: color, height: 16, width: 16 }),
+        fallback: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react_icons.CheckIcon, { fill: color, height: 16, width: 16 }),
         radius: "full",
         size: "medium",
         style: {
@@ -745,7 +789,7 @@ function CompleteStep(props) {
         }
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Typo, { align: "center", variant: "caption", children })
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Typo, { align: "center", variant: "caption", children })
   ] });
 }
 function IncompleteStep(props) {
@@ -753,11 +797,11 @@ function IncompleteStep(props) {
   const { completed, active, index } = (0, import_react3.useContext)(StepContext);
   const background = "var(--gray-5)";
   const color = "var(--gray-a11)";
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_jsx_runtime16.Fragment, { children: [
-    Icon ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Icon, { active, completed }) : /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
+    Icon ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Icon, { active, completed }) : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
       Avatar,
       {
-        fallback: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Typo, { style: { color }, children: index + 1 }),
+        fallback: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Typo, { style: { color }, children: index + 1 }),
         radius: "full",
         size: "medium",
         style: {
@@ -765,7 +809,7 @@ function IncompleteStep(props) {
         }
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Typo, { align: "center", style: { color }, variant: "caption", children })
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Typo, { align: "center", style: { color }, variant: "caption", children })
   ] });
 }
 function ActiveStep(props) {
@@ -773,17 +817,17 @@ function ActiveStep(props) {
   const { completed, active, index } = (0, import_react3.useContext)(StepContext);
   const background = "var(--accent-10)";
   const color = "var(--accent-contrast)";
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_jsx_runtime16.Fragment, { children: [
-    Icon ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Icon, { active, completed }) : /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
+    Icon ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Icon, { active, completed }) : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
       Avatar,
       {
-        fallback: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Typo, { style: { color }, weight: "bold", children: index + 1 }),
+        fallback: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Typo, { style: { color }, weight: "bold", children: index + 1 }),
         radius: "full",
         size: "medium",
         style: { background }
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Typo, { align: "center", variant: "caption", weight: "bold", children })
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Typo, { align: "center", variant: "caption", weight: "bold", children })
   ] });
 }
 var Stepper = {