@kopexa/theme 13.0.2 → 14.0.0

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

@@ -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 };

package/dist/components/file-upload.js

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

package/dist/components/file-upload.mjs

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

package/dist/components/image-crop.d.mts

@@ -0,0 +1,36 @@
+import * as tailwind_variants from 'tailwind-variants';
+import * as tailwind_merge from 'tailwind-merge';
+
+declare const imageCrop: tailwind_variants.TVReturnType<{
+    [key: string]: {
+        [key: string]: tailwind_merge.ClassNameValue | {
+            content?: tailwind_merge.ClassNameValue;
+            image?: tailwind_merge.ClassNameValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: tailwind_merge.ClassNameValue | {
+            content?: tailwind_merge.ClassNameValue;
+            image?: tailwind_merge.ClassNameValue;
+        };
+    };
+} | {}, {
+    content: string;
+    image: string;
+}, undefined, {
+    [key: string]: {
+        [key: string]: tailwind_merge.ClassNameValue | {
+            content?: tailwind_merge.ClassNameValue;
+            image?: tailwind_merge.ClassNameValue;
+        };
+    };
+} | {}, {
+    content: string;
+    image: string;
+}, tailwind_variants.TVReturnType<unknown, {
+    content: string;
+    image: string;
+}, undefined, unknown, unknown, undefined>>;
+
+export { imageCrop };

package/dist/components/image-crop.d.ts

@@ -0,0 +1,36 @@
+import * as tailwind_variants from 'tailwind-variants';
+import * as tailwind_merge from 'tailwind-merge';
+
+declare const imageCrop: tailwind_variants.TVReturnType<{
+    [key: string]: {
+        [key: string]: tailwind_merge.ClassNameValue | {
+            content?: tailwind_merge.ClassNameValue;
+            image?: tailwind_merge.ClassNameValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: tailwind_merge.ClassNameValue | {
+            content?: tailwind_merge.ClassNameValue;
+            image?: tailwind_merge.ClassNameValue;
+        };
+    };
+} | {}, {
+    content: string;
+    image: string;
+}, undefined, {
+    [key: string]: {
+        [key: string]: tailwind_merge.ClassNameValue | {
+            content?: tailwind_merge.ClassNameValue;
+            image?: tailwind_merge.ClassNameValue;
+        };
+    };
+} | {}, {
+    content: string;
+    image: string;
+}, tailwind_variants.TVReturnType<unknown, {
+    content: string;
+    image: string;
+}, undefined, unknown, unknown, undefined>>;
+
+export { imageCrop };

package/dist/components/image-crop.js

@@ -0,0 +1,36 @@
+"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/image-crop.ts
+var image_crop_exports = {};
+__export(image_crop_exports, {
+  imageCrop: () => imageCrop
+});
+module.exports = __toCommonJS(image_crop_exports);
+var import_tailwind_variants = require("tailwind-variants");
+var imageCrop = (0, import_tailwind_variants.tv)({
+  slots: {
+    content: "max-h-[277px] max-w-full",
+    image: "size-fullcover"
+  }
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  imageCrop
+});

package/dist/components/image-crop.mjs

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

package/dist/components/index.d.mts

@@ -22,9 +22,11 @@ export { DrawerVariantProps, drawer } from './drawer.mjs';
 export { DropdownMenuVariantProps, dropdownMenu } from './dropdown-menu.mjs';
 export { EditorBasicVariants, editorBasic } from './editor-basic.mjs';
 export { editorSpinner } from './editor-spinner.mjs';
+export { AvatarUploadSlots, AvatarUploadVariants, avatarUpload } from './file-upload.mjs';
 export { frameworkRow } from './framework-row.mjs';
 export { HeadingVariantProps, heading } from './heading.mjs';
 export { HoverCardSlots, HoverCardVariantProps, hoverCard } from './hover-card.mjs';
+export { imageCrop } from './image-crop.mjs';
 export { InputVariantProps, input, passwordInput } from './input.mjs';
 export { inputGroup } from './input-group.mjs';
 export { InputWrapperVariantProps, inputWrapper } from './input-wrapper.mjs';

package/dist/components/index.d.ts

@@ -22,9 +22,11 @@ export { DrawerVariantProps, drawer } from './drawer.js';
 export { DropdownMenuVariantProps, dropdownMenu } from './dropdown-menu.js';
 export { EditorBasicVariants, editorBasic } from './editor-basic.js';
 export { editorSpinner } from './editor-spinner.js';
+export { AvatarUploadSlots, AvatarUploadVariants, avatarUpload } from './file-upload.js';
 export { frameworkRow } from './framework-row.js';
 export { HeadingVariantProps, heading } from './heading.js';
 export { HoverCardSlots, HoverCardVariantProps, hoverCard } from './hover-card.js';
+export { imageCrop } from './image-crop.js';
 export { InputVariantProps, input, passwordInput } from './input.js';
 export { inputGroup } from './input-group.js';
 export { InputWrapperVariantProps, inputWrapper } from './input-wrapper.js';