@kopexa/theme 17.6.0 → 17.7.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,36 +1,84 @@
1
1
  import * as tailwind_variants from 'tailwind-variants';
2
2
  import { VariantProps } from 'tailwind-variants';
3
- import * as tailwind_merge from 'tailwind-merge';
4
3
 
4
+ /**
5
+ * Theme styles for related control chips.
6
+ * Used to display KRN-based control references as compact chips/tags.
7
+ */
5
8
  declare const relatedControlChip: tailwind_variants.TVReturnType<{
6
- [key: string]: {
7
- [key: string]: tailwind_merge.ClassNameValue | {
8
- root?: tailwind_merge.ClassNameValue;
9
- tooltip?: tailwind_merge.ClassNameValue;
9
+ size: {
10
+ sm: {
11
+ chip: string;
12
+ overflow: string;
13
+ };
14
+ md: {};
15
+ lg: {
16
+ chip: string;
17
+ overflow: string;
10
18
  };
11
19
  };
12
- } | {
13
- [x: string]: {
14
- [x: string]: tailwind_merge.ClassNameValue | {
15
- root?: tailwind_merge.ClassNameValue;
16
- tooltip?: tailwind_merge.ClassNameValue;
20
+ interactive: {
21
+ true: {
22
+ chip: string;
17
23
  };
24
+ false: {};
18
25
  };
19
- } | {}, {
20
- root: string[];
26
+ }, {
27
+ root: string;
28
+ chip: string[];
29
+ chipPrefix: string;
30
+ chipId: string;
31
+ overflow: string[];
21
32
  tooltip: string;
22
33
  }, undefined, {
23
- [key: string]: {
24
- [key: string]: tailwind_merge.ClassNameValue | {
25
- root?: tailwind_merge.ClassNameValue;
26
- tooltip?: tailwind_merge.ClassNameValue;
34
+ size: {
35
+ sm: {
36
+ chip: string;
37
+ overflow: string;
38
+ };
39
+ md: {};
40
+ lg: {
41
+ chip: string;
42
+ overflow: string;
27
43
  };
28
44
  };
29
- } | {}, {
30
- root: string[];
45
+ interactive: {
46
+ true: {
47
+ chip: string;
48
+ };
49
+ false: {};
50
+ };
51
+ }, {
52
+ root: string;
53
+ chip: string[];
54
+ chipPrefix: string;
55
+ chipId: string;
56
+ overflow: string[];
31
57
  tooltip: string;
32
- }, tailwind_variants.TVReturnType<unknown, {
33
- root: string[];
58
+ }, tailwind_variants.TVReturnType<{
59
+ size: {
60
+ sm: {
61
+ chip: string;
62
+ overflow: string;
63
+ };
64
+ md: {};
65
+ lg: {
66
+ chip: string;
67
+ overflow: string;
68
+ };
69
+ };
70
+ interactive: {
71
+ true: {
72
+ chip: string;
73
+ };
74
+ false: {};
75
+ };
76
+ }, {
77
+ root: string;
78
+ chip: string[];
79
+ chipPrefix: string;
80
+ chipId: string;
81
+ overflow: string[];
34
82
  tooltip: string;
35
83
  }, undefined, unknown, unknown, undefined>>;
36
84
  type RelatedControlChipVariantsProps = VariantProps<typeof relatedControlChip>;
@@ -26,10 +26,60 @@ module.exports = __toCommonJS(related_control_chip_exports);
26
26
  var import_tailwind_variants = require("tailwind-variants");
27
27
  var relatedControlChip = (0, import_tailwind_variants.tv)({
28
28
  slots: {
29
- root: [
30
- "text-xs border rounded-full cursor-pointer hover:text-primary px-2.5 py-0.5"
29
+ // Container for all chips
30
+ root: "flex flex-wrap items-center gap-1",
31
+ // Individual chip/tag
32
+ chip: [
33
+ "inline-flex",
34
+ "items-center",
35
+ "gap-0.5",
36
+ "px-1.5",
37
+ "py-0.5",
38
+ "rounded",
39
+ "text-xs",
40
+ "font-mono",
41
+ "bg-muted",
42
+ "text-muted-foreground",
43
+ "transition-colors",
44
+ "cursor-default"
31
45
  ],
46
+ // Framework prefix (e.g., "iso27001:")
47
+ chipPrefix: "text-muted-foreground/70",
48
+ // Control ID (e.g., "a-7-1")
49
+ chipId: "font-medium",
50
+ // Overflow indicator (e.g., "+3")
51
+ overflow: [
52
+ "text-xs",
53
+ "text-muted-foreground",
54
+ "cursor-pointer",
55
+ "hover:text-foreground",
56
+ "transition-colors"
57
+ ],
58
+ // Tooltip content
32
59
  tooltip: "text-xs"
60
+ },
61
+ variants: {
62
+ size: {
63
+ sm: {
64
+ chip: "text-[10px] px-1 py-px",
65
+ overflow: "text-[10px]"
66
+ },
67
+ md: {},
68
+ lg: {
69
+ chip: "text-sm px-2 py-1",
70
+ overflow: "text-sm"
71
+ }
72
+ },
73
+ interactive: {
74
+ true: {
75
+ chip: "cursor-pointer hover:bg-primary/10 hover:text-primary"
76
+ },
77
+ false: {}
78
+ }
79
+ },
80
+ defaultVariants: {
81
+ size: "md",
82
+ interactive: false
33
83
  }
34
84
  });
35
85
  // Annotate the CommonJS export names for ESM import in node:
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  relatedControlChip
3
- } from "../chunk-7BZAMXH2.mjs";
3
+ } from "../chunk-NIEFB74U.mjs";
4
4
  export {
5
5
  relatedControlChip
6
6
  };
@@ -0,0 +1,154 @@
1
+ import * as tailwind_variants from 'tailwind-variants';
2
+
3
+ declare const riskRating: tailwind_variants.TVReturnType<{
4
+ size: {
5
+ sm: {
6
+ badge: string;
7
+ label: string;
8
+ };
9
+ md: {
10
+ badge: string;
11
+ label: string;
12
+ };
13
+ };
14
+ level: {
15
+ unrated: {
16
+ badge: string;
17
+ label: string;
18
+ iconWrapper: string;
19
+ icon: string;
20
+ };
21
+ low: {
22
+ badge: string;
23
+ label: string;
24
+ iconWrapper: string;
25
+ icon: string;
26
+ };
27
+ medium: {
28
+ badge: string;
29
+ label: string;
30
+ iconWrapper: string;
31
+ icon: string;
32
+ };
33
+ high: {
34
+ badge: string;
35
+ label: string;
36
+ iconWrapper: string;
37
+ icon: string;
38
+ };
39
+ critical: {
40
+ badge: string;
41
+ label: string;
42
+ iconWrapper: string;
43
+ icon: string;
44
+ };
45
+ };
46
+ }, {
47
+ base: string;
48
+ badge: string;
49
+ label: string;
50
+ iconWrapper: string;
51
+ icon: string;
52
+ }, undefined, {
53
+ size: {
54
+ sm: {
55
+ badge: string;
56
+ label: string;
57
+ };
58
+ md: {
59
+ badge: string;
60
+ label: string;
61
+ };
62
+ };
63
+ level: {
64
+ unrated: {
65
+ badge: string;
66
+ label: string;
67
+ iconWrapper: string;
68
+ icon: string;
69
+ };
70
+ low: {
71
+ badge: string;
72
+ label: string;
73
+ iconWrapper: string;
74
+ icon: string;
75
+ };
76
+ medium: {
77
+ badge: string;
78
+ label: string;
79
+ iconWrapper: string;
80
+ icon: string;
81
+ };
82
+ high: {
83
+ badge: string;
84
+ label: string;
85
+ iconWrapper: string;
86
+ icon: string;
87
+ };
88
+ critical: {
89
+ badge: string;
90
+ label: string;
91
+ iconWrapper: string;
92
+ icon: string;
93
+ };
94
+ };
95
+ }, {
96
+ base: string;
97
+ badge: string;
98
+ label: string;
99
+ iconWrapper: string;
100
+ icon: string;
101
+ }, tailwind_variants.TVReturnType<{
102
+ size: {
103
+ sm: {
104
+ badge: string;
105
+ label: string;
106
+ };
107
+ md: {
108
+ badge: string;
109
+ label: string;
110
+ };
111
+ };
112
+ level: {
113
+ unrated: {
114
+ badge: string;
115
+ label: string;
116
+ iconWrapper: string;
117
+ icon: string;
118
+ };
119
+ low: {
120
+ badge: string;
121
+ label: string;
122
+ iconWrapper: string;
123
+ icon: string;
124
+ };
125
+ medium: {
126
+ badge: string;
127
+ label: string;
128
+ iconWrapper: string;
129
+ icon: string;
130
+ };
131
+ high: {
132
+ badge: string;
133
+ label: string;
134
+ iconWrapper: string;
135
+ icon: string;
136
+ };
137
+ critical: {
138
+ badge: string;
139
+ label: string;
140
+ iconWrapper: string;
141
+ icon: string;
142
+ };
143
+ };
144
+ }, {
145
+ base: string;
146
+ badge: string;
147
+ label: string;
148
+ iconWrapper: string;
149
+ icon: string;
150
+ }, undefined, unknown, unknown, undefined>>;
151
+ type RiskRatingVariantProps = Parameters<typeof riskRating>[0];
152
+ type RiskRatingSlots = keyof ReturnType<typeof riskRating>;
153
+
154
+ export { type RiskRatingSlots, type RiskRatingVariantProps, riskRating };
@@ -0,0 +1,154 @@
1
+ import * as tailwind_variants from 'tailwind-variants';
2
+
3
+ declare const riskRating: tailwind_variants.TVReturnType<{
4
+ size: {
5
+ sm: {
6
+ badge: string;
7
+ label: string;
8
+ };
9
+ md: {
10
+ badge: string;
11
+ label: string;
12
+ };
13
+ };
14
+ level: {
15
+ unrated: {
16
+ badge: string;
17
+ label: string;
18
+ iconWrapper: string;
19
+ icon: string;
20
+ };
21
+ low: {
22
+ badge: string;
23
+ label: string;
24
+ iconWrapper: string;
25
+ icon: string;
26
+ };
27
+ medium: {
28
+ badge: string;
29
+ label: string;
30
+ iconWrapper: string;
31
+ icon: string;
32
+ };
33
+ high: {
34
+ badge: string;
35
+ label: string;
36
+ iconWrapper: string;
37
+ icon: string;
38
+ };
39
+ critical: {
40
+ badge: string;
41
+ label: string;
42
+ iconWrapper: string;
43
+ icon: string;
44
+ };
45
+ };
46
+ }, {
47
+ base: string;
48
+ badge: string;
49
+ label: string;
50
+ iconWrapper: string;
51
+ icon: string;
52
+ }, undefined, {
53
+ size: {
54
+ sm: {
55
+ badge: string;
56
+ label: string;
57
+ };
58
+ md: {
59
+ badge: string;
60
+ label: string;
61
+ };
62
+ };
63
+ level: {
64
+ unrated: {
65
+ badge: string;
66
+ label: string;
67
+ iconWrapper: string;
68
+ icon: string;
69
+ };
70
+ low: {
71
+ badge: string;
72
+ label: string;
73
+ iconWrapper: string;
74
+ icon: string;
75
+ };
76
+ medium: {
77
+ badge: string;
78
+ label: string;
79
+ iconWrapper: string;
80
+ icon: string;
81
+ };
82
+ high: {
83
+ badge: string;
84
+ label: string;
85
+ iconWrapper: string;
86
+ icon: string;
87
+ };
88
+ critical: {
89
+ badge: string;
90
+ label: string;
91
+ iconWrapper: string;
92
+ icon: string;
93
+ };
94
+ };
95
+ }, {
96
+ base: string;
97
+ badge: string;
98
+ label: string;
99
+ iconWrapper: string;
100
+ icon: string;
101
+ }, tailwind_variants.TVReturnType<{
102
+ size: {
103
+ sm: {
104
+ badge: string;
105
+ label: string;
106
+ };
107
+ md: {
108
+ badge: string;
109
+ label: string;
110
+ };
111
+ };
112
+ level: {
113
+ unrated: {
114
+ badge: string;
115
+ label: string;
116
+ iconWrapper: string;
117
+ icon: string;
118
+ };
119
+ low: {
120
+ badge: string;
121
+ label: string;
122
+ iconWrapper: string;
123
+ icon: string;
124
+ };
125
+ medium: {
126
+ badge: string;
127
+ label: string;
128
+ iconWrapper: string;
129
+ icon: string;
130
+ };
131
+ high: {
132
+ badge: string;
133
+ label: string;
134
+ iconWrapper: string;
135
+ icon: string;
136
+ };
137
+ critical: {
138
+ badge: string;
139
+ label: string;
140
+ iconWrapper: string;
141
+ icon: string;
142
+ };
143
+ };
144
+ }, {
145
+ base: string;
146
+ badge: string;
147
+ label: string;
148
+ iconWrapper: string;
149
+ icon: string;
150
+ }, undefined, unknown, unknown, undefined>>;
151
+ type RiskRatingVariantProps = Parameters<typeof riskRating>[0];
152
+ type RiskRatingSlots = keyof ReturnType<typeof riskRating>;
153
+
154
+ export { type RiskRatingSlots, type RiskRatingVariantProps, riskRating };
@@ -0,0 +1,88 @@
1
+ "use strict";
2
+ var __defProp = Object.defineProperty;
3
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
+ var __getOwnPropNames = Object.getOwnPropertyNames;
5
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
6
+ var __export = (target, all) => {
7
+ for (var name in all)
8
+ __defProp(target, name, { get: all[name], enumerable: true });
9
+ };
10
+ var __copyProps = (to, from, except, desc) => {
11
+ if (from && typeof from === "object" || typeof from === "function") {
12
+ for (let key of __getOwnPropNames(from))
13
+ if (!__hasOwnProp.call(to, key) && key !== except)
14
+ __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
15
+ }
16
+ return to;
17
+ };
18
+ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
19
+
20
+ // src/components/risk-rating.ts
21
+ var risk_rating_exports = {};
22
+ __export(risk_rating_exports, {
23
+ riskRating: () => riskRating
24
+ });
25
+ module.exports = __toCommonJS(risk_rating_exports);
26
+ var import_tailwind_variants = require("tailwind-variants");
27
+ var riskRating = (0, import_tailwind_variants.tv)({
28
+ slots: {
29
+ base: "flex items-center gap-2",
30
+ badge: "flex items-center justify-center rounded-md font-bold",
31
+ label: "font-medium",
32
+ // Icon slots for list items
33
+ iconWrapper: "p-2 rounded-lg shrink-0",
34
+ icon: "size-4"
35
+ },
36
+ variants: {
37
+ size: {
38
+ sm: {
39
+ badge: "size-6 text-xs",
40
+ label: "text-xs"
41
+ },
42
+ md: {
43
+ badge: "size-8 text-sm",
44
+ label: "text-sm"
45
+ }
46
+ },
47
+ level: {
48
+ unrated: {
49
+ badge: "bg-muted text-muted-foreground font-medium",
50
+ label: "text-muted-foreground",
51
+ iconWrapper: "bg-muted/50",
52
+ icon: "text-muted-foreground"
53
+ },
54
+ low: {
55
+ badge: "bg-success text-white",
56
+ label: "text-success",
57
+ iconWrapper: "bg-success/10",
58
+ icon: "text-success"
59
+ },
60
+ medium: {
61
+ badge: "bg-warning text-white",
62
+ label: "text-warning",
63
+ iconWrapper: "bg-warning/10",
64
+ icon: "text-warning"
65
+ },
66
+ high: {
67
+ badge: "bg-orange-500 text-white",
68
+ label: "text-orange-500",
69
+ iconWrapper: "bg-orange-500/10",
70
+ icon: "text-orange-500"
71
+ },
72
+ critical: {
73
+ badge: "bg-destructive text-white",
74
+ label: "text-destructive",
75
+ iconWrapper: "bg-destructive/10",
76
+ icon: "text-destructive"
77
+ }
78
+ }
79
+ },
80
+ defaultVariants: {
81
+ size: "md",
82
+ level: "unrated"
83
+ }
84
+ });
85
+ // Annotate the CommonJS export names for ESM import in node:
86
+ 0 && (module.exports = {
87
+ riskRating
88
+ });
@@ -0,0 +1,6 @@
1
+ import {
2
+ riskRating
3
+ } from "../chunk-CNYKIUVC.mjs";
4
+ export {
5
+ riskRating
6
+ };
package/dist/index.d.mts CHANGED
@@ -46,6 +46,7 @@ export { RelatedControlChipVariantsProps, relatedControlChip } from './component
46
46
  export { ResizableVariantProps, resizable } from './components/resizable.mjs';
47
47
  export { RiskBadgeVariantProps, riskBadge } from './components/risk-badge.mjs';
48
48
  export { RiskIndicatorVariantProps, riskIndicator } from './components/risk-indicator.mjs';
49
+ export { RiskRatingSlots, RiskRatingVariantProps, riskRating } from './components/risk-rating.mjs';
49
50
  export { ScrollAreaVariantProps, scrollArea } from './components/scroll-area.mjs';
50
51
  export { SectionRowSlots, SectionRowVariantProps, sectionRow } from './components/section-row.mjs';
51
52
  export { SelectVariantProps, select } from './components/select.mjs';
package/dist/index.d.ts CHANGED
@@ -46,6 +46,7 @@ export { RelatedControlChipVariantsProps, relatedControlChip } from './component
46
46
  export { ResizableVariantProps, resizable } from './components/resizable.js';
47
47
  export { RiskBadgeVariantProps, riskBadge } from './components/risk-badge.js';
48
48
  export { RiskIndicatorVariantProps, riskIndicator } from './components/risk-indicator.js';
49
+ export { RiskRatingSlots, RiskRatingVariantProps, riskRating } from './components/risk-rating.js';
49
50
  export { ScrollAreaVariantProps, scrollArea } from './components/scroll-area.js';
50
51
  export { SectionRowSlots, SectionRowVariantProps, sectionRow } from './components/section-row.js';
51
52
  export { SelectVariantProps, select } from './components/select.js';