@kopexa/theme 17.4.2 → 17.6.0

package/dist/components/filter.d.ts

@@ -0,0 +1,143 @@
+import * as tailwind_variants from 'tailwind-variants';
+import { VariantProps } from 'tailwind-variants';
+
+declare const filter: tailwind_variants.TVReturnType<{
+    size: {
+        sm: {
+            trigger: string;
+            field: string;
+            fieldRemove: string;
+        };
+        md: {
+            trigger: string;
+            field: string;
+        };
+        lg: {
+            trigger: string;
+            field: string;
+            fieldRemove: string;
+        };
+    };
+    variant: {
+        outline: {
+            field: string;
+        };
+        solid: {};
+    };
+}, {
+    root: string;
+    trigger: string[];
+    triggerIcon: string;
+    menu: string[];
+    menuGroup: string;
+    menuGroupLabel: string;
+    menuItem: string[];
+    menuItemIcon: string;
+    menuSeparator: string;
+    field: string[];
+    fieldLabel: string;
+    fieldOperator: string;
+    fieldValue: string;
+    fieldRemove: string[];
+    editor: string[];
+    editorHeader: string;
+    editorTitle: string;
+    editorOperator: string;
+    editorInput: string;
+    active: string;
+    clearAll: string[];
+}, undefined, {
+    size: {
+        sm: {
+            trigger: string;
+            field: string;
+            fieldRemove: string;
+        };
+        md: {
+            trigger: string;
+            field: string;
+        };
+        lg: {
+            trigger: string;
+            field: string;
+            fieldRemove: string;
+        };
+    };
+    variant: {
+        outline: {
+            field: string;
+        };
+        solid: {};
+    };
+}, {
+    root: string;
+    trigger: string[];
+    triggerIcon: string;
+    menu: string[];
+    menuGroup: string;
+    menuGroupLabel: string;
+    menuItem: string[];
+    menuItemIcon: string;
+    menuSeparator: string;
+    field: string[];
+    fieldLabel: string;
+    fieldOperator: string;
+    fieldValue: string;
+    fieldRemove: string[];
+    editor: string[];
+    editorHeader: string;
+    editorTitle: string;
+    editorOperator: string;
+    editorInput: string;
+    active: string;
+    clearAll: string[];
+}, tailwind_variants.TVReturnType<{
+    size: {
+        sm: {
+            trigger: string;
+            field: string;
+            fieldRemove: string;
+        };
+        md: {
+            trigger: string;
+            field: string;
+        };
+        lg: {
+            trigger: string;
+            field: string;
+            fieldRemove: string;
+        };
+    };
+    variant: {
+        outline: {
+            field: string;
+        };
+        solid: {};
+    };
+}, {
+    root: string;
+    trigger: string[];
+    triggerIcon: string;
+    menu: string[];
+    menuGroup: string;
+    menuGroupLabel: string;
+    menuItem: string[];
+    menuItemIcon: string;
+    menuSeparator: string;
+    field: string[];
+    fieldLabel: string;
+    fieldOperator: string;
+    fieldValue: string;
+    fieldRemove: string[];
+    editor: string[];
+    editorHeader: string;
+    editorTitle: string;
+    editorOperator: string;
+    editorInput: string;
+    active: string;
+    clearAll: string[];
+}, undefined, unknown, unknown, undefined>>;
+type FilterVariantProps = VariantProps<typeof filter>;
+type FilterSlots = keyof ReturnType<typeof filter>;
+
+export { type FilterSlots, type FilterVariantProps, filter };

package/dist/components/filter.js

