@kopexa/theme 17.5.0 → 17.7.0

package/dist/components/impact-card.js

@@ -0,0 +1,103 @@
+"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/impact-card.ts
+var impact_card_exports = {};
+__export(impact_card_exports, {
+  impactCard: () => impactCard
+});
+module.exports = __toCommonJS(impact_card_exports);
+var import_tailwind_variants = require("tailwind-variants");
+var impactCard = (0, import_tailwind_variants.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
+  }
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  impactCard
+});

package/dist/components/impact-card.mjs

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

package/dist/components/index.d.mts

@@ -14,6 +14,7 @@ export { CodeVariantProps, code } from './code.mjs';
 export { colorHighlightButton } from './color-highlight-button.mjs';
 export { ComboboxVariantProps, combobox } from './combobox.mjs';
 export { CommandVariants, command } from './command.mjs';
+export { ComplianceBadgeSlots, ComplianceBadgeVariantProps, complianceBadge } from './compliance-badge.mjs';
 export { controlExtension } from './control-extension.mjs';
 export { DataGridVariants, datagrid } from './data-grid.mjs';
 export { DataTableVariants, dataTable } from './data-table.mjs';
@@ -23,10 +24,12 @@ export { DropdownMenuVariantProps, dropdownMenu } from './dropdown-menu.mjs';
 export { EditorBasicVariants, editorBasic } from './editor-basic.mjs';
 export { editorSpinner } from './editor-spinner.mjs';
 export { AvatarUploadSlots, AvatarUploadVariants, avatarUpload } from './file-upload.mjs';
+export { FilterSlots, FilterVariantProps, filter } from './filter.mjs';
 export { frameworkRow } from './framework-row.mjs';
 export { HeadingVariantProps, heading } from './heading.mjs';
 export { HoverCardSlots, HoverCardVariantProps, hoverCard } from './hover-card.mjs';
 export { imageCrop } from './image-crop.mjs';
+export { ImpactCardSlots, ImpactCardVariantProps, impactCard } from './impact-card.mjs';
 export { InputVariantProps, input, passwordInput } from './input.mjs';
 export { inputGroup } from './input-group.mjs';
 export { InputWrapperVariantProps, inputWrapper } from './input-wrapper.mjs';
@@ -42,6 +45,7 @@ export { RelatedControlChipVariantsProps, relatedControlChip } from './related-c
 export { ResizableVariantProps, resizable } from './resizable.mjs';
 export { RiskBadgeVariantProps, riskBadge } from './risk-badge.mjs';
 export { RiskIndicatorVariantProps, riskIndicator } from './risk-indicator.mjs';
+export { RiskRatingSlots, RiskRatingVariantProps, riskRating } from './risk-rating.mjs';
 export { ScrollAreaVariantProps, scrollArea } from './scroll-area.mjs';
 export { SectionRowSlots, SectionRowVariantProps, sectionRow } from './section-row.mjs';
 export { SelectVariantProps, select } from './select.mjs';

package/dist/components/index.d.ts

@@ -14,6 +14,7 @@ export { CodeVariantProps, code } from './code.js';
 export { colorHighlightButton } from './color-highlight-button.js';
 export { ComboboxVariantProps, combobox } from './combobox.js';
 export { CommandVariants, command } from './command.js';
+export { ComplianceBadgeSlots, ComplianceBadgeVariantProps, complianceBadge } from './compliance-badge.js';
 export { controlExtension } from './control-extension.js';
 export { DataGridVariants, datagrid } from './data-grid.js';
 export { DataTableVariants, dataTable } from './data-table.js';
@@ -23,10 +24,12 @@ export { DropdownMenuVariantProps, dropdownMenu } from './dropdown-menu.js';
 export { EditorBasicVariants, editorBasic } from './editor-basic.js';
 export { editorSpinner } from './editor-spinner.js';
 export { AvatarUploadSlots, AvatarUploadVariants, avatarUpload } from './file-upload.js';
+export { FilterSlots, FilterVariantProps, filter } from './filter.js';
 export { frameworkRow } from './framework-row.js';
 export { HeadingVariantProps, heading } from './heading.js';
 export { HoverCardSlots, HoverCardVariantProps, hoverCard } from './hover-card.js';
 export { imageCrop } from './image-crop.js';
+export { ImpactCardSlots, ImpactCardVariantProps, impactCard } from './impact-card.js';
 export { InputVariantProps, input, passwordInput } from './input.js';
 export { inputGroup } from './input-group.js';
 export { InputWrapperVariantProps, inputWrapper } from './input-wrapper.js';
@@ -42,6 +45,7 @@ export { RelatedControlChipVariantsProps, relatedControlChip } from './related-c
 export { ResizableVariantProps, resizable } from './resizable.js';
 export { RiskBadgeVariantProps, riskBadge } from './risk-badge.js';
 export { RiskIndicatorVariantProps, riskIndicator } from './risk-indicator.js';
+export { RiskRatingSlots, RiskRatingVariantProps, riskRating } from './risk-rating.js';
 export { ScrollAreaVariantProps, scrollArea } from './scroll-area.js';
 export { SectionRowSlots, SectionRowVariantProps, sectionRow } from './section-row.js';
 export { SelectVariantProps, select } from './select.js';