@kopexa/theme 17.5.0 → 17.7.0

package/dist/components/index.js

@@ -37,6 +37,7 @@ __export(components_exports, {
   colorHighlightButton: () => colorHighlightButton,
   combobox: () => combobox,
   command: () => command,
+  complianceBadge: () => complianceBadge,
   controlExtension: () => controlExtension,
   dataTable: () => dataTable,
   datagrid: () => datagrid,
@@ -45,10 +46,12 @@ __export(components_exports, {
   dropdownMenu: () => dropdownMenu,
   editorBasic: () => editorBasic,
   editorSpinner: () => editorSpinner,
+  filter: () => filter,
   frameworkRow: () => frameworkRow,
   heading: () => heading,
   hoverCard: () => hoverCard,
   imageCrop: () => imageCrop,
+  impactCard: () => impactCard,
   input: () => input,
   inputGroup: () => inputGroup,
   inputWrapper: () => inputWrapper,
@@ -65,6 +68,7 @@ __export(components_exports, {
   resizable: () => resizable,
   riskBadge: () => riskBadge,
   riskIndicator: () => riskIndicator,
+  riskRating: () => riskRating,
   scrollArea: () => scrollArea,
   sectionRow: () => sectionRow,
   select: () => select,
@@ -1624,7 +1628,7 @@ var combobox = (0, import_tailwind_variants16.tv)({
       "[&_svg]:size-4 [&_svg]:text-primary"
     ],
     groupLabel: "px-2 py-1.5 text-xs text-muted-foreground font-medium",
-    empty: "px-2 py-1.5 text-sm text-muted-foreground empty:m-0 empty:p-0",
+    empty: "px-2 py-1.5 text-sm text-muted-foreground empty:m-0 empty:p-0 shrink-0",
     clear: [
       "absolute cursor-pointer end-6 top-1/2 -translate-y-1/2 rounded-sm opacity-70 ring-offset-background",
       "transition-opacity opacity-60 hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none",
@@ -1654,7 +1658,10 @@ var combobox = (0, import_tailwind_variants16.tv)({
       "[&_svg]:size-3.5"
     ],
     separator: "my-1.5 h-px bg-muted",
-    header: ["flex flex-col items-start justify-between px-3 py-2 border-b"],
+    header: [
+      "flex flex-col items-start justify-between px-3 py-2 border-b",
+      "shrink-0"
+    ],
     title: "text-sm font-semibold",
     description: "text-xs text-muted-foreground",
     footer: [
@@ -1673,11 +1680,11 @@ var combobox = (0, import_tailwind_variants16.tv)({
       inside: {
         popup: [
           "overflow-hidden",
-          "[--input-container-height:60px] origin-[var(--transform-origin)]"
+          "max-h-[min(var(--available-height),30rem)]"
         ],
         list: [
           "overflow-y-auto scroll-py-2 py-2 overscroll-contain",
-          "max-h-[min(calc(24rem-var(--input-container-height)),calc(var(--available-height)-var(--input-container-height)))]"
+          "max-h-80"
         ]
       }
     },
@@ -1741,13 +1748,60 @@ var command = (0, import_tailwind_variants17.tv)({
   }
 });
 
-// src/components/control-extension.ts
+// src/components/compliance-badge.ts
 var import_tailwind_variants18 = require("tailwind-variants");
-var controlExtension = (0, import_tailwind_variants18.tv)({});
+var complianceBadge = (0, import_tailwind_variants18.tv)({
+  slots: {
+    root: [
+      "group/badge",
+      "inline-flex",
+      "items-center",
+      "py-0.5",
+      "px-1.5",
+      "rounded",
+      "text-xs",
+      "font-medium",
+      "transition-all",
+      "duration-200",
+      "ease-out",
+      "cursor-default"
+    ],
+    icon: "shrink-0",
+    label: [
+      "overflow-hidden",
+      "whitespace-nowrap",
+      "max-w-0",
+      "opacity-0",
+      "group-hover/badge:max-w-[50px]",
+      "group-hover/badge:opacity-100",
+      "group-hover/badge:ml-1",
+      "transition-all",
+      "duration-200",
+      "ease-out"
+    ]
+  },
+  variants: {
+    color: {
+      dora: {
+        root: "bg-blue-100 text-blue-700 dark:bg-blue-900/30 dark:text-blue-400"
+      },
+      nis2: {
+        root: "bg-purple-100 text-purple-700 dark:bg-purple-900/30 dark:text-purple-400"
+      }
+    }
+  },
+  defaultVariants: {
+    color: "dora"
+  }
+});
 
-// src/components/data-grid.ts
+// src/components/control-extension.ts
 var import_tailwind_variants19 = require("tailwind-variants");
-var datagrid = (0, import_tailwind_variants19.tv)({
+var controlExtension = (0, import_tailwind_variants19.tv)({});
+
+// src/components/data-grid.ts
+var import_tailwind_variants20 = require("tailwind-variants");
+var datagrid = (0, import_tailwind_variants20.tv)({
   slots: {
     container: "grid w-full",
     table: "w-full align-middle caption-bottom text-left rtl:text-right text-foreground font-normal text-sm",
@@ -1952,8 +2006,8 @@ var datagrid = (0, import_tailwind_variants19.tv)({
 });
 
 // src/components/data-table.ts
-var import_tailwind_variants20 = require("tailwind-variants");
-var dataTable = (0, import_tailwind_variants20.tv)({
+var import_tailwind_variants21 = require("tailwind-variants");
+var dataTable = (0, import_tailwind_variants21.tv)({
   slots: {
     base: "relative flex min-h-0 flex-1 flex-col",
     toolbarWrapper: "flex flex-col gap-2 divide-y pb-2",
@@ -1997,8 +2051,8 @@ var dataTable = (0, import_tailwind_variants20.tv)({
 });
 
 // src/components/dialog.ts
-var import_tailwind_variants21 = require("tailwind-variants");
-var dialog = (0, import_tailwind_variants21.tv)({
+var import_tailwind_variants22 = require("tailwind-variants");
+var dialog = (0, import_tailwind_variants22.tv)({
   slots: {
     overlay: [
       "fixed inset-0 bg-black/25 [backdrop-filter:blur(4px)]",
@@ -2093,8 +2147,8 @@ var dialog = (0, import_tailwind_variants21.tv)({
 });
 
 // src/components/drawer.ts
-var import_tailwind_variants22 = require("tailwind-variants");
-var drawer = (0, import_tailwind_variants22.tv)({
+var import_tailwind_variants23 = require("tailwind-variants");
+var drawer = (0, import_tailwind_variants23.tv)({
   slots: {
     overlay: [
       dialog.slots.overlay,
@@ -2202,8 +2256,8 @@ var drawer = (0, import_tailwind_variants22.tv)({
 });
 
 // src/components/dropdown-menu.ts
-var import_tailwind_variants23 = require("tailwind-variants");
-var dropdownMenu = (0, import_tailwind_variants23.tv)({
+var import_tailwind_variants24 = require("tailwind-variants");
+var dropdownMenu = (0, import_tailwind_variants24.tv)({
   slots: {
     root: "",
     content: "min-w-[8rem] bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-dropdown-menu-content-available-height) origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md",
@@ -2223,8 +2277,8 @@ var dropdownMenu = (0, import_tailwind_variants23.tv)({
 });
 
 // src/components/editor-basic.ts
-var import_tailwind_variants24 = require("tailwind-variants");
-var editorBasic = (0, import_tailwind_variants24.tv)({
+var import_tailwind_variants25 = require("tailwind-variants");
+var editorBasic = (0, import_tailwind_variants25.tv)({
   slots: {
     root: [
       "grid grid-rows-[auto,minmax(0,1fr)]",
@@ -2283,8 +2337,8 @@ var editorBasic = (0, import_tailwind_variants24.tv)({
 });
 
 // src/components/editor-spinner.ts
-var import_tailwind_variants25 = require("tailwind-variants");
-var editorSpinner = (0, import_tailwind_variants25.tv)({
+var import_tailwind_variants26 = require("tailwind-variants");
+var editorSpinner = (0, import_tailwind_variants26.tv)({
   slots: {
     root: "size-full grow shrink flex items-center justify-center",
     content: ["flex", "flex-col", "items-center", "justify-center", "gap-2"],
@@ -2296,8 +2350,8 @@ var editorSpinner = (0, import_tailwind_variants25.tv)({
 });
 
 // src/components/file-upload.ts
-var import_tailwind_variants26 = require("tailwind-variants");
-var avatarUpload = (0, import_tailwind_variants26.tv)({
+var import_tailwind_variants27 = require("tailwind-variants");
+var avatarUpload = (0, import_tailwind_variants27.tv)({
   slots: {
     root: "flex flex-col",
     previewAndText: "",
@@ -2356,9 +2410,105 @@ var avatarUpload = (0, import_tailwind_variants26.tv)({
   }
 });
 
+// src/components/filter.ts
+var import_tailwind_variants28 = require("tailwind-variants");
+var filter = (0, import_tailwind_variants28.tv)({
+  slots: {
+    root: "flex flex-wrap items-center gap-2",
+    // Trigger Button
+    trigger: [
+      "inline-flex items-center gap-2 rounded-md",
+      "border border-dashed border-input text-sm",
+      "hover:bg-accent hover:text-accent-foreground",
+      "transition-colors cursor-pointer",
+      ...focusVisibleClasses
+    ],
+    triggerIcon: "size-4 opacity-60",
+    // Feld-Auswahl Menü
+    menu: [
+      "bg-popover text-popover-foreground border rounded-lg shadow-lg p-1 min-w-[220px]",
+      "data-[open]:animate-in data-[closed]:animate-out",
+      "data-[closed]:fade-out-0 data-[open]:fade-in-0",
+      "data-[closed]:zoom-out-95 data-[open]:zoom-in-95"
+    ],
+    menuGroup: "py-1",
+    menuGroupLabel: "px-2 py-1.5 text-xs font-medium text-muted-foreground uppercase tracking-wide",
+    menuItem: [
+      "flex items-center gap-2 px-2 py-1.5 rounded-sm text-sm cursor-pointer",
+      "outline-none select-none",
+      "data-highlighted:bg-accent data-highlighted:text-accent-foreground",
+      "data-disabled:opacity-50 data-disabled:pointer-events-none"
+    ],
+    menuItemIcon: "size-4 text-muted-foreground",
+    menuSeparator: "bg-border -mx-1 my-1 h-px",
+    // Aktiver Filter (Chip-artig)
+    field: [
+      "inline-flex items-center gap-1 rounded-md",
+      "bg-secondary text-secondary-foreground text-sm",
+      "border border-transparent hover:border-border",
+      "cursor-pointer transition-colors"
+    ],
+    fieldLabel: "font-medium",
+    fieldOperator: "text-muted-foreground text-xs",
+    fieldValue: "max-w-[150px] truncate",
+    fieldRemove: [
+      "size-5 rounded-sm flex items-center justify-center",
+      "hover:bg-destructive/10 hover:text-destructive",
+      "transition-colors cursor-pointer",
+      ...focusVisibleClasses
+    ],
+    // Wert-Editor Popover
+    editor: [
+      "bg-popover text-popover-foreground border rounded-lg shadow-lg p-3 min-w-[240px]",
+      "data-[open]:animate-in data-[closed]:animate-out",
+      "data-[closed]:fade-out-0 data-[open]:fade-in-0",
+      "data-[closed]:zoom-out-95 data-[open]:zoom-in-95"
+    ],
+    editorHeader: "flex items-center justify-between mb-2",
+    editorTitle: "text-sm font-medium",
+    editorOperator: "w-full mb-2",
+    editorInput: "w-full",
+    // Active Filters Container
+    active: "flex flex-wrap items-center gap-2",
+    // Clear All Button
+    clearAll: [
+      "text-xs text-muted-foreground hover:text-foreground",
+      "cursor-pointer transition-colors"
+    ]
+  },
+  variants: {
+    size: {
+      sm: {
+        trigger: "h-7 text-xs px-2.5",
+        field: "h-6 text-xs pl-2 pr-0.5",
+        fieldRemove: "size-4"
+      },
+      md: {
+        trigger: "h-8 px-3",
+        field: "h-7 pl-2.5 pr-1"
+      },
+      lg: {
+        trigger: "h-9 px-4 text-base",
+        field: "h-8 pl-3 pr-1.5 text-base",
+        fieldRemove: "size-6"
+      }
+    },
+    variant: {
+      outline: {
+        field: "bg-transparent border-input"
+      },
+      solid: {}
+    }
+  },
+  defaultVariants: {
+    size: "md",
+    variant: "solid"
+  }
+});
+
 // src/components/framework-row.ts
-var import_tailwind_variants27 = require("tailwind-variants");
-var frameworkRow = (0, import_tailwind_variants27.tv)({
+var import_tailwind_variants29 = require("tailwind-variants");
+var frameworkRow = (0, import_tailwind_variants29.tv)({
   slots: {
     root: "flex w-full items-start gap-3 py-2 first:pt-0 last:pb-0 border-b border-dotted last:border-0",
     standardContainer: "shrink-0",
@@ -2371,8 +2521,8 @@ var frameworkRow = (0, import_tailwind_variants27.tv)({
 });
 
 // src/components/heading.ts
-var import_tailwind_variants28 = require("tailwind-variants");
-var heading = (0, import_tailwind_variants28.tv)({
+var import_tailwind_variants30 = require("tailwind-variants");
+var heading = (0, import_tailwind_variants30.tv)({
   variants: {
     level: {
       h1: "text-h1-core",
@@ -2389,8 +2539,8 @@ var heading = (0, import_tailwind_variants28.tv)({
 });
 
 // src/components/hover-card.ts
-var import_tailwind_variants29 = require("tailwind-variants");
-var hoverCard = (0, import_tailwind_variants29.tv)({
+var import_tailwind_variants31 = require("tailwind-variants");
+var hoverCard = (0, import_tailwind_variants31.tv)({
   slots: {
     content: [
       ...popoverContentClasses,
@@ -2405,17 +2555,93 @@ var hoverCard = (0, import_tailwind_variants29.tv)({
 });
 
 // src/components/image-crop.ts
-var import_tailwind_variants30 = require("tailwind-variants");
-var imageCrop = (0, import_tailwind_variants30.tv)({
+var import_tailwind_variants32 = require("tailwind-variants");
+var imageCrop = (0, import_tailwind_variants32.tv)({
   slots: {
     content: "max-h-[277px] max-w-full",
     image: "size-fullcover"
   }
 });
 
+// src/components/impact-card.ts
+var import_tailwind_variants33 = require("tailwind-variants");
+var impactCard = (0, import_tailwind_variants33.tv)({
+  slots: {
+    // Card wrapper (extends Card.Root)
+    root: "",
+    // Individual impact row
+    row: ["rounded-lg", "border", "p-3", "transition-all"],
+    rowContent: "flex items-center gap-3",
+    // Circle icon with short label (C, I, A, Au)
+    rowIcon: [
+      "w-8",
+      "h-8",
+      "rounded-full",
+      "flex",
+      "items-center",
+      "justify-center",
+      "text-sm",
+      "font-bold",
+      "shrink-0"
+    ],
+    // Content area next to icon
+    rowBody: "flex-1 min-w-0",
+    rowHeader: "flex items-center justify-between mb-1",
+    rowLabel: "text-sm font-medium",
+    // Value display (when not editing)
+    rowValue: "flex items-center gap-2",
+    rowValueNumber: "text-xs text-muted-foreground font-mono",
+    rowValueBadge: "text-sm font-medium px-2 py-0.5 rounded",
+    // Progress bar
+    progressContainer: "h-1.5 bg-muted rounded-full overflow-hidden",
+    progressBar: "h-full rounded-full transition-all",
+    // Edit button
+    editButton: [
+      "p-1.5",
+      "rounded-md",
+      "hover:bg-muted",
+      "text-muted-foreground",
+      "hover:text-foreground",
+      "transition-colors"
+    ],
+    // Justification section
+    justificationSection: "pt-3 border-t",
+    justificationLabel: "block text-sm font-medium mb-2",
+    justificationHint: "text-muted-foreground font-normal ml-1",
+    justificationText: "text-sm text-foreground bg-muted/30 rounded-md p-3",
+    justificationEmpty: "text-sm text-muted-foreground/50 italic"
+  },
+  variants: {
+    // Row state: unrated vs rated
+    unrated: {
+      true: {
+        row: "bg-muted/30 border-dashed border-muted-foreground/20",
+        rowIcon: "bg-muted text-muted-foreground",
+        rowLabel: "text-muted-foreground",
+        rowValueBadge: "text-muted-foreground"
+      },
+      false: {
+        row: "bg-background border-border",
+        rowIcon: "bg-primary/10 text-primary"
+      }
+    },
+    // Editing state
+    editing: {
+      true: {
+        root: "ring-2 ring-primary"
+      },
+      false: {}
+    }
+  },
+  defaultVariants: {
+    unrated: false,
+    editing: false
+  }
+});
+
 // src/components/input-group.ts
-var import_tailwind_variants31 = require("tailwind-variants");
-var inputGroup = (0, import_tailwind_variants31.tv)({
+var import_tailwind_variants34 = require("tailwind-variants");
+var inputGroup = (0, import_tailwind_variants34.tv)({
   base: [
     "flex items-stretch",
     "[&_[data-slot=input]]:grow",
@@ -2436,8 +2662,8 @@ var inputGroup = (0, import_tailwind_variants31.tv)({
 });
 
 // src/components/input-wrapper.ts
-var import_tailwind_variants32 = require("tailwind-variants");
-var inputWrapper = (0, import_tailwind_variants32.tv)({
+var import_tailwind_variants35 = require("tailwind-variants");
+var inputWrapper = (0, import_tailwind_variants35.tv)({
   base: [
     "flex items-center gap-1.5",
     "has-[:focus-visible]:ring-ring/30",
@@ -2481,8 +2707,8 @@ var inputWrapper = (0, import_tailwind_variants32.tv)({
 });
 
 // src/components/integration-card.ts
-var import_tailwind_variants33 = require("tailwind-variants");
-var integrationCard = (0, import_tailwind_variants33.tv)({
+var import_tailwind_variants36 = require("tailwind-variants");
+var integrationCard = (0, import_tailwind_variants36.tv)({
   slots: {
     root: "",
     header: "flex items-start justify-between gap-3",
@@ -2504,8 +2730,8 @@ var integrationCard = (0, import_tailwind_variants33.tv)({
 });
 
 // src/components/kbd.ts
-var import_tailwind_variants34 = require("tailwind-variants");
-var kbd = (0, import_tailwind_variants34.tv)({
+var import_tailwind_variants37 = require("tailwind-variants");
+var kbd = (0, import_tailwind_variants37.tv)({
   base: "inline-flex items-center justify-center font-mono rounded-md",
   variants: {
     variant: {
@@ -2524,8 +2750,8 @@ var kbd = (0, import_tailwind_variants34.tv)({
 });
 
 // src/components/label.ts
-var import_tailwind_variants35 = require("tailwind-variants");
-var label = (0, import_tailwind_variants35.tv)({
+var import_tailwind_variants38 = require("tailwind-variants");
+var label = (0, import_tailwind_variants38.tv)({
   base: [
     "text-sm leading-none",
     "text-foreground",
@@ -2543,8 +2769,8 @@ var label = (0, import_tailwind_variants35.tv)({
 });
 
 // src/components/loading-page.ts
-var import_tailwind_variants36 = require("tailwind-variants");
-var loadingPage = (0, import_tailwind_variants36.tv)({
+var import_tailwind_variants39 = require("tailwind-variants");
+var loadingPage = (0, import_tailwind_variants39.tv)({
   slots: {
     root: "relative isolate flex min-h-screen items-center justify-center px-6 py-10 bg-background",
     container: "flex flex-col items-center gap-4 text-center",
@@ -2564,8 +2790,8 @@ var loadingPage = (0, import_tailwind_variants36.tv)({
 });
 
 // src/components/page-header.ts
-var import_tailwind_variants37 = require("tailwind-variants");
-var pageHeader = (0, import_tailwind_variants37.tv)({
+var import_tailwind_variants40 = require("tailwind-variants");
+var pageHeader = (0, import_tailwind_variants40.tv)({
   slots: {
     root: "page-header",
     titleArea: "page-header__title-area flex gap-2 flex-row items-center",
@@ -2600,8 +2826,8 @@ var pageHeader = (0, import_tailwind_variants37.tv)({
 });
 
 // src/components/page-layout.ts
-var import_tailwind_variants38 = require("tailwind-variants");
-var pageLayout = (0, import_tailwind_variants38.tv)({
+var import_tailwind_variants41 = require("tailwind-variants");
+var pageLayout = (0, import_tailwind_variants41.tv)({
   slots: {
     root: "",
     wrapper: "flex flex-wrap w-full",
@@ -2718,8 +2944,8 @@ var pageLayout = (0, import_tailwind_variants38.tv)({
 });
 
 // src/components/popover.ts
-var import_tailwind_variants39 = require("tailwind-variants");
-var popover = (0, import_tailwind_variants39.tv)({
+var import_tailwind_variants42 = require("tailwind-variants");
+var popover = (0, import_tailwind_variants42.tv)({
   slots: {
     content: [
       "data-[open]:animate-in data-[closed]:animate-out data-[closed]:fade-out-0 data-[open]:fade-in-0 data-[closed]:zoom-out-95",
@@ -2767,8 +2993,8 @@ var popover = (0, import_tailwind_variants39.tv)({
 });
 
 // src/components/preview-card.ts
-var import_tailwind_variants40 = require("tailwind-variants");
-var previewCard = (0, import_tailwind_variants40.tv)({
+var import_tailwind_variants43 = require("tailwind-variants");
+var previewCard = (0, import_tailwind_variants43.tv)({
   slots: {
     root: [
       "grid w-full grid-cols-[auto_1fr_auto] items-center gap-y-1.5 rounded-md bg-background p-2",
@@ -2833,19 +3059,69 @@ var previewCard = (0, import_tailwind_variants40.tv)({
 });
 
 // src/components/related-control-chip.ts
-var import_tailwind_variants41 = require("tailwind-variants");
-var relatedControlChip = (0, import_tailwind_variants41.tv)({
+var import_tailwind_variants44 = require("tailwind-variants");
+var relatedControlChip = (0, import_tailwind_variants44.tv)({
   slots: {
-    root: [
-      "text-xs border rounded-full cursor-pointer hover:text-primary px-2.5 py-0.5"
+    // Container for all chips
+    root: "flex flex-wrap items-center gap-1",
+    // Individual chip/tag
+    chip: [
+      "inline-flex",
+      "items-center",
+      "gap-0.5",
+      "px-1.5",
+      "py-0.5",
+      "rounded",
+      "text-xs",
+      "font-mono",
+      "bg-muted",
+      "text-muted-foreground",
+      "transition-colors",
+      "cursor-default"
+    ],
+    // Framework prefix (e.g., "iso27001:")
+    chipPrefix: "text-muted-foreground/70",
+    // Control ID (e.g., "a-7-1")
+    chipId: "font-medium",
+    // Overflow indicator (e.g., "+3")
+    overflow: [
+      "text-xs",
+      "text-muted-foreground",
+      "cursor-pointer",
+      "hover:text-foreground",
+      "transition-colors"
     ],
+    // Tooltip content
     tooltip: "text-xs"
+  },
+  variants: {
+    size: {
+      sm: {
+        chip: "text-[10px] px-1 py-px",
+        overflow: "text-[10px]"
+      },
+      md: {},
+      lg: {
+        chip: "text-sm px-2 py-1",
+        overflow: "text-sm"
+      }
+    },
+    interactive: {
+      true: {
+        chip: "cursor-pointer hover:bg-primary/10 hover:text-primary"
+      },
+      false: {}
+    }
+  },
+  defaultVariants: {
+    size: "md",
+    interactive: false
   }
 });
 
 // src/components/resizable.ts
-var import_tailwind_variants42 = require("tailwind-variants");
-var resizable = (0, import_tailwind_variants42.tv)({
+var import_tailwind_variants45 = require("tailwind-variants");
+var resizable = (0, import_tailwind_variants45.tv)({
   slots: {
     root: ["flex h-full w-full data-[panel-group-direction=vertical]:flex-col"],
     panel: [],
@@ -2871,8 +3147,8 @@ var resizable = (0, import_tailwind_variants42.tv)({
 });
 
 // src/components/risk-badge.ts
-var import_tailwind_variants43 = require("tailwind-variants");
-var riskBadge = (0, import_tailwind_variants43.tv)({
+var import_tailwind_variants46 = require("tailwind-variants");
+var riskBadge = (0, import_tailwind_variants46.tv)({
   slots: {
     root: ["inline-flex flex-col items-start gap-0.5"],
     label: ["inline-flex items-center gap-0.5 text-xs"],
@@ -2911,8 +3187,8 @@ var riskBadge = (0, import_tailwind_variants43.tv)({
 });
 
 // src/components/risk-indicator.ts
-var import_tailwind_variants44 = require("tailwind-variants");
-var riskIndicator = (0, import_tailwind_variants44.tv)({
+var import_tailwind_variants47 = require("tailwind-variants");
+var riskIndicator = (0, import_tailwind_variants47.tv)({
   slots: {
     base: "flex items-end gap-0.5",
     bar: "rounded-sm",
@@ -2944,9 +3220,70 @@ var riskIndicator = (0, import_tailwind_variants44.tv)({
   }
 });
 
+// src/components/risk-rating.ts
+var import_tailwind_variants48 = require("tailwind-variants");
+var riskRating = (0, import_tailwind_variants48.tv)({
+  slots: {
+    base: "flex items-center gap-2",
+    badge: "flex items-center justify-center rounded-md font-bold",
+    label: "font-medium",
+    // Icon slots for list items
+    iconWrapper: "p-2 rounded-lg shrink-0",
+    icon: "size-4"
+  },
+  variants: {
+    size: {
+      sm: {
+        badge: "size-6 text-xs",
+        label: "text-xs"
+      },
+      md: {
+        badge: "size-8 text-sm",
+        label: "text-sm"
+      }
+    },
+    level: {
+      unrated: {
+        badge: "bg-muted text-muted-foreground font-medium",
+        label: "text-muted-foreground",
+        iconWrapper: "bg-muted/50",
+        icon: "text-muted-foreground"
+      },
+      low: {
+        badge: "bg-success text-white",
+        label: "text-success",
+        iconWrapper: "bg-success/10",
+        icon: "text-success"
+      },
+      medium: {
+        badge: "bg-warning text-white",
+        label: "text-warning",
+        iconWrapper: "bg-warning/10",
+        icon: "text-warning"
+      },
+      high: {
+        badge: "bg-orange-500 text-white",
+        label: "text-orange-500",
+        iconWrapper: "bg-orange-500/10",
+        icon: "text-orange-500"
+      },
+      critical: {
+        badge: "bg-destructive text-white",
+        label: "text-destructive",
+        iconWrapper: "bg-destructive/10",
+        icon: "text-destructive"
+      }
+    }
+  },
+  defaultVariants: {
+    size: "md",
+    level: "unrated"
+  }
+});
+
 // src/components/scroll-area.ts
-var import_tailwind_variants45 = require("tailwind-variants");
-var scrollArea = (0, import_tailwind_variants45.tv)({
+var import_tailwind_variants49 = require("tailwind-variants");
+var scrollArea = (0, import_tailwind_variants49.tv)({
   slots: {
     root: "relative",
     viewport: "focus-visible:ring-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1",
@@ -2960,8 +3297,8 @@ var scrollArea = (0, import_tailwind_variants45.tv)({
 });
 
 // src/components/section-row.ts
-var import_tailwind_variants46 = require("tailwind-variants");
-var sectionRow = (0, import_tailwind_variants46.tv)({
+var import_tailwind_variants50 = require("tailwind-variants");
+var sectionRow = (0, import_tailwind_variants50.tv)({
   slots: {
     root: ["grid grid-cols-1 text-base/6 sm:text-sm/6", "w-full"],
     title: [
@@ -3032,8 +3369,8 @@ var sectionRow = (0, import_tailwind_variants46.tv)({
 });
 
 // src/components/select.ts
-var import_tailwind_variants47 = require("tailwind-variants");
-var select = (0, import_tailwind_variants47.tv)({
+var import_tailwind_variants51 = require("tailwind-variants");
+var select = (0, import_tailwind_variants51.tv)({
   slots: {
     trigger: [
       "w-full",
@@ -3137,8 +3474,8 @@ var select = (0, import_tailwind_variants47.tv)({
 });
 
 // src/components/separator.ts
-var import_tailwind_variants48 = require("tailwind-variants");
-var separator = (0, import_tailwind_variants48.tv)({
+var import_tailwind_variants52 = require("tailwind-variants");
+var separator = (0, import_tailwind_variants52.tv)({
   base: [
     "bg-border shrink-0",
     "data-[orientation=horizontal]:h-px",
@@ -3156,8 +3493,8 @@ var separator = (0, import_tailwind_variants48.tv)({
 });
 
 // src/components/sidebar.ts
-var import_tailwind_variants49 = require("tailwind-variants");
-var sidebar = (0, import_tailwind_variants49.tv)({
+var import_tailwind_variants53 = require("tailwind-variants");
+var sidebar = (0, import_tailwind_variants53.tv)({
   slots: {
     provider: [
       "group/sidebar-wrapper has-data-[variant=inset]:bg-sidebar flex min-h-svh w-full isolate"
@@ -3245,7 +3582,7 @@ var sidebar = (0, import_tailwind_variants49.tv)({
     isMobile: false
   }
 });
-var sidebarMenuButton = (0, import_tailwind_variants49.tv)({
+var sidebarMenuButton = (0, import_tailwind_variants53.tv)({
   base: [
     "peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md",
     "p-2 text-left text-sm outline-hidden ring-sidebar-ring transition-[width,height,padding]",
@@ -3297,7 +3634,7 @@ var sidebarMenuButton = (0, import_tailwind_variants49.tv)({
     }
   ]
 });
-var sidebarMenuAction = (0, import_tailwind_variants49.tv)({
+var sidebarMenuAction = (0, import_tailwind_variants53.tv)({
   base: [
     "text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground peer-hover/menu-button:text-sidebar-accent-foreground absolute top-1.5 right-1 flex aspect-square w-5 items-center justify-center rounded-md p-0 outline-hidden transition-transform focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0",
     // Increases the hit area of the button on mobile.
@@ -3317,14 +3654,14 @@ var sidebarMenuAction = (0, import_tailwind_variants49.tv)({
 });
 
 // src/components/skeleton.ts
-var import_tailwind_variants50 = require("tailwind-variants");
-var skeleton = (0, import_tailwind_variants50.tv)({
+var import_tailwind_variants54 = require("tailwind-variants");
+var skeleton = (0, import_tailwind_variants54.tv)({
   base: "bg-accent animate-pulse rounded-md"
 });
 
 // src/components/skeleton-avatar.ts
-var import_tailwind_variants51 = require("tailwind-variants");
-var skeletonAvatar = (0, import_tailwind_variants51.tv)({
+var import_tailwind_variants55 = require("tailwind-variants");
+var skeletonAvatar = (0, import_tailwind_variants55.tv)({
   base: "rounded-full",
   variants: {
     size: {
@@ -3341,8 +3678,8 @@ var skeletonAvatar = (0, import_tailwind_variants51.tv)({
 });
 
 // src/components/slash-dropdown-menu.ts
-var import_tailwind_variants52 = require("tailwind-variants");
-var slashDropdownMenu = (0, import_tailwind_variants52.tv)({
+var import_tailwind_variants56 = require("tailwind-variants");
+var slashDropdownMenu = (0, import_tailwind_variants56.tv)({
   slots: {
     card: [...popoverContentClasses, "p-0", "flex flex-col outline-none"],
     body: ["p-1.5 flex-auto grow shrink overflow-y-auto w-full"],
@@ -3361,8 +3698,8 @@ var slashDropdownMenu = (0, import_tailwind_variants52.tv)({
 });
 
 // src/components/spinner.ts
-var import_tailwind_variants53 = require("tailwind-variants");
-var spinner = (0, import_tailwind_variants53.tv)({
+var import_tailwind_variants57 = require("tailwind-variants");
+var spinner = (0, import_tailwind_variants57.tv)({
   slots: {
     base: "relative inline-flex flex-col gap-2 items-center justify-center",
     wrapper: "relative flex",
@@ -3479,8 +3816,8 @@ var spinner = (0, import_tailwind_variants53.tv)({
 });
 
 // src/components/split-page-layout.ts
-var import_tailwind_variants54 = require("tailwind-variants");
-var splitPageLayout = (0, import_tailwind_variants54.tv)({
+var import_tailwind_variants58 = require("tailwind-variants");
+var splitPageLayout = (0, import_tailwind_variants58.tv)({
   slots: {
     root: [
       "size-full min-h-0 grid grid-cols-[1fr_10px] md:grid-cols-3 relative"
@@ -3517,8 +3854,8 @@ var splitPageLayout = (0, import_tailwind_variants54.tv)({
 });
 
 // src/components/standard-chip.ts
-var import_tailwind_variants55 = require("tailwind-variants");
-var standardChip = (0, import_tailwind_variants55.tv)({
+var import_tailwind_variants59 = require("tailwind-variants");
+var standardChip = (0, import_tailwind_variants59.tv)({
   extend: chip,
   slots: {
     root: [
@@ -3609,8 +3946,8 @@ var standardChip = (0, import_tailwind_variants55.tv)({
 });
 
 // src/components/switch.ts
-var import_tailwind_variants56 = require("tailwind-variants");
-var switchVariants = (0, import_tailwind_variants56.tv)({
+var import_tailwind_variants60 = require("tailwind-variants");
+var switchVariants = (0, import_tailwind_variants60.tv)({
   slots: {
     root: [
       "peer data-[checked]:bg-primary data-[unchecked]:bg-input focus-visible:border-ring focus-visible:ring-ring/50 dark:data-[unchecked]:bg-input/80",
@@ -3645,8 +3982,8 @@ var switchVariants = (0, import_tailwind_variants56.tv)({
 });
 
 // src/components/tab-nav.ts
-var import_tailwind_variants57 = require("tailwind-variants");
-var tabNav = (0, import_tailwind_variants57.tv)({
+var import_tailwind_variants61 = require("tailwind-variants");
+var tabNav = (0, import_tailwind_variants61.tv)({
   slots: {
     base: "",
     list: [
@@ -3736,8 +4073,8 @@ var tabNav = (0, import_tailwind_variants57.tv)({
 });
 
 // src/components/table.ts
-var import_tailwind_variants58 = require("tailwind-variants");
-var table = (0, import_tailwind_variants58.tv)({
+var import_tailwind_variants62 = require("tailwind-variants");
+var table = (0, import_tailwind_variants62.tv)({
   slots: {
     container: ["overflow-x-auto whitespace-nowrap", "-mx-(--gutter)"],
     wrapper: ["inline-block min-w-full align-middle"],
@@ -3899,8 +4236,8 @@ var table = (0, import_tailwind_variants58.tv)({
 });
 
 // src/components/tabs.ts
-var import_tailwind_variants59 = require("tailwind-variants");
-var tabs = (0, import_tailwind_variants59.tv)({
+var import_tailwind_variants63 = require("tailwind-variants");
+var tabs = (0, import_tailwind_variants63.tv)({
   slots: {
     root: "flex flex-col gap-2",
     list: [
@@ -3937,8 +4274,8 @@ var tabs = (0, import_tailwind_variants59.tv)({
 });
 
 // src/components/textarea.ts
-var import_tailwind_variants60 = require("tailwind-variants");
-var textarea = (0, import_tailwind_variants60.tv)({
+var import_tailwind_variants64 = require("tailwind-variants");
+var textarea = (0, import_tailwind_variants64.tv)({
   base: [
     "w-full border border-input bg-background text-foreground shadow-xs shadow-black/5 transition-[color,box-shadow]",
     "text-foreground placeholder:text-muted-foreground/80",
@@ -3962,8 +4299,8 @@ var textarea = (0, import_tailwind_variants60.tv)({
 });
 
 // src/components/toolbar.ts
-var import_tailwind_variants61 = require("tailwind-variants");
-var toolbar = (0, import_tailwind_variants61.tv)({
+var import_tailwind_variants65 = require("tailwind-variants");
+var toolbar = (0, import_tailwind_variants65.tv)({
   slots: {
     root: "flex items-center gap-2.5 p-1",
     button: "shrink-0",
@@ -4002,8 +4339,8 @@ var toolbar = (0, import_tailwind_variants61.tv)({
 });
 
 // src/components/tooltip.ts
-var import_tailwind_variants62 = require("tailwind-variants");
-var tooltip = (0, import_tailwind_variants62.tv)({
+var import_tailwind_variants66 = require("tailwind-variants");
+var tooltip = (0, import_tailwind_variants66.tv)({
   slots: {
     content: [
       "bg-primary-900 text-primary-foreground",
@@ -4033,6 +4370,7 @@ var tooltip = (0, import_tailwind_variants62.tv)({
   colorHighlightButton,
   combobox,
   command,
+  complianceBadge,
   controlExtension,
   dataTable,
   datagrid,
@@ -4041,10 +4379,12 @@ var tooltip = (0, import_tailwind_variants62.tv)({
   dropdownMenu,
   editorBasic,
   editorSpinner,
+  filter,
   frameworkRow,
   heading,
   hoverCard,
   imageCrop,
+  impactCard,
   input,
   inputGroup,
   inputWrapper,
@@ -4061,6 +4401,7 @@ var tooltip = (0, import_tailwind_variants62.tv)({
   resizable,
   riskBadge,
   riskIndicator,
+  riskRating,
   scrollArea,
   sectionRow,
   select,