@kopexa/grc 0.0.21 → 0.0.24

package/dist/common/index.mjs

@@ -1,11 +1,26 @@
 "use client";
 import "../chunk-5JULTRFD.mjs";
+import "../chunk-HI7F2CF4.mjs";
+import {
+  RiskRatingDisplay
+} from "../chunk-5TBN3JQA.mjs";
+import {
+  messages as messages2
+} from "../chunk-DC44K745.mjs";
+import {
+  getRiskLevelFromRating,
+  isRatingUnrated,
+  riskLevelConfig
+} from "../chunk-VFX3DASQ.mjs";
 import "../chunk-C5OUE3C2.mjs";
 import {
   EditorCard
 } from "../chunk-EGK6RMOC.mjs";
 import "../chunk-JHGWV2ID.mjs";
-import "../chunk-GFABGXAO.mjs";
+import "../chunk-4DMM2HCE.mjs";
+import {
+  ImpactBadge
+} from "../chunk-VQUPRJG7.mjs";
 import {
   ImpactCard
 } from "../chunk-C2GUKNBG.mjs";
@@ -19,18 +34,6 @@ import {
 import {
   messages
 } from "../chunk-AXBL7YBB.mjs";
-import "../chunk-HI7F2CF4.mjs";
-import {
-  RiskRatingDisplay
-} from "../chunk-5TBN3JQA.mjs";
-import {
-  messages as messages2
-} from "../chunk-DC44K745.mjs";
-import {
-  getRiskLevelFromRating,
-  isRatingUnrated,
-  riskLevelConfig
-} from "../chunk-VFX3DASQ.mjs";
 import "../chunk-TICWEZUI.mjs";
 import {
   ComplianceBadges,
@@ -49,6 +52,7 @@ export {
   ControlChip,
   DoraBadge,
   EditorCard,
+  ImpactBadge,
   ImpactCard,
   MappedControls,
   Nis2Badge,

package/dist/index.d.mts

@@ -1,6 +1,7 @@
 export { ComplianceBadges, ComplianceBadgesProps, DoraBadge, DoraBadgeProps, Nis2Badge, Nis2BadgeProps } from './common/compliance/compliance-badge.mjs';
 export { ControlChip, ControlChipProps, MappedControls, MappedControlsProps } from './common/control/mapped-controls.mjs';
 export { EditorCard, EditorCardProps } from './common/editor/editor-card.mjs';
+export { ImpactBadge, ImpactBadgeProps } from './common/impact/impact-badge.mjs';
 export { ImpactCard, ImpactCardProps, ImpactValue } from './common/impact/impact-card.mjs';
 export { messages as impactMessages } from './common/impact/messages.mjs';
 export { ImpactLevel, ImpactLevelConfig, ImpactScaleConfig, ImpactScalePreset, assetScale, getScale, impactLevels, processScale, riskScale } from './common/impact/scales.mjs';

package/dist/index.d.ts

@@ -1,6 +1,7 @@
 export { ComplianceBadges, ComplianceBadgesProps, DoraBadge, DoraBadgeProps, Nis2Badge, Nis2BadgeProps } from './common/compliance/compliance-badge.js';
 export { ControlChip, ControlChipProps, MappedControls, MappedControlsProps } from './common/control/mapped-controls.js';
 export { EditorCard, EditorCardProps } from './common/editor/editor-card.js';
+export { ImpactBadge, ImpactBadgeProps } from './common/impact/impact-badge.js';
 export { ImpactCard, ImpactCardProps, ImpactValue } from './common/impact/impact-card.js';
 export { messages as impactMessages } from './common/impact/messages.js';
 export { ImpactLevel, ImpactLevelConfig, ImpactScaleConfig, ImpactScalePreset, assetScale, getScale, impactLevels, processScale, riskScale } from './common/impact/scales.js';

package/dist/index.js

@@ -25,6 +25,7 @@ __export(index_exports, {
   ControlChip: () => ControlChip,
   DoraBadge: () => DoraBadge,
   EditorCard: () => EditorCard,
+  ImpactBadge: () => ImpactBadge,
   ImpactCard: () => ImpactCard,
   MappedControls: () => MappedControls,
   Nis2Badge: () => Nis2Badge,
@@ -363,12 +364,9 @@ function EditorCard({
   );
 }
 
-// src/common/impact/impact-card.tsx
+// src/common/impact/impact-badge.tsx
 var import_i18n7 = require("@kopexa/i18n");
-var import_icons3 = require("@kopexa/icons");
-var import_sight4 = require("@kopexa/sight");
-var import_theme3 = require("@kopexa/theme");
-var import_react2 = require("react");
+var import_shared_utils = require("@kopexa/shared-utils");
 
 // src/common/impact/messages.ts
 var import_i18n6 = require("@kopexa/i18n");
@@ -655,8 +653,44 @@ function getScale(preset) {
   }
 }
 
-// src/common/impact/impact-card.tsx
+// src/common/impact/impact-badge.tsx
 var import_jsx_runtime4 = require("react/jsx-runtime");
+function ImpactBadge({
+  level,
+  scale = "risk",
+  showValue = false,
+  className
+}) {
+  var _a;
+  const intl = (0, import_i18n7.useSafeIntl)();
+  const normalizedLevel = level === null || level === void 0 ? 0 : (_a = Math.min(5, Math.max(0, Math.round(level)))) != null ? _a : 0;
+  const scaleConfig = typeof scale === "string" ? getScale(scale) : scale;
+  const config = scaleConfig[normalizedLevel];
+  const isUnrated = normalizedLevel === 0;
+  const label = intl.formatMessage(config.message);
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+    "span",
+    {
+      className: (0, import_shared_utils.cn)(
+        "inline-flex items-center gap-1.5 text-sm font-medium px-2 py-0.5 rounded",
+        isUnrated ? "text-muted-foreground bg-muted" : `${config.color} ${config.bgColor}`,
+        className
+      ),
+      children: [
+        showValue && !isUnrated && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "text-xs font-mono opacity-70", children: normalizedLevel }),
+        label
+      ]
+    }
+  );
+}
+
+// src/common/impact/impact-card.tsx
+var import_i18n8 = require("@kopexa/i18n");
+var import_icons3 = require("@kopexa/icons");
+var import_sight4 = require("@kopexa/sight");
+var import_theme3 = require("@kopexa/theme");
+var import_react2 = require("react");
+var import_jsx_runtime5 = require("react/jsx-runtime");
 function ImpactItemRow({
   label,
   shortLabel,
@@ -670,28 +704,28 @@ function ImpactItemRow({
   const isUnrated = value === 0;
   const percentage = isUnrated ? 0 : value / 5 * 100;
   const styles = (0, import_theme3.impactCard)({ unrated: isUnrated });
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: styles.row(), children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: styles.rowContent(), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: styles.rowIcon(), children: shortLabel }),
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: styles.rowBody(), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: styles.rowHeader(), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: styles.rowLabel(), children: label }),
-        isEditing ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: styles.row(), children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: styles.rowContent(), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: styles.rowIcon(), children: shortLabel }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: styles.rowBody(), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: styles.rowHeader(), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: styles.rowLabel(), children: label }),
+        isEditing ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
           import_sight4.Select,
           {
             value: String(value),
             onValueChange: (val) => onLevelChange(Number(val)),
             size: "sm",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_sight4.Select.Trigger, { className: "w-36", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_sight4.Select.Value, {}) }),
