@kopexa/theme 17.19.0 → 17.21.0

package/dist/components/editable-text.js

@@ -0,0 +1,133 @@
+"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/editable-text.ts
+var editable_text_exports = {};
+__export(editable_text_exports, {
+  editableText: () => editableText
+});
+module.exports = __toCommonJS(editable_text_exports);
+var import_tailwind_variants = require("tailwind-variants");
+var editableText = (0, import_tailwind_variants.tv)({
+  slots: {
+    root: ["group/editable inline-flex w-full min-w-0 items-center gap-2"],
+    view: [
+      "flex-1 inline-flex items-center cursor-pointer rounded px-2 py-1 -mx-2",
+      "hover:bg-muted/50 transition-colors",
+      "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
+    ],
+    input: [
+      "flex-1 bg-transparent border-none outline-none",
+      "ring-2 ring-primary rounded px-2 py-1 -mx-2"
+    ],
+    placeholder: ["text-muted-foreground"],
+    actions: ["flex items-center gap-1 shrink-0 ml-2"],
+    editButton: [
+      "p-1 rounded transition-all text-muted-foreground shrink-0",
+      "hover:bg-muted hover:text-foreground",
+      "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+      "ml-2"
+    ],
+    saveButton: [
+      "p-1 rounded hover:bg-primary/10 transition-colors text-primary",
+      "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
+    ],
+    cancelButton: [
+      "p-1 rounded hover:bg-muted transition-colors text-muted-foreground hover:text-foreground",
+      "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
+    ]
+  },
+  variants: {
+    size: {
+      xs: {
+        view: "text-xs",
+        input: "text-xs"
+      },
+      sm: {
+        view: "text-sm",
+        input: "text-sm"
+      },
+      base: {
+        view: "text-base",
+        input: "text-base"
+      },
+      lg: {
+        view: "text-lg",
+        input: "text-lg"
+      },
+      xl: {
+        view: "text-xl",
+        input: "text-xl"
+      },
+      "2xl": {
+        view: "text-2xl",
+        input: "text-2xl"
+      },
+      "3xl": {
+        view: "text-3xl",
+        input: "text-3xl"
+      }
+    },
+    weight: {
+      normal: {
+        view: "font-normal",
+        input: "font-normal"
+      },
+      medium: {
+        view: "font-medium",
+        input: "font-medium"
+      },
+      semibold: {
+        view: "font-semibold",
+        input: "font-semibold"
+      },
+      bold: {
+        view: "font-bold",
+        input: "font-bold"
+      }
+    },
+    disabled: {
+      true: {
+        view: "cursor-default hover:bg-transparent"
+      }
+    },
+    showButtons: {
+      true: {}
+    },
+    buttonVisibility: {
+      hover: {
+        editButton: "opacity-0 group-hover/editable:opacity-100 focus:opacity-100"
+      },
+      always: {
+        editButton: "opacity-100"
+      }
+    }
+  },
+  defaultVariants: {
+    size: "base",
+    weight: "normal",
+    disabled: false,
+    showButtons: false,
+    buttonVisibility: "hover"
+  }
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  editableText
+});

package/dist/components/editable-text.mjs

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

package/dist/components/filter.js

@@ -63,13 +63,14 @@ var filter = (0, import_tailwind_variants.tv)({
     menuSeparator: "bg-border -mx-1 my-1 h-px",
     // Aktiver Filter (Contentful-Style segmented)
     field: [
-      "group inline-flex items-center rounded-full",
+      "group inline-flex items-center rounded-full overflow-hidden",
       "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"
+      "flex items-center gap-1.5 flex-shrink-0",
+      "rounded-l-full"
     ],
     fieldOperator: [
       "bg-primary text-primary-foreground",

package/dist/components/filter.mjs

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

package/dist/components/index.d.mts

@@ -24,6 +24,7 @@ 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 { EditableTextSlots, EditableTextVariantProps, editableText } from './editable-text.mjs';
 export { EditorBasicVariants, editorBasic } from './editor-basic.mjs';
 export { editorSpinner } from './editor-spinner.mjs';
 export { AvatarUploadSlots, AvatarUploadVariants, avatarUpload } from './file-upload.mjs';

package/dist/components/index.d.ts

@@ -24,6 +24,7 @@ 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 { EditableTextSlots, EditableTextVariantProps, editableText } from './editable-text.js';
 export { EditorBasicVariants, editorBasic } from './editor-basic.js';
 export { editorSpinner } from './editor-spinner.js';
 export { AvatarUploadSlots, AvatarUploadVariants, avatarUpload } from './file-upload.js';