@kopexa/theme 17.21.0 → 17.22.0

package/dist/components/toggle-row.mjs

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

package/dist/index.d.mts

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

package/dist/index.d.ts

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

package/dist/index.js

@@ -96,6 +96,7 @@ __export(index_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 inline-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/index.mjs

@@ -1,5 +1,5 @@
 import "./chunk-XSN6P5JL.mjs";
-import "./chunk-BZXQ2GZA.mjs";
+import "./chunk-T3C4PJPS.mjs";
 import {
   tabs
 } from "./chunk-I6M4S2KZ.mjs";
@@ -9,6 +9,9 @@ import {
 import {
   toc
 } from "./chunk-ODC3GJTR.mjs";
+import {
+  toggleRow
+} from "./chunk-F7MJHRZX.mjs";
 import {
   toolbar
 } from "./chunk-2NA54PNL.mjs";
@@ -145,7 +148,7 @@ import {
 } from "./chunk-3PCDCW7G.mjs";
 import {
   editableText
-} from "./chunk-YIS3TUW7.mjs";
+} from "./chunk-XDBCPDGQ.mjs";
 import {
   editorBasic
 } from "./chunk-LPNA4ATD.mjs";
@@ -310,6 +313,7 @@ export {
   tabs,
   textarea,
   toc,
+  toggleRow,
   toolbar,
   tooltip,
   variableNode

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kopexa/theme",
-  "version": "17.21.0",
+  "version": "17.22.0",
   "description": "The default theme for Kopexa components",
   "keywords": [
     "theme",
@@ -66,7 +66,7 @@
     "tailwind-merge": "3.4.0",
     "tailwind-variants": "^3.2.2",
     "tw-animate-css": "^1.4.0",
-    "@kopexa/shared-utils": "17.0.37"
+    "@kopexa/shared-utils": "17.0.39"
   },
   "peerDependencies": {
     "tailwindcss": ">=4.0.0"