@tipp/ui 2.3.40 → 2.4.0

package/dist/app/platform/userInfos/utils.js

@@ -58,7 +58,7 @@ import "../../../chunk-NFDQJVFA.js";
 import "../../../chunk-Q37G2GS6.js";
 import "../../../chunk-6SYFG6YY.js";
 import "../../../chunk-K36TPMKL.js";
-import "../../../chunk-U3BQT7ZO.js";
+import "../../../chunk-KTSEZC6A.js";
 import "../../../chunk-YGL6SWKN.js";
 import "../../../chunk-4Y5BEXVN.js";
 import "../../../chunk-Z34HR7RE.js";

package/dist/atoms/badge.cjs

@@ -55,6 +55,13 @@ module.exports = __toCommonJS(badge_exports);
 var import_themes = require("@radix-ui/themes");
 var import_react = require("react");
 var import_jsx_runtime = 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_react.forwardRef)(
   (props, ref) => {
     const _a = props, { size = "small", color = "accent" } = _a, rest = __objRest(_a, ["size", "color"]);
@@ -71,17 +78,10 @@ var Badge = (0, import_react.forwardRef)(
       }
     }, [size]);
     const radixColor = (0, import_react.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_runtime.jsx)(import_themes.Badge, __spreadProps(__spreadValues({}, rest), { color: radixColor, ref, size: radixSize }));
   }

package/dist/atoms/badge.cjs.map

@@ -1 +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\nexport type BadgeProps = Omit<RadixBadgeProps, 'color' | 'size'> & {\n  size?: 'small' | 'medium' | 'large';\n  color?: 'error' | 'accent' | 'neutral' | 'success';\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      switch (color) {\n        case 'error':\n          return 'red';\n        case 'neutral':\n          return 'gray';\n        case 'success':\n          return 'green';\n        case 'accent':\n        default:\n          return undefined;\n      }\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;AAAA;AAAA;AAAA;AAAA,oBAGO;AACP,mBAAoC;AAuC9B;AAhCC,IAAM,YAAQ;AAAA,EACnB,CAAC,OAAmB,QAAyB;AAC3C,UAAsD,YAA9C,SAAO,SAAS,QAAQ,SAbpC,IAa0D,IAAT,iBAAS,IAAT,CAArC,QAAgB;AAExB,UAAM,gBAAY,sBAAQ,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,iBAAa,sBAAQ,MAAM;AAC/B,cAAQ,OAAO;AAAA,QACb,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AAAA,QACL;AACE,iBAAO;AAAA,MACX;AAAA,IACF,GAAG,CAAC,KAAK,CAAC;AAEV,WACE,4CAAC,cAAAA,OAAA,iCAAe,OAAf,EAAqB,OAAO,YAAY,KAAU,MAAM,YAAW;AAAA,EAExE;AACF;AAEA,MAAM,cAAc;","names":["RadixBadge"]}
+{"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;AAAA;AAAA;AAAA;AAAA,oBAGO;AACP,mBAAoC;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,YAAQ;AAAA,EACnB,CAAC,OAAmB,QAAyB;AAC3C,UAAsD,YAA9C,SAAO,SAAS,QAAQ,SA1BpC,IA0B0D,IAAT,iBAAS,IAAT,CAArC,QAAgB;AAExB,UAAM,gBAAY,sBAAQ,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,iBAAa,sBAAQ,MAAM;AAC/B,UAAI,gBAAgB,KAAK,GAAG;AAC1B,eAAO,mBAAmB,KAAK;AAAA,MACjC;AACA,aAAO;AAAA,IACT,GAAG,CAAC,KAAK,CAAC;AAEV,WACE,4CAAC,cAAAA,OAAA,iCAAe,OAAf,EAAqB,OAAO,YAAY,KAAU,MAAM,YAAW;AAAA,EAExE;AACF;AAEA,MAAM,cAAc;","names":["RadixBadge"]}

package/dist/atoms/badge.d.cts

@@ -1,13 +1,15 @@
 import * as React from 'react';
 import { BadgeProps as BadgeProps$1 } from '@radix-ui/themes';
 
+type SemanticColor = 'error' | 'accent' | 'neutral' | 'success';
+type RadixColor = NonNullable<BadgeProps$1['color']>;
 type BadgeProps = Omit<BadgeProps$1, 'color' | 'size'> & {
     size?: 'small' | 'medium' | 'large';
-    color?: 'error' | 'accent' | 'neutral' | 'success';
+    color?: SemanticColor | RadixColor;
 };
 declare const Badge: React.ForwardRefExoticComponent<Omit<BadgeProps$1, "size" | "color"> & {
     size?: "small" | "medium" | "large";
-    color?: "error" | "accent" | "neutral" | "success";
+    color?: SemanticColor | RadixColor;
 } & React.RefAttributes<HTMLSpanElement>>;
 
 export { Badge, type BadgeProps };

package/dist/atoms/badge.d.ts

@@ -1,13 +1,15 @@
 import * as React from 'react';
 import { BadgeProps as BadgeProps$1 } from '@radix-ui/themes';
 
+type SemanticColor = 'error' | 'accent' | 'neutral' | 'success';
+type RadixColor = NonNullable<BadgeProps$1['color']>;
 type BadgeProps = Omit<BadgeProps$1, 'color' | 'size'> & {
     size?: 'small' | 'medium' | 'large';
-    color?: 'error' | 'accent' | 'neutral' | 'success';
+    color?: SemanticColor | RadixColor;
 };
 declare const Badge: React.ForwardRefExoticComponent<Omit<BadgeProps$1, "size" | "color"> & {
     size?: "small" | "medium" | "large";
-    color?: "error" | "accent" | "neutral" | "success";
+    color?: SemanticColor | RadixColor;
 } & React.RefAttributes<HTMLSpanElement>>;
 
 export { Badge, type BadgeProps };

package/dist/atoms/badge.js

@@ -1,6 +1,6 @@
 import {
   Badge
-} from "../chunk-U3BQT7ZO.js";
+} from "../chunk-KTSEZC6A.js";
 import "../chunk-CRTRMMJ7.js";
 export {
   Badge

package/dist/atoms/index.cjs

@@ -174,6 +174,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"]);
@@ -190,17 +197,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 }));
   }