@kopexa/theme 13.0.2 → 14.0.0

package/dist/{chunk-JXQPOORM.mjs → chunk-7V3NMVQH.mjs}

@@ -1,6 +1,6 @@
 import {
   dialog
-} from "./chunk-LAJQAXSV.mjs";
+} from "./chunk-OJDCD74N.mjs";
 
 // src/components/drawer.ts
 import { tv } from "tailwind-variants";

package/dist/chunk-GMFZLUU4.mjs

@@ -0,0 +1,12 @@
+// src/components/image-crop.ts
+import { tv } from "tailwind-variants";
+var imageCrop = tv({
+  slots: {
+    content: "max-h-[277px] max-w-full",
+    image: "size-fullcover"
+  }
+});
+
+export {
+  imageCrop
+};

package/dist/{chunk-LAJQAXSV.mjs → chunk-OJDCD74N.mjs}

@@ -77,12 +77,20 @@ var dialog = tv({
       lg: {
         content: "rounded-lg"
       }
+    },
+    scrollBehavior: {
+      inside: {
+        body: "overflow-auto",
+        content: "max-h-[calc(100dvh-7.5rem)] isolate",
+        overlay: "overflow-hidden"
+      }
     }
   },
   defaultVariants: {
     size: "md",
     placement: "right",
-    radius: "lg"
+    radius: "lg",
+    scrollBehavior: "inside"
   }
 });
 

package/dist/chunk-QGL2OK4B.mjs

@@ -0,0 +1,64 @@
+// src/components/file-upload.ts
+import { tv } from "tailwind-variants";
+var avatarUpload = tv({
+  slots: {
+    root: "flex flex-col",
+    previewAndText: "",
+    previewContainer: "relative",
+    preview: [
+      "group/avatar relative cursor-pointer overflow-hidden border border-dashed transition-colors",
+      "border-muted-foreground/25 hover:border-muted-foreground/20",
+      "data-[dragging=true]:border-primary data-[dragging=true]:bg-primary/5",
+      "data-[hasimage=true]:border-solid"
+    ],
+    previewImg: "size-full object-cover aspect-square",
+    placeholderWrapper: "flex size-full items-center justify-center",
+    placeholder: "size-6 text-muted-foreground",
+    removeButton: "size-6 min-w-auto absolute end-0 top-0 rounded-full !px-0 bg-background",
+    instructionsContainer: "text-center space-y-0.5",
+    instructions: "text-sm text-muted-foreground",
+    acceptedFiles: "text-xs text-muted-foreground",
+    errorItem: "last:mb-0"
+  },
+  variants: {
+    size: {
+      sm: { preview: "h-16 w-16" },
+      md: { preview: "h-24 w-24" },
+      lg: { preview: "h-32 w-32" }
+    },
+    shape: {
+      circle: { preview: "rounded-full" },
+      square: { preview: "rounded-xl" }
+    },
+    orientation: {
+      vertical: {
+        root: "gap-4 items-center",
+        previewAndText: "flex flex-col items-center gap-3",
+        instructionsContainer: "text-center"
+      },
+      horizontal: {
+        root: "gap-4",
+        previewAndText: "flex items-center gap-4 sm:gap-6 md:gap-8",
+        instructionsContainer: "text-start"
+      }
+    }
+  },
+  compoundVariants: [
+    {
+      size: "lg",
+      orientation: "horizontal",
+      className: {
+        previewAndText: "gap-6 sm:gap-8"
+      }
+    }
+  ],
+  defaultVariants: {
+    shape: "circle",
+    size: "md",
+    orientation: "horizontal"
+  }
+});
+
+export {
+  avatarUpload
+};

package/dist/{chunk-NUEQ5FLX.mjs → chunk-XOL7P7NP.mjs}