-              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_sight4.Select.Content, { children: impactLevels.map((level) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_sight4.Select.Item, { value: String(level), children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("span", { className: "flex items-center gap-2", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "text-xs text-muted-foreground w-3", children: level }),
+              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_sight4.Select.Trigger, { className: "w-36", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_sight4.Select.Value, {}) }),
+              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_sight4.Select.Content, { children: impactLevels.map((level) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_sight4.Select.Item, { value: String(level), children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("span", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "text-xs text-muted-foreground w-3", children: level }),
                 formatLabel(level)
               ] }) }, level)) })
             ]
           }
-        ) : /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: styles.rowValue(), children: [
-          !isUnrated && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: styles.rowValueNumber(), children: value }),
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+        ) : /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: styles.rowValue(), children: [
+          !isUnrated && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: styles.rowValueNumber(), children: value }),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
             "span",
             {
               className: styles.rowValueBadge({
@@ -702,7 +736,7 @@ function ImpactItemRow({
           )
         ] })
       ] }),
-      !isUnrated && !isEditing && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: styles.progressContainer(), children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+      !isUnrated && !isEditing && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: styles.progressContainer(), children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
         "div",
         {
           className: styles.progressBar({ className: config.barColor }),
@@ -730,7 +764,7 @@ function ImpactCard({
   needsAttention = false
 }) {
   var _a, _b;
-  const intl = (0, import_i18n7.useSafeIntl)();
+  const intl = (0, import_i18n8.useSafeIntl)();
   const isInline = variant === "inline";
   const [isEditing, setIsEditing] = (0, import_react2.useState)(false);
   const [editValues, setEditValues] = (0, import_react2.useState)(
@@ -807,8 +841,8 @@ function ImpactCard({
   const justificationHint = intl.formatMessage(messages4.justification_hint, {
     level: highestLabel
   });
-  const impactRows = /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+  const impactRows = /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
       ImpactItemRow,
       {
         label: t.confidentiality,
@@ -820,7 +854,7 @@ function ImpactCard({
         onLevelChange: handleLevelChange("impactConfidentiality")
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
       ImpactItemRow,
       {
         label: t.integrity,
@@ -832,7 +866,7 @@ function ImpactCard({
         onLevelChange: handleLevelChange("impactIntegrity")
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
       ImpactItemRow,
       {
         label: t.availability,
@@ -844,7 +878,7 @@ function ImpactCard({
         onLevelChange: handleLevelChange("impactAvailability")
       }
     ),
-    showAuthenticity && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    showAuthenticity && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
       ImpactItemRow,
       {
         label: t.authenticity,
@@ -857,19 +891,19 @@ function ImpactCard({
       }
     )
   ] });
-  const justificationContent = showJustification && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: styles.justificationSection(), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+  const justificationContent = showJustification && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: styles.justificationSection(), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
       "label",
       {
         htmlFor: "impact-justification",
         className: styles.justificationLabel(),
         children: [
           t.justification,
-          highestImpact > 0 && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: styles.justificationHint(), children: justificationHint })
+          highestImpact > 0 && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: styles.justificationHint(), children: justificationHint })
         ]
       }
     ),
-    effectiveIsEditing ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    effectiveIsEditing ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
       import_sight4.Textarea,
       {
         id: "impact-justification",
@@ -879,43 +913,43 @@ function ImpactCard({
         rows: 3,
         className: "text-sm"
       }
-    ) : currentImpact.impactJustification ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: styles.justificationText(), children: currentImpact.impactJustification }) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: styles.justificationEmpty(), children: t.noJustification })
+    ) : currentImpact.impactJustification ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: styles.justificationText(), children: currentImpact.impactJustification }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: styles.justificationEmpty(), children: t.noJustification })
   ] });
   if (isInline) {
-    return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: styles.wrapper(), children: [
-      title && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: styles.inlineHeader(), children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_sight4.Heading, { level: "h4", className: "text-sm font-medium", children: title }) }),
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: styles.wrapper(), children: [
+      title && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: styles.inlineHeader(), children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_sight4.Heading, { level: "h4", className: "text-sm font-medium", children: title }) }),
       impactRows,
       justificationContent
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_sight4.Card.Root, { className: styles.root(), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_sight4.Card.Root, { className: styles.root(), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
       import_sight4.Card.Header,
       {
         className: `flex flex-row items-center justify-between ${needsAttention ? "bg-destructive/10 rounded-t-lg" : ""}`,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_sight4.Heading, { level: "h4", className: "text-sm font-medium", children: cardTitle }),
-            isEditing && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_sight4.Chip, { size: "sm", color: "primary", children: t.edit }),
-            needsAttention && !isEditing && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_sight4.Chip, { size: "sm", color: "destructive", variant: "solid", children: t.required })
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_sight4.Heading, { level: "h4", className: "text-sm font-medium", children: cardTitle }),
+            isEditing && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_sight4.Chip, { size: "sm", color: "primary", children: t.edit }),
+            needsAttention && !isEditing && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_sight4.Chip, { size: "sm", color: "destructive", variant: "solid", children: t.required })
           ] }),
