@kopexa/theme 2.0.0 → 2.1.0

package/dist/components/index.mjs

@@ -1,10 +1,19 @@
-import "../chunk-UWWO4AVU.mjs";
+import "../chunk-4I5ASWB3.mjs";
+import {
+  tabs
+} from "../chunk-I6M4S2KZ.mjs";
+import {
+  textarea
+} from "../chunk-M3GQ563Q.mjs";
 import {
   toolbar
-} from "../chunk-BWB7MWRC.mjs";
+} from "../chunk-2NA54PNL.mjs";
 import {
   tooltip
 } from "../chunk-OLYO7UPH.mjs";
+import {
+  skeleton
+} from "../chunk-VNQEJU4P.mjs";
 import {
   slashDropdownMenu
 } from "../chunk-URGRCBNW.mjs";
@@ -17,6 +26,9 @@ import {
 import {
   standardChip
 } from "../chunk-7VZZASRG.mjs";
+import {
+  switchVariants
+} from "../chunk-WQ446TVH.mjs";
 import {
   tabNav
 } from "../chunk-ZLM6Z3W2.mjs";
@@ -24,11 +36,8 @@ import {
   table
 } from "../chunk-YC2FQDBV.mjs";
 import {
-  tabs
-} from "../chunk-I6M4S2KZ.mjs";
-import {
-  textarea
-} from "../chunk-M3GQ563Q.mjs";
+  riskBadge
+} from "../chunk-V2J5XG34.mjs";
 import {
   riskIndicator
 } from "../chunk-CZMZHA7U.mjs";
@@ -53,8 +62,8 @@ import {
   skeletonAvatar
 } from "../chunk-HHOMDBMZ.mjs";
 import {
-  skeleton
-} from "../chunk-VNQEJU4P.mjs";
+  kbd
+} from "../chunk-BETLBSSF.mjs";
 import {
   label
 } from "../chunk-LMCM4CW2.mjs";
@@ -77,8 +86,8 @@ import {
   resizable
 } from "../chunk-RV656WRF.mjs";
 import {
-  riskBadge
-} from "../chunk-V2J5XG34.mjs";
+  frameworkRow
+} from "../chunk-TPFAZH22.mjs";
 import {
   heading
 } from "../chunk-NWKBPO37.mjs";
@@ -95,8 +104,8 @@ import {
   integrationCard
 } from "../chunk-QOW6FLZ6.mjs";
 import {
-  kbd
-} from "../chunk-BETLBSSF.mjs";
+  controlExtension
+} from "../chunk-M4TXKRUU.mjs";
 import {
   datagrid
 } from "../chunk-45KIKY4A.mjs";
@@ -114,22 +123,19 @@ import {
 } from "../chunk-3PCDCW7G.mjs";
 import {
   editorBasic
-} from "../chunk-GRPMKEI2.mjs";
+} from "../chunk-NUEQ5FLX.mjs";
 import {
   editorSpinner
 } from "../chunk-TVC4THD6.mjs";
-import {
-  frameworkRow
-} from "../chunk-TPFAZH22.mjs";
 import {
   calendar
 } from "../chunk-JWF5ABNP.mjs";
 import {
   callout
-} from "../chunk-XAHAVJUM.mjs";
+} from "../chunk-A3F4CV54.mjs";
 import {
   card
-} from "../chunk-7O57EDVS.mjs";
+} from "../chunk-63C4SFQK.mjs";
 import {
   checkbox
 } from "../chunk-A4KO7QKC.mjs";
