@kopexa/theme 17.6.0 → 17.8.0

package/dist/components/index.mjs

@@ -1,4 +1,10 @@
-import "../chunk-M35MNWR7.mjs";
+import "../chunk-7ED3ZIKG.mjs";
+import {
+  table
+} from "../chunk-YC2FQDBV.mjs";
+import {
+  tabs
+} from "../chunk-I6M4S2KZ.mjs";
 import {
   textarea
 } from "../chunk-ARLLAC5V.mjs";
@@ -8,6 +14,12 @@ import {
 import {
   tooltip
 } from "../chunk-OLYO7UPH.mjs";
+import {
+  skeletonAvatar
+} from "../chunk-7Q2RNHL5.mjs";
+import {
+  skeleton
+} from "../chunk-VNQEJU4P.mjs";
 import {
   slashDropdownMenu
 } from "../chunk-NNKYGAZC.mjs";
@@ -27,14 +39,14 @@ import {
   tabNav
 } from "../chunk-ZLM6Z3W2.mjs";
 import {
-  table
-} from "../chunk-YC2FQDBV.mjs";
-import {
-  tabs
-} from "../chunk-I6M4S2KZ.mjs";
+  riskBadge
+} from "../chunk-V2J5XG34.mjs";
 import {
   riskIndicator
 } from "../chunk-CZMZHA7U.mjs";
+import {
+  riskRating
+} from "../chunk-CNYKIUVC.mjs";
 import {
   scrollArea
 } from "../chunk-SPQE7K66.mjs";
@@ -53,11 +65,8 @@ import {
   sidebarMenuButton
 } from "../chunk-3CZOBPDH.mjs";
 import {
-  skeletonAvatar
-} from "../chunk-7Q2RNHL5.mjs";
-import {
-  skeleton
-} from "../chunk-VNQEJU4P.mjs";
+  label
+} from "../chunk-LMCM4CW2.mjs";
 import {
   loadingPage
 } from "../chunk-ZOTN264E.mjs";
@@ -75,16 +84,16 @@ import {
 } from "../chunk-4XIBRN6X.mjs";
 import {
   relatedControlChip
-} from "../chunk-7BZAMXH2.mjs";
+} from "../chunk-NIEFB74U.mjs";
 import {
   resizable
 } from "../chunk-RV656WRF.mjs";
 import {
-  riskBadge
-} from "../chunk-V2J5XG34.mjs";
+  imageCrop
+} from "../chunk-GMFZLUU4.mjs";
 import {
   impactCard
-} from "../chunk-TDITF5BB.mjs";
+} from "../chunk-EJSDSK3G.mjs";
 import {
   inputGroup
 } from "../chunk-HWEYNK3O.mjs";
@@ -98,8 +107,8 @@ import {
   kbd
 } from "../chunk-BETLBSSF.mjs";
 import {
-  label
-} from "../chunk-LMCM4CW2.mjs";
+  dropdownMenu
+} from "../chunk-3PCDCW7G.mjs";
 import {
   editorBasic
 } from "../chunk-XOL7P7NP.mjs";
@@ -122,8 +131,8 @@ import {
   hoverCard
 } from "../chunk-UTCVHVWF.mjs";
 import {
-  imageCrop
-} from "../chunk-GMFZLUU4.mjs";
+  combobox
+} from "../chunk-Z2SMCAER.mjs";
 import {
   command
 } from "../chunk-YPHFKGNI.mjs";
@@ -146,8 +155,8 @@ import {
   dialog
 } from "../chunk-OJDCD74N.mjs";
 import {
-  dropdownMenu
-} from "../chunk-3PCDCW7G.mjs";
+  button
+} from "../chunk-OTETLRUE.mjs";
 import {
   calendar
 } from "../chunk-JWF5ABNP.mjs";
