@kopexa/theme 1.7.4 → 1.7.6

package/dist/chunk-7BZAMXH2.mjs

@@ -0,0 +1,14 @@
+// src/components/related-control-chip.ts
+import { tv } from "tailwind-variants";
+var relatedControlChip = tv({
+  slots: {
+    root: [
+      "text-xs border rounded-full cursor-pointer hover:text-primary px-2.5 py-0.5"
+    ],
+    tooltip: "text-xs"
+  }
+});
+
+export {
+  relatedControlChip
+};

package/dist/{chunk-CQZMQVAO.mjs → chunk-JHKTRIIA.mjs}

@@ -1,6 +1,6 @@
 import {
   colorVariants
-} from "./chunk-V5U46MEN.mjs";
+} from "./chunk-WSEO3MLK.mjs";
 
 // src/components/chip.ts
 import { tv } from "tailwind-variants";

package/dist/{chunk-CWX7ZJ4B.mjs → chunk-JQ74U2S3.mjs}

@@ -4,14 +4,14 @@ import {
 } from "./chunk-UEMJVVVF.mjs";
 import {
   colorVariants
-} from "./chunk-V5U46MEN.mjs";
+} from "./chunk-WSEO3MLK.mjs";
 
 // src/components/avatar.ts
 import { tv } from "tailwind-variants";
 var avatar = tv({
   slots: {
     root: [
-      "flex",
+      "flex w-min h-min",
       "relative",
       "justify-center",
       "items-center",

package/dist/{chunk-QDDPXEQO.mjs → chunk-OLYO7UPH.mjs}

@@ -3,7 +3,7 @@ import { tv } from "tailwind-variants";
 var tooltip = tv({
   slots: {
     content: [
-      "bg-primary text-primary-foreground",
+      "bg-primary-900 text-primary-foreground",
       "animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-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 w-fit origin-(--radix-tooltip-content-transform-origin)",
       "rounded-md px-3 py-1.5 text-xs font-medium text-balance",

package/dist/chunk-QOW6FLZ6.mjs

@@ -0,0 +1,26 @@
+// src/components/integration-card.ts
+import { tv } from "tailwind-variants";
+var integrationCard = tv({
+  slots: {
+    root: "",
+    header: "flex items-start justify-between gap-3",
+    headerContent: "flex min-w-0 items-center gap-3",
+    logoAndName: ["flex w-min items-center justify-center "],
+    headingContainer: "min-w-0",
+    heading: "truncate text-base font-semibold",
+    statusIndicatorContainer: "ml-auto",
+    description: "text-sm leading-relaxed text-muted-foreground break-words",
+    tagsContainer: "mt-2 flex flex-wrap gap-1.5",
+    footer: "mt-auto flex items-center justify-between border-t",
+    version: "text-xs text-muted-foreground",
+    websiteContainer: "flex items-center gap-2",
+    websiteLink: [
+      "inline-flex items-center gap-1 rounded-lg px-2.5 py-1 text-sm text-muted-foreground ring-1 ring-inset ring-ring transition hover:bg-primary-50 hover:text-primary-900"
+    ],
+    websiteIcons: "size-3.5"
+  }
+});
+
+export {
+  integrationCard
+};

package/dist/{chunk-KRTETJ33.mjs → chunk-ROZ24JVQ.mjs}

@@ -1,6 +1,6 @@
 import {
   colorVariants
-} from "./chunk-V5U46MEN.mjs";
+} from "./chunk-WSEO3MLK.mjs";
 
 // src/components/code.ts
 import { tv } from "tailwind-variants";

package/dist/chunk-SHHD2WUZ.mjs

@@ -0,0 +1,99 @@
+import {
+  chip
+} from "./chunk-JHKTRIIA.mjs";
+
+// src/components/standard-chip.ts
+import { tv } from "tailwind-variants";
+var standardChip = tv({
+  extend: chip,
+  slots: {
+    root: [
+      "inline-flex",
+      "gap-1",
+      "items-center",
+      "rounded-full",
+      "border border-border text-xs font-semibold transition-colors focus:outline-hidden h-fit shrink-0"
+    ],
+    hexagon: [
+      "size-2.5 bg-[currentColor] [clip-path:polygon(50%_0%,95%_25%,95%_75%,50%_100%,5%_75%,5%_25%)]"
+    ]
+  },
+  variants: {
+    standard: {
+      "ISO 27001": {
+        hexagon: "text-standard-iso27001"
+      },
+      "ISO/IEC 27001:2017": {
+        hexagon: "text-standard-iso27001"
+      },
+      "ISO 9001": {
+        hexagon: "text-standard-iso9001"
+      },
+      "ISO 14001": {
+        hexagon: "text-standard-iso14001"
+      },
+      "NIS 2": {
+        hexagon: "text-standard-nis2"
+      },
+      "NIST 800-53": {
+        hexagon: "text-standard-nist80053"
+      },
+      "NIST CSF": {
+        hexagon: "text-standard-nistcsf"
+      },
+      "SOC 2": {
+        hexagon: "text-standard-soc2"
+      },
+      "NIST SSDF": {
+        hexagon: "text-standard-nistssdf"
+      },
+      GDPR: {
+        hexagon: "text-standard-gdpr"
+      },
+      "CIS Benchmarks": {
+        hexagon: "text-standard-cis"
+      },
+      CCM: {
+        hexagon: "text-standard-ccm"
+      },
+      HIPAA: { hexagon: "text-standard-hipaa" },
+      HIPPA: { hexagon: "text-standard-hipaa" },
+      // alias for common misspelling
+      SOX: {
+        hexagon: "text-standard-sox"
+      },
+      /* EU & DE add-ons */
+      DORA: { hexagon: "text-standard-dora" },
+      "Cyber Resilience Act": { hexagon: "text-standard-cra" },
+      "EU AI Act": { hexagon: "text-standard-eu-aiact" },
+      "eIDAS 2.0": { hexagon: "text-standard-eidas2" },
+      "BSI IT-Grundschutz": { hexagon: "text-standard-bsi-itg" },
+      "KRITIS / IT-SiG 2.0": { hexagon: "text-standard-kritis" },
+      "BSI C5": { hexagon: "text-standard-bsi-c5" },
+      /* Industry & extended ISO */
+      TISAX: { hexagon: "text-standard-tisax" },
+      "PCI DSS": { hexagon: "text-standard-pci-dss" },
+      "IEC 62443": { hexagon: "text-standard-iec-62443" },
+      "ISO 27701": { hexagon: "text-standard-iso27701" },
+      "ISO 27017": { hexagon: "text-standard-iso27017" },
+      "ISO 27018": { hexagon: "text-standard-iso27018" },
+      "ISO 22301": { hexagon: "text-standard-iso22301" },
+      "ISO 20000-1": { hexagon: "text-standard-iso20000-1" },
+      CUSTOM: {
+        hexagon: "text-standard-custom"
+      }
+    },
+    size: {
+      sm: {},
+      md: {},
+      lg: {}
+    }
+  },
+  defaultVariants: {
+    standard: "CUSTOM"
+  }
+});
+
+export {
+  standardChip
+};

package/dist/chunk-TPFAZH22.mjs

@@ -0,0 +1,17 @@
+// src/components/framework-row.ts
+import { tv } from "tailwind-variants";
+var frameworkRow = 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",
+    refCodeContainer: "flex flex-wrap gap-2",
+    toggleButton: [
+      "px-2 py-0.5 text-xs rounded-full border",
+      "bg-background text-muted-foreground hover:bg-muted/40"
+    ]
+  }
+});
+
+export {
+  frameworkRow
+};

package/dist/{chunk-HALNIEC7.mjs → chunk-U32YEQZ5.mjs}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-UEMJVVVF.mjs";
 import {
   colorVariants
-} from "./chunk-V5U46MEN.mjs";
+} from "./chunk-WSEO3MLK.mjs";
 
 // src/components/button.ts
 import { tv } from "tailwind-variants";

package/dist/{chunk-V5U46MEN.mjs → chunk-WSEO3MLK.mjs}

@@ -1,6 +1,6 @@
 // src/utils/variants.ts
 var solid = {
-  default: "bg-foreground text-background",
+  default: "bg-default-100 text-foreground dark:bg-default-900",
   primary: "bg-primary text-primary-foreground",
   secondary: "bg-secondary text-secondary-foreground",
   destructive: "bg-destructive text-destructive-foreground",

package/dist/{chunk-HU3STCSK.mjs → chunk-ZL6FAOXE.mjs}

@@ -1,6 +1,6 @@
 import {
   avatar
-} from "./chunk-CWX7ZJ4B.mjs";
+} from "./chunk-JQ74U2S3.mjs";
 
 // src/components/skeleton-avatar.ts
 import { tv } from "tailwind-variants";

package/dist/components/avatar.js

@@ -40,7 +40,7 @@ var translateCenterClasses = [
 
 // src/utils/variants.ts
 var solid = {
-  default: "bg-foreground text-background",
+  default: "bg-default-100 text-foreground dark:bg-default-900",
   primary: "bg-primary text-primary-foreground",
   secondary: "bg-secondary text-secondary-foreground",
   destructive: "bg-destructive text-destructive-foreground",
@@ -93,7 +93,7 @@ var colorVariants = {
 var avatar = (0, import_tailwind_variants.tv)({
   slots: {
     root: [
-      "flex",
+      "flex w-min h-min",
       "relative",
       "justify-center",
       "items-center",

package/dist/components/avatar.mjs

@@ -1,8 +1,8 @@
 import {
   avatar
-} from "../chunk-CWX7ZJ4B.mjs";
+} from "../chunk-JQ74U2S3.mjs";
 import "../chunk-UEMJVVVF.mjs";
-import "../chunk-V5U46MEN.mjs";
+import "../chunk-WSEO3MLK.mjs";
 export {
   avatar
 };

package/dist/components/button.js

@@ -33,7 +33,7 @@ var focusVisibleClasses = [
 
 // src/utils/variants.ts
 var solid = {
-  default: "bg-foreground text-background",
+  default: "bg-default-100 text-foreground dark:bg-default-900",
   primary: "bg-primary text-primary-foreground",
   secondary: "bg-secondary text-secondary-foreground",
   destructive: "bg-destructive text-destructive-foreground",

package/dist/components/button.mjs

@@ -1,8 +1,8 @@
 import {
   button
-} from "../chunk-HALNIEC7.mjs";
+} from "../chunk-U32YEQZ5.mjs";
 import "../chunk-UEMJVVVF.mjs";
-import "../chunk-V5U46MEN.mjs";
+import "../chunk-WSEO3MLK.mjs";
 export {
   button
 };

package/dist/components/chip.js

@@ -27,7 +27,7 @@ var import_tailwind_variants = require("tailwind-variants");
 
 // src/utils/variants.ts
 var solid = {
-  default: "bg-foreground text-background",
+  default: "bg-default-100 text-foreground dark:bg-default-900",
   primary: "bg-primary text-primary-foreground",
   secondary: "bg-secondary text-secondary-foreground",
   destructive: "bg-destructive text-destructive-foreground",

package/dist/components/chip.mjs

@@ -1,7 +1,7 @@
 import {
   chip
-} from "../chunk-CQZMQVAO.mjs";
-import "../chunk-V5U46MEN.mjs";
+} from "../chunk-JHKTRIIA.mjs";
+import "../chunk-WSEO3MLK.mjs";
 export {
   chip
 };

package/dist/components/code.js

@@ -27,7 +27,7 @@ var import_tailwind_variants = require("tailwind-variants");
 
 // src/utils/variants.ts
 var solid = {
-  default: "bg-foreground text-background",
+  default: "bg-default-100 text-foreground dark:bg-default-900",
   primary: "bg-primary text-primary-foreground",
   secondary: "bg-secondary text-secondary-foreground",
   destructive: "bg-destructive text-destructive-foreground",

package/dist/components/code.mjs

@@ -1,7 +1,7 @@
 import {
   code
-} from "../chunk-KRTETJ33.mjs";
-import "../chunk-V5U46MEN.mjs";
+} from "../chunk-ROZ24JVQ.mjs";
+import "../chunk-WSEO3MLK.mjs";
 export {
   code
 };

package/dist/components/framework-row.d.mts

@@ -0,0 +1,48 @@
+import * as tailwind_variants from 'tailwind-variants';
+import * as tailwind_merge from 'tailwind-merge';
+
+declare const frameworkRow: tailwind_variants.TVReturnType<{
+    [key: string]: {
+        [key: string]: tailwind_merge.ClassNameValue | {
+            root?: tailwind_merge.ClassNameValue;
+            standardContainer?: tailwind_merge.ClassNameValue;
+            refCodeContainer?: tailwind_merge.ClassNameValue;
+            toggleButton?: tailwind_merge.ClassNameValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: tailwind_merge.ClassNameValue | {
+            root?: tailwind_merge.ClassNameValue;
+            standardContainer?: tailwind_merge.ClassNameValue;
+            refCodeContainer?: tailwind_merge.ClassNameValue;
+            toggleButton?: tailwind_merge.ClassNameValue;
+        };
+    };
+} | {}, {
+    root: string;
+    standardContainer: string;
+    refCodeContainer: string;
+    toggleButton: string[];
+}, undefined, {
+    [key: string]: {
+        [key: string]: tailwind_merge.ClassNameValue | {
+            root?: tailwind_merge.ClassNameValue;
+            standardContainer?: tailwind_merge.ClassNameValue;
+            refCodeContainer?: tailwind_merge.ClassNameValue;
+            toggleButton?: tailwind_merge.ClassNameValue;
+        };
+    };
+} | {}, {
+    root: string;
+    standardContainer: string;
+    refCodeContainer: string;
+    toggleButton: string[];
+}, tailwind_variants.TVReturnType<unknown, {
+    root: string;
+    standardContainer: string;
+    refCodeContainer: string;
+    toggleButton: string[];
+}, undefined, unknown, unknown, undefined>>;
+
+export { frameworkRow };

package/dist/components/framework-row.d.ts

@@ -0,0 +1,48 @@
+import * as tailwind_variants from 'tailwind-variants';
+import * as tailwind_merge from 'tailwind-merge';
+
+declare const frameworkRow: tailwind_variants.TVReturnType<{
+    [key: string]: {
+        [key: string]: tailwind_merge.ClassNameValue | {
+            root?: tailwind_merge.ClassNameValue;
+            standardContainer?: tailwind_merge.ClassNameValue;
+            refCodeContainer?: tailwind_merge.ClassNameValue;
+            toggleButton?: tailwind_merge.ClassNameValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: tailwind_merge.ClassNameValue | {
+            root?: tailwind_merge.ClassNameValue;
+            standardContainer?: tailwind_merge.ClassNameValue;
+            refCodeContainer?: tailwind_merge.ClassNameValue;
+            toggleButton?: tailwind_merge.ClassNameValue;
+        };
+    };
+} | {}, {
+    root: string;
+    standardContainer: string;
+    refCodeContainer: string;
+    toggleButton: string[];
+}, undefined, {
+    [key: string]: {
+        [key: string]: tailwind_merge.ClassNameValue | {
+            root?: tailwind_merge.ClassNameValue;
+            standardContainer?: tailwind_merge.ClassNameValue;
+            refCodeContainer?: tailwind_merge.ClassNameValue;
+            toggleButton?: tailwind_merge.ClassNameValue;
+        };
+    };
+} | {}, {
+    root: string;
+    standardContainer: string;
+    refCodeContainer: string;
+    toggleButton: string[];
+}, tailwind_variants.TVReturnType<unknown, {
+    root: string;
+    standardContainer: string;
+    refCodeContainer: string;
+    toggleButton: string[];
+}, undefined, unknown, unknown, undefined>>;
+
+export { frameworkRow };

package/dist/components/framework-row.js

@@ -0,0 +1,41 @@
+"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/framework-row.ts
+var framework_row_exports = {};
+__export(framework_row_exports, {
+  frameworkRow: () => frameworkRow
+});
+module.exports = __toCommonJS(framework_row_exports);
+var import_tailwind_variants = require("tailwind-variants");
+var frameworkRow = (0, import_tailwind_variants.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",
+    refCodeContainer: "flex flex-wrap gap-2",
+    toggleButton: [
+      "px-2 py-0.5 text-xs rounded-full border",
+      "bg-background text-muted-foreground hover:bg-muted/40"
+    ]
+  }
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  frameworkRow
+});

package/dist/components/framework-row.mjs

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

package/dist/components/index.d.mts

@@ -15,13 +15,16 @@ export { DataTableVariants, dataTable } from './data-table.mjs';
 export { DialogSlots, DialogVariantProps, dialog } from './dialog.mjs';
 export { DrawerVariantProps, drawer } from './drawer.mjs';
 export { DropdownMenuVariantProps, dropdownMenu } from './dropdown-menu.mjs';
+export { frameworkRow } from './framework-row.mjs';
 export { HeadingVariantProps, heading } from './heading.mjs';
 export { HoverCardSlots, HoverCardVariantProps, hoverCard } from './hover-card.mjs';
 export { InputVariantProps, input, passwordInput } from './input.mjs';
+export { IntegrationCardSlots, IntegrationCardVariantProps, integrationCard } from './integration-card.mjs';
 export { PageHeaderVariantProps, pageHeader } from './page-header.mjs';
 export { PageLayoutSlots, PageLayoutVariantProps, pageLayout } from './page-layout.mjs';
 export { PopoverVariants, popover } from './popover.mjs';
 export { PreviewCardSlots, PreviewCardVariantProps, previewCard } from './preview-card.mjs';
+export { RelatedControlChipVariantsProps, relatedControlChip } from './related-control-chip.mjs';
 export { ResizableVariantProps, resizable } from './resizable.mjs';
 export { RiskBadgeVariantProps, riskBadge } from './risk-badge.mjs';
 export { RiskIndicatorVariantProps, riskIndicator } from './risk-indicator.mjs';
@@ -32,6 +35,7 @@ export { skeleton } from './skeleton.mjs';
 export { SkeletonAvatarVariantProps, skeletonAvatar } from './skeleton-avatar.mjs';
 export { SpinnerVariants, spinner } from './spinner.mjs';
 export { SplitPageLayoutVariantProps, splitPageLayout } from './split-page-layout.mjs';
+export { StandardChipVariants, standardChip } from './standard-chip.mjs';
 export { TabNavSlots, TabNavVariantProps, tabNav } from './tab-nav.mjs';
 export { TableSlots, TableVariantProps, table } from './table.mjs';
 export { TabsVariantProps, tabs } from './tabs.mjs';

package/dist/components/index.d.ts

@@ -15,13 +15,16 @@ export { DataTableVariants, dataTable } from './data-table.js';
 export { DialogSlots, DialogVariantProps, dialog } from './dialog.js';
 export { DrawerVariantProps, drawer } from './drawer.js';
 export { DropdownMenuVariantProps, dropdownMenu } from './dropdown-menu.js';
+export { frameworkRow } from './framework-row.js';
 export { HeadingVariantProps, heading } from './heading.js';
 export { HoverCardSlots, HoverCardVariantProps, hoverCard } from './hover-card.js';
 export { InputVariantProps, input, passwordInput } from './input.js';
+export { IntegrationCardSlots, IntegrationCardVariantProps, integrationCard } from './integration-card.js';
 export { PageHeaderVariantProps, pageHeader } from './page-header.js';
 export { PageLayoutSlots, PageLayoutVariantProps, pageLayout } from './page-layout.js';
 export { PopoverVariants, popover } from './popover.js';
 export { PreviewCardSlots, PreviewCardVariantProps, previewCard } from './preview-card.js';
+export { RelatedControlChipVariantsProps, relatedControlChip } from './related-control-chip.js';
 export { ResizableVariantProps, resizable } from './resizable.js';
 export { RiskBadgeVariantProps, riskBadge } from './risk-badge.js';
 export { RiskIndicatorVariantProps, riskIndicator } from './risk-indicator.js';
@@ -32,6 +35,7 @@ export { skeleton } from './skeleton.js';
 export { SkeletonAvatarVariantProps, skeletonAvatar } from './skeleton-avatar.js';
 export { SpinnerVariants, spinner } from './spinner.js';
 export { SplitPageLayoutVariantProps, splitPageLayout } from './split-page-layout.js';
+export { StandardChipVariants, standardChip } from './standard-chip.js';
 export { TabNavSlots, TabNavVariantProps, tabNav } from './tab-nav.js';
 export { TableSlots, TableVariantProps, table } from './table.js';
 export { TabsVariantProps, tabs } from './tabs.js';