@kopexa/theme 17.15.0 → 17.16.0

package/dist/components/filter.d.ts

@@ -6,15 +6,31 @@ declare const filter: tailwind_variants.TVReturnType<{
         sm: {
             trigger: string;
             field: string;
+            fieldLabel: string;
+            fieldOperator: string;
+            fieldOperatorSelect: string;
+            fieldValue: string;
+            fieldValueInput: string;
             fieldRemove: string;
         };
         md: {
             trigger: string;
             field: string;
+            fieldLabel: string;
+            fieldOperator: string;
+            fieldOperatorSelect: string;
+            fieldValue: string;
+            fieldValueInput: string;
+            fieldRemove: string;
         };
         lg: {
             trigger: string;
             field: string;
+            fieldLabel: string;
+            fieldOperator: string;
+            fieldOperatorSelect: string;
+            fieldValue: string;
+            fieldValueInput: string;
             fieldRemove: string;
         };
     };
@@ -22,7 +38,9 @@ declare const filter: tailwind_variants.TVReturnType<{
         outline: {
             field: string;
         };
-        solid: {};
+        solid: {
+            field: string;
+        };
     };
 }, {
     root: string;
@@ -35,9 +53,14 @@ declare const filter: tailwind_variants.TVReturnType<{
     menuItemIcon: string;
     menuSeparator: string;
     field: string[];
-    fieldLabel: string;
-    fieldOperator: string;
-    fieldValue: string;
+    fieldLabel: string[];
+    fieldOperator: string[];
+    fieldOperatorSelect: string[];
+    fieldOperatorIcon: string;
+    fieldValue: string[];
+    fieldValueInput: string[];
+    fieldValueText: string;
+    fieldValueIcon: string;
     fieldRemove: string[];
     editor: string[];
     editorHeader: string;
@@ -51,15 +74,31 @@ declare const filter: tailwind_variants.TVReturnType<{
         sm: {
             trigger: string;
             field: string;
+            fieldLabel: string;
+            fieldOperator: string;
+            fieldOperatorSelect: string;
+            fieldValue: string;
+            fieldValueInput: string;
             fieldRemove: string;
         };
         md: {
             trigger: string;
             field: string;
+            fieldLabel: string;
+            fieldOperator: string;
+            fieldOperatorSelect: string;
+            fieldValue: string;
+            fieldValueInput: string;
+            fieldRemove: string;
         };
         lg: {
             trigger: string;
             field: string;
+            fieldLabel: string;
+            fieldOperator: string;
+            fieldOperatorSelect: string;
+            fieldValue: string;
+            fieldValueInput: string;
             fieldRemove: string;
         };
     };
@@ -67,7 +106,9 @@ declare const filter: tailwind_variants.TVReturnType<{
         outline: {
             field: string;
         };
-        solid: {};
+        solid: {
+            field: string;
+        };
     };
 }, {
     root: string;
@@ -80,9 +121,14 @@ declare const filter: tailwind_variants.TVReturnType<{
     menuItemIcon: string;
     menuSeparator: string;
     field: string[];
-    fieldLabel: string;
-    fieldOperator: string;
-    fieldValue: string;
+    fieldLabel: string[];
+    fieldOperator: string[];
+    fieldOperatorSelect: string[];
+    fieldOperatorIcon: string;
+    fieldValue: string[];
+    fieldValueInput: string[];
+    fieldValueText: string;
+    fieldValueIcon: string;
     fieldRemove: string[];
     editor: string[];
     editorHeader: string;
@@ -96,15 +142,31 @@ declare const filter: tailwind_variants.TVReturnType<{
         sm: {
             trigger: string;
             field: string;
+            fieldLabel: string;
+            fieldOperator: string;
+            fieldOperatorSelect: string;
+            fieldValue: string;
+            fieldValueInput: string;
             fieldRemove: string;
         };
         md: {
             trigger: string;
             field: string;
+            fieldLabel: string;
+            fieldOperator: string;
+            fieldOperatorSelect: string;
+            fieldValue: string;
+            fieldValueInput: string;
+            fieldRemove: string;
         };
         lg: {
             trigger: string;
             field: string;
+            fieldLabel: string;
+            fieldOperator: string;
+            fieldOperatorSelect: string;
+            fieldValue: string;
+            fieldValueInput: string;
             fieldRemove: string;
         };
     };
@@ -112,7 +174,9 @@ declare const filter: tailwind_variants.TVReturnType<{
         outline: {
             field: string;
         };
-        solid: {};
+        solid: {
+            field: string;
+        };
     };
 }, {
     root: string;
@@ -125,9 +189,14 @@ declare const filter: tailwind_variants.TVReturnType<{
     menuItemIcon: string;
     menuSeparator: string;
     field: string[];
-    fieldLabel: string;
-    fieldOperator: string;
-    fieldValue: string;
+    fieldLabel: string[];
+    fieldOperator: string[];
+    fieldOperatorSelect: string[];
+    fieldOperatorIcon: string;
+    fieldValue: string[];
+    fieldValueInput: string[];
+    fieldValueText: string;
+    fieldValueIcon: string;
     fieldRemove: string[];
     editor: string[];
     editorHeader: string;

package/dist/components/filter.js

@@ -37,7 +37,7 @@ var filter = (0, import_tailwind_variants.tv)({
     root: "flex flex-wrap items-center gap-2",
     // Trigger Button
     trigger: [
-      "inline-flex items-center gap-2 rounded-md",
+      "inline-flex items-center gap-2 rounded-full",
       "border border-dashed border-input text-sm",
       "hover:bg-accent hover:text-accent-foreground",
       "transition-colors cursor-pointer",
@@ -61,63 +61,106 @@ var filter = (0, import_tailwind_variants.tv)({
     ],
     menuItemIcon: "size-4 text-muted-foreground",
     menuSeparator: "bg-border -mx-1 my-1 h-px",
-    // Aktiver Filter (Chip-artig)
+    // Aktiver Filter (Contentful-Style segmented)
     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"
+      "group inline-flex items-center rounded-full",
+      "border border-border bg-background",
+      "transition-all hover:shadow-sm focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-1"
     ],
-    fieldLabel: "font-medium",
-    fieldOperator: "text-muted-foreground text-xs",
-    fieldValue: "max-w-[150px] truncate",
+    fieldLabel: [
+      "bg-muted text-foreground font-medium text-xs",
+      "flex items-center gap-1.5 flex-shrink-0"
+    ],
+    fieldOperator: [
+      "bg-primary text-primary-foreground",
+      "flex items-center",
+      "rounded-full shadow-sm",
+      "mx-1 my-0.5"
+    ],
+    // Native select inside operator segment
+    fieldOperatorSelect: [
+      "appearance-none bg-transparent font-normal cursor-pointer",
+      "border-none outline-none text-xs",
+      "focus:outline-none"
+    ],
+    fieldOperatorIcon: "size-3 opacity-70 ml-0.5 pointer-events-none",
+    fieldValue: [
+      "bg-background text-foreground text-xs",
+      "flex items-center gap-1"
+    ],
+    // Native input inside value segment (width set dynamically via style)
+    fieldValueInput: [
+      "bg-transparent border-none outline-none",
+      "placeholder:text-muted-foreground"
+    ],
+    fieldValueText: "truncate",
+    fieldValueIcon: "size-3.5 opacity-60 flex-shrink-0",
     fieldRemove: [
-      "size-5 rounded-sm flex items-center justify-center",
+      "size-5 rounded-full flex items-center justify-center flex-shrink-0",
       "hover:bg-destructive/10 hover:text-destructive",
       "transition-colors cursor-pointer",
+      "mr-1",
       ...focusVisibleClasses
     ],
-    // Wert-Editor Popover
+    // Wert-Editor Popover (for select/multiselect types)
     editor: [
-      "bg-popover text-popover-foreground border rounded-lg shadow-lg p-3 min-w-[240px]",
+      "bg-popover text-popover-foreground border rounded-lg shadow-lg p-3 min-w-[280px]",
       "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",
+    editorHeader: "flex items-center justify-between mb-3",
     editorTitle: "text-sm font-medium",
-    editorOperator: "w-full mb-2",
+    editorOperator: "w-full mb-3",
     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"
+      "cursor-pointer transition-colors underline-offset-2 hover:underline"
     ]
   },
   variants: {
     size: {
       sm: {
         trigger: "h-7 text-xs px-2.5",
-        field: "h-6 text-xs pl-2 pr-0.5",
+        field: "text-xs h-7",
+        fieldLabel: "px-2.5 py-1",
+        fieldOperator: "px-2.5 py-0.5",
+        fieldOperatorSelect: "text-xs",
+        fieldValue: "px-2 py-1",
+        fieldValueInput: "text-xs h-5",
         fieldRemove: "size-4"
       },
       md: {
         trigger: "h-8 px-3",
-        field: "h-7 pl-2.5 pr-1"
+        field: "text-sm h-8",
+        fieldLabel: "px-3 py-1.5",
+        fieldOperator: "px-3 py-1",
+        fieldOperatorSelect: "text-sm",
+        fieldValue: "px-2.5 py-1.5",
+        fieldValueInput: "text-sm h-5",
+        fieldRemove: "size-5"
       },
       lg: {
         trigger: "h-9 px-4 text-base",
-        field: "h-8 pl-3 pr-1.5 text-base",
+        field: "text-base h-9",
+        fieldLabel: "px-4 py-2",
+        fieldOperator: "px-4 py-1.5",
+        fieldOperatorSelect: "text-base",
+        fieldValue: "px-3 py-2",
+        fieldValueInput: "text-base h-6",
         fieldRemove: "size-6"
       }
     },
     variant: {
       outline: {
-        field: "bg-transparent border-input"
+        field: "border-input"
       },
-      solid: {}
+      solid: {
+        field: "border-transparent shadow-sm"
+      }
     }
   },
   defaultVariants: {

package/dist/components/filter.mjs

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

package/dist/components/index.d.mts

@@ -18,6 +18,7 @@ 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 { ConversationSlots, ConversationVariantProps, conversation } from './conversation.mjs';
 export { DataGridVariants, datagrid } from './data-grid.mjs';
 export { DataTableVariants, dataTable } from './data-table.mjs';
 export { DialogSlots, DialogVariantProps, dialog } from './dialog.mjs';
@@ -40,10 +41,12 @@ export { IntegrationCardSlots, IntegrationCardVariantProps, integrationCard } fr
 export { kbd } from './kbd.mjs';
 export { LabelVariantProps, label } from './label.mjs';
 export { LoadingPageVariants, loadingPage } from './loading-page.mjs';
+export { MessageSlots, MessageVariantProps, message } from './message.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 { PromptInputSlots, PromptInputVariantProps, promptInput } from './prompt-input.mjs';
 export { RelatedControlChipVariantsProps, relatedControlChip } from './related-control-chip.mjs';
 export { ResizableVariantProps, resizable } from './resizable.mjs';
 export { RiskBadgeVariantProps, riskBadge } from './risk-badge.mjs';

package/dist/components/index.d.ts

@@ -18,6 +18,7 @@ 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 { ConversationSlots, ConversationVariantProps, conversation } from './conversation.js';
 export { DataGridVariants, datagrid } from './data-grid.js';
 export { DataTableVariants, dataTable } from './data-table.js';
 export { DialogSlots, DialogVariantProps, dialog } from './dialog.js';
@@ -40,10 +41,12 @@ export { IntegrationCardSlots, IntegrationCardVariantProps, integrationCard } fr
 export { kbd } from './kbd.js';
 export { LabelVariantProps, label } from './label.js';
 export { LoadingPageVariants, loadingPage } from './loading-page.js';
+export { MessageSlots, MessageVariantProps, message } from './message.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 { PromptInputSlots, PromptInputVariantProps, promptInput } from './prompt-input.js';
 export { RelatedControlChipVariantsProps, relatedControlChip } from './related-control-chip.js';
 export { ResizableVariantProps, resizable } from './resizable.js';
 export { RiskBadgeVariantProps, riskBadge } from './risk-badge.js';