@@ -169,15 +178,15 @@ import {
 import {
   colorHighlightButton
 } from "../chunk-CPERWXKN.mjs";
-import {
-  combobox
-} from "../chunk-Z2SMCAER.mjs";
 import {
   accordion
 } from "../chunk-AEWKHJEI.mjs";
 import {
   alertDialog
 } from "../chunk-XGUDXC5P.mjs";
+import {
+  auditInfo
+} from "../chunk-CPAF7VNM.mjs";
 import {
   autocomplete
 } from "../chunk-CWAFYX5G.mjs";
@@ -191,17 +200,15 @@ import {
 import {
   avatar
 } from "../chunk-D5FKEY7B.mjs";
+import "../chunk-7T563RF7.mjs";
+import "../chunk-6IZPAS4O.mjs";
 import {
   blankstate
 } from "../chunk-DICHD74Q.mjs";
-import {
-  button
-} from "../chunk-OTETLRUE.mjs";
-import "../chunk-7T563RF7.mjs";
-import "../chunk-6IZPAS4O.mjs";
 export {
   accordion,
   alertDialog,
+  auditInfo,
   autocomplete,
   avatar,
   avatarGroup,
@@ -248,6 +255,7 @@ export {
   resizable,
   riskBadge,
   riskIndicator,
+  riskRating,
   scrollArea,
   sectionRow,
   select,

package/dist/components/related-control-chip.d.mts

@@ -1,36 +1,84 @@
 import * as tailwind_variants from 'tailwind-variants';
 import { VariantProps } from 'tailwind-variants';
-import * as tailwind_merge from 'tailwind-merge';
 
+/**
+ * Theme styles for related control chips.
+ * Used to display KRN-based control references as compact chips/tags.
+ */
 declare const relatedControlChip: tailwind_variants.TVReturnType<{
-    [key: string]: {
-        [key: string]: tailwind_merge.ClassNameValue | {
-            root?: tailwind_merge.ClassNameValue;
-            tooltip?: tailwind_merge.ClassNameValue;
+    size: {
+        sm: {
+            chip: string;
+            overflow: string;
+        };
+        md: {};
+        lg: {
+            chip: string;
+            overflow: string;
         };
     };
-} | {
-    [x: string]: {
-        [x: string]: tailwind_merge.ClassNameValue | {
-            root?: tailwind_merge.ClassNameValue;
-            tooltip?: tailwind_merge.ClassNameValue;
+    interactive: {
+        true: {
+            chip: string;
         };
+        false: {};
     };
-} | {}, {
-    root: string[];
+}, {
+    root: string;
+    chip: string[];
+    chipPrefix: string;
+    chipId: string;
+    overflow: string[];
     tooltip: string;
 }, undefined, {
-    [key: string]: {
-        [key: string]: tailwind_merge.ClassNameValue | {
-            root?: tailwind_merge.ClassNameValue;
-            tooltip?: tailwind_merge.ClassNameValue;
+    size: {
+        sm: {
+            chip: string;
+            overflow: string;
+        };
+        md: {};
+        lg: {
+            chip: string;
+            overflow: string;
         };
     };
-} | {}, {
-    root: string[];
+    interactive: {
+        true: {
+            chip: string;
+        };
+        false: {};
+    };
+}, {
+    root: string;
+    chip: string[];
+    chipPrefix: string;
+    chipId: string;
+    overflow: string[];
     tooltip: string;
-}, tailwind_variants.TVReturnType<unknown, {
-    root: string[];
+}, tailwind_variants.TVReturnType<{
+    size: {
+        sm: {
+            chip: string;
+            overflow: string;
+        };
+        md: {};
+        lg: {
+            chip: string;
+            overflow: string;
+        };
+    };
+    interactive: {
+        true: {
+            chip: string;
+        };
+        false: {};
+    };
+}, {
+    root: string;
+    chip: string[];
+    chipPrefix: string;
+    chipId: string;
+    overflow: string[];
     tooltip: string;
 }, undefined, unknown, unknown, undefined>>;
 type RelatedControlChipVariantsProps = VariantProps<typeof relatedControlChip>;

package/dist/components/related-control-chip.d.ts

@@ -1,36 +1,84 @@
 import * as tailwind_variants from 'tailwind-variants';
 import { VariantProps } from 'tailwind-variants';
-import * as tailwind_merge from 'tailwind-merge';
 
+/**
+ * Theme styles for related control chips.
+ * Used to display KRN-based control references as compact chips/tags.
+ */
 declare const relatedControlChip: tailwind_variants.TVReturnType<{
-    [key: string]: {
-        [key: string]: tailwind_merge.ClassNameValue | {
-            root?: tailwind_merge.ClassNameValue;
-            tooltip?: tailwind_merge.ClassNameValue;
+    size: {
+        sm: {
+            chip: string;
+            overflow: string;
+        };
+        md: {};
+        lg: {
+            chip: string;
+            overflow: string;
         };
     };
-} | {
-    [x: string]: {
-        [x: string]: tailwind_merge.ClassNameValue | {
-            root?: tailwind_merge.ClassNameValue;
-            tooltip?: tailwind_merge.ClassNameValue;
+    interactive: {
+        true: {
+            chip: string;
         };
+        false: {};
     };
-} | {}, {
-    root: string[];
+}, {
+    root: string;
+    chip: string[];
+    chipPrefix: string;
+    chipId: string;
+    overflow: string[];
     tooltip: string;
 }, undefined, {
-    [key: string]: {
-        [key: string]: tailwind_merge.ClassNameValue | {
-            root?: tailwind_merge.ClassNameValue;
-            tooltip?: tailwind_merge.ClassNameValue;
+    size: {
+        sm: {
+            chip: string;
+            overflow: string;
+        };
+        md: {};
+        lg: {
+            chip: string;
+            overflow: string;
         };
     };
-} | {}, {
-    root: string[];
+    interactive: {
+        true: {
+            chip: string;
+        };
+        false: {};
+    };
+}, {
+    root: string;
+    chip: string[];
+    chipPrefix: string;
+    chipId: string;
+    overflow: string[];
     tooltip: string;
-}, tailwind_variants.TVReturnType<unknown, {
-    root: string[];
+}, tailwind_variants.TVReturnType<{
+    size: {
+        sm: {
+            chip: string;
+            overflow: string;
+        };
+        md: {};
+        lg: {
+            chip: string;
+            overflow: string;
+        };
+    };
+    interactive: {
+        true: {
+            chip: string;
+        };
+        false: {};
+    };
+}, {
+    root: string;
+    chip: string[];
+    chipPrefix: string;
+    chipId: string;
+    overflow: string[];
     tooltip: string;
 }, undefined, unknown, unknown, undefined>>;
 type RelatedControlChipVariantsProps = VariantProps<typeof relatedControlChip>;

package/dist/components/related-control-chip.js

@@ -26,10 +26,60 @@ module.exports = __toCommonJS(related_control_chip_exports);
 var import_tailwind_variants = require("tailwind-variants");
 var relatedControlChip = (0, import_tailwind_variants.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
   }
 });
 // Annotate the CommonJS export names for ESM import in node:

package/dist/components/related-control-chip.mjs

@@ -1,6 +1,6 @@
 import {
   relatedControlChip
-} from "../chunk-7BZAMXH2.mjs";
+} from "../chunk-NIEFB74U.mjs";
 export {
   relatedControlChip
 };

package/dist/components/risk-rating.d.mts

@@ -0,0 +1,154 @@
+import * as tailwind_variants from 'tailwind-variants';
+
+declare const riskRating: tailwind_variants.TVReturnType<{
+    size: {
+        sm: {
+            badge: string;
+            label: string;
+        };
+        md: {
+            badge: string;
+            label: string;
+        };
+    };
+    level: {
+        unrated: {
+            badge: string;
+            label: string;
+            iconWrapper: string;
+            icon: string;
+        };
+        low: {
+            badge: string;
+            label: string;
+            iconWrapper: string;
+            icon: string;
+        };
+        medium: {
+            badge: string;
+            label: string;
+            iconWrapper: string;
+            icon: string;
+        };
+        high: {
+            badge: string;
+            label: string;
+            iconWrapper: string;
+            icon: string;
+        };
+        critical: {
+            badge: string;
+            label: string;
+            iconWrapper: string;
+            icon: string;
+        };
+    };
+}, {
+    base: string;
+    badge: string;
+    label: string;
+    iconWrapper: string;
+    icon: string;
+}, undefined, {
+    size: {
+        sm: {
+            badge: string;
+            label: string;
+        };
+        md: {
+            badge: string;
+            label: string;
+        };
+    };
+    level: {
+        unrated: {
+            badge: string;
+            label: string;
+            iconWrapper: string;
+            icon: string;
+        };
+        low: {
+            badge: string;
+            label: string;
+            iconWrapper: string;
+            icon: string;
+        };
+        medium: {
+            badge: string;
+            label: string;
+            iconWrapper: string;
+            icon: string;
+        };
+        high: {
+            badge: string;
+            label: string;
+            iconWrapper: string;
+            icon: string;
+        };
+        critical: {
+            badge: string;
+            label: string;
+            iconWrapper: string;
+            icon: string;
+        };
+    };
+}, {
+    base: string;
+    badge: string;
+    label: string;
+    iconWrapper: string;
+    icon: string;
+}, tailwind_variants.TVReturnType<{
+    size: {
+        sm: {
+            badge: string;
+            label: string;
+        };
+        md: {
+            badge: string;
+            label: string;
+        };
+    };
+    level: {
+        unrated: {
+            badge: string;
+            label: string;
+            iconWrapper: string;
+            icon: string;
+        };
+        low: {
+            badge: string;
+            label: string;
+            iconWrapper: string;
+            icon: string;
+        };
+        medium: {
+            badge: string;
+            label: string;
+            iconWrapper: string;
+            icon: string;
+        };
+        high: {
+            badge: string;
+            label: string;
+            iconWrapper: string;
+            icon: string;
+        };
+        critical: {
+            badge: string;
+            label: string;
+            iconWrapper: string;
+            icon: string;
+        };
+    };
+}, {
+    base: string;
+    badge: string;
+    label: string;
+    iconWrapper: string;
+    icon: string;
+}, undefined, unknown, unknown, undefined>>;
+type RiskRatingVariantProps = Parameters<typeof riskRating>[0];
+type RiskRatingSlots = keyof ReturnType<typeof riskRating>;
+
+export { type RiskRatingSlots, type RiskRatingVariantProps, riskRating };