@kopexa/theme 17.5.0 → 17.7.0

package/dist/components/index.mjs

@@ -1,4 +1,28 @@
-import "../chunk-BYXTAZ4I.mjs";
+import "../chunk-ALG7CNQH.mjs";
+import {
+  tabs
+} from "../chunk-I6M4S2KZ.mjs";
+import {
+  textarea
+} from "../chunk-ARLLAC5V.mjs";
+import {
+  toolbar
+} from "../chunk-2NA54PNL.mjs";
+import {
+  tooltip
+} from "../chunk-OLYO7UPH.mjs";
+import {
+  skeleton
+} from "../chunk-VNQEJU4P.mjs";
+import {
+  slashDropdownMenu
+} from "../chunk-NNKYGAZC.mjs";
+import {
+  spinner
+} from "../chunk-4UDOCFU5.mjs";
+import {
+  splitPageLayout
+} from "../chunk-W7RJG22S.mjs";
 import {
   standardChip
 } from "../chunk-XQZL7LCP.mjs";
@@ -12,17 +36,17 @@ import {
   table
 } from "../chunk-YC2FQDBV.mjs";
 import {
-  tabs
-} from "../chunk-I6M4S2KZ.mjs";
+  riskIndicator
+} from "../chunk-CZMZHA7U.mjs";
 import {
-  textarea
-} from "../chunk-ARLLAC5V.mjs";
+  riskRating
+} from "../chunk-CNYKIUVC.mjs";
 import {
-  toolbar
-} from "../chunk-2NA54PNL.mjs";
+  scrollArea
+} from "../chunk-SPQE7K66.mjs";
 import {
-  tooltip
-} from "../chunk-OLYO7UPH.mjs";
+  sectionRow
+} from "../chunk-CC225WUG.mjs";
 import {
   select
 } from "../chunk-KPVLNOO5.mjs";
@@ -38,17 +62,14 @@ import {
   skeletonAvatar
 } from "../chunk-7Q2RNHL5.mjs";
 import {
-  skeleton
-} from "../chunk-VNQEJU4P.mjs";
-import {
-  slashDropdownMenu
-} from "../chunk-NNKYGAZC.mjs";
+  loadingPage
+} from "../chunk-ZOTN264E.mjs";
 import {
-  spinner
-} from "../chunk-4UDOCFU5.mjs";
+  pageHeader
+} from "../chunk-HAVJ6EQ6.mjs";
 import {
-  splitPageLayout
-} from "../chunk-W7RJG22S.mjs";
+  pageLayout
+} from "../chunk-OULAICSC.mjs";
 import {
   popover
 } from "../chunk-TQVRNEIH.mjs";
@@ -57,7 +78,7 @@ import {
 } from "../chunk-4XIBRN6X.mjs";
 import {
   relatedControlChip
-} from "../chunk-7BZAMXH2.mjs";
+} from "../chunk-NIEFB74U.mjs";
 import {
   resizable
 } from "../chunk-RV656WRF.mjs";
@@ -65,14 +86,11 @@ import {
   riskBadge
 } from "../chunk-V2J5XG34.mjs";
 import {
-  riskIndicator
-} from "../chunk-CZMZHA7U.mjs";
-import {
-  scrollArea
-} from "../chunk-SPQE7K66.mjs";
+  impactCard
+} from "../chunk-TDITF5BB.mjs";
 import {
-  sectionRow
-} from "../chunk-CC225WUG.mjs";
+  inputGroup
+} from "../chunk-HWEYNK3O.mjs";
 import {
   inputWrapper
 } from "../chunk-VSVGOX3P.mjs";
@@ -86,20 +104,17 @@ import {
   label
 } from "../chunk-LMCM4CW2.mjs";
 import {
-  loadingPage
-} from "../chunk-ZOTN264E.mjs";
-import {
-  pageHeader
-} from "../chunk-HAVJ6EQ6.mjs";
-import {
-  pageLayout
-} from "../chunk-OULAICSC.mjs";
+  editorBasic
+} from "../chunk-XOL7P7NP.mjs";
 import {
   editorSpinner
 } from "../chunk-TVC4THD6.mjs";
 import {
   avatarUpload
 } from "../chunk-QGL2OK4B.mjs";
+import {
+  filter
+} from "../chunk-PKB6QHSP.mjs";
 import {
   frameworkRow
 } from "../chunk-TPFAZH22.mjs";
@@ -112,12 +127,12 @@ import {
 import {
   imageCrop
 } from "../chunk-GMFZLUU4.mjs";
-import {
-  inputGroup
-} from "../chunk-HWEYNK3O.mjs";
 import {
   command
 } from "../chunk-YPHFKGNI.mjs";
+import {
+  complianceBadge
+} from "../chunk-RZ45NVOH.mjs";
 import {
   controlExtension
 } from "../chunk-M4TXKRUU.mjs";
@@ -136,9 +151,6 @@ import {
 import {
   dropdownMenu
 } from "../chunk-3PCDCW7G.mjs";
-import {
-  editorBasic
-} from "../chunk-XOL7P7NP.mjs";
 import {
   calendar
 } from "../chunk-JWF5ABNP.mjs";
@@ -162,7 +174,7 @@ import {
 } from "../chunk-CPERWXKN.mjs";
 import {
   combobox
-} from "../chunk-PWH7OU6T.mjs";
+} from "../chunk-Z2SMCAER.mjs";
 import {
   accordion
 } from "../chunk-AEWKHJEI.mjs";
@@ -208,6 +220,7 @@ export {
   colorHighlightButton,
   combobox,
   command,
+  complianceBadge,
   controlExtension,
   dataTable,
   datagrid,
@@ -216,10 +229,12 @@ export {
   dropdownMenu,
   editorBasic,
   editorSpinner,
+  filter,
   frameworkRow,
   heading,
   hoverCard,
   imageCrop,
+  impactCard,
   input,
   inputGroup,
   inputWrapper,
@@ -236,6 +251,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 };