@@ -3,15 +3,16 @@ import { tv } from "tailwind-variants";
 var editorBasic = tv({
   slots: {
     root: [
-      "grid grid-rows-[auto,1fr]",
+      "grid grid-rows-[auto,minmax(0,1fr)]",
       "h-full min-h-0 w-full min-w-0",
       "content-start isolate"
     ],
-    toolbar: [
+    toolbarContainer: [
       "row-start-1 row-end-2",
       "flex items-center gap-0.5",
       "sticky top-0 z-10"
     ],
+    toolbar: "w-full",
     wrapper: [
       "row-start-2 row-end-3",
       "min-h-0 min-w-0",
@@ -19,9 +20,11 @@ var editorBasic = tv({
       //	"h-[calc(100%-var(--spacing-editor-toolbar))]",
     ],
     content: [
-      "w-full min-w-0 h-full min-h-0",
+      "w-full min-w-0",
+      "h-auto min-h-0",
       "[&_.tiptap.ProseMirror]:py-4",
-      "[&_.tiptap.ProseMirror]:px-6"
+      "[&_.tiptap.ProseMirror]:px-6",
+      "[&_.tiptap.ProseMirror]:min-h-0"
     ],
     toolbarGroup: "flex items-center gap-0.5"
   },
@@ -30,13 +33,23 @@ var editorBasic = tv({
       // rounded toolbar, muted background
       default: {
         wrapper: ["border rounded-md"],
-        toolbar: "rounded-md mb-2",
+        toolbarContainer: "rounded-md mb-2",
         content: ""
       },
       // document style, eg. document editor, fullpage etc pp
       document: {
         wrapper: "size-full overflow-auto",
         content: "size-full"
+      },
+      comment: {
+        root: "",
+        wrapper: [
+          "border rounded-md",
+          "max-h-[351lh]",
+          "max-h-[calc(35lh-var(--spacing-editor-toolbar,theme(space.10)))]"
+        ],
+        toolbarContainer: "rounded-md mb-2",
+        content: ""
       }
     }
   },

package/dist/components/dialog.d.mts

@@ -52,6 +52,13 @@ declare const dialog: tailwind_variants.TVReturnType<{
             content: string;
         };
     };
+    scrollBehavior: {
+        inside: {
+            body: string;
+            content: string;
+            overlay: string;
+        };
+    };
 }, {
     overlay: string[];
     content: string[];
@@ -113,6 +120,13 @@ declare const dialog: tailwind_variants.TVReturnType<{
             content: string;
         };
     };
+    scrollBehavior: {
+        inside: {
+            body: string;
+            content: string;
+            overlay: string;
+        };
+    };
 }, {
     overlay: string[];
     content: string[];
@@ -174,6 +188,13 @@ declare const dialog: tailwind_variants.TVReturnType<{
             content: string;
         };
     };
+    scrollBehavior: {
+        inside: {
+            body: string;
+            content: string;
+            overlay: string;
+        };
+    };
 }, {
     overlay: string[];
     content: string[];

package/dist/components/dialog.d.ts

@@ -52,6 +52,13 @@ declare const dialog: tailwind_variants.TVReturnType<{
             content: string;
         };
     };
+    scrollBehavior: {
+        inside: {
+            body: string;
+            content: string;
+            overlay: string;
+        };
+    };
 }, {
     overlay: string[];
     content: string[];
@@ -113,6 +120,13 @@ declare const dialog: tailwind_variants.TVReturnType<{
             content: string;
         };
     };
+    scrollBehavior: {
+        inside: {
+            body: string;
+            content: string;
+            overlay: string;
+        };
+    };
 }, {
     overlay: string[];
     content: string[];
@@ -174,6 +188,13 @@ declare const dialog: tailwind_variants.TVReturnType<{
             content: string;
         };
     };
+    scrollBehavior: {
+        inside: {
+            body: string;
+            content: string;
+            overlay: string;
+        };
+    };
 }, {
     overlay: string[];
     content: string[];

package/dist/components/dialog.js

@@ -101,12 +101,20 @@ var dialog = (0, import_tailwind_variants.tv)({
       lg: {
         content: "rounded-lg"
       }
+    },
+    scrollBehavior: {
+      inside: {
+        body: "overflow-auto",
+        content: "max-h-[calc(100dvh-7.5rem)] isolate",
+        overlay: "overflow-hidden"
+      }
     }
   },
   defaultVariants: {
     size: "md",
     placement: "right",
-    radius: "lg"
+    radius: "lg",
+    scrollBehavior: "inside"
   }
 });
 // Annotate the CommonJS export names for ESM import in node:

package/dist/components/dialog.mjs

@@ -1,6 +1,6 @@
 import {
   dialog
-} from "../chunk-LAJQAXSV.mjs";
+} from "../chunk-OJDCD74N.mjs";
 export {
   dialog
 };

package/dist/components/drawer.js

@@ -104,12 +104,20 @@ var dialog = (0, import_tailwind_variants.tv)({
       lg: {
         content: "rounded-lg"
       }
+    },
+    scrollBehavior: {
+      inside: {
+        body: "overflow-auto",
+        content: "max-h-[calc(100dvh-7.5rem)] isolate",
+        overlay: "overflow-hidden"
+      }
     }
   },
   defaultVariants: {
     size: "md",
     placement: "right",
-    radius: "lg"
+    radius: "lg",
+    scrollBehavior: "inside"
   }
 });
 

package/dist/components/drawer.mjs

@@ -1,7 +1,7 @@
 import {
   drawer
-} from "../chunk-JXQPOORM.mjs";
-import "../chunk-LAJQAXSV.mjs";
+} from "../chunk-7V3NMVQH.mjs";
+import "../chunk-OJDCD74N.mjs";
 export {
   drawer
 };

