@tipp/ui 2.3.41 → 2.5.0

package/dist/{chunk-U3BQT7ZO.js → chunk-KTSEZC6A.js}

@@ -10,6 +10,13 @@ import {
 } from "@radix-ui/themes";
 import { useMemo, forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
+var SEMANTIC_COLOR_MAP = {
+  error: "red",
+  neutral: "gray",
+  success: "green",
+  accent: void 0
+};
+var isSemanticColor = (color) => color !== void 0 && color in SEMANTIC_COLOR_MAP;
 var Badge = forwardRef(
   (props, ref) => {
     const _a = props, { size = "small", color = "accent" } = _a, rest = __objRest(_a, ["size", "color"]);
@@ -26,17 +33,10 @@ var Badge = forwardRef(
       }
     }, [size]);
     const radixColor = useMemo(() => {
-      switch (color) {
-        case "error":
-          return "red";
-        case "neutral":
-          return "gray";
-        case "success":
-          return "green";
-        case "accent":
-        default:
-          return void 0;
+      if (isSemanticColor(color)) {
+        return SEMANTIC_COLOR_MAP[color];
       }
+      return color;
     }, [color]);
     return /* @__PURE__ */ jsx(RadixBadge, __spreadProps(__spreadValues({}, rest), { color: radixColor, ref, size: radixSize }));
   }
@@ -46,4 +46,4 @@ Badge.displayName = "Badge";
 export {
   Badge
 };
-//# sourceMappingURL=chunk-U3BQT7ZO.js.map
+//# sourceMappingURL=chunk-KTSEZC6A.js.map

package/dist/chunk-KTSEZC6A.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/atoms/badge.tsx"],"sourcesContent":["import {\n  Badge as RadixBadge,\n  type BadgeProps as RadixBadgeProps,\n} from '@radix-ui/themes';\nimport { useMemo, forwardRef } from 'react';\n\ntype SemanticColor = 'error' | 'accent' | 'neutral' | 'success';\ntype RadixColor = NonNullable<RadixBadgeProps['color']>;\n\nconst SEMANTIC_COLOR_MAP: Record<SemanticColor, RadixColor | undefined> = {\n  error: 'red',\n  neutral: 'gray',\n  success: 'green',\n  accent: undefined,\n};\n\nconst isSemanticColor = (color: BadgeProps['color']): color is SemanticColor =>\n  color !== undefined && color in SEMANTIC_COLOR_MAP;\n\nexport type BadgeProps = Omit<RadixBadgeProps, 'color' | 'size'> & {\n  size?: 'small' | 'medium' | 'large';\n  color?: SemanticColor | RadixColor;\n};\n\nexport const Badge = forwardRef<HTMLSpanElement, BadgeProps>(\n  (props: BadgeProps, ref): React.ReactNode => {\n    const { size = 'small', color = 'accent', ...rest } = props;\n\n    const radixSize = useMemo(() => {\n      switch (size) {\n        case 'small':\n          return '1';\n        case 'medium':\n          return '2';\n        case 'large':\n          return '3';\n        default:\n          return '1';\n      }\n    }, [size]);\n\n    const radixColor = useMemo(() => {\n      if (isSemanticColor(color)) {\n        return SEMANTIC_COLOR_MAP[color];\n      }\n      return color;\n    }, [color]);\n\n    return (\n      <RadixBadge {...rest} color={radixColor} ref={ref} size={radixSize} />\n    );\n  }\n);\n\nBadge.displayName = 'Badge';\n"],"mappings":";;;;;;;AAAA;AAAA,EACE,SAAS;AAAA,OAEJ;AACP,SAAS,SAAS,kBAAkB;AA6C9B;AAxCN,IAAM,qBAAoE;AAAA,EACxE,OAAO;AAAA,EACP,SAAS;AAAA,EACT,SAAS;AAAA,EACT,QAAQ;AACV;AAEA,IAAM,kBAAkB,CAAC,UACvB,UAAU,UAAa,SAAS;AAO3B,IAAM,QAAQ;AAAA,EACnB,CAAC,OAAmB,QAAyB;AAC3C,UAAsD,YAA9C,SAAO,SAAS,QAAQ,SA1BpC,IA0B0D,IAAT,iBAAS,IAAT,CAArC,QAAgB;AAExB,UAAM,YAAY,QAAQ,MAAM;AAC9B,cAAQ,MAAM;AAAA,QACZ,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AACH,iBAAO;AAAA,QACT;AACE,iBAAO;AAAA,MACX;AAAA,IACF,GAAG,CAAC,IAAI,CAAC;AAET,UAAM,aAAa,QAAQ,MAAM;AAC/B,UAAI,gBAAgB,KAAK,GAAG;AAC1B,eAAO,mBAAmB,KAAK;AAAA,MACjC;AACA,aAAO;AAAA,IACT,GAAG,CAAC,KAAK,CAAC;AAEV,WACE,oBAAC,6CAAe,OAAf,EAAqB,OAAO,YAAY,KAAU,MAAM,YAAW;AAAA,EAExE;AACF;AAEA,MAAM,cAAc;","names":[]}

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-DKUHYVHC.js → chunk-NLW32DPB.js}