@@ -188,6 +194,7 @@ export {
   code,
   colorHighlightButton,
   command,
+  controlExtension,
   dataTable,
   datagrid,
   dialog,
@@ -226,6 +233,7 @@ export {
   spinner,
   splitPageLayout,
   standardChip,
+  switchVariants,
   tabNav,
   table,
   tabs,

package/dist/components/integration-card.d.mts

@@ -9,9 +9,9 @@ declare const integrationCard: tailwind_variants.TVReturnType<{
             header?: tailwind_merge.ClassNameValue;
             footer?: tailwind_merge.ClassNameValue;
             description?: tailwind_merge.ClassNameValue;
+            heading?: tailwind_merge.ClassNameValue;
             headerContent?: tailwind_merge.ClassNameValue;
             headingContainer?: tailwind_merge.ClassNameValue;
-            heading?: tailwind_merge.ClassNameValue;
             statusIndicatorContainer?: tailwind_merge.ClassNameValue;
             tagsContainer?: tailwind_merge.ClassNameValue;
             version?: tailwind_merge.ClassNameValue;
@@ -28,9 +28,9 @@ declare const integrationCard: tailwind_variants.TVReturnType<{
             header?: tailwind_merge.ClassNameValue;
             footer?: tailwind_merge.ClassNameValue;
             description?: tailwind_merge.ClassNameValue;
+            heading?: tailwind_merge.ClassNameValue;
             headerContent?: tailwind_merge.ClassNameValue;
             headingContainer?: tailwind_merge.ClassNameValue;
-            heading?: tailwind_merge.ClassNameValue;
             statusIndicatorContainer?: tailwind_merge.ClassNameValue;
             tagsContainer?: tailwind_merge.ClassNameValue;
             version?: tailwind_merge.ClassNameValue;
@@ -62,9 +62,9 @@ declare const integrationCard: tailwind_variants.TVReturnType<{
             header?: tailwind_merge.ClassNameValue;
             footer?: tailwind_merge.ClassNameValue;
             description?: tailwind_merge.ClassNameValue;
+            heading?: tailwind_merge.ClassNameValue;
             headerContent?: tailwind_merge.ClassNameValue;
             headingContainer?: tailwind_merge.ClassNameValue;
-            heading?: tailwind_merge.ClassNameValue;
             statusIndicatorContainer?: tailwind_merge.ClassNameValue;
             tagsContainer?: tailwind_merge.ClassNameValue;
             version?: tailwind_merge.ClassNameValue;

package/dist/components/integration-card.d.ts

@@ -9,9 +9,9 @@ declare const integrationCard: tailwind_variants.TVReturnType<{
             header?: tailwind_merge.ClassNameValue;
             footer?: tailwind_merge.ClassNameValue;
             description?: tailwind_merge.ClassNameValue;
+            heading?: tailwind_merge.ClassNameValue;
             headerContent?: tailwind_merge.ClassNameValue;
             headingContainer?: tailwind_merge.ClassNameValue;
-            heading?: tailwind_merge.ClassNameValue;
             statusIndicatorContainer?: tailwind_merge.ClassNameValue;
             tagsContainer?: tailwind_merge.ClassNameValue;
             version?: tailwind_merge.ClassNameValue;
@@ -28,9 +28,9 @@ declare const integrationCard: tailwind_variants.TVReturnType<{
             header?: tailwind_merge.ClassNameValue;
             footer?: tailwind_merge.ClassNameValue;
             description?: tailwind_merge.ClassNameValue;
+            heading?: tailwind_merge.ClassNameValue;
             headerContent?: tailwind_merge.ClassNameValue;
             headingContainer?: tailwind_merge.ClassNameValue;
-            heading?: tailwind_merge.ClassNameValue;
             statusIndicatorContainer?: tailwind_merge.ClassNameValue;
             tagsContainer?: tailwind_merge.ClassNameValue;
             version?: tailwind_merge.ClassNameValue;
@@ -62,9 +62,9 @@ declare const integrationCard: tailwind_variants.TVReturnType<{
             header?: tailwind_merge.ClassNameValue;
             footer?: tailwind_merge.ClassNameValue;
             description?: tailwind_merge.ClassNameValue;
+            heading?: tailwind_merge.ClassNameValue;
             headerContent?: tailwind_merge.ClassNameValue;
             headingContainer?: tailwind_merge.ClassNameValue;
-            heading?: tailwind_merge.ClassNameValue;
             statusIndicatorContainer?: tailwind_merge.ClassNameValue;
             tagsContainer?: tailwind_merge.ClassNameValue;
             version?: tailwind_merge.ClassNameValue;

package/dist/components/switch.d.mts

@@ -0,0 +1,62 @@
+import * as tailwind_variants from 'tailwind-variants';
+import { VariantProps } from 'tailwind-variants';
+
+declare const switchVariants: tailwind_variants.TVReturnType<{
+    size: {
+        sm: {
+            root: string;
+            thumb: string;
+        };
+        md: {
+            root: string;
+            thumb: string;
+        };
+        lg: {
+            root: string;
+            thumb: string;
+        };
+    };
+}, {
+    root: string[];
+    thumb: string[];
+}, undefined, {
+    size: {
+        sm: {
+            root: string;
+            thumb: string;
+        };
+        md: {
+            root: string;
+            thumb: string;
+        };
+        lg: {
+            root: string;
+            thumb: string;
+        };
+    };
+}, {
+    root: string[];
+    thumb: string[];
+}, tailwind_variants.TVReturnType<{
+    size: {
+        sm: {
+            root: string;
+            thumb: string;
+        };
+        md: {
+            root: string;
+            thumb: string;
+        };
+        lg: {
+            root: string;
+            thumb: string;
+        };
+    };
+}, {
+    root: string[];
+    thumb: string[];
+}, undefined, unknown, unknown, undefined>>;
+type SwitchVariantProps = VariantProps<typeof switchVariants>;
+type SwitchSlots = keyof ReturnType<typeof switchVariants>;
+
+export { type SwitchSlots, type SwitchVariantProps, switchVariants };

package/dist/components/switch.d.ts

@@ -0,0 +1,62 @@
+import * as tailwind_variants from 'tailwind-variants';
+import { VariantProps } from 'tailwind-variants';
+
+declare const switchVariants: tailwind_variants.TVReturnType<{
+    size: {
+        sm: {
+            root: string;
+            thumb: string;
+        };
+        md: {
+            root: string;
+            thumb: string;
+        };
+        lg: {
+            root: string;
+            thumb: string;
+        };
+    };
+}, {
+    root: string[];
+    thumb: string[];
+}, undefined, {
+    size: {
+        sm: {
+            root: string;
+            thumb: string;
+        };
+        md: {
+            root: string;
+            thumb: string;
+        };
+        lg: {
+            root: string;
+            thumb: string;
+        };
+    };
+}, {
+    root: string[];
+    thumb: string[];
+}, tailwind_variants.TVReturnType<{
+    size: {
+        sm: {
+            root: string;
+            thumb: string;
+        };
+        md: {
+            root: string;
+            thumb: string;
+        };
+        lg: {
+            root: string;
+            thumb: string;
+        };
+    };
+}, {
+    root: string[];
+    thumb: string[];
+}, undefined, unknown, unknown, undefined>>;
+type SwitchVariantProps = VariantProps<typeof switchVariants>;
+type SwitchSlots = keyof ReturnType<typeof switchVariants>;
+
+export { type SwitchSlots, type SwitchVariantProps, switchVariants };

package/dist/components/switch.js

@@ -0,0 +1,63 @@
+"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/switch.ts
+var switch_exports = {};
+__export(switch_exports, {
+  switchVariants: () => switchVariants
+});
+module.exports = __toCommonJS(switch_exports);
+var import_tailwind_variants = require("tailwind-variants");
+var switchVariants = (0, import_tailwind_variants.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",
+      "aria-invalid:border-destructive/60 aria-invalid:ring-destructive/10 dark:aria-invalid:border-destructive dark:aria-invalid:ring-destructive/20",
+      "inline-flex shrink-0 items-center rounded-full border border-transparent shadow-xs transition-all outline-none focus-visible:ring-[3px]",
+      "disabled:cursor-not-allowed disabled:opacity-50"
+    ],
+    thumb: [
+      "bg-background dark:data-[unchecked]:bg-foreground dark:data-[checked]:bg-primary-foreground",
+      "pointer-events-none rounded-full ring-0 transition-transform flex items-center justify-center"
+    ]
+  },
+  variants: {
+    size: {
+      sm: {
+        root: "h-4 w-6",
+        thumb: "size-3 data-[checked]:translate-x-[calc(100%-2px)] data-[unchecked]:translate-x-0"
+      },
+      md: {
+        root: "h-5 w-8",
+        thumb: "size-4 data-[checked]:translate-x-[calc(100%-2px)] data-[unchecked]:translate-x-0"
+      },
+      lg: {
+        root: "h-6 w-10",
+        thumb: "size-5 data-[checked]:translate-x-[calc(100%-2px)] data-[unchecked]:translate-x-0"
+      }
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  switchVariants
+});

package/dist/components/switch.mjs

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

package/dist/components/toolbar.d.mts

@@ -3,7 +3,26 @@ import { VariantProps } from 'tailwind-variants';
 
 declare const toolbar: tailwind_variants.TVReturnType<{
     color: {
+        default: {
+            root: string;
+        };
+    };
+    sticky: {
+        true: {
+            root: string;
+        };
+    };
+    border: {
         default: string;
+        none: string;
+    };
+    radius: {
+        none: {
+            root: string;
+        };
+        md: {
+            root: string;
+        };
     };
 }, {
     root: string;
@@ -12,7 +31,26 @@ declare const toolbar: tailwind_variants.TVReturnType<{
     group: string;
 }, undefined, {
     color: {
+        default: {
+            root: string;
+        };
+    };
+    sticky: {
+        true: {
+            root: string;
+        };
+    };
+    border: {
         default: string;
+        none: string;
+    };
+    radius: {
+        none: {
+            root: string;
+        };
+        md: {
+            root: string;
+        };
     };
 }, {
     root: string;
@@ -21,7 +59,26 @@ declare const toolbar: tailwind_variants.TVReturnType<{
     group: string;
 }, tailwind_variants.TVReturnType<{
     color: {
+        default: {
+            root: string;
+        };
+    };
+    sticky: {
+        true: {
+            root: string;
+        };
+    };
+    border: {
         default: string;
+        none: string;
+    };
+    radius: {
+        none: {
+            root: string;
+        };
+        md: {
+            root: string;
+        };
     };
 }, {
     root: string;

package/dist/components/toolbar.d.ts

@@ -3,7 +3,26 @@ import { VariantProps } from 'tailwind-variants';
 
 declare const toolbar: tailwind_variants.TVReturnType<{
     color: {
+        default: {
+            root: string;
+        };
+    };
+    sticky: {
+        true: {
+            root: string;
+        };
+    };
+    border: {
         default: string;
+        none: string;
+    };
+    radius: {
+        none: {
+            root: string;
+        };
+        md: {
+            root: string;
+        };
     };
 }, {
     root: string;
@@ -12,7 +31,26 @@ declare const toolbar: tailwind_variants.TVReturnType<{
     group: string;
 }, undefined, {
     color: {
+        default: {
+            root: string;
+        };
+    };
+    sticky: {
+        true: {
+            root: string;
+        };
+    };
+    border: {
         default: string;
+        none: string;
+    };
+    radius: {
+        none: {
+            root: string;
+        };
+        md: {
+            root: string;
+        };
     };
 }, {
     root: string;
@@ -21,7 +59,26 @@ declare const toolbar: tailwind_variants.TVReturnType<{
     group: string;
 }, tailwind_variants.TVReturnType<{
     color: {
+        default: {
+            root: string;
+        };
+    };
+    sticky: {
+        true: {
+            root: string;
+        };
+    };
+    border: {
         default: string;
+        none: string;
+    };
+    radius: {
+        none: {
+            root: string;
+        };
+        md: {
+            root: string;
+        };
     };
 }, {
     root: string;

package/dist/components/toolbar.js

@@ -26,18 +26,39 @@ module.exports = __toCommonJS(toolbar_exports);
 var import_tailwind_variants = require("tailwind-variants");
 var toolbar = (0, import_tailwind_variants.tv)({
   slots: {
-    root: "flex items-center gap-2.5 rounded-md p-1",
+    root: "flex items-center gap-2.5 p-1",
     button: "shrink-0",
     separator: "bg-border h-6 w-px shrink-0",
     group: "flex items-center gap-1"
   },
   variants: {
     color: {
-      default: "bg-popover outline-border shadow-xs outline"
+      default: {
+        root: "bg-popover"
+      }
+    },
+    sticky: {
+      true: {
+        root: "sticky top-0 z-10"
+      }
+    },
+    border: {
+      default: "outline-border shadow-xs outline",
+      none: ""
+    },
+    radius: {
+      none: {
+        root: "rounded-none"
+      },
+      md: {
+        root: "rounded-md"
+      }
     }
   },
   defaultVariants: {
-    color: "default"
+    border: "default",
+    color: "default",
+    radius: "md"
   }
 });
 // Annotate the CommonJS export names for ESM import in node:

package/dist/components/toolbar.mjs

@@ -1,6 +1,6 @@
 import {
   toolbar
-} from "../chunk-BWB7MWRC.mjs";
+} from "../chunk-2NA54PNL.mjs";
 export {
   toolbar
 };

package/dist/editor.css

@@ -24,8 +24,8 @@
 	--tt-inline-code-bg-color: var(--color-default-100);
 	--tt-inline-code-text-color: var(--color-default-700);
 	--tt-inline-code-border-color: var(--color-default-200);
-	--tt-codeblock-bg: var(--color-default-50);
-	--tt-codeblock-text: var(--color-default-800);
+	--tt-codeblock-bg: var(--color-default-950);
+	--tt-codeblock-text: var(--color-default-200);
 	--tt-codeblock-border: var(--color-default-200);
 
 	--tt-color-highlight-gray: var(--color-default-500);
@@ -266,25 +266,25 @@
 	h1 {
 		font-size: 1.5em;
 		font-weight: 700;
-		margin-top: 3em;
+		margin-top: 2em;
 	}
 
 	h2 {
 		font-size: 1.25em;
 		font-weight: 700;
-		margin-top: 2.5em;
+		margin-top: 1.5em;
 	}
 
 	h3 {
 		font-size: 1.125em;
 		font-weight: 600;
-		margin-top: 2em;
+		margin-top: 1em;
 	}
 
 	h4 {
 		font-size: 1em;
 		font-weight: 600;
-		margin-top: 2em;
+		margin-top: 1em;
 	}
 }
 
@@ -517,13 +517,68 @@
 		font-size: 1rem;
 		border-radius: 6px/0.375rem;
 
+		white-space: pre;
+
 		code {
 			background-color: transparent;
 			border: none;
 			border-radius: 0;
 			-webkit-text-fill-color: inherit;
 			color: inherit;
-		}
+			white-space: inherit;
+		}
+
+		/* Code styling */
+    .hljs-comment,
+    .hljs-quote {
+      color: #616161;
+    }
+
+    .hljs-variable,
+    .hljs-template-variable,
+    .hljs-attribute,
+    .hljs-tag,
+    .hljs-regexp,
+    .hljs-link,
+    .hljs-name,
+    .hljs-selector-id,
+    .hljs-selector-class {
+      color: #f98181;
+    }
+
+    .hljs-number,
+    .hljs-meta,
+    .hljs-built_in,
+    .hljs-builtin-name,
+    .hljs-literal,
+    .hljs-type,
+    .hljs-params {
+      color: #fbbc88;
+    }
+
+    .hljs-string,
+    .hljs-symbol,
+    .hljs-bullet {
+      color: #b9f18d;
+    }
+
+    .hljs-title,
+    .hljs-section {
+      color: #faf594;
+    }
+
+    .hljs-keyword,
+    .hljs-selector-tag {
+      color: #70cff8;
+    }
+
+    .hljs-emphasis {
+      font-style: italic;
+    }
+
+    .hljs-strong {
+      font-weight: 700;
+    }
 	}
 }