package/dist/components/editor-basic.d.mts

@@ -5,17 +5,24 @@ declare const editorBasic: tailwind_variants.TVReturnType<{
     variant: {
         default: {
             wrapper: string[];
-            toolbar: string;
+            toolbarContainer: string;
             content: string;
         };
         document: {
             wrapper: string;
             content: string;
         };
+        comment: {
+            root: string;
+            wrapper: string[];
+            toolbarContainer: string;
+            content: string;
+        };
     };
 }, {
     root: string[];
-    toolbar: string[];
+    toolbarContainer: string[];
+    toolbar: string;
     wrapper: string[];
     content: string[];
     toolbarGroup: string;
@@ -23,17 +30,24 @@ declare const editorBasic: tailwind_variants.TVReturnType<{
     variant: {
         default: {
             wrapper: string[];
-            toolbar: string;
+            toolbarContainer: string;
             content: string;
         };
         document: {
             wrapper: string;
             content: string;
         };
+        comment: {
+            root: string;
+            wrapper: string[];
+            toolbarContainer: string;
+            content: string;
+        };
     };
 }, {
     root: string[];
-    toolbar: string[];
+    toolbarContainer: string[];
+    toolbar: string;
     wrapper: string[];
     content: string[];
     toolbarGroup: string;
@@ -41,17 +55,24 @@ declare const editorBasic: tailwind_variants.TVReturnType<{
     variant: {
         default: {
             wrapper: string[];
-            toolbar: string;
+            toolbarContainer: string;
             content: string;
         };
         document: {
             wrapper: string;
             content: string;
         };
+        comment: {
+            root: string;
+            wrapper: string[];
+            toolbarContainer: string;
+            content: string;
+        };
     };
 }, {
     root: string[];
-    toolbar: string[];
+    toolbarContainer: string[];
+    toolbar: string;
     wrapper: string[];
     content: string[];
     toolbarGroup: string;

package/dist/components/editor-basic.d.ts

@@ -5,17 +5,24 @@ declare const editorBasic: tailwind_variants.TVReturnType<{
     variant: {
         default: {
             wrapper: string[];
-            toolbar: string;
+            toolbarContainer: string;
             content: string;
         };
         document: {
             wrapper: string;
             content: string;
         };
+        comment: {
+            root: string;
+            wrapper: string[];
+            toolbarContainer: string;
+            content: string;
+        };
     };
 }, {
     root: string[];
-    toolbar: string[];
+    toolbarContainer: string[];
+    toolbar: string;
     wrapper: string[];
     content: string[];
     toolbarGroup: string;
@@ -23,17 +30,24 @@ declare const editorBasic: tailwind_variants.TVReturnType<{
     variant: {
         default: {
             wrapper: string[];
-            toolbar: string;
+            toolbarContainer: string;
             content: string;
         };
         document: {
             wrapper: string;
             content: string;
         };
+        comment: {
+            root: string;
+            wrapper: string[];
+            toolbarContainer: string;
+            content: string;
+        };
     };
 }, {
     root: string[];
-    toolbar: string[];
+    toolbarContainer: string[];
+    toolbar: string;
     wrapper: string[];
     content: string[];
     toolbarGroup: string;
@@ -41,17 +55,24 @@ declare const editorBasic: tailwind_variants.TVReturnType<{
     variant: {
         default: {
             wrapper: string[];
-            toolbar: string;
+            toolbarContainer: string;
             content: string;
         };
         document: {
             wrapper: string;
             content: string;
         };
+        comment: {
+            root: string;
+            wrapper: string[];
+            toolbarContainer: string;
+            content: string;
+        };
     };
 }, {
     root: string[];
-    toolbar: string[];
+    toolbarContainer: string[];
+    toolbar: string;
     wrapper: string[];
     content: string[];
     toolbarGroup: string;

package/dist/components/editor-basic.js

@@ -27,15 +27,16 @@ var import_tailwind_variants = require("tailwind-variants");
 var editorBasic = (0, import_tailwind_variants.tv)({
   slots: {
     root: [
-      "grid grid-rows-[auto,1fr]",
+      "grid grid-rows-[auto,minmax(0,1fr)]",
       "h-full min-h-0 w-full min-w-0",
       "content-start isolate"
     ],
-    toolbar: [
+    toolbarContainer: [
       "row-start-1 row-end-2",
       "flex items-center gap-0.5",
       "sticky top-0 z-10"
     ],
+    toolbar: "w-full",
     wrapper: [
       "row-start-2 row-end-3",
       "min-h-0 min-w-0",
@@ -43,9 +44,11 @@ var editorBasic = (0, import_tailwind_variants.tv)({
       //	"h-[calc(100%-var(--spacing-editor-toolbar))]",
     ],
     content: [
-      "w-full min-w-0 h-full min-h-0",
+      "w-full min-w-0",
+      "h-auto min-h-0",
       "[&_.tiptap.ProseMirror]:py-4",
-      "[&_.tiptap.ProseMirror]:px-6"
+      "[&_.tiptap.ProseMirror]:px-6",
+      "[&_.tiptap.ProseMirror]:min-h-0"
     ],
     toolbarGroup: "flex items-center gap-0.5"
   },
@@ -54,13 +57,23 @@ var editorBasic = (0, import_tailwind_variants.tv)({
       // rounded toolbar, muted background
       default: {
         wrapper: ["border rounded-md"],
-        toolbar: "rounded-md mb-2",
+        toolbarContainer: "rounded-md mb-2",
         content: ""
       },
       // document style, eg. document editor, fullpage etc pp
       document: {
         wrapper: "size-full overflow-auto",
         content: "size-full"
+      },
+      comment: {
+        root: "",
+        wrapper: [
+          "border rounded-md",
+          "max-h-[351lh]",
+          "max-h-[calc(35lh-var(--spacing-editor-toolbar,theme(space.10)))]"
+        ],
+        toolbarContainer: "rounded-md mb-2",
+        content: ""
       }
     }
   },

package/dist/components/editor-basic.mjs

@@ -1,6 +1,6 @@
 import {
   editorBasic
-} from "../chunk-NUEQ5FLX.mjs";
+} from "../chunk-XOL7P7NP.mjs";
 export {
   editorBasic
 };

package/dist/components/file-upload.d.mts

@@ -0,0 +1,143 @@
+import * as tailwind_variants from 'tailwind-variants';
+import { VariantProps } from 'tailwind-variants';
+
+declare const avatarUpload: tailwind_variants.TVReturnType<{
+    size: {
+        sm: {
+            preview: string;
+        };
+        md: {
+            preview: string;
+        };
+        lg: {
+            preview: string;
+        };
+    };
+    shape: {
+        circle: {
+            preview: string;
+        };
+        square: {
+            preview: string;
+        };
+    };
+    orientation: {
+        vertical: {
+            root: string;
+            previewAndText: string;
+            instructionsContainer: string;
+        };
+        horizontal: {
+            root: string;
+            previewAndText: string;
+            instructionsContainer: string;
+        };
+    };
+}, {
+    root: string;
+    previewAndText: string;
+    previewContainer: string;
+    preview: string[];
+    previewImg: string;
+    placeholderWrapper: string;
+    placeholder: string;
+    removeButton: string;
+    instructionsContainer: string;
+    instructions: string;
+    acceptedFiles: string;
+    errorItem: string;
+}, undefined, {
+    size: {
+        sm: {
+            preview: string;
+        };
+        md: {
+            preview: string;
+        };
+        lg: {
+            preview: string;
+        };
+    };
+    shape: {
+        circle: {
+            preview: string;
+        };
+        square: {
+            preview: string;
+        };
+    };
+    orientation: {
+        vertical: {
+            root: string;
+            previewAndText: string;
+            instructionsContainer: string;
+        };
+        horizontal: {
+            root: string;
+            previewAndText: string;
+            instructionsContainer: string;
+        };
+    };
+}, {
+    root: string;
+    previewAndText: string;
+    previewContainer: string;
+    preview: string[];
+    previewImg: string;
+    placeholderWrapper: string;
+    placeholder: string;
+    removeButton: string;
+    instructionsContainer: string;
+    instructions: string;
+    acceptedFiles: string;
+    errorItem: string;
+}, tailwind_variants.TVReturnType<{
+    size: {
+        sm: {
+            preview: string;
+        };
+        md: {
+            preview: string;
+        };
+        lg: {
+            preview: string;
+        };
+    };
+    shape: {
+        circle: {
+            preview: string;
+        };
+        square: {
+            preview: string;
+        };
+    };
+    orientation: {
+        vertical: {
+            root: string;
+            previewAndText: string;
+            instructionsContainer: string;
+        };
+        horizontal: {
+            root: string;
+            previewAndText: string;
+            instructionsContainer: string;
+        };
+    };
+}, {
+    root: string;
+    previewAndText: string;
+    previewContainer: string;
+    preview: string[];
+    previewImg: string;
+    placeholderWrapper: string;
+    placeholder: string;
+    removeButton: string;
+    instructionsContainer: string;
+    instructions: string;
+    acceptedFiles: string;
+    errorItem: string;
+}, undefined, unknown, unknown, undefined>>;
+type AvatarUploadVariants = VariantProps<typeof avatarUpload>;
+type AvatarUploadSlots = keyof ReturnType<typeof avatarUpload>;
+
+export { type AvatarUploadSlots, type AvatarUploadVariants, avatarUpload };