@kopexa/theme 17.15.0 → 17.16.0

package/dist/chunk-2GNVYP2T.mjs

@@ -0,0 +1,19 @@
+// src/components/prompt-input.ts
+import { tv } from "tailwind-variants";
+var promptInput = tv({
+  slots: {
+    root: "flex w-full flex-col gap-2",
+    form: "relative flex w-full items-end gap-2 rounded-lg border bg-background p-2 focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2",
+    textarea: [
+      "flex-1 resize-none bg-transparent text-sm placeholder:text-muted-foreground",
+      "focus:outline-none",
+      "min-h-[40px] max-h-[200px]"
+    ],
+    actions: "flex items-center gap-1",
+    submitButton: "flex-shrink-0"
+  }
+});
+
+export {
+  promptInput
+};

package/dist/chunk-JT6SHEZ6.mjs

@@ -0,0 +1,21 @@
+// src/components/conversation.ts
+import { tv } from "tailwind-variants";
+var conversation = tv({
+  slots: {
+    root: [
+      "relative flex-1 min-h-0",
+      // StickToBottom internal container needs overflow
+      "[&>div]:overflow-y-auto"
+    ],
+    content: "flex flex-col gap-8 p-4",
+    emptyState: "flex size-full flex-col items-center justify-center gap-3 p-8 text-center",
+    emptyStateIcon: "text-muted-foreground",
+    emptyStateTitle: "font-medium text-sm",
+    emptyStateDescription: "text-muted-foreground text-sm",
+    scrollButton: "absolute bottom-4 left-[50%] translate-x-[-50%] rounded-full dark:bg-background dark:hover:bg-muted"
+  }
+});
+
+export {
+  conversation
+};

package/dist/chunk-L75CK6K3.mjs