@@ -5,24 +5,24 @@ import {
   Grid
 } from "./chunk-EGEQY3KT.js";
 import {
-  Heading
-} from "./chunk-BESTU2AY.js";
+  Flex
+} from "./chunk-25HMMI7R.js";
+import {
+  Badge
+} from "./chunk-KTSEZC6A.js";
 import {
   Box
 } from "./chunk-4Y5BEXVN.js";
-import {
-  Typo
-} from "./chunk-PMJIFLDT.js";
-import {
-  Flex
-} from "./chunk-25HMMI7R.js";
 import {
   ArrowRightIcon,
   TimerIcon
-} from "./chunk-JU7GB6R2.js";
+} from "./chunk-VOME2TE7.js";
 import {
-  Badge
-} from "./chunk-U3BQT7ZO.js";
+  Heading
+} from "./chunk-BESTU2AY.js";
+import {
+  Typo
+} from "./chunk-PMJIFLDT.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-DKUHYVHC.js.map
+//# sourceMappingURL=chunk-NLW32DPB.js.map

package/dist/{chunk-V7IC4EAC.js → chunk-NVQSH733.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-WS7IOHVK.js";
 import {
   section_item_default
-} from "./chunk-LIV5LHHZ.js";
+} from "./chunk-LT5C6QT7.js";
 import {
   getCurriculumIconColor
 } from "./chunk-2ISIAPFS.js";
@@ -48,4 +48,4 @@ var sidebar_item_default = SidebarItem;
 export {
   sidebar_item_default
 };
-//# sourceMappingURL=chunk-V7IC4EAC.js.map
+//# sourceMappingURL=chunk-NVQSH733.js.map

package/dist/{chunk-OE2AVQED.js → chunk-NZ6ONU5Z.js}

@@ -1,28 +1,28 @@
 import {
   Popover
 } from "./chunk-5AVBYDPB.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 {
   Flex
 } from "./chunk-25HMMI7R.js";
 import {
   Button
 } from "./chunk-ZVDAEY5Q.js";
