@kopexa/theme 17.21.1 → 17.22.0

package/dist/components/editable-text.js

@@ -26,7 +26,7 @@ module.exports = __toCommonJS(editable_text_exports);
 var import_tailwind_variants = require("tailwind-variants");
 var editableText = (0, import_tailwind_variants.tv)({
   slots: {
-    root: ["group/editable flex w-full min-w-0 items-center gap-2"],
+    root: ["group/editable flex w-full min-w-0 gap-2"],
     view: [
       "flex-1 inline-flex items-center cursor-pointer rounded px-2 py-1 -mx-2",
       "hover:bg-muted/50 transition-colors",
@@ -36,6 +36,11 @@ var editableText = (0, import_tailwind_variants.tv)({
       "flex-1 bg-transparent border-none outline-none",
       "ring-2 ring-primary rounded px-2 py-1 -mx-2"
     ],
+    textarea: [
+      "flex-1 bg-transparent border-none outline-none resize-none",
+      "ring-2 ring-primary rounded px-2 py-1 -mx-2",
+      "min-h-[60px]"
+    ],
     placeholder: ["text-muted-foreground"],
     actions: ["flex items-center gap-1 shrink-0 ml-2"],
     editButton: [
@@ -57,49 +62,70 @@ var editableText = (0, import_tailwind_variants.tv)({
     size: {
       xs: {
         view: "text-xs",
-        input: "text-xs"
+        input: "text-xs",
+        textarea: "text-xs"
       },
       sm: {
         view: "text-sm",
-        input: "text-sm"
+        input: "text-sm",
+        textarea: "text-sm"
       },
       base: {
         view: "text-base",
-        input: "text-base"
+        input: "text-base",
+        textarea: "text-base"
       },
       lg: {
         view: "text-lg",
-        input: "text-lg"
+        input: "text-lg",
+        textarea: "text-lg"
       },
       xl: {
         view: "text-xl",
-        input: "text-xl"
+        input: "text-xl",
+        textarea: "text-xl"
       },
       "2xl": {
         view: "text-2xl",
-        input: "text-2xl"
+        input: "text-2xl",
+        textarea: "text-2xl"
       },
       "3xl": {
         view: "text-3xl",
-        input: "text-3xl"
+        input: "text-3xl",
+        textarea: "text-3xl"
       }
     },
     weight: {
       normal: {
         view: "font-normal",
-        input: "font-normal"
+        input: "font-normal",
+        textarea: "font-normal"
       },
       medium: {
         view: "font-medium",
-        input: "font-medium"
+        input: "font-medium",
+        textarea: "font-medium"
       },
       semibold: {
         view: "font-semibold",
-        input: "font-semibold"
+        input: "font-semibold",
+        textarea: "font-semibold"
       },
       bold: {
         view: "font-bold",
-        input: "font-bold"
+        input: "font-bold",
+        textarea: "font-bold"
+      }
+    },
+    multiline: {
+      true: {
+        root: "items-start",
+        view: "items-start whitespace-pre-wrap",
+        actions: "mt-1"
+      },
+      false: {
+        root: "items-center"
       }
     },
     disabled: {
@@ -124,7 +150,8 @@ var editableText = (0, import_tailwind_variants.tv)({
     weight: "normal",
     disabled: false,
     showButtons: false,
-    buttonVisibility: "hover"
+    buttonVisibility: "hover",
+    multiline: false
   }
 });
 // Annotate the CommonJS export names for ESM import in node:

package/dist/components/editable-text.mjs

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

package/dist/components/index.d.mts

@@ -71,6 +71,7 @@ export { TableSlots, TableVariantProps, table } from './table.mjs';
 export { TabsVariantProps, tabs } from './tabs.mjs';
 export { TextareaVariantProps, textarea } from './textarea.mjs';
 export { TocSlots, TocVariantProps, toc } from './toc.mjs';
+export { ToggleRowSlots, ToggleRowVariantProps, toggleRow } from './toggle-row.mjs';
 export { ToolbarVariantProps, toolbar } from './toolbar.mjs';
 export { TooltipVariants, tooltip } from './tooltip.mjs';
 export { VariableNodeVariants, variableNode } from './variable-node.mjs';

package/dist/components/index.d.ts

@@ -71,6 +71,7 @@ export { TableSlots, TableVariantProps, table } from './table.js';
 export { TabsVariantProps, tabs } from './tabs.js';
 export { TextareaVariantProps, textarea } from './textarea.js';
 export { TocSlots, TocVariantProps, toc } from './toc.js';
+export { ToggleRowSlots, ToggleRowVariantProps, toggleRow } from './toggle-row.js';
 export { ToolbarVariantProps, toolbar } from './toolbar.js';
 export { TooltipVariants, tooltip } from './tooltip.js';
 export { VariableNodeVariants, variableNode } from './variable-node.js';

package/dist/components/index.js

@@ -96,6 +96,7 @@ __export(components_exports, {
   tabs: () => tabs,
   textarea: () => textarea,
   toc: () => toc,
+  toggleRow: () => toggleRow,
   toolbar: () => toolbar,
   tooltip: () => tooltip,
   variableNode: () => variableNode
@@ -2381,7 +2382,7 @@ var dropdownMenu = (0, import_tailwind_variants27.tv)({
 var import_tailwind_variants28 = require("tailwind-variants");
 var editableText = (0, import_tailwind_variants28.tv)({
   slots: {
-    root: ["group/editable flex w-full min-w-0 items-center gap-2"],
+    root: ["group/editable flex w-full min-w-0 gap-2"],
     view: [
       "flex-1 inline-flex items-center cursor-pointer rounded px-2 py-1 -mx-2",
       "hover:bg-muted/50 transition-colors",
@@ -2391,6 +2392,11 @@ var editableText = (0, import_tailwind_variants28.tv)({
       "flex-1 bg-transparent border-none outline-none",
       "ring-2 ring-primary rounded px-2 py-1 -mx-2"
     ],
+    textarea: [
+      "flex-1 bg-transparent border-none outline-none resize-none",
+      "ring-2 ring-primary rounded px-2 py-1 -mx-2",
+      "min-h-[60px]"
+    ],
     placeholder: ["text-muted-foreground"],
     actions: ["flex items-center gap-1 shrink-0 ml-2"],
     editButton: [
@@ -2412,49 +2418,70 @@ var editableText = (0, import_tailwind_variants28.tv)({
     size: {
       xs: {
         view: "text-xs",
-        input: "text-xs"
+        input: "text-xs",
+        textarea: "text-xs"
       },
       sm: {
         view: "text-sm",
-        input: "text-sm"
+        input: "text-sm",
+        textarea: "text-sm"
       },
       base: {
         view: "text-base",
-        input: "text-base"
+        input: "text-base",
+        textarea: "text-base"
       },
       lg: {
         view: "text-lg",
-        input: "text-lg"
+        input: "text-lg",
+        textarea: "text-lg"
       },
       xl: {
         view: "text-xl",
-        input: "text-xl"
+        input: "text-xl",
+        textarea: "text-xl"
       },
       "2xl": {
         view: "text-2xl",
-        input: "text-2xl"
+        input: "text-2xl",
+        textarea: "text-2xl"
       },
       "3xl": {
         view: "text-3xl",
-        input: "text-3xl"
+        input: "text-3xl",
+        textarea: "text-3xl"
       }
     },
     weight: {
       normal: {
         view: "font-normal",
-        input: "font-normal"
+        input: "font-normal",
+        textarea: "font-normal"
       },
       medium: {
         view: "font-medium",
-        input: "font-medium"
+        input: "font-medium",
+        textarea: "font-medium"
       },
       semibold: {
         view: "font-semibold",
-        input: "font-semibold"
+        input: "font-semibold",
+        textarea: "font-semibold"
       },
       bold: {
         view: "font-bold",
-        input: "font-bold"
+        input: "font-bold",
+        textarea: "font-bold"
+      }
+    },
+    multiline: {
+      true: {
+        root: "items-start",
+        view: "items-start whitespace-pre-wrap",
+        actions: "mt-1"
+      },
+      false: {
+        root: "items-center"
       }
     },
     disabled: {
@@ -2479,7 +2506,8 @@ var editableText = (0, import_tailwind_variants28.tv)({
     weight: "normal",
     disabled: false,
     showButtons: false,
-    buttonVisibility: "hover"
+    buttonVisibility: "hover",
+    multiline: false
   }
 });
 
@@ -4900,9 +4928,53 @@ var toc = (0, import_tailwind_variants73.tv)({
   }
 });
 
-// src/components/toolbar.ts
+// src/components/toggle-row.ts
 var import_tailwind_variants74 = require("tailwind-variants");
-var toolbar = (0, import_tailwind_variants74.tv)({
+var toggleRow = (0, import_tailwind_variants74.tv)({
+  slots: {
+    root: [
+      "flex items-center justify-between gap-4 py-2.5 px-3 rounded-lg",
+      "border border-transparent transition-colors",
+      "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
+    ],
+    content: ["flex flex-col gap-0.5 min-w-0"],
+    label: ["text-sm"],
+    description: ["text-xs text-muted-foreground"]
+  },
+  variants: {
+    variant: {
+      default: {
+        root: ""
+      },
+      bordered: {
+        root: "border-border"
+      }
+    },
+    disabled: {
+      true: {
+        root: "cursor-default opacity-60"
+      },
+      false: {
+        root: "cursor-pointer hover:bg-muted/50"
+      }
+    },
+    checked: {
+      true: {
+        root: "bg-muted/30"
+      },
+      false: {}
+    }
+  },
+  defaultVariants: {
+    variant: "default",
+    disabled: false,
+    checked: false
+  }
+});
+
+// src/components/toolbar.ts
+var import_tailwind_variants75 = require("tailwind-variants");
+var toolbar = (0, import_tailwind_variants75.tv)({
   slots: {
     root: "flex items-center gap-2.5 p-1",
     button: "shrink-0",
@@ -4941,8 +5013,8 @@ var toolbar = (0, import_tailwind_variants74.tv)({
 });
 
 // src/components/tooltip.ts
-var import_tailwind_variants75 = require("tailwind-variants");
-var tooltip = (0, import_tailwind_variants75.tv)({
+var import_tailwind_variants76 = require("tailwind-variants");
+var tooltip = (0, import_tailwind_variants76.tv)({
   slots: {
     content: [
       "bg-primary-900 text-primary-foreground",
@@ -4955,8 +5027,8 @@ var tooltip = (0, import_tailwind_variants75.tv)({
 });
 
 // src/components/variable-node.ts
-var import_tailwind_variants76 = require("tailwind-variants");
-var variableNode = (0, import_tailwind_variants76.tv)({
+var import_tailwind_variants77 = require("tailwind-variants");
+var variableNode = (0, import_tailwind_variants77.tv)({
   slots: {
     wrapper: ["inline", "align-baseline"],
     chip: [
@@ -5072,6 +5144,7 @@ var variableNode = (0, import_tailwind_variants76.tv)({
   tabs,
   textarea,
   toc,
+  toggleRow,
   toolbar,
   tooltip,
   variableNode

package/dist/components/index.mjs

@@ -1,4 +1,4 @@
-import "../chunk-BZXQ2GZA.mjs";
+import "../chunk-T3C4PJPS.mjs";
 import {
   tabs
 } from "../chunk-I6M4S2KZ.mjs";
@@ -8,6 +8,9 @@ import {
 import {
   toc
 } from "../chunk-ODC3GJTR.mjs";
+import {
+  toggleRow
+} from "../chunk-F7MJHRZX.mjs";
 import {
   toolbar
 } from "../chunk-2NA54PNL.mjs";
@@ -144,7 +147,7 @@ import {
 } from "../chunk-3PCDCW7G.mjs";
 import {
   editableText
-} from "../chunk-J7U6DAJ5.mjs";
+} from "../chunk-XDBCPDGQ.mjs";
 import {
   editorBasic
 } from "../chunk-LPNA4ATD.mjs";
@@ -309,6 +312,7 @@ export {
   tabs,
   textarea,
   toc,
+  toggleRow,
   toolbar,
   tooltip,
   variableNode

package/dist/components/prompt-input.d.mts

@@ -7,9 +7,9 @@ declare const promptInput: tailwind_variants.TVReturnType<{
         [key: string]: tailwind_merge.ClassNameValue | {
             root?: tailwind_merge.ClassNameValue;
             actions?: tailwind_merge.ClassNameValue;
+            textarea?: tailwind_merge.ClassNameValue;
             form?: tailwind_merge.ClassNameValue;
             submitButton?: tailwind_merge.ClassNameValue;
-            textarea?: tailwind_merge.ClassNameValue;
         };
     };
 } | {
@@ -17,9 +17,9 @@ declare const promptInput: tailwind_variants.TVReturnType<{
         [x: string]: tailwind_merge.ClassNameValue | {
             root?: tailwind_merge.ClassNameValue;
             actions?: tailwind_merge.ClassNameValue;
+            textarea?: tailwind_merge.ClassNameValue;
             form?: tailwind_merge.ClassNameValue;
             submitButton?: tailwind_merge.ClassNameValue;
-            textarea?: tailwind_merge.ClassNameValue;
         };
     };
 } | {}, {
@@ -33,9 +33,9 @@ declare const promptInput: tailwind_variants.TVReturnType<{
         [key: string]: tailwind_merge.ClassNameValue | {
             root?: tailwind_merge.ClassNameValue;
             actions?: tailwind_merge.ClassNameValue;
+            textarea?: tailwind_merge.ClassNameValue;
             form?: tailwind_merge.ClassNameValue;
             submitButton?: tailwind_merge.ClassNameValue;
-            textarea?: tailwind_merge.ClassNameValue;
         };
     };
 } | {}, {

package/dist/components/prompt-input.d.ts

@@ -7,9 +7,9 @@ declare const promptInput: tailwind_variants.TVReturnType<{
         [key: string]: tailwind_merge.ClassNameValue | {
             root?: tailwind_merge.ClassNameValue;
             actions?: tailwind_merge.ClassNameValue;
+            textarea?: tailwind_merge.ClassNameValue;
             form?: tailwind_merge.ClassNameValue;
             submitButton?: tailwind_merge.ClassNameValue;
-            textarea?: tailwind_merge.ClassNameValue;
         };
     };
 } | {
@@ -17,9 +17,9 @@ declare const promptInput: tailwind_variants.TVReturnType<{
         [x: string]: tailwind_merge.ClassNameValue | {
             root?: tailwind_merge.ClassNameValue;
             actions?: tailwind_merge.ClassNameValue;
+            textarea?: tailwind_merge.ClassNameValue;
             form?: tailwind_merge.ClassNameValue;
             submitButton?: tailwind_merge.ClassNameValue;
-            textarea?: tailwind_merge.ClassNameValue;
         };
     };
 } | {}, {
@@ -33,9 +33,9 @@ declare const promptInput: tailwind_variants.TVReturnType<{
         [key: string]: tailwind_merge.ClassNameValue | {
             root?: tailwind_merge.ClassNameValue;
             actions?: tailwind_merge.ClassNameValue;
+            textarea?: tailwind_merge.ClassNameValue;
             form?: tailwind_merge.ClassNameValue;
             submitButton?: tailwind_merge.ClassNameValue;
-            textarea?: tailwind_merge.ClassNameValue;
         };
     };
 } | {}, {

package/dist/components/toggle-row.d.mts

@@ -0,0 +1,92 @@
+import * as tailwind_variants from 'tailwind-variants';
+import { VariantProps } from 'tailwind-variants';
+
+declare const toggleRow: tailwind_variants.TVReturnType<{
+    variant: {
+        default: {
+            root: string;
+        };
+        bordered: {
+            root: string;
+        };
+    };
+    disabled: {
+        true: {
+            root: string;
+        };
+        false: {
+            root: string;
+        };
+    };
+    checked: {
+        true: {
+            root: string;
+        };
+        false: {};
+    };
+}, {
+    root: string[];
+    content: string[];
+    label: string[];
+    description: string[];
+}, undefined, {
+    variant: {
+        default: {
+            root: string;
+        };
+        bordered: {
+            root: string;
+        };
+    };
+    disabled: {
+        true: {
+            root: string;
+        };
+        false: {
+            root: string;
+        };
+    };
+    checked: {
+        true: {
+            root: string;
+        };
+        false: {};
+    };
+}, {
+    root: string[];
+    content: string[];
+    label: string[];
+    description: string[];
+}, tailwind_variants.TVReturnType<{
+    variant: {
+        default: {
+            root: string;
+        };
+        bordered: {
+            root: string;
+        };
+    };
+    disabled: {
+        true: {
+            root: string;
+        };
+        false: {
+            root: string;
+        };
+    };
+    checked: {
+        true: {
+            root: string;
+        };
+        false: {};
+    };
+}, {
+    root: string[];
+    content: string[];
+    label: string[];
+    description: string[];
+}, undefined, unknown, unknown, undefined>>;
+type ToggleRowSlots = keyof ReturnType<typeof toggleRow>;
+type ToggleRowVariantProps = VariantProps<typeof toggleRow>;
+
+export { type ToggleRowSlots, type ToggleRowVariantProps, toggleRow };

package/dist/components/toggle-row.d.ts

@@ -0,0 +1,92 @@
+import * as tailwind_variants from 'tailwind-variants';
+import { VariantProps } from 'tailwind-variants';
+
+declare const toggleRow: tailwind_variants.TVReturnType<{
+    variant: {
+        default: {
+            root: string;
+        };
+        bordered: {
+            root: string;
+        };
+    };
+    disabled: {
+        true: {
+            root: string;
+        };
+        false: {
+            root: string;
+        };
+    };
+    checked: {
+        true: {
+            root: string;
+        };
+        false: {};
+    };
+}, {
+    root: string[];
+    content: string[];
+    label: string[];
+    description: string[];
+}, undefined, {
+    variant: {
+        default: {
+            root: string;
+        };
+        bordered: {
+            root: string;
+        };
+    };
+    disabled: {
+        true: {
+            root: string;
+        };
+        false: {
+            root: string;
+        };
+    };
+    checked: {
+        true: {
+            root: string;
+        };
+        false: {};
+    };
+}, {
+    root: string[];
+    content: string[];
+    label: string[];
+    description: string[];
+}, tailwind_variants.TVReturnType<{
+    variant: {
+        default: {
+            root: string;
+        };
+        bordered: {
+            root: string;
+        };
+    };
+    disabled: {
+        true: {
+            root: string;
+        };
+        false: {
+            root: string;
+        };
+    };
+    checked: {
+        true: {
+            root: string;
+        };
+        false: {};
+    };
+}, {
+    root: string[];
+    content: string[];
+    label: string[];
+    description: string[];
+}, undefined, unknown, unknown, undefined>>;
+type ToggleRowSlots = keyof ReturnType<typeof toggleRow>;
+type ToggleRowVariantProps = VariantProps<typeof toggleRow>;
+
+export { type ToggleRowSlots, type ToggleRowVariantProps, toggleRow };

package/dist/components/toggle-row.js

@@ -0,0 +1,71 @@
+"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/toggle-row.ts
+var toggle_row_exports = {};
+__export(toggle_row_exports, {
+  toggleRow: () => toggleRow
+});
+module.exports = __toCommonJS(toggle_row_exports);
+var import_tailwind_variants = require("tailwind-variants");
+var toggleRow = (0, import_tailwind_variants.tv)({
+  slots: {
+    root: [
+      "flex items-center justify-between gap-4 py-2.5 px-3 rounded-lg",
+      "border border-transparent transition-colors",
+      "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
+    ],
+    content: ["flex flex-col gap-0.5 min-w-0"],
+    label: ["text-sm"],
+    description: ["text-xs text-muted-foreground"]
+  },
+  variants: {
+    variant: {
+      default: {
+        root: ""
+      },
+      bordered: {
+        root: "border-border"
+      }
+    },
+    disabled: {
+      true: {
+        root: "cursor-default opacity-60"
+      },
+      false: {
+        root: "cursor-pointer hover:bg-muted/50"
+      }
+    },
+    checked: {
+      true: {
+        root: "bg-muted/30"
+      },
+      false: {}
+    }
+  },
+  defaultVariants: {
+    variant: "default",
+    disabled: false,
+    checked: false
+  }
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  toggleRow
+});