@kopexa/theme 17.21.1 → 17.22.1

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,13 +1,4 @@
-import "../chunk-BZXQ2GZA.mjs";
-import {
-  tabs
-} from "../chunk-I6M4S2KZ.mjs";
-import {
-  textarea
-} from "../chunk-ARLLAC5V.mjs";
-import {
-  toc
-} from "../chunk-ODC3GJTR.mjs";
+import "../chunk-T3C4PJPS.mjs";
 import {
   toolbar
 } from "../chunk-2NA54PNL.mjs";
@@ -17,18 +8,6 @@ import {
 import {
   variableNode
 } from "../chunk-EKOZ2ZVU.mjs";
-import {
-  slashDropdownMenu
-} from "../chunk-U4BRPFG2.mjs";
-import {
-  spinner
-} from "../chunk-4UDOCFU5.mjs";
-import {
-  splitPageLayout
-} from "../chunk-B5JVXVSG.mjs";
-import {
-  standardChip
-} from "../chunk-XQZL7LCP.mjs";
 import {
   stat
 } from "../chunk-RTWYV4TJ.mjs";
@@ -42,17 +21,17 @@ import {
   table
 } from "../chunk-YC2FQDBV.mjs";
 import {
-  riskRating
-} from "../chunk-CNYKIUVC.mjs";
+  tabs
+} from "../chunk-I6M4S2KZ.mjs";
 import {
-  scrollArea
-} from "../chunk-SPQE7K66.mjs";
+  textarea
+} from "../chunk-ARLLAC5V.mjs";
 import {
-  sectionRow
-} from "../chunk-CC225WUG.mjs";
+  toc
+} from "../chunk-ODC3GJTR.mjs";
 import {
-  select
-} from "../chunk-KPVLNOO5.mjs";
+  toggleRow
+} from "../chunk-F7MJHRZX.mjs";
 import {
   separator
 } from "../chunk-LM7MKBHT.mjs";
@@ -63,22 +42,22 @@ import {
 } from "../chunk-2Z4QAY6O.mjs";
 import {
   skeletonAvatar
-} from "../chunk-7Q2RNHL5.mjs";
+} from "../chunk-RGZCKQNI.mjs";
 import {
   skeleton
 } from "../chunk-VNQEJU4P.mjs";
 import {
-  pageLayout
-} from "../chunk-OULAICSC.mjs";
+  slashDropdownMenu
+} from "../chunk-U4BRPFG2.mjs";
 import {
-  popover
-} from "../chunk-TQVRNEIH.mjs";
+  spinner
+} from "../chunk-4UDOCFU5.mjs";
 import {
-  previewCard
-} from "../chunk-GWRIERN6.mjs";
+  splitPageLayout
+} from "../chunk-B5JVXVSG.mjs";
 import {
-  promptInput
-} from "../chunk-UCVBVFHQ.mjs";
+  standardChip
+} from "../chunk-XQZL7LCP.mjs";
 import {
   relatedControlChip
 } from "../chunk-NIEFB74U.mjs";
@@ -92,14 +71,17 @@ import {
   riskIndicator
 } from "../chunk-CZMZHA7U.mjs";
 import {
-  inputWrapper
-} from "../chunk-VSVGOX3P.mjs";
+  riskRating
+} from "../chunk-CNYKIUVC.mjs";
 import {
-  integrationCard
-} from "../chunk-QOW6FLZ6.mjs";
+  scrollArea
+} from "../chunk-SPQE7K66.mjs";
 import {
-  kbd
-} from "../chunk-BETLBSSF.mjs";
+  sectionRow
+} from "../chunk-CC225WUG.mjs";
+import {
+  select
+} from "../chunk-KPVLNOO5.mjs";
 import {
   label
 } from "../chunk-LMCM4CW2.mjs";
@@ -113,17 +95,17 @@ import {
   pageHeader
 } from "../chunk-HAVJ6EQ6.mjs";
 import {
-  frameworkRow
-} from "../chunk-TPFAZH22.mjs";
+  pageLayout
+} from "../chunk-OULAICSC.mjs";
 import {
-  heading
-} from "../chunk-NWKBPO37.mjs";
+  popover
+} from "../chunk-TQVRNEIH.mjs";
 import {
-  hoverCard
-} from "../chunk-UTCVHVWF.mjs";
+  previewCard
+} from "../chunk-GWRIERN6.mjs";
 import {
-  imageCrop
-} from "../chunk-GMFZLUU4.mjs";
+  promptInput
+} from "../chunk-UCVBVFHQ.mjs";
 import {
   imagePlaceholder
 } from "../chunk-VO435JJ5.mjs";
