@tipp/ui 2.3.41 → 2.4.0

package/dist/context/index.js

@@ -4,12 +4,12 @@ import {
   useDynamicForm
 } from "../chunk-4U6DFH7Z.js";
 import "../chunk-QDC3LFHS.js";
+import "../chunk-BESTU2AY.js";
 import {
   UIStateContext,
   UIStateProvider,
   useUIState
 } from "../chunk-PT57HCAI.js";
-import "../chunk-BESTU2AY.js";
 import "../chunk-PMJIFLDT.js";
 import "../chunk-LDBWASUA.js";
 import "../chunk-CRTRMMJ7.js";

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",
         {