+import {
+  Box
+} from "./chunk-4Y5BEXVN.js";
 import {
   ChevronLeftIcon,
   ChevronRightIcon
-} from "./chunk-JU7GB6R2.js";
+} from "./chunk-VOME2TE7.js";
+import {
+  Heading
+} from "./chunk-BESTU2AY.js";
+import {
+  Typo
+} from "./chunk-PMJIFLDT.js";
 import {
   __objRest,
   __spreadProps,
@@ -230,4 +230,4 @@ var getRenderCustomHeader = (props) => {
 export {
   DatePicker
 };
-//# sourceMappingURL=chunk-OE2AVQED.js.map
+//# sourceMappingURL=chunk-NZ6ONU5Z.js.map

package/dist/{chunk-QHHD36G7.js → chunk-OUJAPQS2.js}

@@ -1,12 +1,3 @@
-import {
-  Heading
-} from "./chunk-BESTU2AY.js";
-import {
-  Box
-} from "./chunk-4Y5BEXVN.js";
-import {
-  Typo
-} from "./chunk-PMJIFLDT.js";
 import {
   Flex
 } from "./chunk-25HMMI7R.js";
@@ -16,9 +7,18 @@ import {
 import {
   Card
 } from "./chunk-RP2RGCAW.js";
+import {
+  Box
+} from "./chunk-4Y5BEXVN.js";
 import {
   DownloadIcon
-} from "./chunk-JU7GB6R2.js";
+} from "./chunk-VOME2TE7.js";
+import {
+  Heading
+} from "./chunk-BESTU2AY.js";
+import {
+  Typo
+} from "./chunk-PMJIFLDT.js";
 
 // src/app/platform/report-card.tsx
 import { useCallback } from "react";
@@ -65,4 +65,4 @@ function ReportCard(props) {
 export {
   ReportCard
 };
-//# sourceMappingURL=chunk-QHHD36G7.js.map
+//# sourceMappingURL=chunk-OUJAPQS2.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-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-Z34HR7RE.js → chunk-QRI6ARS6.js}

@@ -1,9 +1,9 @@
-import {
-  Typo
-} from "./chunk-PMJIFLDT.js";
 import {
   Flex
 } from "./chunk-25HMMI7R.js";
+import {
+  Typo
+} from "./chunk-PMJIFLDT.js";
 import {
   __objRest,
   __spreadProps,
@@ -27,4 +27,4 @@ function BulletText(_a) {
 export {
   BulletText
 };
-//# sourceMappingURL=chunk-Z34HR7RE.js.map
+//# sourceMappingURL=chunk-QRI6ARS6.js.map

package/dist/{chunk-CNW3YEAK.js → chunk-R3WM6HV6.js}

@@ -2,15 +2,15 @@ import {
   getCurriculumIcon,
   getCurriculumQuestionIconColor
 } from "./chunk-2ISIAPFS.js";
+import {
+  Flex
+} from "./chunk-25HMMI7R.js";
 import {
   Box
 } from "./chunk-4Y5BEXVN.js";
 import {
   Typo
 } from "./chunk-PMJIFLDT.js";
-import {
-  Flex
-} from "./chunk-25HMMI7R.js";
 
 // src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/review-comp.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -40,4 +40,4 @@ function ReviewQuestionContentHeader({
 export {
   ReviewQuestionContentHeader
 };
-//# sourceMappingURL=chunk-CNW3YEAK.js.map
+//# sourceMappingURL=chunk-R3WM6HV6.js.map

package/dist/{chunk-Q7KT3UPO.js → chunk-RPV3QPQL.js}

@@ -1,18 +1,18 @@
 import {
   DatePicker
-} from "./chunk-OE2AVQED.js";
+} from "./chunk-NZ6ONU5Z.js";
 import {
   TextField
 } from "./chunk-6NPTJBFE.js";
-import {
-  Box
-} from "./chunk-4Y5BEXVN.js";
 import {
   Button
 } from "./chunk-ZVDAEY5Q.js";
+import {
+  Box
+} from "./chunk-4Y5BEXVN.js";
 import {
   CalendarIcon
-} from "./chunk-JU7GB6R2.js";
+} from "./chunk-VOME2TE7.js";
 import {
   __objRest,
   __spreadProps,
@@ -72,4 +72,4 @@ function DatePickerButton(props) {
 export {
   DatePickerButton
 };
-//# sourceMappingURL=chunk-Q7KT3UPO.js.map
+//# sourceMappingURL=chunk-RPV3QPQL.js.map

package/dist/{chunk-SGMO4KBC.js → chunk-RXK3JM34.js}

@@ -1,12 +1,12 @@
 // src/charts/horizontal-bar-chart.tsx
 import { jsx } from "react/jsx-runtime";
 function HorizontalBarChart(props) {
-  const { total, value, backgroundColor, barColor, height } = props;
+  const { total, value, backgroundColor, barColor, height, borderRadius } = props;
   return /* @__PURE__ */ jsx(
     "div",
     {
       className: "tipp_horizontal-bar-chart bar-wrapper",
-      style: { height, backgroundColor },
+      style: { height, backgroundColor, borderRadius },
       children: /* @__PURE__ */ jsx(
         "div",
         {
@@ -24,4 +24,4 @@ function HorizontalBarChart(props) {
 export {
   HorizontalBarChart
 };
-//# sourceMappingURL=chunk-SGMO4KBC.js.map
+//# sourceMappingURL=chunk-RXK3JM34.js.map

package/dist/chunk-RXK3JM34.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/charts/horizontal-bar-chart.tsx"],"sourcesContent":["import React from 'react';\n\nexport interface HorizontalBarChartProps {\n  /** 100% 바가 뜻하는 전체 값 */\n  total: number;\n  /** 화면에 채워져보이는 값 */\n  value: number;\n  /** 배경 색상 */\n  backgroundColor?: string;\n  /** 바의 색상 */\n  barColor?: string;\n  /** 바의 높이 */\n  height?: number;\n  /**\n   * 바의 모서리 둥글기. 숫자는 px로 처리된다.\n   * 생략 시 완전히 둥근 형태(pill), `0`이면 완전 사각형.\n   */\n  borderRadius?: number | string;\n}\n\nexport function HorizontalBarChart(\n  props: HorizontalBarChartProps\n): React.ReactNode {\n  const { total, value, backgroundColor, barColor, height, borderRadius } =\n    props;\n  return (\n    <div\n      className=\"tipp_horizontal-bar-chart bar-wrapper\"\n      style={{ height, backgroundColor, borderRadius }}\n    >\n      <div\n        style={{\n          width: `${Math.round((value / total) * 100)}%`,\n          height: '100%',\n        }}\n      >\n        <div className=\"bar\" style={{ backgroundColor: barColor }} />\n      </div>\n    </div>\n  );\n}\n"],"mappings":";AAoCQ;AAhBD,SAAS,mBACd,OACiB;AACjB,QAAM,EAAE,OAAO,OAAO,iBAAiB,UAAU,QAAQ,aAAa,IACpE;AACF,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,OAAO,EAAE,QAAQ,iBAAiB,aAAa;AAAA,MAE/C;AAAA,QAAC;AAAA;AAAA,UACC,OAAO;AAAA,YACL,OAAO,GAAG,KAAK,MAAO,QAAQ,QAAS,GAAG,CAAC;AAAA,YAC3C,QAAQ;AAAA,UACV;AAAA,UAEA,8BAAC,SAAI,WAAU,OAAM,OAAO,EAAE,iBAAiB,SAAS,GAAG;AAAA;AAAA,MAC7D;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/{chunk-MJMHPIYX.js → chunk-SDEDXT7A.js}

@@ -1,9 +1,9 @@
-import {
-  Typo
-} from "./chunk-PMJIFLDT.js";
 import {
   Flex
 } from "./chunk-25HMMI7R.js";
+import {
+  Typo
+} from "./chunk-PMJIFLDT.js";
 
 // src/molecules/curriculumV2/CurriculumSidebar/Items/curriculum-item-title.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -25,4 +25,4 @@ var curriculum_item_title_default = CurriculumItemTitle;
 export {
   curriculum_item_title_default
 };
-//# sourceMappingURL=chunk-MJMHPIYX.js.map
+//# sourceMappingURL=chunk-SDEDXT7A.js.map

package/dist/{chunk-OYJ7HJIE.js → chunk-TJKS6CLU.js}

@@ -1,15 +1,15 @@
 import {
   DynamicFormEditorFieldEditorPanel
-} from "./chunk-2REWQIZJ.js";
+} from "./chunk-D4JZHM4J.js";
 import {
   DynamicFormEditorFieldListPanel
-} from "./chunk-6UXCNYVO.js";
+} from "./chunk-PXPGCDNA.js";
 import {
   DynamicFormEditorIssuesPanel
-} from "./chunk-MIATMZDP.js";
+} from "./chunk-KCCYHT23.js";
 import {
   DynamicFormEditorPreviewPanel
-} from "./chunk-JRSZNGFD.js";
+} from "./chunk-JZVK4NDF.js";
 import {
   createDefaultField,
   createUniqueFieldName,
@@ -227,4 +227,4 @@ function DynamicFormEditor(props) {
 export {
   DynamicFormEditor
 };
-//# sourceMappingURL=chunk-OYJ7HJIE.js.map
+//# sourceMappingURL=chunk-TJKS6CLU.js.map

package/dist/{chunk-5JQOU3IR.js → chunk-UH6Q3TEK.js}

@@ -1,18 +1,18 @@
 import {
   ThemeProvider
 } from "./chunk-7FKRQQYK.js";
-import {
-  Heading
-} from "./chunk-BESTU2AY.js";
-import {
-  Box
-} from "./chunk-4Y5BEXVN.js";
 import {
   Flex
 } from "./chunk-25HMMI7R.js";
 import {
   Button
 } from "./chunk-ZVDAEY5Q.js";
+import {
+  Box
+} from "./chunk-4Y5BEXVN.js";
+import {
+  Heading
+} from "./chunk-BESTU2AY.js";
 import {
   __spreadProps,
   __spreadValues
@@ -67,4 +67,4 @@ function GhostPost(props) {
 export {
   GhostPost
 };
-//# sourceMappingURL=chunk-5JQOU3IR.js.map
+//# sourceMappingURL=chunk-UH6Q3TEK.js.map

package/dist/{chunk-HBQY4ELG.js → chunk-UXVM3Y7P.js}

@@ -1,9 +1,6 @@
 import {
   useCurriculumContext
 } from "./chunk-WA5A2GB4.js";
-import {
-  Typo
-} from "./chunk-PMJIFLDT.js";
 import {
   Flex
 } from "./chunk-25HMMI7R.js";
@@ -12,7 +9,10 @@ import {
 } from "./chunk-ZVDAEY5Q.js";
 import {
   ResetIcon
-} from "./chunk-JU7GB6R2.js";
+} from "./chunk-VOME2TE7.js";
+import {
+  Typo
+} from "./chunk-PMJIFLDT.js";
 
 // src/molecules/curriculumV2/CurriculumContents/curriculum-ai-traning.tsx
 import { useMemo } from "react";
@@ -67,4 +67,4 @@ var curriculum_ai_traning_default = CurriculumAiTraning;
 export {
   curriculum_ai_traning_default
 };
-//# sourceMappingURL=chunk-HBQY4ELG.js.map
+//# sourceMappingURL=chunk-UXVM3Y7P.js.map