@kopexa/theme 17.19.0 → 17.21.0

package/dist/index.js

@@ -47,6 +47,7 @@ __export(index_exports, {
   dialog: () => dialog,
   drawer: () => drawer,
   dropdownMenu: () => dropdownMenu,
+  editableText: () => editableText,
   editorBasic: () => editorBasic,
   editorSpinner: () => editorSpinner,
   filter: () => filter,
@@ -2376,9 +2377,115 @@ var dropdownMenu = (0, import_tailwind_variants27.tv)({
   }
 });
 
-// src/components/editor-basic.ts
+// src/components/editable-text.ts
 var import_tailwind_variants28 = require("tailwind-variants");
-var editorBasic = (0, import_tailwind_variants28.tv)({
+var editableText = (0, import_tailwind_variants28.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"
+  }
+});
+
+// src/components/editor-basic.ts
+var import_tailwind_variants29 = require("tailwind-variants");
+var editorBasic = (0, import_tailwind_variants29.tv)({
   slots: {
     root: [
       "grid grid-rows-[auto,minmax(0,1fr)]",
@@ -2550,8 +2657,8 @@ var editorBasic = (0, import_tailwind_variants28.tv)({
 });
 
 // src/components/editor-spinner.ts
-var import_tailwind_variants29 = require("tailwind-variants");
-var editorSpinner = (0, import_tailwind_variants29.tv)({
+var import_tailwind_variants30 = require("tailwind-variants");
+var editorSpinner = (0, import_tailwind_variants30.tv)({
   slots: {
     root: "size-full grow shrink flex items-center justify-center",
     content: ["flex", "flex-col", "items-center", "justify-center", "gap-2"],
@@ -2563,8 +2670,8 @@ var editorSpinner = (0, import_tailwind_variants29.tv)({
 });
 
 // src/components/file-upload.ts
-var import_tailwind_variants30 = require("tailwind-variants");
-var avatarUpload = (0, import_tailwind_variants30.tv)({
+var import_tailwind_variants31 = require("tailwind-variants");
+var avatarUpload = (0, import_tailwind_variants31.tv)({
   slots: {
     root: "flex flex-col",
     previewAndText: "",
@@ -2624,8 +2731,8 @@ var avatarUpload = (0, import_tailwind_variants30.tv)({
 });
 
 // src/components/filter.ts
-var import_tailwind_variants31 = require("tailwind-variants");
-var filter = (0, import_tailwind_variants31.tv)({
+var import_tailwind_variants32 = require("tailwind-variants");
+var filter = (0, import_tailwind_variants32.tv)({
   slots: {
     root: "flex flex-wrap items-center gap-2",
     // Trigger Button
@@ -2656,13 +2763,14 @@ var filter = (0, import_tailwind_variants31.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",
@@ -2763,8 +2871,8 @@ var filter = (0, import_tailwind_variants31.tv)({
 });
 
 // src/components/framework-row.ts
-var import_tailwind_variants32 = require("tailwind-variants");
-var frameworkRow = (0, import_tailwind_variants32.tv)({
+var import_tailwind_variants33 = require("tailwind-variants");
+var frameworkRow = (0, import_tailwind_variants33.tv)({
   slots: {
     root: "flex w-full items-start gap-3 py-2 first:pt-0 last:pb-0 border-b border-dotted last:border-0",
     standardContainer: "shrink-0",
@@ -2777,8 +2885,8 @@ var frameworkRow = (0, import_tailwind_variants32.tv)({
 });
 
 // src/components/heading.ts
-var import_tailwind_variants33 = require("tailwind-variants");
-var heading = (0, import_tailwind_variants33.tv)({
+var import_tailwind_variants34 = require("tailwind-variants");
+var heading = (0, import_tailwind_variants34.tv)({
   variants: {
     level: {
       h1: "text-h1-core",
@@ -2795,8 +2903,8 @@ var heading = (0, import_tailwind_variants33.tv)({
 });
 
 // src/components/hover-card.ts
-var import_tailwind_variants34 = require("tailwind-variants");
-var hoverCard = (0, import_tailwind_variants34.tv)({
+var import_tailwind_variants35 = require("tailwind-variants");
+var hoverCard = (0, import_tailwind_variants35.tv)({
   slots: {
     content: [
       ...popoverContentClasses,
@@ -2811,8 +2919,8 @@ var hoverCard = (0, import_tailwind_variants34.tv)({
 });
 
 // src/components/image-crop.ts
-var import_tailwind_variants35 = require("tailwind-variants");
-var imageCrop = (0, import_tailwind_variants35.tv)({
+var import_tailwind_variants36 = require("tailwind-variants");
+var imageCrop = (0, import_tailwind_variants36.tv)({
   slots: {
     content: "max-h-[277px] max-w-full",
     image: "size-fullcover"
@@ -2820,8 +2928,8 @@ var imageCrop = (0, import_tailwind_variants35.tv)({
 });
 
 // src/components/image-placeholder.ts
-var import_tailwind_variants36 = require("tailwind-variants");
-var imagePlaceholder = (0, import_tailwind_variants36.tv)({
+var import_tailwind_variants37 = require("tailwind-variants");
+var imagePlaceholder = (0, import_tailwind_variants37.tv)({
   slots: {
     root: [
       "relative flex items-center justify-center",
@@ -2879,8 +2987,8 @@ var imagePlaceholder = (0, import_tailwind_variants36.tv)({
 });
 
 // src/components/impact-card.ts
-var import_tailwind_variants37 = require("tailwind-variants");
-var impactCard = (0, import_tailwind_variants37.tv)({
+var import_tailwind_variants38 = require("tailwind-variants");
+var impactCard = (0, import_tailwind_variants38.tv)({
   slots: {
     // Card wrapper (extends Card.Root)
     root: "",
@@ -2959,8 +3067,8 @@ var impactCard = (0, import_tailwind_variants37.tv)({
 });
 
 // src/components/input-group.ts
-var import_tailwind_variants38 = require("tailwind-variants");
-var inputGroup = (0, import_tailwind_variants38.tv)({
+var import_tailwind_variants39 = require("tailwind-variants");
+var inputGroup = (0, import_tailwind_variants39.tv)({
   base: [
     "flex items-stretch",
     "[&_[data-slot=input]]:grow",
@@ -2981,8 +3089,8 @@ var inputGroup = (0, import_tailwind_variants38.tv)({
 });
 
 // src/components/input-wrapper.ts
-var import_tailwind_variants39 = require("tailwind-variants");
-var inputWrapper = (0, import_tailwind_variants39.tv)({
+var import_tailwind_variants40 = require("tailwind-variants");
+var inputWrapper = (0, import_tailwind_variants40.tv)({
   base: [
     "flex items-center gap-1.5",
     "has-[:focus-visible]:ring-ring/30",
@@ -3026,8 +3134,8 @@ var inputWrapper = (0, import_tailwind_variants39.tv)({
 });
 
 // src/components/integration-card.ts
-var import_tailwind_variants40 = require("tailwind-variants");
-var integrationCard = (0, import_tailwind_variants40.tv)({
+var import_tailwind_variants41 = require("tailwind-variants");
+var integrationCard = (0, import_tailwind_variants41.tv)({
   slots: {
     root: "",
     header: "flex items-start justify-between gap-3",
@@ -3049,8 +3157,8 @@ var integrationCard = (0, import_tailwind_variants40.tv)({
 });
 
 // src/components/kbd.ts
-var import_tailwind_variants41 = require("tailwind-variants");
-var kbd = (0, import_tailwind_variants41.tv)({
+var import_tailwind_variants42 = require("tailwind-variants");
+var kbd = (0, import_tailwind_variants42.tv)({
   base: "inline-flex items-center justify-center font-mono rounded-md",
   variants: {
     variant: {
@@ -3069,8 +3177,8 @@ var kbd = (0, import_tailwind_variants41.tv)({
 });
 
 // src/components/label.ts
-var import_tailwind_variants42 = require("tailwind-variants");
-var label = (0, import_tailwind_variants42.tv)({
+var import_tailwind_variants43 = require("tailwind-variants");
+var label = (0, import_tailwind_variants43.tv)({
   base: [
     "text-sm leading-none",
     "text-foreground",
@@ -3088,8 +3196,8 @@ var label = (0, import_tailwind_variants42.tv)({
 });
 
 // src/components/loading-page.ts
-var import_tailwind_variants43 = require("tailwind-variants");
-var loadingPage = (0, import_tailwind_variants43.tv)({
+var import_tailwind_variants44 = require("tailwind-variants");
+var loadingPage = (0, import_tailwind_variants44.tv)({
   slots: {
     root: "relative isolate flex min-h-screen items-center justify-center px-6 py-10 bg-background",
     container: "flex flex-col items-center gap-4 text-center",
@@ -3109,8 +3217,8 @@ var loadingPage = (0, import_tailwind_variants43.tv)({
 });
 
 // src/components/message.ts
-var import_tailwind_variants44 = require("tailwind-variants");
-var message = (0, import_tailwind_variants44.tv)({
+var import_tailwind_variants45 = require("tailwind-variants");
+var message = (0, import_tailwind_variants45.tv)({
   slots: {
     root: "group flex w-full max-w-[95%] flex-col gap-2",
     content: [
@@ -3148,8 +3256,8 @@ var message = (0, import_tailwind_variants44.tv)({
 });
 
 // src/components/page-header.ts
-var import_tailwind_variants45 = require("tailwind-variants");
-var pageHeader = (0, import_tailwind_variants45.tv)({
+var import_tailwind_variants46 = require("tailwind-variants");
+var pageHeader = (0, import_tailwind_variants46.tv)({
   slots: {
     root: "page-header",
     titleArea: "page-header__title-area flex gap-2 flex-row items-center",
@@ -3184,8 +3292,8 @@ var pageHeader = (0, import_tailwind_variants45.tv)({
 });
 
 // src/components/page-layout.ts
-var import_tailwind_variants46 = require("tailwind-variants");
-var pageLayout = (0, import_tailwind_variants46.tv)({
+var import_tailwind_variants47 = require("tailwind-variants");
+var pageLayout = (0, import_tailwind_variants47.tv)({
   slots: {
     root: "",
     wrapper: "flex flex-wrap w-full",
@@ -3302,8 +3410,8 @@ var pageLayout = (0, import_tailwind_variants46.tv)({
 });
 
 // src/components/popover.ts
-var import_tailwind_variants47 = require("tailwind-variants");
-var popover = (0, import_tailwind_variants47.tv)({
+var import_tailwind_variants48 = require("tailwind-variants");
+var popover = (0, import_tailwind_variants48.tv)({
   slots: {
     content: [
       "data-[open]:animate-in data-[closed]:animate-out data-[closed]:fade-out-0 data-[open]:fade-in-0 data-[closed]:zoom-out-95",
@@ -3351,8 +3459,8 @@ var popover = (0, import_tailwind_variants47.tv)({
 });
 
 // src/components/preview-card.ts
-var import_tailwind_variants48 = require("tailwind-variants");
-var previewCard = (0, import_tailwind_variants48.tv)({
+var import_tailwind_variants49 = require("tailwind-variants");
+var previewCard = (0, import_tailwind_variants49.tv)({
   slots: {
     root: [
       "grid w-full grid-cols-[auto_1fr_auto] items-center gap-y-1.5 rounded-md bg-background p-2",
@@ -3377,7 +3485,7 @@ var previewCard = (0, import_tailwind_variants48.tv)({
         root: ["border"]
       },
       bottom: {
-        root: ["border-b rounded-none"]
+        root: ["border-b rounded-none last:border-b-0"]
       },
       none: {}
     },
@@ -3417,8 +3525,8 @@ var previewCard = (0, import_tailwind_variants48.tv)({
 });
 
 // src/components/prompt-input.ts
-var import_tailwind_variants49 = require("tailwind-variants");
-var promptInput = (0, import_tailwind_variants49.tv)({
+var import_tailwind_variants50 = require("tailwind-variants");
+var promptInput = (0, import_tailwind_variants50.tv)({
   slots: {
     root: "flex w-full flex-col gap-2",
     form: "relative flex w-full items-end gap-2 rounded-xl border bg-background px-3 py-2 focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2",
@@ -3433,8 +3541,8 @@ var promptInput = (0, import_tailwind_variants49.tv)({
 });
 
 // src/components/related-control-chip.ts
-var import_tailwind_variants50 = require("tailwind-variants");
-var relatedControlChip = (0, import_tailwind_variants50.tv)({
+var import_tailwind_variants51 = require("tailwind-variants");
+var relatedControlChip = (0, import_tailwind_variants51.tv)({
   slots: {
     // Container for all chips
     root: "flex flex-wrap items-center gap-1",
@@ -3494,8 +3602,8 @@ var relatedControlChip = (0, import_tailwind_variants50.tv)({
 });
 
 // src/components/resizable.ts
-var import_tailwind_variants51 = require("tailwind-variants");
-var resizable = (0, import_tailwind_variants51.tv)({
+var import_tailwind_variants52 = require("tailwind-variants");
+var resizable = (0, import_tailwind_variants52.tv)({
   slots: {
     root: ["flex h-full w-full data-[panel-group-direction=vertical]:flex-col"],
     panel: [],
@@ -3521,8 +3629,8 @@ var resizable = (0, import_tailwind_variants51.tv)({
 });
 
 // src/components/risk-badge.ts
-var import_tailwind_variants52 = require("tailwind-variants");
-var riskBadge = (0, import_tailwind_variants52.tv)({
+var import_tailwind_variants53 = require("tailwind-variants");
+var riskBadge = (0, import_tailwind_variants53.tv)({
   slots: {
     root: ["inline-flex flex-col items-start gap-0.5"],
     label: ["inline-flex items-center gap-0.5 text-xs"],
@@ -3561,8 +3669,8 @@ var riskBadge = (0, import_tailwind_variants52.tv)({
 });
 
 // src/components/risk-indicator.ts
-var import_tailwind_variants53 = require("tailwind-variants");
-var riskIndicator = (0, import_tailwind_variants53.tv)({
+var import_tailwind_variants54 = require("tailwind-variants");
+var riskIndicator = (0, import_tailwind_variants54.tv)({
   slots: {
     base: "flex items-end gap-0.5",
     bar: "rounded-sm",
@@ -3595,8 +3703,8 @@ var riskIndicator = (0, import_tailwind_variants53.tv)({
 });
 
 // src/components/risk-rating.ts
-var import_tailwind_variants54 = require("tailwind-variants");
-var riskRating = (0, import_tailwind_variants54.tv)({
+var import_tailwind_variants55 = require("tailwind-variants");
+var riskRating = (0, import_tailwind_variants55.tv)({
   slots: {
     base: "flex items-center gap-2",
     badge: "flex items-center justify-center rounded-md font-bold",
@@ -3656,8 +3764,8 @@ var riskRating = (0, import_tailwind_variants54.tv)({
 });
 
 // src/components/scroll-area.ts
-var import_tailwind_variants55 = require("tailwind-variants");
-var scrollArea = (0, import_tailwind_variants55.tv)({
+var import_tailwind_variants56 = require("tailwind-variants");
+var scrollArea = (0, import_tailwind_variants56.tv)({
   slots: {
     root: "relative",
     viewport: "focus-visible:ring-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1",
@@ -3671,8 +3779,8 @@ var scrollArea = (0, import_tailwind_variants55.tv)({
 });
 
 // src/components/section-row.ts
-var import_tailwind_variants56 = require("tailwind-variants");
-var sectionRow = (0, import_tailwind_variants56.tv)({
+var import_tailwind_variants57 = require("tailwind-variants");
+var sectionRow = (0, import_tailwind_variants57.tv)({
   slots: {
     root: ["grid grid-cols-1 text-base/6 sm:text-sm/6", "w-full"],
     title: [
@@ -3743,8 +3851,8 @@ var sectionRow = (0, import_tailwind_variants56.tv)({
 });
 
 // src/components/select.ts
-var import_tailwind_variants57 = require("tailwind-variants");
-var select = (0, import_tailwind_variants57.tv)({
+var import_tailwind_variants58 = require("tailwind-variants");
+var select = (0, import_tailwind_variants58.tv)({
   slots: {
     trigger: [
       "w-full",
@@ -3848,8 +3956,8 @@ var select = (0, import_tailwind_variants57.tv)({
 });
 
 // src/components/separator.ts
-var import_tailwind_variants58 = require("tailwind-variants");
-var separator = (0, import_tailwind_variants58.tv)({
+var import_tailwind_variants59 = require("tailwind-variants");
+var separator = (0, import_tailwind_variants59.tv)({
   base: [
     "bg-border shrink-0",
     "data-[orientation=horizontal]:h-px",
@@ -3867,8 +3975,8 @@ var separator = (0, import_tailwind_variants58.tv)({
 });
 
 // src/components/sidebar.ts
-var import_tailwind_variants59 = require("tailwind-variants");
-var sidebar = (0, import_tailwind_variants59.tv)({
+var import_tailwind_variants60 = require("tailwind-variants");
+var sidebar = (0, import_tailwind_variants60.tv)({
   slots: {
     provider: [
       "group/sidebar-wrapper has-data-[variant=inset]:bg-sidebar flex h-svh w-full isolate overflow-hidden"
@@ -3956,7 +4064,7 @@ var sidebar = (0, import_tailwind_variants59.tv)({
     isMobile: false
   }
 });
-var sidebarMenuButton = (0, import_tailwind_variants59.tv)({
+var sidebarMenuButton = (0, import_tailwind_variants60.tv)({
   base: [
     "peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md",
     "p-2 text-left text-sm outline-hidden ring-sidebar-ring transition-[width,height,padding]",
@@ -4008,7 +4116,7 @@ var sidebarMenuButton = (0, import_tailwind_variants59.tv)({
     }
   ]
 });
-var sidebarMenuAction = (0, import_tailwind_variants59.tv)({
+var sidebarMenuAction = (0, import_tailwind_variants60.tv)({
   base: [
     "text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground peer-hover/menu-button:text-sidebar-accent-foreground absolute top-1.5 right-1 flex aspect-square w-5 items-center justify-center rounded-md p-0 outline-hidden transition-transform focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0",
     // Increases the hit area of the button on mobile.
@@ -4028,14 +4136,14 @@ var sidebarMenuAction = (0, import_tailwind_variants59.tv)({
 });
 
 // src/components/skeleton.ts
-var import_tailwind_variants60 = require("tailwind-variants");
-var skeleton = (0, import_tailwind_variants60.tv)({
+var import_tailwind_variants61 = require("tailwind-variants");
+var skeleton = (0, import_tailwind_variants61.tv)({
   base: "bg-accent animate-pulse rounded-md"
 });
 
 // src/components/skeleton-avatar.ts
-var import_tailwind_variants61 = require("tailwind-variants");
-var skeletonAvatar = (0, import_tailwind_variants61.tv)({
+var import_tailwind_variants62 = require("tailwind-variants");
+var skeletonAvatar = (0, import_tailwind_variants62.tv)({
   base: "rounded-full",
   variants: {
     size: {
@@ -4052,8 +4160,8 @@ var skeletonAvatar = (0, import_tailwind_variants61.tv)({
 });
 
 // src/components/slash-dropdown-menu.ts
-var import_tailwind_variants62 = require("tailwind-variants");
-var slashDropdownMenu = (0, import_tailwind_variants62.tv)({
+var import_tailwind_variants63 = require("tailwind-variants");
+var slashDropdownMenu = (0, import_tailwind_variants63.tv)({
   slots: {
     card: [
       ...popoverContentClasses,
@@ -4078,8 +4186,8 @@ var slashDropdownMenu = (0, import_tailwind_variants62.tv)({
 });
 
 // src/components/spinner.ts
-var import_tailwind_variants63 = require("tailwind-variants");
-var spinner = (0, import_tailwind_variants63.tv)({
+var import_tailwind_variants64 = require("tailwind-variants");
+var spinner = (0, import_tailwind_variants64.tv)({
   slots: {
     base: "relative inline-flex flex-col gap-2 items-center justify-center",
     wrapper: "relative flex",
@@ -4196,8 +4304,8 @@ var spinner = (0, import_tailwind_variants63.tv)({
 });
 
 // src/components/split-page-layout.ts
-var import_tailwind_variants64 = require("tailwind-variants");
-var splitPageLayout = (0, import_tailwind_variants64.tv)({
+var import_tailwind_variants65 = require("tailwind-variants");
+var splitPageLayout = (0, import_tailwind_variants65.tv)({
   slots: {
     root: [
       "size-full min-h-0 grid grid-cols-[1fr_10px] md:grid-cols-3 relative"
@@ -4229,8 +4337,8 @@ var splitPageLayout = (0, import_tailwind_variants64.tv)({
 });
 
 // src/components/standard-chip.ts
-var import_tailwind_variants65 = require("tailwind-variants");
-var standardChip = (0, import_tailwind_variants65.tv)({
+var import_tailwind_variants66 = require("tailwind-variants");
+var standardChip = (0, import_tailwind_variants66.tv)({
   extend: chip,
   slots: {
     root: [
@@ -4321,8 +4429,8 @@ var standardChip = (0, import_tailwind_variants65.tv)({
 });
 
 // src/components/stat.ts
-var import_tailwind_variants66 = require("tailwind-variants");
-var stat = (0, import_tailwind_variants66.tv)({
+var import_tailwind_variants67 = require("tailwind-variants");
+var stat = (0, import_tailwind_variants67.tv)({
   slots: {
     root: ["flex", "flex-col", "gap-1", "relative", "flex-1"],
     label: [
@@ -4382,8 +4490,8 @@ var stat = (0, import_tailwind_variants66.tv)({
 });
 
 // src/components/switch.ts
-var import_tailwind_variants67 = require("tailwind-variants");
-var switchVariants = (0, import_tailwind_variants67.tv)({
+var import_tailwind_variants68 = require("tailwind-variants");
+var switchVariants = (0, import_tailwind_variants68.tv)({
   slots: {
     root: [
       "peer data-[checked]:bg-primary data-[unchecked]:bg-input focus-visible:border-ring focus-visible:ring-ring/50 dark:data-[unchecked]:bg-input/80",
@@ -4418,8 +4526,8 @@ var switchVariants = (0, import_tailwind_variants67.tv)({
 });
 
 // src/components/tab-nav.ts
-var import_tailwind_variants68 = require("tailwind-variants");
-var tabNav = (0, import_tailwind_variants68.tv)({
+var import_tailwind_variants69 = require("tailwind-variants");
+var tabNav = (0, import_tailwind_variants69.tv)({
   slots: {
     base: "",
     list: [
@@ -4509,8 +4617,8 @@ var tabNav = (0, import_tailwind_variants68.tv)({
 });
 
 // src/components/table.ts
-var import_tailwind_variants69 = require("tailwind-variants");
-var table = (0, import_tailwind_variants69.tv)({
+var import_tailwind_variants70 = require("tailwind-variants");
+var table = (0, import_tailwind_variants70.tv)({
   slots: {
     container: ["overflow-x-auto whitespace-nowrap", "-mx-(--gutter)"],
     wrapper: ["inline-block min-w-full align-middle"],
@@ -4672,8 +4780,8 @@ var table = (0, import_tailwind_variants69.tv)({
 });
 
 // src/components/tabs.ts
-var import_tailwind_variants70 = require("tailwind-variants");
-var tabs = (0, import_tailwind_variants70.tv)({
+var import_tailwind_variants71 = require("tailwind-variants");
+var tabs = (0, import_tailwind_variants71.tv)({
   slots: {
     root: "flex flex-col gap-2",
     list: [
@@ -4710,8 +4818,8 @@ var tabs = (0, import_tailwind_variants70.tv)({
 });
 
 // src/components/textarea.ts
-var import_tailwind_variants71 = require("tailwind-variants");
-var textarea = (0, import_tailwind_variants71.tv)({
+var import_tailwind_variants72 = require("tailwind-variants");
+var textarea = (0, import_tailwind_variants72.tv)({
   base: [
     "w-full border border-input bg-background text-foreground shadow-xs shadow-black/5 transition-[color,box-shadow]",
     "text-foreground placeholder:text-muted-foreground/80",
@@ -4735,8 +4843,8 @@ var textarea = (0, import_tailwind_variants71.tv)({
 });
 
 // src/components/toc.ts
-var import_tailwind_variants72 = require("tailwind-variants");
-var toc = (0, import_tailwind_variants72.tv)({
+var import_tailwind_variants73 = require("tailwind-variants");
+var toc = (0, import_tailwind_variants73.tv)({
   slots: {
     root: ["my-4", "rounded-lg", "border", "bg-muted/30", "p-4"],
     header: ["flex", "items-center", "justify-between", "gap-2", "mb-3"],
@@ -4793,8 +4901,8 @@ var toc = (0, import_tailwind_variants72.tv)({
 });
 
 // src/components/toolbar.ts
-var import_tailwind_variants73 = require("tailwind-variants");
-var toolbar = (0, import_tailwind_variants73.tv)({
+var import_tailwind_variants74 = require("tailwind-variants");
+var toolbar = (0, import_tailwind_variants74.tv)({
   slots: {
     root: "flex items-center gap-2.5 p-1",
     button: "shrink-0",
@@ -4833,8 +4941,8 @@ var toolbar = (0, import_tailwind_variants73.tv)({
 });
 
 // src/components/tooltip.ts
-var import_tailwind_variants74 = require("tailwind-variants");
-var tooltip = (0, import_tailwind_variants74.tv)({
+var import_tailwind_variants75 = require("tailwind-variants");
+var tooltip = (0, import_tailwind_variants75.tv)({
   slots: {
     content: [
       "bg-primary-900 text-primary-foreground",
@@ -4847,8 +4955,8 @@ var tooltip = (0, import_tailwind_variants74.tv)({
 });
 
 // src/components/variable-node.ts
-var import_tailwind_variants75 = require("tailwind-variants");
-var variableNode = (0, import_tailwind_variants75.tv)({
+var import_tailwind_variants76 = require("tailwind-variants");
+var variableNode = (0, import_tailwind_variants76.tv)({
   slots: {
     wrapper: ["inline", "align-baseline"],
     chip: [
@@ -4915,6 +5023,7 @@ var variableNode = (0, import_tailwind_variants75.tv)({
   dialog,
   drawer,
   dropdownMenu,
+  editableText,
   editorBasic,
   editorSpinner,
   filter,