-          !readOnly && (!isEditing ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+          !readOnly && (!isEditing ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
             "button",
             {
               type: "button",
               onClick: handleStartEdit,
               className: styles.editButton(),
               "aria-label": t.edit,
-              children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_icons3.EditIcon, { className: "size-4" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_icons3.EditIcon, { className: "size-4" })
             }
-          ) : /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_sight4.Button, { variant: "ghost", size: "sm", onClick: handleCancel, children: t.cancel }),
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_sight4.Button, { size: "sm", onClick: handleSave, children: t.save })
+          ) : /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_sight4.Button, { variant: "ghost", size: "sm", onClick: handleCancel, children: t.cancel }),
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_sight4.Button, { size: "sm", onClick: handleSave, children: t.save })
           ] }))
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_sight4.Card.Body, { className: "space-y-3", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_sight4.Card.Body, { className: "space-y-3", children: [
       impactRows,
       justificationContent
     ] })
@@ -923,8 +957,8 @@ function ImpactCard({
 }
 
 // src/common/risk/messages.ts
-var import_i18n8 = require("@kopexa/i18n");
-var messages5 = (0, import_i18n8.defineMessages)({
+var import_i18n9 = require("@kopexa/i18n");
+var messages5 = (0, import_i18n9.defineMessages)({
   level_unrated: {
     id: "grc.risk.level.unrated",
     defaultMessage: "Not rated"
@@ -964,7 +998,7 @@ var messages5 = (0, import_i18n8.defineMessages)({
 });
 
 // src/common/risk/risk-rating-display.tsx
-var import_i18n9 = require("@kopexa/i18n");
+var import_i18n10 = require("@kopexa/i18n");
 var import_sight5 = require("@kopexa/sight");
 var import_theme4 = require("@kopexa/theme");
 
@@ -1019,20 +1053,20 @@ var riskLevelConfig = {
 };
 
 // src/common/risk/risk-rating-display.tsx
-var import_jsx_runtime5 = require("react/jsx-runtime");
+var import_jsx_runtime6 = require("react/jsx-runtime");
 function RiskRatingDisplay({
   rating,
   showBadge = true,
   showLabel = true,
   size = "md"
 }) {
-  const intl = (0, import_i18n9.useSafeIntl)();
+  const intl = (0, import_i18n10.useSafeIntl)();
   if (isRatingUnrated(rating)) {
     const styles2 = (0, import_theme4.riskRating)({ size, level: "unrated" });
     const levelLabel2 = intl.formatMessage(messages5.level_unrated);
-    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_sight5.Tooltip, { content: intl.formatMessage(messages5.not_rated_hint), children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: styles2.base(), children: [
-      showBadge && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: styles2.badge(), children: "\u2014" }),
-      showLabel && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: styles2.label(), children: levelLabel2 })
+    return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_sight5.Tooltip, { content: intl.formatMessage(messages5.not_rated_hint), children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: styles2.base(), children: [
+      showBadge && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: styles2.badge(), children: "\u2014" }),
+      showLabel && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: styles2.label(), children: levelLabel2 })
     ] }) });
   }
   const ratedValue = rating;
