@kopexa/theme 17.5.0 → 17.7.0

package/dist/chunk-CNYKIUVC.mjs

@@ -0,0 +1,64 @@
+// src/components/risk-rating.ts
+import { tv } from "tailwind-variants";
+var riskRating = 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"
+  }
+});
+
+export {
+  riskRating
+};

package/dist/chunk-NIEFB74U.mjs

@@ -0,0 +1,64 @@
+// src/components/related-control-chip.ts
+import { tv } from "tailwind-variants";
+var relatedControlChip = tv({
+  slots: {
+    // 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
+  }
+});
+
+export {
+  relatedControlChip
+};

package/dist/chunk-PKB6QHSP.mjs

@@ -0,0 +1,103 @@
+import {
+  focusVisibleClasses
+} from "./chunk-6IZPAS4O.mjs";
+
+// src/components/filter.ts
+import { tv } from "tailwind-variants";
+var filter = 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"
+  }
+});
+
+export {
+  filter
+};

package/dist/chunk-RZ45NVOH.mjs

@@ -0,0 +1,50 @@
+// src/components/compliance-badge.ts
+import { tv } from "tailwind-variants";
+var complianceBadge = 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"
+  }
+});
+
+export {
+  complianceBadge
+};

package/dist/chunk-TDITF5BB.mjs

@@ -0,0 +1,79 @@
+// src/components/impact-card.ts
+import { tv } from "tailwind-variants";
+var impactCard = 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
+  }
+});
+
+export {
+  impactCard
+};

package/dist/{chunk-PWH7OU6T.mjs → chunk-Z2SMCAER.mjs}

@@ -41,7 +41,7 @@ var combobox = 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",
@@ -71,7 +71,10 @@ var combobox = 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: [
@@ -90,11 +93,11 @@ var combobox = 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"
         ]
       }
     },

package/dist/components/combobox.js

@@ -150,7 +150,7 @@ var combobox = (0, import_tailwind_variants2.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",
@@ -180,7 +180,10 @@ var combobox = (0, import_tailwind_variants2.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: [
@@ -199,11 +202,11 @@ var combobox = (0, import_tailwind_variants2.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"
         ]
       }
     },

package/dist/components/combobox.mjs

@@ -1,6 +1,6 @@
 import {
   combobox
-} from "../chunk-PWH7OU6T.mjs";
+} from "../chunk-Z2SMCAER.mjs";
 import "../chunk-K3EVZATS.mjs";
 import "../chunk-6IZPAS4O.mjs";
 export {

package/dist/components/compliance-badge.d.mts

@@ -0,0 +1,47 @@
+import * as tailwind_variants from 'tailwind-variants';
+import { VariantProps } from 'tailwind-variants';
+
+declare const complianceBadge: tailwind_variants.TVReturnType<{
+    color: {
+        dora: {
+            root: string;
+        };
+        nis2: {
+            root: string;
+        };
+    };
+}, {
+    root: string[];
+    icon: string;
+    label: string[];
+}, undefined, {
+    color: {
+        dora: {
+            root: string;
+        };
+        nis2: {
+            root: string;
+        };
+    };
+}, {
+    root: string[];
+    icon: string;
+    label: string[];
+}, tailwind_variants.TVReturnType<{
+    color: {
+        dora: {
+            root: string;
+        };
+        nis2: {
+            root: string;
+        };
+    };
+}, {
+    root: string[];
+    icon: string;
+    label: string[];
+}, undefined, unknown, unknown, undefined>>;
+type ComplianceBadgeVariantProps = VariantProps<typeof complianceBadge>;
+type ComplianceBadgeSlots = keyof ReturnType<typeof complianceBadge>;
+
+export { type ComplianceBadgeSlots, type ComplianceBadgeVariantProps, complianceBadge };

package/dist/components/compliance-badge.d.ts

@@ -0,0 +1,47 @@
+import * as tailwind_variants from 'tailwind-variants';
+import { VariantProps } from 'tailwind-variants';
+
+declare const complianceBadge: tailwind_variants.TVReturnType<{
+    color: {
+        dora: {
+            root: string;
+        };
+        nis2: {
+            root: string;
+        };
+    };
+}, {
+    root: string[];
+    icon: string;
+    label: string[];
+}, undefined, {
+    color: {
+        dora: {
+            root: string;
+        };
+        nis2: {
+            root: string;
+        };
+    };
+}, {
+    root: string[];
+    icon: string;
+    label: string[];
+}, tailwind_variants.TVReturnType<{
+    color: {
+        dora: {
+            root: string;
+        };
+        nis2: {
+            root: string;
+        };
+    };
+}, {
+    root: string[];
+    icon: string;
+    label: string[];
+}, undefined, unknown, unknown, undefined>>;
+type ComplianceBadgeVariantProps = VariantProps<typeof complianceBadge>;
+type ComplianceBadgeSlots = keyof ReturnType<typeof complianceBadge>;
+
+export { type ComplianceBadgeSlots, type ComplianceBadgeVariantProps, complianceBadge };

package/dist/components/compliance-badge.js

@@ -0,0 +1,74 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/compliance-badge.ts
+var compliance_badge_exports = {};
+__export(compliance_badge_exports, {
+  complianceBadge: () => complianceBadge
+});
+module.exports = __toCommonJS(compliance_badge_exports);
+var import_tailwind_variants = require("tailwind-variants");
+var complianceBadge = (0, import_tailwind_variants.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"
+  }
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  complianceBadge
+});

package/dist/components/compliance-badge.mjs

@@ -0,0 +1,6 @@
+import {
+  complianceBadge
+} from "../chunk-RZ45NVOH.mjs";
+export {
+  complianceBadge
+};