@@ -134,17 +116,14 @@ import {
   inputGroup
 } from "../chunk-HWEYNK3O.mjs";
 import {
-  drawer
-} from "../chunk-7V3NMVQH.mjs";
-import {
-  dialog
-} from "../chunk-OJDCD74N.mjs";
+  inputWrapper
+} from "../chunk-VSVGOX3P.mjs";
 import {
-  dropdownMenu
-} from "../chunk-3PCDCW7G.mjs";
+  integrationCard
+} from "../chunk-QOW6FLZ6.mjs";
 import {
-  editableText
-} from "../chunk-J7U6DAJ5.mjs";
+  kbd
+} from "../chunk-BETLBSSF.mjs";
 import {
   editorBasic
 } from "../chunk-LPNA4ATD.mjs";
@@ -158,17 +137,17 @@ import {
   filter
 } from "../chunk-GT463S76.mjs";
 import {
-  colorHighlightButton
-} from "../chunk-CPERWXKN.mjs";
+  frameworkRow
+} from "../chunk-TPFAZH22.mjs";
 import {
-  combobox
-} from "../chunk-3T7EOMXR.mjs";
+  heading
+} from "../chunk-NWKBPO37.mjs";
 import {
-  command
-} from "../chunk-YPHFKGNI.mjs";
+  hoverCard
+} from "../chunk-UTCVHVWF.mjs";
 import {
-  complianceBadge
-} from "../chunk-RZ45NVOH.mjs";
+  imageCrop
+} from "../chunk-GMFZLUU4.mjs";
 import {
   controlExtension
 } from "../chunk-M4TXKRUU.mjs";
@@ -182,17 +161,17 @@ import {
   dataTable
 } from "../chunk-GNYTZGE5.mjs";
 import {
-  breadcrumb
-} from "../chunk-W6TZSSAU.mjs";
+  drawer
+} from "../chunk-7V3NMVQH.mjs";
 import {
-  button
-} from "../chunk-OTETLRUE.mjs";
+  dialog
+} from "../chunk-OJDCD74N.mjs";
 import {
-  calendar
-} from "../chunk-JWF5ABNP.mjs";
+  dropdownMenu
+} from "../chunk-3PCDCW7G.mjs";
 import {
-  callout
-} from "../chunk-A3F4CV54.mjs";
+  editableText
+} from "../chunk-XDBCPDGQ.mjs";
 import {
   card
 } from "../chunk-5YHTCPJL.mjs";
@@ -206,14 +185,17 @@ import {
   code
 } from "../chunk-VQ2OAHGP.mjs";
 import {
-  accordion
-} from "../chunk-AEWKHJEI.mjs";
+  colorHighlightButton
+} from "../chunk-CPERWXKN.mjs";
 import {
-  alertDialog
-} from "../chunk-XGUDXC5P.mjs";
+  combobox
+} from "../chunk-3T7EOMXR.mjs";
 import {
-  auditInfo
-} from "../chunk-CPAF7VNM.mjs";
+  command
+} from "../chunk-YPHFKGNI.mjs";
+import {
+  complianceBadge
+} from "../chunk-RZ45NVOH.mjs";
 import {
   autocomplete
 } from "../chunk-OHZBQRA4.mjs";
@@ -226,12 +208,33 @@ import {
 } from "../chunk-XCLEKBCJ.mjs";
 import {
   avatar
-} from "../chunk-D5FKEY7B.mjs";
-import "../chunk-7T563RF7.mjs";
-import "../chunk-6IZPAS4O.mjs";
+} from "../chunk-VPA2TZYQ.mjs";
 import {
   blankstate
 } from "../chunk-DICHD74Q.mjs";
+import {
+  breadcrumb
+} from "../chunk-W6TZSSAU.mjs";
+import {
+  button
+} from "../chunk-GNJCCXFJ.mjs";
+import {
+  calendar
+} from "../chunk-JWF5ABNP.mjs";
+import {
+  callout
+} from "../chunk-A3F4CV54.mjs";
+import "../chunk-6IZPAS4O.mjs";
+import "../chunk-7T563RF7.mjs";
+import {
+  accordion
+} from "../chunk-AEWKHJEI.mjs";
+import {
+  alertDialog
+} from "../chunk-XGUDXC5P.mjs";
+import {
+  auditInfo
+} from "../chunk-CPAF7VNM.mjs";
 export {
   accordion,
   alertDialog,
@@ -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;
         };
     };
 } | {}, {