@kopexa/theme 2.0.0 → 2.1.0

package/dist/chunk-2NA54PNL.mjs

@@ -0,0 +1,43 @@
+// src/components/toolbar.ts
+import { tv } from "tailwind-variants";
+var toolbar = tv({
+  slots: {
+    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: {
+        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: {
+    border: "default",
+    color: "default",
+    radius: "md"
+  }
+});
+
+export {
+  toolbar
+};

package/dist/{chunk-7O57EDVS.mjs → chunk-63C4SFQK.mjs}

@@ -8,22 +8,25 @@ var card = tv({
     ],
     header: [
       "flex",
-      "p-3",
-      "z-10",
-      "w-full",
-      "justify-start",
       "items-center",
+      "justify-between",
+      "flex-wrap",
+      "min-h-14",
+      "gap-2.5",
+      "w-full",
       "shrink-0",
       "overflow-inherit",
       "color-inherit",
       "subpixel-antialiased"
     ],
+    heading: "space-y-1",
+    toolbar: "flex items-center gap-2.5",
     body: [
+      "grow",
       "relative",
       "flex",
       "flex-1",
       "w-full",
-      "p-3",
       "flex-auto",
       "flex-col",
       "place-content-inherit",
@@ -52,6 +55,11 @@ var card = tv({
       },
       muted: {
         root: "bg-muted text-muted-foreground"
+      },
+      accent: {
+        root: "bg-muted shadow-xs p-1",
+        header: "!border-none",
+        body: "bg-card rounded-t-xl [&:last-child]:rounded-b-xl"
       }
     },
     shadow: {
@@ -76,10 +84,12 @@ var card = tv({
         root: "border-0"
       },
       default: {
-        root: "border border-border"
+        root: "border border-border",
+        header: "border-b border-border"
       },
       emphasized: {
-        root: "border-2 border-border"
+        root: "border-2 border-border",
+        header: "border-b border-border"
       }
     },
     radius: {
@@ -160,9 +170,9 @@ var card = tv({
         footer: "p-2"
       },
       md: {
-        body: "p-3",
-        header: "p-3",
-        footer: "p-3"
+        body: "p-5",
+        header: "px-5",
+        footer: "px-5"
       },
       lg: {
         body: "p-4",

package/dist/{chunk-XAHAVJUM.mjs → chunk-A3F4CV54.mjs}

@@ -10,6 +10,12 @@ var callout = tv({
     closeButton: "absolute top-2 right-2 opacity-70 hover:opacity-100 transition-opacity focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2"
   },
   variants: {
+    print: {
+      true: {},
+      false: {
+        root: "print:hidden"
+      }
+    },
     radius: {
       none: { root: "rounded-none" },
       sm: { root: "rounded-sm" },
@@ -63,7 +69,8 @@ var callout = tv({
   defaultVariants: {
     variant: "default",
     radius: "md",
-    size: "md"
+    size: "md",
+    print: true
   }
 });
 

package/dist/chunk-M4TXKRUU.mjs

@@ -0,0 +1,7 @@
+// src/components/control-extension.ts
+import { tv } from "tailwind-variants";
+var controlExtension = tv({});
+
+export {
+  controlExtension
+};

package/dist/chunk-NUEQ5FLX.mjs

@@ -0,0 +1,50 @@
+// src/components/editor-basic.ts
+import { tv } from "tailwind-variants";
+var editorBasic = tv({
+  slots: {
+    root: [
+      "grid grid-rows-[auto,1fr]",
+      "h-full min-h-0 w-full min-w-0",
+      "content-start isolate"
+    ],
+    toolbar: [
+      "row-start-1 row-end-2",
+      "flex items-center gap-0.5",
+      "sticky top-0 z-10"
+    ],
+    wrapper: [
+      "row-start-2 row-end-3",
+      "min-h-0 min-w-0",
+      "overflow-y-auto"
+      //	"h-[calc(100%-var(--spacing-editor-toolbar))]",
+    ],
+    content: [
+      "w-full min-w-0 h-full min-h-0",
+      "[&_.tiptap.ProseMirror]:py-4",
+      "[&_.tiptap.ProseMirror]:px-6"
+    ],
+    toolbarGroup: "flex items-center gap-0.5"
+  },
+  variants: {
+    variant: {
+      // rounded toolbar, muted background
+      default: {
+        wrapper: ["border rounded-md"],
+        toolbar: "rounded-md mb-2",
+        content: ""
+      },
+      // document style, eg. document editor, fullpage etc pp
+      document: {
+        wrapper: "size-full overflow-auto",
+        content: "size-full"
+      }
+    }
+  },
+  defaultVariants: {
+    variant: "default"
+  }
+});
+
+export {
+  editorBasic
+};

package/dist/chunk-WQ446TVH.mjs

@@ -0,0 +1,39 @@
+// src/components/switch.ts
+import { tv } from "tailwind-variants";
+var switchVariants = 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"
+  }
+});
+
+export {
+  switchVariants
+};

package/dist/components/callout.d.mts

@@ -2,6 +2,12 @@ import * as tailwind_variants from 'tailwind-variants';
 import { VariantProps } from 'tailwind-variants';
 
 declare const callout: tailwind_variants.TVReturnType<{
+    print: {
+        true: {};
+        false: {
+            root: string;
+        };
+    };
     radius: {
         none: {
             root: string;
@@ -67,6 +73,12 @@ declare const callout: tailwind_variants.TVReturnType<{
     content: string;
     closeButton: string;
 }, undefined, {
+    print: {
+        true: {};
+        false: {
+            root: string;
+        };
+    };
     radius: {
         none: {
             root: string;
@@ -132,6 +144,12 @@ declare const callout: tailwind_variants.TVReturnType<{
     content: string;
     closeButton: string;
 }, tailwind_variants.TVReturnType<{
+    print: {
+        true: {};
+        false: {
+            root: string;
+        };
+    };
     radius: {
         none: {
             root: string;

package/dist/components/callout.d.ts

@@ -2,6 +2,12 @@ import * as tailwind_variants from 'tailwind-variants';
 import { VariantProps } from 'tailwind-variants';
 
 declare const callout: tailwind_variants.TVReturnType<{
+    print: {
+        true: {};
+        false: {
+            root: string;
+        };
+    };
     radius: {
         none: {
             root: string;
@@ -67,6 +73,12 @@ declare const callout: tailwind_variants.TVReturnType<{
     content: string;
     closeButton: string;
 }, undefined, {
+    print: {
+        true: {};
+        false: {
+            root: string;
+        };
+    };
     radius: {
         none: {
             root: string;
@@ -132,6 +144,12 @@ declare const callout: tailwind_variants.TVReturnType<{
     content: string;
     closeButton: string;
 }, tailwind_variants.TVReturnType<{
+    print: {
+        true: {};
+        false: {
+            root: string;
+        };
+    };
     radius: {
         none: {
             root: string;

package/dist/components/callout.js

@@ -34,6 +34,12 @@ var callout = (0, import_tailwind_variants.tv)({
     closeButton: "absolute top-2 right-2 opacity-70 hover:opacity-100 transition-opacity focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2"
   },
   variants: {
+    print: {
+      true: {},
+      false: {
+        root: "print:hidden"
+      }
+    },
     radius: {
       none: { root: "rounded-none" },
       sm: { root: "rounded-sm" },
@@ -87,7 +93,8 @@ var callout = (0, import_tailwind_variants.tv)({
   defaultVariants: {
     variant: "default",
     radius: "md",
-    size: "md"
+    size: "md",
+    print: true
   }
 });
 // Annotate the CommonJS export names for ESM import in node:

package/dist/components/callout.mjs

@@ -1,6 +1,6 @@
 import {
   callout
-} from "../chunk-XAHAVJUM.mjs";
+} from "../chunk-A3F4CV54.mjs";
 export {
   callout
 };

package/dist/components/card.d.mts

@@ -9,6 +9,11 @@ declare const card: tailwind_variants.TVReturnType<{
         muted: {
             root: string;
         };
+        accent: {
+            root: string;
+            header: string;
+            body: string;
+        };
     };
     shadow: {
         none: {
@@ -33,9 +38,11 @@ declare const card: tailwind_variants.TVReturnType<{
         };
         default: {
             root: string;
+            header: string;
         };
         emphasized: {
             root: string;
+            header: string;
         };
     };
     radius: {
@@ -133,6 +140,8 @@ declare const card: tailwind_variants.TVReturnType<{
 }, {
     root: string[];
     header: string[];
+    heading: string;
+    toolbar: string;
     body: string[];
     footer: string[];
 }, undefined, {
@@ -143,6 +152,11 @@ declare const card: tailwind_variants.TVReturnType<{
         muted: {
             root: string;
         };
+        accent: {
+            root: string;
+            header: string;
+            body: string;
+        };
     };
     shadow: {
         none: {
@@ -167,9 +181,11 @@ declare const card: tailwind_variants.TVReturnType<{
         };
         default: {
             root: string;
+            header: string;
         };
         emphasized: {
             root: string;
+            header: string;
         };
     };
     radius: {
@@ -267,6 +283,8 @@ declare const card: tailwind_variants.TVReturnType<{
 }, {
     root: string[];
     header: string[];
+    heading: string;
+    toolbar: string;
     body: string[];
     footer: string[];
 }, tailwind_variants.TVReturnType<{
@@ -277,6 +295,11 @@ declare const card: tailwind_variants.TVReturnType<{
         muted: {
             root: string;
         };
+        accent: {
+            root: string;
+            header: string;
+            body: string;
+        };
     };
     shadow: {
         none: {
@@ -301,9 +324,11 @@ declare const card: tailwind_variants.TVReturnType<{
         };
         default: {
             root: string;
+            header: string;
         };
         emphasized: {
             root: string;
+            header: string;
         };
     };
     radius: {
@@ -401,6 +426,8 @@ declare const card: tailwind_variants.TVReturnType<{
 }, {
     root: string[];
     header: string[];
+    heading: string;
+    toolbar: string;
     body: string[];
     footer: string[];
 }, undefined, unknown, unknown, undefined>>;

package/dist/components/card.d.ts

@@ -9,6 +9,11 @@ declare const card: tailwind_variants.TVReturnType<{
         muted: {
             root: string;
         };
+        accent: {
+            root: string;
+            header: string;
+            body: string;
+        };
     };
     shadow: {
         none: {
@@ -33,9 +38,11 @@ declare const card: tailwind_variants.TVReturnType<{
         };
         default: {
             root: string;
+            header: string;
         };
         emphasized: {
             root: string;
+            header: string;
         };
     };
     radius: {
@@ -133,6 +140,8 @@ declare const card: tailwind_variants.TVReturnType<{
 }, {
     root: string[];
     header: string[];
+    heading: string;
+    toolbar: string;
     body: string[];
     footer: string[];
 }, undefined, {
@@ -143,6 +152,11 @@ declare const card: tailwind_variants.TVReturnType<{
         muted: {
             root: string;
         };
+        accent: {
+            root: string;
+            header: string;
+            body: string;
+        };
     };
     shadow: {
         none: {
@@ -167,9 +181,11 @@ declare const card: tailwind_variants.TVReturnType<{
         };
         default: {
             root: string;
+            header: string;
         };
         emphasized: {
             root: string;
+            header: string;
         };
     };
     radius: {
@@ -267,6 +283,8 @@ declare const card: tailwind_variants.TVReturnType<{
 }, {
     root: string[];
     header: string[];
+    heading: string;
+    toolbar: string;
     body: string[];
     footer: string[];
 }, tailwind_variants.TVReturnType<{
@@ -277,6 +295,11 @@ declare const card: tailwind_variants.TVReturnType<{
         muted: {
             root: string;
         };
+        accent: {
+            root: string;
+            header: string;
+            body: string;
+        };
     };
     shadow: {
         none: {
@@ -301,9 +324,11 @@ declare const card: tailwind_variants.TVReturnType<{
         };
         default: {
             root: string;
+            header: string;
         };
         emphasized: {
             root: string;
+            header: string;
         };
     };
     radius: {
@@ -401,6 +426,8 @@ declare const card: tailwind_variants.TVReturnType<{
 }, {
     root: string[];
     header: string[];
+    heading: string;
+    toolbar: string;
     body: string[];
     footer: string[];
 }, undefined, unknown, unknown, undefined>>;

package/dist/components/card.js

@@ -32,22 +32,25 @@ var card = (0, import_tailwind_variants.tv)({
     ],
     header: [
       "flex",
-      "p-3",
-      "z-10",
-      "w-full",
-      "justify-start",
       "items-center",
+      "justify-between",
+      "flex-wrap",
+      "min-h-14",
+      "gap-2.5",
+      "w-full",
       "shrink-0",
       "overflow-inherit",
       "color-inherit",
       "subpixel-antialiased"
     ],
+    heading: "space-y-1",
+    toolbar: "flex items-center gap-2.5",
     body: [
+      "grow",
       "relative",
       "flex",
       "flex-1",
       "w-full",
-      "p-3",
       "flex-auto",
       "flex-col",
       "place-content-inherit",
@@ -76,6 +79,11 @@ var card = (0, import_tailwind_variants.tv)({
       },
       muted: {
         root: "bg-muted text-muted-foreground"
+      },
+      accent: {
+        root: "bg-muted shadow-xs p-1",
+        header: "!border-none",
+        body: "bg-card rounded-t-xl [&:last-child]:rounded-b-xl"
       }
     },
     shadow: {
@@ -100,10 +108,12 @@ var card = (0, import_tailwind_variants.tv)({
         root: "border-0"
       },
       default: {
-        root: "border border-border"
+        root: "border border-border",
+        header: "border-b border-border"
       },
       emphasized: {
-        root: "border-2 border-border"
+        root: "border-2 border-border",
+        header: "border-b border-border"
       }
     },
     radius: {
@@ -184,9 +194,9 @@ var card = (0, import_tailwind_variants.tv)({
         footer: "p-2"
       },
       md: {
-        body: "p-3",
-        header: "p-3",
-        footer: "p-3"
+        body: "p-5",
+        header: "px-5",
+        footer: "px-5"
       },
       lg: {
         body: "p-4",

package/dist/components/card.mjs

@@ -1,6 +1,6 @@
 import {
   card
-} from "../chunk-7O57EDVS.mjs";
+} from "../chunk-63C4SFQK.mjs";
 export {
   card
 };

package/dist/components/control-extension.d.mts

@@ -0,0 +1,5 @@
+import * as tailwind_variants from 'tailwind-variants';
+
+declare const controlExtension: tailwind_variants.TVReturnType<{} | {} | {}, undefined, undefined, {} | {}, undefined, tailwind_variants.TVReturnType<unknown, undefined, undefined, unknown, unknown, undefined>>;
+
+export { controlExtension };

package/dist/components/control-extension.d.ts

@@ -0,0 +1,5 @@
+import * as tailwind_variants from 'tailwind-variants';
+
+declare const controlExtension: tailwind_variants.TVReturnType<{} | {} | {}, undefined, undefined, {} | {}, undefined, tailwind_variants.TVReturnType<unknown, undefined, undefined, unknown, unknown, undefined>>;
+
+export { controlExtension };

package/dist/components/control-extension.js

@@ -0,0 +1,31 @@
+"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/control-extension.ts
+var control_extension_exports = {};
+__export(control_extension_exports, {
+  controlExtension: () => controlExtension
+});
+module.exports = __toCommonJS(control_extension_exports);
+var import_tailwind_variants = require("tailwind-variants");
+var controlExtension = (0, import_tailwind_variants.tv)({});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  controlExtension
+});

package/dist/components/control-extension.mjs

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