@@ -0,0 +1,131 @@
+"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/filter.ts
+var filter_exports = {};
+__export(filter_exports, {
+  filter: () => filter
+});
+module.exports = __toCommonJS(filter_exports);
+var import_tailwind_variants = require("tailwind-variants");
+
+// src/utils/classes.ts
+var focusVisibleClasses = [
+  "focus-visible:outline-2 focus-visible:outline-ring focus-visible:outline-offset-2"
+  //"focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
+];
+
+// src/components/filter.ts
+var filter = (0, import_tailwind_variants.tv)({
+  slots: {
+    root: "flex flex-wrap items-center gap-2",
+    // Trigger Button
+    trigger: [
+      "inline-flex items-center gap-2 rounded-md",
+      "border border-dashed border-input text-sm",
+      "hover:bg-accent hover:text-accent-foreground",
+      "transition-colors cursor-pointer",
+      ...focusVisibleClasses
+    ],
+    triggerIcon: "size-4 opacity-60",
+    // Feld-Auswahl Menü
+    menu: [
+      "bg-popover text-popover-foreground border rounded-lg shadow-lg p-1 min-w-[220px]",
+      "data-[open]:animate-in data-[closed]:animate-out",
+      "data-[closed]:fade-out-0 data-[open]:fade-in-0",
+      "data-[closed]:zoom-out-95 data-[open]:zoom-in-95"
+    ],
+    menuGroup: "py-1",
+    menuGroupLabel: "px-2 py-1.5 text-xs font-medium text-muted-foreground uppercase tracking-wide",
+    menuItem: [
+      "flex items-center gap-2 px-2 py-1.5 rounded-sm text-sm cursor-pointer",
+      "outline-none select-none",
+      "data-highlighted:bg-accent data-highlighted:text-accent-foreground",
+      "data-disabled:opacity-50 data-disabled:pointer-events-none"
+    ],
+    menuItemIcon: "size-4 text-muted-foreground",
+    menuSeparator: "bg-border -mx-1 my-1 h-px",
+    // Aktiver Filter (Chip-artig)
+    field: [
+      "inline-flex items-center gap-1 rounded-md",
+      "bg-secondary text-secondary-foreground text-sm",
+      "border border-transparent hover:border-border",
+      "cursor-pointer transition-colors"
+    ],
+    fieldLabel: "font-medium",
+    fieldOperator: "text-muted-foreground text-xs",
+    fieldValue: "max-w-[150px] truncate",
+    fieldRemove: [
+      "size-5 rounded-sm flex items-center justify-center",
+      "hover:bg-destructive/10 hover:text-destructive",
+      "transition-colors cursor-pointer",
+      ...focusVisibleClasses
+    ],
+    // Wert-Editor Popover
+    editor: [
+      "bg-popover text-popover-foreground border rounded-lg shadow-lg p-3 min-w-[240px]",
+      "data-[open]:animate-in data-[closed]:animate-out",
+      "data-[closed]:fade-out-0 data-[open]:fade-in-0",
+      "data-[closed]:zoom-out-95 data-[open]:zoom-in-95"
+    ],
+    editorHeader: "flex items-center justify-between mb-2",
+    editorTitle: "text-sm font-medium",
+    editorOperator: "w-full mb-2",
+    editorInput: "w-full",
+    // Active Filters Container
+    active: "flex flex-wrap items-center gap-2",
+    // Clear All Button
+    clearAll: [
+      "text-xs text-muted-foreground hover:text-foreground",
+      "cursor-pointer transition-colors"
+    ]
+  },
+  variants: {
+    size: {
+      sm: {
+        trigger: "h-7 text-xs px-2.5",
+        field: "h-6 text-xs pl-2 pr-0.5",
+        fieldRemove: "size-4"
+      },
+      md: {
+        trigger: "h-8 px-3",
+        field: "h-7 pl-2.5 pr-1"
+      },
+      lg: {
+        trigger: "h-9 px-4 text-base",
+        field: "h-8 pl-3 pr-1.5 text-base",
+        fieldRemove: "size-6"
+      }
+    },
+    variant: {
+      outline: {
+        field: "bg-transparent border-input"
+      },
+      solid: {}
+    }
+  },
+  defaultVariants: {
+    size: "md",
+    variant: "solid"
+  }
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  filter
+});

package/dist/components/filter.mjs

@@ -0,0 +1,7 @@
+import {
+  filter
+} from "../chunk-PKB6QHSP.mjs";
+import "../chunk-6IZPAS4O.mjs";
+export {
+  filter
+};

package/dist/components/impact-card.d.mts