@@ -0,0 +1,146 @@
+import {
+  focusVisibleClasses
+} from "./chunk-6IZPAS4O.mjs";
+
+// src/components/filter.ts
+import { tv } from "tailwind-variants";
+var filter = tv({
+  slots: {
+    root: "flex flex-wrap items-center gap-2",
+    // Trigger Button
+    trigger: [
+      "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",
+      ...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 (Contentful-Style segmented)
+    field: [
+      "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: [
+      "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-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 (for select/multiselect types)
+    editor: [
+      "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-3",
+    editorTitle: "text-sm font-medium",
+    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 underline-offset-2 hover:underline"
+    ]
+  },
+  variants: {
+    size: {
+      sm: {
+        trigger: "h-7 text-xs px-2.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: "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: "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: "border-input"
+      },
+      solid: {
+        field: "border-transparent shadow-sm"
+      }
+    }
+  },
+  defaultVariants: {
+    size: "md",
+    variant: "solid"
+  }
+});
+
+export {
+  filter
+};

package/dist/chunk-TJLBHX4F.mjs

@@ -0,0 +1,41 @@
+// src/components/message.ts
+import { tv } from "tailwind-variants";
+var message = tv({
+  slots: {
+    root: "group flex w-full max-w-[95%] flex-col gap-2",
+    content: [
+      "flex w-fit min-w-0 max-w-full flex-col gap-2 overflow-hidden text-sm",
+      // Assistant styles (default)
+      "group-[.is-assistant]:text-foreground",
+      // User styles
+      "group-[.is-user]:ml-auto group-[.is-user]:rounded-lg group-[.is-user]:bg-muted group-[.is-user]:px-4 group-[.is-user]:py-3 group-[.is-user]:text-foreground"
+    ],
+    actions: "flex items-center gap-1",
+    toolbar: "mt-4 flex w-full items-center justify-between gap-4",
+    // Branch components
+    branchRoot: "grid w-full gap-2 [&>div]:pb-0",
+    branchContent: "grid gap-2 overflow-hidden [&>div]:pb-0",
+    branchSelector: "flex items-center",
+    branchPage: "px-2 text-muted-foreground text-xs tabular-nums"
+  },
+  variants: {
+    from: {
+      user: {
+        root: "is-user ml-auto justify-end"
+      },
+      assistant: {
+        root: "is-assistant"
+      },
+      system: {
+        root: "is-system"
+      }
+    }
+  },
+  defaultVariants: {
+    from: "assistant"
+  }
+});
+
+export {
+  message
+};

package/dist/components/conversation.d.mts

@@ -0,0 +1,69 @@
+import * as tailwind_variants from 'tailwind-variants';
+import { VariantProps } from 'tailwind-variants';
+import * as tailwind_merge from 'tailwind-merge';
+
+declare const conversation: tailwind_variants.TVReturnType<{
+    [key: string]: {
+        [key: string]: tailwind_merge.ClassNameValue | {
+            root?: tailwind_merge.ClassNameValue;
+            content?: tailwind_merge.ClassNameValue;
+            emptyState?: tailwind_merge.ClassNameValue;
+            emptyStateIcon?: tailwind_merge.ClassNameValue;
+            emptyStateTitle?: tailwind_merge.ClassNameValue;
+            emptyStateDescription?: tailwind_merge.ClassNameValue;
+            scrollButton?: tailwind_merge.ClassNameValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: tailwind_merge.ClassNameValue | {
+            root?: tailwind_merge.ClassNameValue;
+            content?: tailwind_merge.ClassNameValue;
+            emptyState?: tailwind_merge.ClassNameValue;
+            emptyStateIcon?: tailwind_merge.ClassNameValue;
+            emptyStateTitle?: tailwind_merge.ClassNameValue;
+            emptyStateDescription?: tailwind_merge.ClassNameValue;
+            scrollButton?: tailwind_merge.ClassNameValue;
+        };
+    };
+} | {}, {
+    root: string[];
+    content: string;
+    emptyState: string;
+    emptyStateIcon: string;
+    emptyStateTitle: string;
+    emptyStateDescription: string;
+    scrollButton: string;
+}, undefined, {
+    [key: string]: {
+        [key: string]: tailwind_merge.ClassNameValue | {
+            root?: tailwind_merge.ClassNameValue;
+            content?: tailwind_merge.ClassNameValue;
+            emptyState?: tailwind_merge.ClassNameValue;
+            emptyStateIcon?: tailwind_merge.ClassNameValue;
+            emptyStateTitle?: tailwind_merge.ClassNameValue;
+            emptyStateDescription?: tailwind_merge.ClassNameValue;
+            scrollButton?: tailwind_merge.ClassNameValue;
+        };
+    };
+} | {}, {
+    root: string[];
+    content: string;
+    emptyState: string;
+    emptyStateIcon: string;
+    emptyStateTitle: string;
+    emptyStateDescription: string;
+    scrollButton: string;
+}, tailwind_variants.TVReturnType<unknown, {
+    root: string[];
+    content: string;
+    emptyState: string;
+    emptyStateIcon: string;
+    emptyStateTitle: string;
+    emptyStateDescription: string;
+    scrollButton: string;
+}, undefined, unknown, unknown, undefined>>;
+type ConversationVariantProps = VariantProps<typeof conversation>;
+type ConversationSlots = keyof ReturnType<typeof conversation>;
+
+export { type ConversationSlots, type ConversationVariantProps, conversation };

package/dist/components/conversation.d.ts

@@ -0,0 +1,69 @@
+import * as tailwind_variants from 'tailwind-variants';
+import { VariantProps } from 'tailwind-variants';
+import * as tailwind_merge from 'tailwind-merge';
+
+declare const conversation: tailwind_variants.TVReturnType<{
+    [key: string]: {
+        [key: string]: tailwind_merge.ClassNameValue | {
+            root?: tailwind_merge.ClassNameValue;
+            content?: tailwind_merge.ClassNameValue;
+            emptyState?: tailwind_merge.ClassNameValue;
+            emptyStateIcon?: tailwind_merge.ClassNameValue;
+            emptyStateTitle?: tailwind_merge.ClassNameValue;
+            emptyStateDescription?: tailwind_merge.ClassNameValue;
+            scrollButton?: tailwind_merge.ClassNameValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: tailwind_merge.ClassNameValue | {
+            root?: tailwind_merge.ClassNameValue;
+            content?: tailwind_merge.ClassNameValue;
+            emptyState?: tailwind_merge.ClassNameValue;
+            emptyStateIcon?: tailwind_merge.ClassNameValue;
+            emptyStateTitle?: tailwind_merge.ClassNameValue;
+            emptyStateDescription?: tailwind_merge.ClassNameValue;
+            scrollButton?: tailwind_merge.ClassNameValue;
+        };
+    };
+} | {}, {
+    root: string[];
+    content: string;
+    emptyState: string;
+    emptyStateIcon: string;
+    emptyStateTitle: string;
+    emptyStateDescription: string;
+    scrollButton: string;
+}, undefined, {
+    [key: string]: {
+        [key: string]: tailwind_merge.ClassNameValue | {
+            root?: tailwind_merge.ClassNameValue;
+            content?: tailwind_merge.ClassNameValue;
+            emptyState?: tailwind_merge.ClassNameValue;
+            emptyStateIcon?: tailwind_merge.ClassNameValue;
+            emptyStateTitle?: tailwind_merge.ClassNameValue;
+            emptyStateDescription?: tailwind_merge.ClassNameValue;
+            scrollButton?: tailwind_merge.ClassNameValue;
+        };
+    };
+} | {}, {
+    root: string[];
+    content: string;
+    emptyState: string;
+    emptyStateIcon: string;
+    emptyStateTitle: string;
+    emptyStateDescription: string;
+    scrollButton: string;
+}, tailwind_variants.TVReturnType<unknown, {
+    root: string[];
+    content: string;
+    emptyState: string;
+    emptyStateIcon: string;
+    emptyStateTitle: string;
+    emptyStateDescription: string;
+    scrollButton: string;
+}, undefined, unknown, unknown, undefined>>;
+type ConversationVariantProps = VariantProps<typeof conversation>;
+type ConversationSlots = keyof ReturnType<typeof conversation>;
+
+export { type ConversationSlots, type ConversationVariantProps, conversation };

package/dist/components/conversation.js

@@ -0,0 +1,45 @@
+"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/conversation.ts
+var conversation_exports = {};
+__export(conversation_exports, {
+  conversation: () => conversation
+});
+module.exports = __toCommonJS(conversation_exports);
+var import_tailwind_variants = require("tailwind-variants");
+var conversation = (0, import_tailwind_variants.tv)({
+  slots: {
+    root: [
+      "relative flex-1 min-h-0",
+      // StickToBottom internal container needs overflow
+      "[&>div]:overflow-y-auto"
+    ],
+    content: "flex flex-col gap-8 p-4",
+    emptyState: "flex size-full flex-col items-center justify-center gap-3 p-8 text-center",
+    emptyStateIcon: "text-muted-foreground",
+    emptyStateTitle: "font-medium text-sm",
+    emptyStateDescription: "text-muted-foreground text-sm",
+    scrollButton: "absolute bottom-4 left-[50%] translate-x-[-50%] rounded-full dark:bg-background dark:hover:bg-muted"
+  }
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  conversation
+});

package/dist/components/conversation.mjs

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

package/dist/components/filter.d.mts

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