@@ -1043,35 +1077,35 @@ function RiskRatingDisplay({
   });
   const levelLabelKey = `level_${level}`;
   const levelLabel = intl.formatMessage(messages5[levelLabelKey]);
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
     import_sight5.Tooltip,
     {
-      content: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "text-xs space-y-1", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { children: [
+      content: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "text-xs space-y-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { children: [
           intl.formatMessage(messages5.likelihood),
           ": ",
           ratedValue.likelihood,
           "/5"
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { children: [
           intl.formatMessage(messages5.consequence),
           ": ",
           ratedValue.consequence,
           "/5"
         ] }),
-        ratedValue.comment && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "text-muted-foreground", children: ratedValue.comment })
+        ratedValue.comment && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "text-muted-foreground", children: ratedValue.comment })
       ] }),
-      children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: styles.base(), children: [
-        showBadge && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: styles.badge(), children: ratedValue.rating }),
-        showLabel && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: styles.label(), children: levelLabel })
+      children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: styles.base(), children: [
+        showBadge && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: styles.badge(), children: ratedValue.rating }),
+        showLabel && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: styles.label(), children: levelLabel })
       ] })
     }
   );
 }
 
 // src/risk/messages.ts
-var import_i18n10 = require("@kopexa/i18n");
-var messages6 = (0, import_i18n10.defineMessages)({
+var import_i18n11 = require("@kopexa/i18n");
+var messages6 = (0, import_i18n11.defineMessages)({
   // Card title
   title: {
     id: "grc.risk_treatment.title",
@@ -1175,11 +1209,11 @@ var messages6 = (0, import_i18n10.defineMessages)({
 });
 
 // src/risk/risk-treatment-card.tsx
-var import_i18n11 = require("@kopexa/i18n");
+var import_i18n12 = require("@kopexa/i18n");
 var import_icons4 = require("@kopexa/icons");
 var import_sight6 = require("@kopexa/sight");
 var import_react3 = require("react");
-var import_jsx_runtime6 = require("react/jsx-runtime");
+var import_jsx_runtime7 = require("react/jsx-runtime");
 function TreatmentOption({
   id,
   label,
@@ -1190,7 +1224,7 @@ function TreatmentOption({
   recommendedLabel,
   onSelect
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
     "button",
     {
       type: "button",
@@ -1199,25 +1233,25 @@ function TreatmentOption({
 				w-full text-left p-4 rounded-lg border-2 transition-all
 				${isSelected ? "border-primary bg-primary/5" : "border-border hover:border-primary/50 hover:bg-muted/50"}
 			`,
-      children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex items-start gap-3", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "flex items-start gap-3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
           "div",
           {
             className: `
 						mt-0.5 size-5 rounded-full border-2 flex items-center justify-center flex-shrink-0
 						${isSelected ? "border-primary bg-primary" : "border-muted-foreground"}
 					`,
-            children: isSelected && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "size-2 rounded-full bg-primary-foreground" })
+            children: isSelected && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "size-2 rounded-full bg-primary-foreground" })
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex-1 min-w-0", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex items-center gap-2 flex-wrap", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "font-medium", children: label }),
-            isRecommended && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_sight6.Chip, { size: "sm", color: "success", variant: "flat", children: recommendedLabel })
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "flex-1 min-w-0", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "flex items-center gap-2 flex-wrap", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "font-medium", children: label }),
+            isRecommended && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_sight6.Chip, { size: "sm", color: "success", variant: "flat", children: recommendedLabel })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "text-sm text-muted-foreground mt-1", children: description }),
-          hint && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("p", { className: "text-xs text-muted-foreground mt-2 flex items-center gap-1", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "text-primary", children: "\u2192" }),
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { className: "text-sm text-muted-foreground mt-1", children: description }),
+          hint && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("p", { className: "text-xs text-muted-foreground mt-2 flex items-center gap-1", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "text-primary", children: "\u2192" }),
             hint
           ] })
         ] })
@@ -1236,7 +1270,7 @@ function RiskTreatmentCard({
   title,
   recommended
 }) {
-  const intl = (0, import_i18n11.useSafeIntl)();
+  const intl = (0, import_i18n12.useSafeIntl)();
   const [isEditing, setIsEditing] = (0, import_react3.useState)(false);
   const [editValues, setEditValues] = (0, import_react3.useState)(
     value || defaultValue
@@ -1323,13 +1357,13 @@ function RiskTreatmentCard({
   const handleRationaleChange = (rationale) => {
     setEditValues((prev) => ({ ...prev, rationale: rationale || void 0 }));
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_sight6.Card.Root, { variant: "accent", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_sight6.Card.Header, { className: "flex flex-row items-center justify-between", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_sight6.Heading, { level: "h3", className: "text-base", children: cardTitle }),
-        isEditing && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_sight6.Chip, { size: "sm", color: "primary", children: t.edit })
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_sight6.Card.Root, { variant: "accent", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_sight6.Card.Header, { className: "flex flex-row items-center justify-between", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_sight6.Heading, { level: "h3", className: "text-base", children: cardTitle }),
+        isEditing && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_sight6.Chip, { size: "sm", color: "primary", children: t.edit })
       ] }),
-      !readOnly && (!isEditing ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+      !readOnly && (!isEditing ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
         import_sight6.Button,
         {
           variant: "ghost",
@@ -1337,17 +1371,17 @@ function RiskTreatmentCard({
           isIconOnly: true,
           onClick: handleStartEdit,
           "aria-label": t.edit,
-          children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_icons4.EditIcon, { className: "size-4" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_icons4.EditIcon, { className: "size-4" })
         }
-      ) : /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_sight6.Button, { variant: "ghost", size: "sm", onClick: handleCancel, children: t.cancel }),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_sight6.Button, { size: "sm", onClick: handleSave, children: t.save })
+      ) : /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_sight6.Button, { variant: "ghost", size: "sm", onClick: handleCancel, children: t.cancel }),
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_sight6.Button, { size: "sm", onClick: handleSave, children: t.save })
       ] }))
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_sight6.Card.Body, { className: "space-y-4", children: isEditing ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "space-y-3", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "text-sm text-muted-foreground", children: t.strategyPrompt }),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "grid gap-3", children: treatmentOptions.map((option) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_sight6.Card.Body, { className: "space-y-4", children: isEditing ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "space-y-3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { className: "text-sm text-muted-foreground", children: t.strategyPrompt }),
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "grid gap-3", children: treatmentOptions.map((option) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
           TreatmentOption,
           {
             id: option.id,
@@ -1362,9 +1396,9 @@ function RiskTreatmentCard({
           option.id
         )) })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_sight6.Separator, {}),
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_sight6.Separator, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
           "label",
           {
             htmlFor: "treatment-rationale",
@@ -1372,7 +1406,7 @@ function RiskTreatmentCard({
             children: t.rationaleLabel
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
           import_sight6.Textarea,
           {
             id: "treatment-rationale",
@@ -1384,12 +1418,12 @@ function RiskTreatmentCard({
           }
         )
       ] })
-    ] }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "text-sm font-medium mb-1", children: t.strategyLabel }),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex items-center gap-2", children: [
-          !isNotDefined && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_icons4.CheckCirleIcon, { className: "size-4 text-success" }),
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+    ] }) : /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { className: "text-sm font-medium mb-1", children: t.strategyLabel }),
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "flex items-center gap-2", children: [
+          !isNotDefined && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_icons4.CheckCirleIcon, { className: "size-4 text-success" }),
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
             "p",
             {
               className: `text-sm ${isNotDefined ? "text-muted-foreground" : ""}`,
@@ -1398,10 +1432,10 @@ function RiskTreatmentCard({
           )
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_sight6.Separator, {}),
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "text-sm font-medium mb-1", children: t.rationaleLabel }),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "text-sm text-muted-foreground", children: currentValue.rationale || t.noRationale })
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_sight6.Separator, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { className: "text-sm font-medium mb-1", children: t.rationaleLabel }),
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { className: "text-sm text-muted-foreground", children: currentValue.rationale || t.noRationale })
       ] })
     ] }) })
   ] });
@@ -1412,6 +1446,7 @@ function RiskTreatmentCard({
   ControlChip,
   DoraBadge,
   EditorCard,
+  ImpactBadge,
   ImpactCard,
   MappedControls,
   Nis2Badge,

package/dist/index.mjs

@@ -1,11 +1,26 @@
 "use client";
 import "./chunk-5JULTRFD.mjs";
+import "./chunk-HI7F2CF4.mjs";
+import {
+  RiskRatingDisplay
+} from "./chunk-5TBN3JQA.mjs";
+import {
+  messages as messages2
+} from "./chunk-DC44K745.mjs";
+import {
+  getRiskLevelFromRating,
+  isRatingUnrated,
+  riskLevelConfig
+} from "./chunk-VFX3DASQ.mjs";
 import "./chunk-C5OUE3C2.mjs";
 import {
   EditorCard
 } from "./chunk-EGK6RMOC.mjs";
 import "./chunk-JHGWV2ID.mjs";
-import "./chunk-GFABGXAO.mjs";
+import "./chunk-4DMM2HCE.mjs";
+import {
+  ImpactBadge
+} from "./chunk-VQUPRJG7.mjs";
 import {
   ImpactCard
 } from "./chunk-C2GUKNBG.mjs";
@@ -19,18 +34,6 @@ import {
 import {
   messages
 } from "./chunk-AXBL7YBB.mjs";
-import "./chunk-HI7F2CF4.mjs";
-import {
-  RiskRatingDisplay
-} from "./chunk-5TBN3JQA.mjs";
-import {
-  messages as messages2
-} from "./chunk-DC44K745.mjs";
-import {
-  getRiskLevelFromRating,
-  isRatingUnrated,
-  riskLevelConfig
-} from "./chunk-VFX3DASQ.mjs";
 import "./chunk-TICWEZUI.mjs";
 import {
   ComplianceBadges,
@@ -56,6 +59,7 @@ export {
   ControlChip,
   DoraBadge,
   EditorCard,
+  ImpactBadge,
   ImpactCard,
   MappedControls,
   Nis2Badge,