@tipp/ui 2.3.40 → 2.4.0

package/dist/atoms/index.js

@@ -155,7 +155,7 @@ import {
 } from "../chunk-K36TPMKL.js";
 import {
   Badge
-} from "../chunk-U3BQT7ZO.js";
+} from "../chunk-KTSEZC6A.js";
 import {
   Blockquote
 } from "../chunk-YGL6SWKN.js";

package/dist/charts/horizontal-bar-chart.cjs

@@ -25,12 +25,12 @@ __export(horizontal_bar_chart_exports, {
 module.exports = __toCommonJS(horizontal_bar_chart_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 function HorizontalBarChart(props) {
-  const { total, value, backgroundColor, barColor, height } = props;
+  const { total, value, backgroundColor, barColor, height, borderRadius } = props;
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     "div",
     {
       className: "tipp_horizontal-bar-chart bar-wrapper",
-      style: { height, backgroundColor },
+      style: { height, backgroundColor, borderRadius },
       children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         "div",
         {

package/dist/charts/horizontal-bar-chart.cjs.map

@@ -1 +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\nexport function HorizontalBarChart(\n  props: HorizontalBarChartProps\n): React.ReactNode {\n  const { total, value, backgroundColor, barColor, height } = props;\n  return (\n    <div\n      className=\"tipp_horizontal-bar-chart bar-wrapper\"\n      style={{ height, backgroundColor }}\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":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA8BQ;AAfD,SAAS,mBACd,OACiB;AACjB,QAAM,EAAE,OAAO,OAAO,iBAAiB,UAAU,OAAO,IAAI;AAC5D,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,OAAO,EAAE,QAAQ,gBAAgB;AAAA,MAEjC;AAAA,QAAC;AAAA;AAAA,UACC,OAAO;AAAA,YACL,OAAO,GAAG,KAAK,MAAO,QAAQ,QAAS,GAAG,CAAC;AAAA,YAC3C,QAAQ;AAAA,UACV;AAAA,UAEA,sDAAC,SAAI,WAAU,OAAM,OAAO,EAAE,iBAAiB,SAAS,GAAG;AAAA;AAAA,MAC7D;AAAA;AAAA,EACF;AAEJ;","names":[]}
+{"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":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;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,sDAAC,SAAI,WAAU,OAAM,OAAO,EAAE,iBAAiB,SAAS,GAAG;AAAA;AAAA,MAC7D;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/charts/horizontal-bar-chart.d.cts

@@ -11,6 +11,11 @@ interface HorizontalBarChartProps {
     barColor?: string;
     /** 바의 높이 */
     height?: number;
+    /**
+     * 바의 모서리 둥글기. 숫자는 px로 처리된다.
+     * 생략 시 완전히 둥근 형태(pill), `0`이면 완전 사각형.
+     */
+    borderRadius?: number | string;
 }
 declare function HorizontalBarChart(props: HorizontalBarChartProps): React__default.ReactNode;
 

package/dist/charts/horizontal-bar-chart.d.ts

@@ -11,6 +11,11 @@ interface HorizontalBarChartProps {
     barColor?: string;
     /** 바의 높이 */
     height?: number;
+    /**
+     * 바의 모서리 둥글기. 숫자는 px로 처리된다.
+     * 생략 시 완전히 둥근 형태(pill), `0`이면 완전 사각형.
+     */
+    borderRadius?: number | string;
 }
 declare function HorizontalBarChart(props: HorizontalBarChartProps): React__default.ReactNode;
 

package/dist/charts/horizontal-bar-chart.js

@@ -1,6 +1,6 @@
 import {
   HorizontalBarChart
-} from "../chunk-SGMO4KBC.js";
+} from "../chunk-RXK3JM34.js";
 import "../chunk-CRTRMMJ7.js";
 export {
   HorizontalBarChart

package/dist/charts/index.cjs

@@ -28,12 +28,12 @@ module.exports = __toCommonJS(charts_exports);
 // src/charts/horizontal-bar-chart.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
 function HorizontalBarChart(props) {
-  const { total, value, backgroundColor, barColor, height } = props;
+  const { total, value, backgroundColor, barColor, height, borderRadius } = props;
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     "div",
     {
       className: "tipp_horizontal-bar-chart bar-wrapper",
-      style: { height, backgroundColor },
+      style: { height, backgroundColor, borderRadius },
       children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         "div",
         {

package/dist/charts/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/charts/index.ts","../../src/charts/horizontal-bar-chart.tsx","../../src/charts/chart-theme.json","../../src/charts/chart-default-props.tsx"],"sourcesContent":["export * from './horizontal-bar-chart';\nexport * from './chart-default-props';\n","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\nexport function HorizontalBarChart(\n  props: HorizontalBarChartProps\n): React.ReactNode {\n  const { total, value, backgroundColor, barColor, height } = props;\n  return (\n    <div\n      className=\"tipp_horizontal-bar-chart bar-wrapper\"\n      style={{ height, backgroundColor }}\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","{\n  \"version\": 1,\n  \"themeName\": \"customed\",\n  \"theme\": {\n    \"seriesCnt\": \"5\",\n    \"backgroundColor\": \"rgba(0,0,0,0)\",\n    \"titleColor\": \"#1c2024\",\n    \"subtitleColor\": \"#8d8d8d\",\n    \"textColorShow\": false,\n    \"textColor\": \"#333\",\n    \"markTextColor\": \"#ffffff\",\n    \"color\": [\n      \"#ffe629\",\n      \"#3e63dd\",\n      \"#ec9455\",\n      \"#5bb98b\",\n      \"#cb1d63\",\n      \"#3ba272\",\n      \"#fc8452\",\n      \"#9a60b4\",\n      \"#ea7ccc\"\n    ],\n    \"borderColor\": \"#8d8d8d\",\n    \"borderWidth\": 0,\n    \"visualMapColor\": [\"#bf444c\", \"#d88273\", \"#f6efa6\"],\n    \"legendTextColor\": \"#1c2024\",\n    \"kColor\": \"#eb5454\",\n    \"kColor0\": \"#47b262\",\n    \"kBorderColor\": \"#eb5454\",\n    \"kBorderColor0\": \"#47b262\",\n    \"kBorderWidth\": 1,\n    \"lineWidth\": 2,\n    \"symbolSize\": 4,\n    \"symbol\": \"emptyCircle\",\n    \"symbolBorderWidth\": 1,\n    \"lineSmooth\": false,\n    \"graphLineWidth\": 1,\n    \"graphLineColor\": \"#aaa\",\n    \"mapLabelColor\": \"#000\",\n    \"mapLabelColorE\": \"rgb(100,0,0)\",\n    \"mapBorderColor\": \"#444\",\n    \"mapBorderColorE\": \"#444\",\n    \"mapBorderWidth\": 0.5,\n    \"mapBorderWidthE\": 1,\n    \"mapAreaColor\": \"#eee\",\n    \"mapAreaColorE\": \"rgba(255,215,0,0.8)\",\n    \"axes\": [\n      {\n        \"type\": \"all\",\n        \"name\": \"通用坐标轴\",\n        \"axisLineShow\": true,\n        \"axisLineColor\": \"#6E7079\",\n        \"axisTickShow\": true,\n        \"axisTickColor\": \"#6E7079\",\n        \"axisLabelShow\": true,\n        \"axisLabelColor\": \"#6E7079\",\n        \"splitLineShow\": true,\n        \"splitLineColor\": [\"#E0E6F1\"],\n        \"splitAreaShow\": false,\n        \"splitAreaColor\": [\"rgba(250,250,250,0.2)\", \"rgba(210,219,238,0.2)\"]\n      },\n      {\n        \"type\": \"category\",\n        \"name\": \"类目坐标轴\",\n        \"axisLineShow\": true,\n        \"axisLineColor\": \"#6E7079\",\n        \"axisTickShow\": true,\n        \"axisTickColor\": \"#6E7079\",\n        \"axisLabelShow\": true,\n        \"axisLabelColor\": \"#6E7079\",\n        \"splitLineShow\": false,\n        \"splitLineColor\": [\"#E0E6F1\"],\n        \"splitAreaShow\": false,\n        \"splitAreaColor\": [\"rgba(250,250,250,0.2)\", \"rgba(210,219,238,0.2)\"]\n      },\n      {\n        \"type\": \"value\",\n        \"name\": \"数值坐标轴\",\n        \"axisLineShow\": false,\n        \"axisLineColor\": \"#6E7079\",\n        \"axisTickShow\": false,\n        \"axisTickColor\": \"#6E7079\",\n        \"axisLabelShow\": true,\n        \"axisLabelColor\": \"#6E7079\",\n        \"splitLineShow\": true,\n        \"splitLineColor\": [\"#E0E6F1\"],\n        \"splitAreaShow\": false,\n        \"splitAreaColor\": [\"rgba(250,250,250,0.2)\", \"rgba(210,219,238,0.2)\"]\n      },\n      {\n        \"type\": \"log\",\n        \"name\": \"对数坐标轴\",\n        \"axisLineShow\": false,\n        \"axisLineColor\": \"#6E7079\",\n        \"axisTickShow\": false,\n        \"axisTickColor\": \"#6E7079\",\n        \"axisLabelShow\": true,\n        \"axisLabelColor\": \"#6E7079\",\n        \"splitLineShow\": true,\n        \"splitLineColor\": [\"#E0E6F1\"],\n        \"splitAreaShow\": false,\n        \"splitAreaColor\": [\"rgba(250,250,250,0.2)\", \"rgba(210,219,238,0.2)\"]\n      },\n      {\n        \"type\": \"time\",\n        \"name\": \"时间坐标轴\",\n        \"axisLineShow\": true,\n        \"axisLineColor\": \"#6E7079\",\n        \"axisTickShow\": true,\n        \"axisTickColor\": \"#6E7079\",\n        \"axisLabelShow\": true,\n        \"axisLabelColor\": \"#6E7079\",\n        \"splitLineShow\": false,\n        \"splitLineColor\": [\"#E0E6F1\"],\n        \"splitAreaShow\": false,\n        \"splitAreaColor\": [\"rgba(250,250,250,0.2)\", \"rgba(210,219,238,0.2)\"]\n      }\n    ],\n    \"axisSeperateSetting\": true,\n    \"toolboxColor\": \"#8d8d8d\",\n    \"toolboxEmphasisColor\": \"#1c2024\",\n    \"tooltipAxisColor\": \"#cccccc\",\n    \"tooltipAxisWidth\": 1,\n    \"timelineLineColor\": \"#dae1f5\",\n    \"timelineLineWidth\": 2,\n    \"timelineItemColor\": \"#a4b1d7\",\n    \"timelineItemColorE\": \"#ffffff\",\n    \"timelineCheckColor\": \"#316bf3\",\n    \"timelineCheckBorderColor\": \"#ffffff\",\n    \"timelineItemBorderWidth\": 1,\n    \"timelineControlColor\": \"#a4b1d7\",\n    \"timelineControlBorderColor\": \"#a4b1d7\",\n    \"timelineControlBorderWidth\": 1,\n    \"timelineLabelColor\": \"#a4b1d7\"\n  }\n}\n","import chartTheme from './chart-theme.json';\n\nexport const EchartDefaultProps = {\n  opts: { renderer: 'svg' as const },\n  theme: chartTheme,\n  option: {\n    textStyle: { fontFamily: 'Noto Sans KR' },\n    tooltip: { textStyle: { fontSize: 16 } },\n  },\n} as const;\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../src/charts/index.ts","../../src/charts/horizontal-bar-chart.tsx","../../src/charts/chart-theme.json","../../src/charts/chart-default-props.tsx"],"sourcesContent":["export * from './horizontal-bar-chart';\nexport * from './chart-default-props';\n","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","{\n  \"version\": 1,\n  \"themeName\": \"customed\",\n  \"theme\": {\n    \"seriesCnt\": \"5\",\n    \"backgroundColor\": \"rgba(0,0,0,0)\",\n    \"titleColor\": \"#1c2024\",\n    \"subtitleColor\": \"#8d8d8d\",\n    \"textColorShow\": false,\n    \"textColor\": \"#333\",\n    \"markTextColor\": \"#ffffff\",\n    \"color\": [\n      \"#ffe629\",\n      \"#3e63dd\",\n      \"#ec9455\",\n      \"#5bb98b\",\n      \"#cb1d63\",\n      \"#3ba272\",\n      \"#fc8452\",\n      \"#9a60b4\",\n      \"#ea7ccc\"\n    ],\n    \"borderColor\": \"#8d8d8d\",\n    \"borderWidth\": 0,\n    \"visualMapColor\": [\"#bf444c\", \"#d88273\", \"#f6efa6\"],\n    \"legendTextColor\": \"#1c2024\",\n    \"kColor\": \"#eb5454\",\n    \"kColor0\": \"#47b262\",\n    \"kBorderColor\": \"#eb5454\",\n    \"kBorderColor0\": \"#47b262\",\n    \"kBorderWidth\": 1,\n    \"lineWidth\": 2,\n    \"symbolSize\": 4,\n    \"symbol\": \"emptyCircle\",\n    \"symbolBorderWidth\": 1,\n    \"lineSmooth\": false,\n    \"graphLineWidth\": 1,\n    \"graphLineColor\": \"#aaa\",\n    \"mapLabelColor\": \"#000\",\n    \"mapLabelColorE\": \"rgb(100,0,0)\",\n    \"mapBorderColor\": \"#444\",\n    \"mapBorderColorE\": \"#444\",\n    \"mapBorderWidth\": 0.5,\n    \"mapBorderWidthE\": 1,\n    \"mapAreaColor\": \"#eee\",\n    \"mapAreaColorE\": \"rgba(255,215,0,0.8)\",\n    \"axes\": [\n      {\n        \"type\": \"all\",\n        \"name\": \"通用坐标轴\",\n        \"axisLineShow\": true,\n        \"axisLineColor\": \"#6E7079\",\n        \"axisTickShow\": true,\n        \"axisTickColor\": \"#6E7079\",\n        \"axisLabelShow\": true,\n        \"axisLabelColor\": \"#6E7079\",\n        \"splitLineShow\": true,\n        \"splitLineColor\": [\"#E0E6F1\"],\n        \"splitAreaShow\": false,\n        \"splitAreaColor\": [\"rgba(250,250,250,0.2)\", \"rgba(210,219,238,0.2)\"]\n      },\n      {\n        \"type\": \"category\",\n        \"name\": \"类目坐标轴\",\n        \"axisLineShow\": true,\n        \"axisLineColor\": \"#6E7079\",\n        \"axisTickShow\": true,\n        \"axisTickColor\": \"#6E7079\",\n        \"axisLabelShow\": true,\n        \"axisLabelColor\": \"#6E7079\",\n        \"splitLineShow\": false,\n        \"splitLineColor\": [\"#E0E6F1\"],\n        \"splitAreaShow\": false,\n        \"splitAreaColor\": [\"rgba(250,250,250,0.2)\", \"rgba(210,219,238,0.2)\"]\n      },\n      {\n        \"type\": \"value\",\n        \"name\": \"数值坐标轴\",\n        \"axisLineShow\": false,\n        \"axisLineColor\": \"#6E7079\",\n        \"axisTickShow\": false,\n        \"axisTickColor\": \"#6E7079\",\n        \"axisLabelShow\": true,\n        \"axisLabelColor\": \"#6E7079\",\n        \"splitLineShow\": true,\n        \"splitLineColor\": [\"#E0E6F1\"],\n        \"splitAreaShow\": false,\n        \"splitAreaColor\": [\"rgba(250,250,250,0.2)\", \"rgba(210,219,238,0.2)\"]\n      },\n      {\n        \"type\": \"log\",\n        \"name\": \"对数坐标轴\",\n        \"axisLineShow\": false,\n        \"axisLineColor\": \"#6E7079\",\n        \"axisTickShow\": false,\n        \"axisTickColor\": \"#6E7079\",\n        \"axisLabelShow\": true,\n        \"axisLabelColor\": \"#6E7079\",\n        \"splitLineShow\": true,\n        \"splitLineColor\": [\"#E0E6F1\"],\n        \"splitAreaShow\": false,\n        \"splitAreaColor\": [\"rgba(250,250,250,0.2)\", \"rgba(210,219,238,0.2)\"]\n      },\n      {\n        \"type\": \"time\",\n        \"name\": \"时间坐标轴\",\n        \"axisLineShow\": true,\n        \"axisLineColor\": \"#6E7079\",\n        \"axisTickShow\": true,\n        \"axisTickColor\": \"#6E7079\",\n        \"axisLabelShow\": true,\n        \"axisLabelColor\": \"#6E7079\",\n        \"splitLineShow\": false,\n        \"splitLineColor\": [\"#E0E6F1\"],\n        \"splitAreaShow\": false,\n        \"splitAreaColor\": [\"rgba(250,250,250,0.2)\", \"rgba(210,219,238,0.2)\"]\n      }\n    ],\n    \"axisSeperateSetting\": true,\n    \"toolboxColor\": \"#8d8d8d\",\n    \"toolboxEmphasisColor\": \"#1c2024\",\n    \"tooltipAxisColor\": \"#cccccc\",\n    \"tooltipAxisWidth\": 1,\n    \"timelineLineColor\": \"#dae1f5\",\n    \"timelineLineWidth\": 2,\n    \"timelineItemColor\": \"#a4b1d7\",\n    \"timelineItemColorE\": \"#ffffff\",\n    \"timelineCheckColor\": \"#316bf3\",\n    \"timelineCheckBorderColor\": \"#ffffff\",\n    \"timelineItemBorderWidth\": 1,\n    \"timelineControlColor\": \"#a4b1d7\",\n    \"timelineControlBorderColor\": \"#a4b1d7\",\n    \"timelineControlBorderWidth\": 1,\n    \"timelineLabelColor\": \"#a4b1d7\"\n  }\n}\n","import chartTheme from './chart-theme.json';\n\nexport const EchartDefaultProps = {\n  opts: { renderer: 'svg' as const },\n  theme: chartTheme,\n  option: {\n    textStyle: { fontFamily: 'Noto Sans KR' },\n    tooltip: { textStyle: { fontSize: 16 } },\n  },\n} as const;\n"],"mappings":"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","names":[]}

package/dist/charts/index.js

@@ -4,7 +4,7 @@ import {
 } from "../chunk-2QFSCWES.js";
 import {
   HorizontalBarChart
-} from "../chunk-SGMO4KBC.js";
+} from "../chunk-RXK3JM34.js";
 import "../chunk-CRTRMMJ7.js";
 export {
   EchartDefaultProps,

package/dist/{chunk-7PZPKTQ4.js → chunk-6PFEG7GQ.js}

@@ -1,6 +1,6 @@
 import {
   CurriculumReviewSteps_default
-} from "./chunk-4UBN6JY7.js";
+} from "./chunk-6QVHJ5WW.js";
 import {
   useCurriculumContext
 } from "./chunk-WA5A2GB4.js";
@@ -193,4 +193,4 @@ var curriculum_review_default = CurriculumReview;
 export {
   curriculum_review_default
 };
-//# sourceMappingURL=chunk-7PZPKTQ4.js.map
+//# sourceMappingURL=chunk-6PFEG7GQ.js.map

package/dist/{chunk-4UBN6JY7.js → chunk-6QVHJ5WW.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-OOXXMKJS.js";
 import {
   start_review_default
-} from "./chunk-CIQ7ELE6.js";
+} from "./chunk-DQ6EIA2T.js";
 import {
   CurriculumReviewProvider,
   useCurriculumReviewContext
@@ -86,4 +86,4 @@ var CurriculumReviewSteps_default = CurriculumReviewSteps;
 export {
   CurriculumReviewSteps_default
 };
-//# sourceMappingURL=chunk-4UBN6JY7.js.map
+//# sourceMappingURL=chunk-6QVHJ5WW.js.map

package/dist/{chunk-P4R5JOBT.js → chunk-B37MCN6F.js}

@@ -1,6 +1,6 @@
 import {
   curriculum_review_default
-} from "./chunk-7PZPKTQ4.js";
+} from "./chunk-6PFEG7GQ.js";
 import {
   curriculum_video_default
 } from "./chunk-KFUBWOCN.js";
@@ -66,4 +66,4 @@ function CurriculumBody() {
 export {
   CurriculumBody
 };
-//# sourceMappingURL=chunk-P4R5JOBT.js.map
+//# sourceMappingURL=chunk-B37MCN6F.js.map

package/dist/{chunk-CIQ7ELE6.js → chunk-DQ6EIA2T.js}

@@ -17,7 +17,7 @@ import {
 } from "./chunk-BESTU2AY.js";
 import {
   Badge
-} from "./chunk-U3BQT7ZO.js";
+} from "./chunk-KTSEZC6A.js";
 import {
   Box
 } from "./chunk-4Y5BEXVN.js";
@@ -148,4 +148,4 @@ var start_review_default = StartReview;
 export {
   start_review_default
 };
-//# sourceMappingURL=chunk-CIQ7ELE6.js.map
+//# sourceMappingURL=chunk-DQ6EIA2T.js.map

package/dist/{chunk-PW7GCTMS.js → chunk-FMAOB6BX.js}

@@ -9,7 +9,7 @@ import {
 } from "./chunk-BESTU2AY.js";
 import {
   Badge
-} from "./chunk-U3BQT7ZO.js";
+} from "./chunk-KTSEZC6A.js";
 import {
   Box
 } from "./chunk-4Y5BEXVN.js";
@@ -96,4 +96,4 @@ function CurriculumCard(props) {
 export {
   CurriculumCard
 };
-//# sourceMappingURL=chunk-PW7GCTMS.js.map
+//# sourceMappingURL=chunk-FMAOB6BX.js.map

package/dist/{chunk-4P45P2ZE.js → chunk-IN6S7PPW.js}

@@ -21,7 +21,7 @@ import {
 } from "./chunk-RP2RGCAW.js";
 import {
   Badge
-} from "./chunk-U3BQT7ZO.js";
+} from "./chunk-KTSEZC6A.js";
 import {
   Box
 } from "./chunk-4Y5BEXVN.js";
@@ -225,4 +225,4 @@ function ReservationCard(props) {
 export {
   ReservationCard
 };
-//# sourceMappingURL=chunk-4P45P2ZE.js.map
+//# sourceMappingURL=chunk-IN6S7PPW.js.map

package/dist/{chunk-QUQSTW5O.js → chunk-KP4SGRJZ.js}

@@ -12,7 +12,7 @@ import {
 } from "./chunk-6SYFG6YY.js";
 import {
   Badge
-} from "./chunk-U3BQT7ZO.js";
+} from "./chunk-KTSEZC6A.js";
 import {
   Typo
 } from "./chunk-PMJIFLDT.js";
@@ -360,4 +360,4 @@ var preventDefault = (e) => {
 export {
   TagSelector
 };
-//# sourceMappingURL=chunk-QUQSTW5O.js.map
+//# sourceMappingURL=chunk-KP4SGRJZ.js.map

package/dist/{chunk-RM5CQ77X.js → chunk-KTQREW2K.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-RP2RGCAW.js";
 import {
   Badge
-} from "./chunk-U3BQT7ZO.js";
+} from "./chunk-KTSEZC6A.js";
 import {
   Box
 } from "./chunk-4Y5BEXVN.js";
@@ -60,4 +60,4 @@ function SessionReviewSimpleRead({
 export {
   SessionReviewSimpleRead
 };
-//# sourceMappingURL=chunk-RM5CQ77X.js.map
+//# sourceMappingURL=chunk-KTQREW2K.js.map

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-LY7HAQMV.js → chunk-N7NDDJW5.js}

@@ -21,7 +21,7 @@ import {
 } from "./chunk-NFDQJVFA.js";
 import {
   Badge
-} from "./chunk-U3BQT7ZO.js";
+} from "./chunk-KTSEZC6A.js";
 import {
   Box
 } from "./chunk-4Y5BEXVN.js";
@@ -162,4 +162,4 @@ function GoalManageCardRead(props) {
 export {
   GoalManageCardRead
 };
-//# sourceMappingURL=chunk-LY7HAQMV.js.map
+//# sourceMappingURL=chunk-N7NDDJW5.js.map

package/dist/{chunk-UTMCR27N.js → chunk-O5FEYLEG.js}

@@ -68,7 +68,8 @@ function ExpandTable(props) {
     onPageChange,
     getRowStyle,
     getCellStyle,
-    variant = "card"
+    variant = "card",
+    slim = false
   } = props;
   const defaultAlign = "left";
   const [pagination, setPagination] = useState({
@@ -138,7 +139,7 @@ function ExpandTable(props) {
     if (!data) return 0;
     return Math.ceil(data.length / pageSize);
   }, [data, pageSize]);
-  return /* @__PURE__ */ jsxs("div", { className: `expand-table-wrapper ${variant}`, children: [
+  return /* @__PURE__ */ jsxs("div", { className: `expand-table-wrapper ${variant}${slim ? " slim" : ""}`, children: [
     /* @__PURE__ */ jsxs("div", { className: "expand-table", style: tableStyle, children: [
       /* @__PURE__ */ jsx("div", { className: "thead", children: getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsx(
         "div",
@@ -233,4 +234,4 @@ export {
   createColumnHelper,
   ExpandTable
 };
-//# sourceMappingURL=chunk-UTMCR27N.js.map
+//# sourceMappingURL=chunk-O5FEYLEG.js.map

package/dist/chunk-O5FEYLEG.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/molecules/expand-table/index.tsx"],"sourcesContent":["import type {\n  ColumnDef,\n  SortingState,\n  RowData,\n  Row as RowType,\n  PaginationState,\n} from '@tanstack/react-table';\nimport type { CSSProperties } from 'react';\nimport {\n  flexRender,\n  getCoreRowModel,\n  useReactTable,\n  getSortedRowModel,\n  createColumnHelper,\n  getPaginationRowModel,\n} from '@tanstack/react-table';\nimport React, { useCallback, useEffect, useMemo, useState } from 'react';\nimport { ScrollArea } from '@radix-ui/themes';\nimport { Flex } from '@/atoms/flex';\nimport { Pagination } from '@/atoms/pagination';\nimport { Spinner } from '@/atoms/spinner';\nimport { Typo } from '@/atoms/typo';\nimport { TriangleArrowDownIcon } from '../../icons/down';\nimport { TriangleArrowUpIcon } from '../../icons/up';\nimport { Row, type ExpandComp, type OnRowClick } from './row';\n\nexport type { ExpandComp, OnRowClick, ColumnDef, RowType as Row };\nexport { createColumnHelper };\n\ntype Variant = 'card' | 'sprite' | 'sprite-border';\nconst sortButtonColorMapper: Record<\n  Variant,\n  { selected: string; unselected: string }\n> = {\n  card: {\n    selected: 'var(--iris-10)',\n    unselected: 'var(--iris-6)',\n  },\n  sprite: {\n    // selected: 'var(--gray-a12)',\n    // unselected: 'var(--gray-a6)',\n    selected: 'var(--iris-10)',\n    unselected: 'var(--iris-6)',\n  },\n  'sprite-border': {\n    selected: 'var(--iris-10)',\n    unselected: 'var(--iris-6)',\n  },\n};\n\nexport interface ExpandTableProps<Datum extends RowData> {\n  /** 렌더할 데이터 배열  */\n  data?: Datum[];\n  /** 테이블 컬럼의 메타 데이터 */\n  columns: ColumnDef<Datum>[];\n  /** Row의 open이 true인 경우 하단의 collapse에 렌더할 컴포넌트 */\n  ExpandComp?: ExpandComp<Datum>;\n  /** 데이테가 없을 시 화면에 표시할 컴포넌트 */\n  placeholder?: React.ReactNode;\n  /** 행 클릭 시 실행할 콜백 */\n  onRowClick?: OnRowClick<Datum>;\n  getRowStyle?: (data: Datum) => CSSProperties;\n  getCellStyle?: (data: Datum) => CSSProperties;\n  tableStyle?: CSSProperties;\n  isLoading?: boolean;\n\n  /** pagination - 표시 유무, 기본값 true */\n  showPagination?: boolean;\n  /** pagination - 현재 선택된 페이지, 0부터 시작 */\n  pageIndex?: number;\n  /** pagination - 한 페이지에 표시될 컬럼 개수, 기본값 10 */\n  pageSize?: number;\n  /** pagination -  */\n  siblingCount?: number;\n  /** pagination - 페이지 변경 시 호출되는 콜백 (0-based pageIndex) */\n  onPageChange?: (pageIndex: number) => void;\n  variant?: Variant;\n  /** 슬림 모드 - 행 높이·패딩을 줄여 컴팩트하게 표시, 기본값 false */\n  slim?: boolean;\n}\n\nexport function ExpandTable<Datum extends RowData>(\n  props: ExpandTableProps<Datum>\n): React.ReactNode {\n  const {\n    data,\n    columns,\n    ExpandComp,\n    placeholder,\n    onRowClick,\n    tableStyle,\n    showPagination = true,\n    isLoading,\n    pageIndex = 0,\n    pageSize = 10,\n    siblingCount = 2,\n    onPageChange,\n    getRowStyle,\n    getCellStyle,\n    variant = 'card',\n    slim = false,\n  } = props;\n  const defaultAlign = 'left';\n  const [pagination, setPagination] = useState<PaginationState>({\n    pageIndex: pageIndex || 0,\n    pageSize: pageSize || 9999,\n  });\n\n  useEffect(() => {\n    setPagination((prev) => {\n      const next = pageIndex;\n      if (prev.pageIndex === next) return prev;\n      return { ...prev, pageIndex: next };\n    });\n  }, [pageIndex]);\n\n  const [sorting, setSorting] = useState<SortingState>([]);\n  const { getRowModel, getHeaderGroups, setPageIndex } = useReactTable({\n    data: data || [],\n    columns,\n    getCoreRowModel: getCoreRowModel(),\n    getSortedRowModel: getSortedRowModel(),\n    state: {\n      sorting,\n      pagination,\n    },\n    onSortingChange: setSorting,\n    getPaginationRowModel: getPaginationRowModel(),\n    onPaginationChange: setPagination,\n  });\n\n  const gridTemplateColumns = useMemo<string>(() => {\n    return columns\n      .map((col) => {\n        if (col.meta?.autoSize) return `minmax(${col.size || 50}px, 1fr)`;\n        return `${col.size || 150}px`;\n      })\n      .join(' ');\n  }, [columns]);\n\n  const rowModels = getRowModel();\n\n  const onChangePagination = useCallback(\n    (page: number) => {\n      const idx = page - 1;\n      setPageIndex(idx);\n      onPageChange?.(idx);\n    },\n    [setPageIndex, onPageChange]\n  );\n\n  const helpCompRender = useCallback(\n    (rowLength: number) => {\n      if (isLoading) {\n        return (\n          <Flex\n            align=\"center\"\n            height=\"100%\"\n            justify=\"center\"\n            p=\"5\"\n            width=\"100%\"\n          >\n            <Spinner />\n          </Flex>\n        );\n      }\n      if (rowLength === 0) {\n        return (\n          <div className=\"tr\" key=\"expand_placeholder\">\n            <Flex align=\"center\" justify=\"center\">\n              {placeholder || (\n                <Typo color=\"gray\" mb=\"6\" mt=\"6\" variant=\"body\">\n                  데이터가 없습니다\n                </Typo>\n              )}\n            </Flex>\n          </div>\n        );\n      }\n      return null;\n    },\n    [isLoading, placeholder]\n  );\n\n  const pageCount = useMemo(() => {\n    if (!data) return 0;\n    return Math.ceil(data.length / pageSize);\n  }, [data, pageSize]);\n\n  return (\n    <div className={`expand-table-wrapper ${variant}${slim ? ' slim' : ''}`}>\n      <div className=\"expand-table\" style={tableStyle}>\n        <div className=\"thead\">\n          {getHeaderGroups().map((headerGroup) => (\n            <div\n              className=\"tr\"\n              key={headerGroup.id}\n              style={{ gridTemplateColumns }}\n            >\n              {headerGroup.headers.map((header) => {\n                const sortable = header.column.getCanSort();\n                const sortedState = header.column.getIsSorted();\n                const justifyContent =\n                  header.column.columnDef.meta?.align || defaultAlign;\n\n                if (sortable) {\n                  return (\n                    <div className={`${justifyContent} th`} key={header.id}>\n                      <button\n                        onClick={header.column.getToggleSortingHandler()}\n                        style={{ cursor: 'pointer' }}\n                        type=\"button\"\n                      >\n                        <Typo as=\"div\" variant=\"body\">\n                          {flexRender(\n                            header.column.columnDef.header,\n                            header.getContext()\n                          )}\n                        </Typo>\n                        <Flex\n                          direction=\"column\"\n                          style={{ marginLeft: 'var(--space-2)' }}\n                        >\n                          {sortedState === false && (\n                            <TriangleArrowDownIcon\n                              color={sortButtonColorMapper[variant].unselected}\n                            />\n                          )}\n                          {sortedState === 'asc' && (\n                            <TriangleArrowUpIcon\n                              color={sortButtonColorMapper[variant].selected}\n                            />\n                          )}\n                          {sortedState === 'desc' && (\n                            <TriangleArrowDownIcon\n                              color={sortButtonColorMapper[variant].selected}\n                            />\n                          )}\n                        </Flex>\n                      </button>\n                    </div>\n                  );\n                }\n\n                return (\n                  <div className={`${justifyContent} th`} key={header.id}>\n                    <Typo as=\"div\" variant=\"body\">\n                      {flexRender(\n                        header.column.columnDef.header,\n                        header.getContext()\n                      )}\n                    </Typo>\n                  </div>\n                );\n              })}\n            </div>\n          ))}\n        </div>\n        <ScrollArea className=\"tbody\">\n          {/* 조건에 따라 placeholder 또는 loading 렌더*/}\n          {helpCompRender(rowModels.rows.length) ||\n            rowModels.rows.map((row) => {\n              return (\n                <Row\n                  ExpandComp={ExpandComp}\n                  defaultAlign={defaultAlign}\n                  getCellStyle={getCellStyle}\n                  getRowStyle={getRowStyle}\n                  gridTemplateColumns={gridTemplateColumns}\n                  key={`row_${row.id}`}\n                  onRowClick={onRowClick}\n                  row={row}\n                />\n              );\n            })}\n        </ScrollArea>\n      </div>\n      {showPagination ? (\n        <Flex justify=\"end\" pt=\"4\" width=\"100%\">\n          <Pagination\n            count={pageCount}\n            onChange={onChangePagination}\n            page={pagination.pageIndex + 1}\n            siblingCount={siblingCount}\n          />\n        </Flex>\n      ) : null}\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}

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-F7JSPN5P.js → chunk-YDNVHAS4.js}

@@ -9,7 +9,7 @@ import {
 } from "./chunk-BESTU2AY.js";
 import {
   Badge
-} from "./chunk-U3BQT7ZO.js";
+} from "./chunk-KTSEZC6A.js";
 import {
   Box
 } from "./chunk-4Y5BEXVN.js";
@@ -160,4 +160,4 @@ function LearningPost(props) {
 export {
   LearningPost
 };
-//# sourceMappingURL=chunk-F7JSPN5P.js.map
+//# sourceMappingURL=chunk-YDNVHAS4.js.map

package/dist/index.cjs

@@ -349,6 +349,13 @@ Avatar.displayName = "Avatar";
 var import_themes4 = require("@radix-ui/themes");
 var import_react2 = require("react");
 var import_jsx_runtime2 = require("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 = (0, import_react2.forwardRef)(
   (props, ref) => {
     const _a = props, { size = "small", color = "accent" } = _a, rest = __objRest(_a, ["size", "color"]);
@@ -365,17 +372,10 @@ var Badge = (0, import_react2.forwardRef)(
       }
     }, [size]);
     const radixColor = (0, import_react2.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__ */ (0, import_jsx_runtime2.jsx)(import_themes4.Badge, __spreadProps(__spreadValues({}, rest), { color: radixColor, ref, size: radixSize }));
   }
@@ -2464,7 +2464,8 @@ function ExpandTable(props) {
     onPageChange,
     getRowStyle,
     getCellStyle,
-    variant = "card"
+    variant = "card",
+    slim = false
   } = props;
   const defaultAlign = "left";
   const [pagination, setPagination] = (0, import_react26.useState)({
@@ -2534,7 +2535,7 @@ function ExpandTable(props) {
     if (!data) return 0;
     return Math.ceil(data.length / pageSize);
   }, [data, pageSize]);
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: `expand-table-wrapper ${variant}`, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: `expand-table-wrapper ${variant}${slim ? " slim" : ""}`, children: [
     /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "expand-table", style: tableStyle, children: [
       /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "thead", children: getHeaderGroups().map((headerGroup) => /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
         "div",
@@ -8083,12 +8084,12 @@ var uiProps = __toESM(require("@radix-ui/themes/dist/cjs/props/index.js"), 1);
 // src/charts/horizontal-bar-chart.tsx
 var import_jsx_runtime100 = require("react/jsx-runtime");
 function HorizontalBarChart(props) {
-  const { total, value, backgroundColor, barColor, height } = props;
+  const { total, value, backgroundColor, barColor, height, borderRadius } = props;
   return /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
     "div",
     {
       className: "tipp_horizontal-bar-chart bar-wrapper",
-      style: { height, backgroundColor },
+      style: { height, backgroundColor, borderRadius },
       children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
         "div",
         {