@@ -0,0 +1,122 @@
+import * as tailwind_variants from 'tailwind-variants';
+import { VariantProps } from 'tailwind-variants';
+
+declare const impactCard: tailwind_variants.TVReturnType<{
+    unrated: {
+        true: {
+            row: string;
+            rowIcon: string;
+            rowLabel: string;
+            rowValueBadge: string;
+        };
+        false: {
+            row: string;
+            rowIcon: string;
+        };
+    };
+    editing: {
+        true: {
+            root: string;
+        };
+        false: {};
+    };
+}, {
+    root: string;
+    row: string[];
+    rowContent: string;
+    rowIcon: string[];
+    rowBody: string;
+    rowHeader: string;
+    rowLabel: string;
+    rowValue: string;
+    rowValueNumber: string;
+    rowValueBadge: string;
+    progressContainer: string;
+    progressBar: string;
+    editButton: string[];
+    justificationSection: string;
+    justificationLabel: string;
+    justificationHint: string;
+    justificationText: string;
+    justificationEmpty: string;
+}, undefined, {
+    unrated: {
+        true: {
+            row: string;
+            rowIcon: string;
+            rowLabel: string;
+            rowValueBadge: string;
+        };
+        false: {
+            row: string;
+            rowIcon: string;
+        };
+    };
+    editing: {
+        true: {
+            root: string;
+        };
+        false: {};
+    };
+}, {
+    root: string;
+    row: string[];
+    rowContent: string;
+    rowIcon: string[];
+    rowBody: string;
+    rowHeader: string;
+    rowLabel: string;
+    rowValue: string;
+    rowValueNumber: string;
+    rowValueBadge: string;
+    progressContainer: string;
+    progressBar: string;
+    editButton: string[];
+    justificationSection: string;
+    justificationLabel: string;
+    justificationHint: string;
+    justificationText: string;
+    justificationEmpty: string;
+}, tailwind_variants.TVReturnType<{
+    unrated: {
+        true: {
+            row: string;
+            rowIcon: string;
+            rowLabel: string;
+            rowValueBadge: string;
+        };
+        false: {
+            row: string;
+            rowIcon: string;
+        };
+    };
+    editing: {
+        true: {
+            root: string;
+        };
+        false: {};
+    };
+}, {
+    root: string;
+    row: string[];
+    rowContent: string;
+    rowIcon: string[];
+    rowBody: string;
+    rowHeader: string;
+    rowLabel: string;
+    rowValue: string;
+    rowValueNumber: string;
+    rowValueBadge: string;
+    progressContainer: string;
+    progressBar: string;
+    editButton: string[];
+    justificationSection: string;
+    justificationLabel: string;
+    justificationHint: string;
+    justificationText: string;
+    justificationEmpty: string;
+}, undefined, unknown, unknown, undefined>>;
+type ImpactCardVariantProps = VariantProps<typeof impactCard>;
+type ImpactCardSlots = keyof ReturnType<typeof impactCard>;
+
+export { type ImpactCardSlots, type ImpactCardVariantProps, impactCard };

package/dist/components/impact-card.d.ts

@@ -0,0 +1,122 @@
+import * as tailwind_variants from 'tailwind-variants';
+import { VariantProps } from 'tailwind-variants';
+
+declare const impactCard: tailwind_variants.TVReturnType<{
+    unrated: {
+        true: {
+            row: string;
+            rowIcon: string;
+            rowLabel: string;
+            rowValueBadge: string;
+        };
+        false: {
+            row: string;
+            rowIcon: string;
+        };
+    };
+    editing: {
+        true: {
+            root: string;
+        };
+        false: {};
+    };
+}, {
+    root: string;
+    row: string[];
+    rowContent: string;
+    rowIcon: string[];
+    rowBody: string;
+    rowHeader: string;
+    rowLabel: string;
+    rowValue: string;
+    rowValueNumber: string;
+    rowValueBadge: string;
+    progressContainer: string;
+    progressBar: string;
+    editButton: string[];
+    justificationSection: string;
+    justificationLabel: string;
+    justificationHint: string;
+    justificationText: string;
+    justificationEmpty: string;
+}, undefined, {
+    unrated: {
+        true: {
+            row: string;
+            rowIcon: string;
+            rowLabel: string;
+            rowValueBadge: string;
+        };
+        false: {
+            row: string;
+            rowIcon: string;
+        };
+    };
+    editing: {
+        true: {
+            root: string;
+        };
+        false: {};
+    };
+}, {
+    root: string;
+    row: string[];
+    rowContent: string;
+    rowIcon: string[];
+    rowBody: string;
+    rowHeader: string;
+    rowLabel: string;
+    rowValue: string;
+    rowValueNumber: string;
+    rowValueBadge: string;
+    progressContainer: string;
+    progressBar: string;
+    editButton: string[];
+    justificationSection: string;
+    justificationLabel: string;
+    justificationHint: string;
+    justificationText: string;
+    justificationEmpty: string;
+}, tailwind_variants.TVReturnType<{
+    unrated: {
+        true: {
+            row: string;
+            rowIcon: string;
+            rowLabel: string;
+            rowValueBadge: string;
+        };
+        false: {
+            row: string;
+            rowIcon: string;
+        };
+    };
+    editing: {
+        true: {
+            root: string;
+        };
+        false: {};
+    };
+}, {
+    root: string;
+    row: string[];
+    rowContent: string;
+    rowIcon: string[];
+    rowBody: string;
+    rowHeader: string;
+    rowLabel: string;
+    rowValue: string;
+    rowValueNumber: string;
+    rowValueBadge: string;
+    progressContainer: string;
+    progressBar: string;
+    editButton: string[];
+    justificationSection: string;
+    justificationLabel: string;
+    justificationHint: string;
+    justificationText: string;
+    justificationEmpty: string;
+}, undefined, unknown, unknown, undefined>>;
+type ImpactCardVariantProps = VariantProps<typeof impactCard>;
+type ImpactCardSlots = keyof ReturnType<typeof impactCard>;
+
+export { type ImpactCardSlots, type ImpactCardVariantProps, impactCard };

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';

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';