@m5kdev/web-ui 0.7.0 → 0.8.0

package/dist/src/animations/card.motion.d.ts

@@ -1,2 +1,7 @@
-import type { MotionNodeOptions } from "framer-motion";
-export declare const cardMotion: Partial<MotionNodeOptions>;
+import { MotionNodeOptions } from "framer-motion";
+
+//#region src/animations/card.motion.d.ts
+declare const cardMotion: Partial<MotionNodeOptions>;
+//#endregion
+export { cardMotion };
+//# sourceMappingURL=card.motion.d.ts.map

package/dist/src/animations/card.motion.js

@@ -1,7 +1,26 @@
-export const cardMotion = {
-    layout: true,
-    initial: { opacity: 0, scale: 0.98 },
-    animate: { opacity: 1, scale: 1 },
-    exit: { opacity: 0, scale: 0.98, transition: { duration: 0.12 } },
-    transition: { type: "spring", stiffness: 160, damping: 28 },
+//#region src/animations/card.motion.ts
+const cardMotion = {
+	layout: true,
+	initial: {
+		opacity: 0,
+		scale: .98
+	},
+	animate: {
+		opacity: 1,
+		scale: 1
+	},
+	exit: {
+		opacity: 0,
+		scale: .98,
+		transition: { duration: .12 }
+	},
+	transition: {
+		type: "spring",
+		stiffness: 160,
+		damping: 28
+	}
 };
+//#endregion
+export { cardMotion };
+
+//# sourceMappingURL=card.motion.js.map

package/dist/src/animations/card.motion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.motion.js","names":[],"sources":["../../../src/animations/card.motion.ts"],"sourcesContent":["import type { MotionNodeOptions } from \"framer-motion\";\r\n\r\nexport const cardMotion: Partial<MotionNodeOptions> = {\r\n  layout: true,\r\n  initial: { opacity: 0, scale: 0.98 },\r\n  animate: { opacity: 1, scale: 1 },\r\n  exit: { opacity: 0, scale: 0.98, transition: { duration: 0.12 } },\r\n  transition: { type: \"spring\", stiffness: 160, damping: 28 },\r\n};\r\n"],"mappings":";AAEA,MAAa,aAAyC;CACpD,QAAQ;CACR,SAAS;EAAE,SAAS;EAAG,OAAO;EAAM;CACpC,SAAS;EAAE,SAAS;EAAG,OAAO;EAAG;CACjC,MAAM;EAAE,SAAS;EAAG,OAAO;EAAM,YAAY,EAAE,UAAU,KAAM;EAAE;CACjE,YAAY;EAAE,MAAM;EAAU,WAAW;EAAK,SAAS;EAAI;CAC5D"}

package/dist/src/components/AvatarUpload.d.ts

@@ -1,7 +1,16 @@
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/AvatarUpload.d.ts
 interface AvatarUploadProps {
-    currentAvatarUrl?: string | null;
-    onUploadComplete?: (avatarUrl: string) => void;
-    className?: string;
+  currentAvatarUrl?: string | null;
+  onUploadComplete?: (avatarUrl: string) => void;
+  className?: string;
 }
-export declare function AvatarUpload({ currentAvatarUrl, onUploadComplete, className }: AvatarUploadProps): import("react/jsx-runtime").JSX.Element;
-export {};
+declare function AvatarUpload({
+  currentAvatarUrl,
+  onUploadComplete,
+  className
+}: AvatarUploadProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { AvatarUpload };
+//# sourceMappingURL=AvatarUpload.d.ts.map

package/dist/src/components/AvatarUpload.js

@@ -1,67 +1,109 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { cn } from "../lib/utils.js";
+import { CropDialog } from "./CropDialog.js";
+import { Avatar, AvatarFallback, AvatarImage } from "./ui/avatar.js";
+import { Progress } from "./ui/progress.js";
+import { useRef, useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { useFileUpload } from "@m5kdev/frontend/modules/file/hooks/useUpload";
 import { Edit2, User } from "lucide-react";
-import { useRef, useState } from "react";
 import { useTranslation } from "react-i18next";
-import { CropDialog } from "./CropDialog";
-import { Avatar, AvatarFallback, AvatarImage } from "./ui/avatar";
-import { Progress } from "./ui/progress";
-import { cn } from "../lib/utils";
-export function AvatarUpload({ currentAvatarUrl, onUploadComplete, className }) {
-    const { t } = useTranslation();
-    const [isHovered, setIsHovered] = useState(false);
-    const [selectedFile, setSelectedFile] = useState(null);
-    const [previewUrl, setPreviewUrl] = useState(currentAvatarUrl || null);
-    const [showCropDialog, setShowCropDialog] = useState(false);
-    const fileInputRef = useRef(null);
-    const { upload, status, progress, errorMessage, reset } = useFileUpload();
-    const handleFileSelect = (event) => {
-        const file = event.target.files?.[0];
-        if (file) {
-            // Validate file type
-            if (!["image/jpeg", "image/png", "image/webp", "image/jpg"].includes(file.type)) {
-                alert(t("web-ui:upload.errors.invalidType"));
-                return;
-            }
-            // Validate file size (5MB)
-            if (file.size > 5 * 1024 * 1024) {
-                alert(t("web-ui:upload.errors.tooLarge"));
-                return;
-            }
-            setSelectedFile(file);
-            const objectUrl = URL.createObjectURL(file);
-            setPreviewUrl(objectUrl);
-            setShowCropDialog(true);
-        }
-    };
-    const handleCropComplete = async (croppedBlob) => {
-        const croppedFile = new File([croppedBlob], selectedFile?.name || "cropped-image.jpg", {
-            type: "image/jpeg",
-        });
-        setSelectedFile(croppedFile);
-        const croppedObjectUrl = URL.createObjectURL(croppedFile);
-        setPreviewUrl(croppedObjectUrl);
-        setShowCropDialog(false);
-        try {
-            const res = await upload("image", croppedFile);
-            console.log({ res });
-            onUploadComplete?.(res.url);
-        }
-        catch (error) {
-            console.error("Error uploading image:", error);
-        }
-    };
-    const removeFile = () => {
-        if (previewUrl && previewUrl !== currentAvatarUrl) {
-            URL.revokeObjectURL(previewUrl);
-        }
-        setSelectedFile(null);
-        setPreviewUrl(currentAvatarUrl || null);
-        setShowCropDialog(false);
-        reset();
-        if (fileInputRef.current) {
-            fileInputRef.current.value = "";
-        }
-    };
-    return (_jsxs(_Fragment, { children: [_jsxs("div", { role: "dialog", className: cn("relative inline-block", className), onMouseEnter: () => setIsHovered(true), onMouseLeave: () => setIsHovered(false), children: [_jsxs(Avatar, { className: "h-24 w-24 cursor-pointer", onClick: () => fileInputRef.current?.click(), children: [previewUrl ? (_jsx(AvatarImage, { src: previewUrl, alt: t("web-ui:avatar.preview.alt") })) : (_jsx(AvatarFallback, { children: _jsx(User, { className: "h-12 w-12" }) })), isHovered && (_jsx("div", { className: "absolute inset-0 flex items-center justify-center bg-black/50 rounded-full", children: _jsx(Edit2, { className: "h-6 w-6 text-white" }) }))] }), _jsx("input", { ref: fileInputRef, type: "file", className: "hidden", accept: "image/jpeg,image/png,image/webp", onChange: handleFileSelect }), status === "uploading" && (_jsx("div", { className: "mt-2 w-full", children: _jsx(Progress, { value: progress, className: "h-2" }) })), status === "error" && _jsx("p", { className: "mt-2 text-sm text-red-500", children: errorMessage })] }), previewUrl && (_jsx(CropDialog, { open: showCropDialog, onOpenChange: setShowCropDialog, imageUrl: previewUrl, onCropComplete: handleCropComplete, onCancel: removeFile, isLoading: status === "uploading" }))] }));
+//#region src/components/AvatarUpload.tsx
+function AvatarUpload({ currentAvatarUrl, onUploadComplete, className }) {
+	const { t } = useTranslation();
+	const [isHovered, setIsHovered] = useState(false);
+	const [selectedFile, setSelectedFile] = useState(null);
+	const [previewUrl, setPreviewUrl] = useState(currentAvatarUrl || null);
+	const [showCropDialog, setShowCropDialog] = useState(false);
+	const fileInputRef = useRef(null);
+	const { upload, status, progress, errorMessage, reset } = useFileUpload();
+	const handleFileSelect = (event) => {
+		const file = event.target.files?.[0];
+		if (file) {
+			if (![
+				"image/jpeg",
+				"image/png",
+				"image/webp",
+				"image/jpg"
+			].includes(file.type)) {
+				alert(t("web-ui:upload.errors.invalidType"));
+				return;
+			}
+			if (file.size > 5 * 1024 * 1024) {
+				alert(t("web-ui:upload.errors.tooLarge"));
+				return;
+			}
+			setSelectedFile(file);
+			setPreviewUrl(URL.createObjectURL(file));
+			setShowCropDialog(true);
+		}
+	};
+	const handleCropComplete = async (croppedBlob) => {
+		const croppedFile = new File([croppedBlob], selectedFile?.name || "cropped-image.jpg", { type: "image/jpeg" });
+		setSelectedFile(croppedFile);
+		setPreviewUrl(URL.createObjectURL(croppedFile));
+		setShowCropDialog(false);
+		try {
+			const res = await upload("image", croppedFile);
+			console.log({ res });
+			onUploadComplete?.(res.url);
+		} catch (error) {
+			console.error("Error uploading image:", error);
+		}
+	};
+	const removeFile = () => {
+		if (previewUrl && previewUrl !== currentAvatarUrl) URL.revokeObjectURL(previewUrl);
+		setSelectedFile(null);
+		setPreviewUrl(currentAvatarUrl || null);
+		setShowCropDialog(false);
+		reset();
+		if (fileInputRef.current) fileInputRef.current.value = "";
+	};
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsxs("div", {
+		role: "dialog",
+		className: cn("relative inline-block", className),
+		onMouseEnter: () => setIsHovered(true),
+		onMouseLeave: () => setIsHovered(false),
+		children: [
+			/* @__PURE__ */ jsxs(Avatar, {
+				className: "h-24 w-24 cursor-pointer",
+				onClick: () => fileInputRef.current?.click(),
+				children: [previewUrl ? /* @__PURE__ */ jsx(AvatarImage, {
+					src: previewUrl,
+					alt: t("web-ui:avatar.preview.alt")
+				}) : /* @__PURE__ */ jsx(AvatarFallback, { children: /* @__PURE__ */ jsx(User, { className: "h-12 w-12" }) }), isHovered && /* @__PURE__ */ jsx("div", {
+					className: "absolute inset-0 flex items-center justify-center bg-black/50 rounded-full",
+					children: /* @__PURE__ */ jsx(Edit2, { className: "h-6 w-6 text-white" })
+				})]
+			}),
+			/* @__PURE__ */ jsx("input", {
+				ref: fileInputRef,
+				type: "file",
+				className: "hidden",
+				accept: "image/jpeg,image/png,image/webp",
+				onChange: handleFileSelect
+			}),
+			status === "uploading" && /* @__PURE__ */ jsx("div", {
+				className: "mt-2 w-full",
+				children: /* @__PURE__ */ jsx(Progress, {
+					value: progress,
+					className: "h-2"
+				})
+			}),
+			status === "error" && /* @__PURE__ */ jsx("p", {
+				className: "mt-2 text-sm text-red-500",
+				children: errorMessage
+			})
+		]
+	}), previewUrl && /* @__PURE__ */ jsx(CropDialog, {
+		open: showCropDialog,
+		onOpenChange: setShowCropDialog,
+		imageUrl: previewUrl,
+		onCropComplete: handleCropComplete,
+		onCancel: removeFile,
+		isLoading: status === "uploading"
+	})] });
 }
+//#endregion
+export { AvatarUpload };
+
+//# sourceMappingURL=AvatarUpload.js.map

package/dist/src/components/AvatarUpload.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarUpload.js","names":[],"sources":["../../../src/components/AvatarUpload.tsx"],"sourcesContent":["import { useFileUpload } from \"@m5kdev/frontend/modules/file/hooks/useUpload\";\r\nimport { Edit2, User } from \"lucide-react\";\r\nimport { type ChangeEvent, useRef, useState } from \"react\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { CropDialog } from \"./CropDialog\";\r\nimport { Avatar, AvatarFallback, AvatarImage } from \"./ui/avatar\";\r\nimport { Progress } from \"./ui/progress\";\r\nimport { cn } from \"../lib/utils\";\r\n\r\ninterface AvatarUploadProps {\r\n  currentAvatarUrl?: string | null;\r\n  onUploadComplete?: (avatarUrl: string) => void;\r\n  className?: string;\r\n}\r\n\r\nexport function AvatarUpload({ currentAvatarUrl, onUploadComplete, className }: AvatarUploadProps) {\r\n  const { t } = useTranslation();\r\n  const [isHovered, setIsHovered] = useState(false);\r\n  const [selectedFile, setSelectedFile] = useState<File | null>(null);\r\n  const [previewUrl, setPreviewUrl] = useState<string | null>(currentAvatarUrl || null);\r\n  const [showCropDialog, setShowCropDialog] = useState(false);\r\n\r\n  const fileInputRef = useRef<HTMLInputElement>(null);\r\n  const { upload, status, progress, errorMessage, reset } = useFileUpload();\r\n\r\n  const handleFileSelect = (event: ChangeEvent<HTMLInputElement>) => {\r\n    const file = event.target.files?.[0];\r\n    if (file) {\r\n      // Validate file type\r\n      if (![\"image/jpeg\", \"image/png\", \"image/webp\", \"image/jpg\"].includes(file.type)) {\r\n        alert(t(\"web-ui:upload.errors.invalidType\"));\r\n        return;\r\n      }\r\n      // Validate file size (5MB)\r\n      if (file.size > 5 * 1024 * 1024) {\r\n        alert(t(\"web-ui:upload.errors.tooLarge\"));\r\n        return;\r\n      }\r\n      setSelectedFile(file);\r\n      const objectUrl = URL.createObjectURL(file);\r\n      setPreviewUrl(objectUrl);\r\n      setShowCropDialog(true);\r\n    }\r\n  };\r\n\r\n  const handleCropComplete = async (croppedBlob: Blob) => {\r\n    const croppedFile = new File([croppedBlob], selectedFile?.name || \"cropped-image.jpg\", {\r\n      type: \"image/jpeg\",\r\n    });\r\n\r\n    setSelectedFile(croppedFile);\r\n    const croppedObjectUrl = URL.createObjectURL(croppedFile);\r\n    setPreviewUrl(croppedObjectUrl);\r\n    setShowCropDialog(false);\r\n\r\n    try {\r\n      const res = await upload<{\r\n        url: string;\r\n        minetype: string;\r\n        size: number;\r\n      }>(\"image\", croppedFile);\r\n      console.log({ res });\r\n      onUploadComplete?.(res.url);\r\n    } catch (error) {\r\n      console.error(\"Error uploading image:\", error);\r\n    }\r\n  };\r\n\r\n  const removeFile = () => {\r\n    if (previewUrl && previewUrl !== currentAvatarUrl) {\r\n      URL.revokeObjectURL(previewUrl);\r\n    }\r\n    setSelectedFile(null);\r\n    setPreviewUrl(currentAvatarUrl || null);\r\n    setShowCropDialog(false);\r\n    reset();\r\n    if (fileInputRef.current) {\r\n      fileInputRef.current.value = \"\";\r\n    }\r\n  };\r\n\r\n  return (\r\n    <>\r\n      <div\r\n        role=\"dialog\"\r\n        className={cn(\"relative inline-block\", className)}\r\n        onMouseEnter={() => setIsHovered(true)}\r\n        onMouseLeave={() => setIsHovered(false)}\r\n      >\r\n        <Avatar className=\"h-24 w-24 cursor-pointer\" onClick={() => fileInputRef.current?.click()}>\r\n          {previewUrl ? (\r\n            <AvatarImage src={previewUrl} alt={t(\"web-ui:avatar.preview.alt\")} />\r\n          ) : (\r\n            <AvatarFallback>\r\n              <User className=\"h-12 w-12\" />\r\n            </AvatarFallback>\r\n          )}\r\n          {isHovered && (\r\n            <div className=\"absolute inset-0 flex items-center justify-center bg-black/50 rounded-full\">\r\n              <Edit2 className=\"h-6 w-6 text-white\" />\r\n            </div>\r\n          )}\r\n        </Avatar>\r\n\r\n        <input\r\n          ref={fileInputRef}\r\n          type=\"file\"\r\n          className=\"hidden\"\r\n          accept=\"image/jpeg,image/png,image/webp\"\r\n          onChange={handleFileSelect}\r\n        />\r\n\r\n        {status === \"uploading\" && (\r\n          <div className=\"mt-2 w-full\">\r\n            <Progress value={progress} className=\"h-2\" />\r\n          </div>\r\n        )}\r\n        {status === \"error\" && <p className=\"mt-2 text-sm text-red-500\">{errorMessage}</p>}\r\n      </div>\r\n\r\n      {previewUrl && (\r\n        <CropDialog\r\n          open={showCropDialog}\r\n          onOpenChange={setShowCropDialog}\r\n          imageUrl={previewUrl}\r\n          onCropComplete={handleCropComplete}\r\n          onCancel={removeFile}\r\n          isLoading={status === \"uploading\"}\r\n        />\r\n      )}\r\n    </>\r\n  );\r\n}\r\n"],"mappings":";;;;;;;;;;AAeA,SAAgB,aAAa,EAAE,kBAAkB,kBAAkB,aAAgC;CACjG,MAAM,EAAE,MAAM,gBAAgB;CAC9B,MAAM,CAAC,WAAW,gBAAgB,SAAS,MAAM;CACjD,MAAM,CAAC,cAAc,mBAAmB,SAAsB,KAAK;CACnE,MAAM,CAAC,YAAY,iBAAiB,SAAwB,oBAAoB,KAAK;CACrF,MAAM,CAAC,gBAAgB,qBAAqB,SAAS,MAAM;CAE3D,MAAM,eAAe,OAAyB,KAAK;CACnD,MAAM,EAAE,QAAQ,QAAQ,UAAU,cAAc,UAAU,eAAe;CAEzE,MAAM,oBAAoB,UAAyC;EACjE,MAAM,OAAO,MAAM,OAAO,QAAQ;AAClC,MAAI,MAAM;AAER,OAAI,CAAC;IAAC;IAAc;IAAa;IAAc;IAAY,CAAC,SAAS,KAAK,KAAK,EAAE;AAC/E,UAAM,EAAE,mCAAmC,CAAC;AAC5C;;AAGF,OAAI,KAAK,OAAO,IAAI,OAAO,MAAM;AAC/B,UAAM,EAAE,gCAAgC,CAAC;AACzC;;AAEF,mBAAgB,KAAK;AAErB,iBADkB,IAAI,gBAAgB,KAAK,CACnB;AACxB,qBAAkB,KAAK;;;CAI3B,MAAM,qBAAqB,OAAO,gBAAsB;EACtD,MAAM,cAAc,IAAI,KAAK,CAAC,YAAY,EAAE,cAAc,QAAQ,qBAAqB,EACrF,MAAM,cACP,CAAC;AAEF,kBAAgB,YAAY;AAE5B,gBADyB,IAAI,gBAAgB,YAAY,CAC1B;AAC/B,oBAAkB,MAAM;AAExB,MAAI;GACF,MAAM,MAAM,MAAM,OAIf,SAAS,YAAY;AACxB,WAAQ,IAAI,EAAE,KAAK,CAAC;AACpB,sBAAmB,IAAI,IAAI;WACpB,OAAO;AACd,WAAQ,MAAM,0BAA0B,MAAM;;;CAIlD,MAAM,mBAAmB;AACvB,MAAI,cAAc,eAAe,iBAC/B,KAAI,gBAAgB,WAAW;AAEjC,kBAAgB,KAAK;AACrB,gBAAc,oBAAoB,KAAK;AACvC,oBAAkB,MAAM;AACxB,SAAO;AACP,MAAI,aAAa,QACf,cAAa,QAAQ,QAAQ;;AAIjC,QACE,qBAAA,YAAA,EAAA,UAAA,CACE,qBAAC,OAAD;EACE,MAAK;EACL,WAAW,GAAG,yBAAyB,UAAU;EACjD,oBAAoB,aAAa,KAAK;EACtC,oBAAoB,aAAa,MAAM;YAJzC;GAME,qBAAC,QAAD;IAAQ,WAAU;IAA2B,eAAe,aAAa,SAAS,OAAO;cAAzF,CACG,aACC,oBAAC,aAAD;KAAa,KAAK;KAAY,KAAK,EAAE,4BAA4B;KAAI,CAAA,GAErE,oBAAC,gBAAD,EAAA,UACE,oBAAC,MAAD,EAAM,WAAU,aAAc,CAAA,EACf,CAAA,EAElB,aACC,oBAAC,OAAD;KAAK,WAAU;eACb,oBAAC,OAAD,EAAO,WAAU,sBAAuB,CAAA;KACpC,CAAA,CAED;;GAET,oBAAC,SAAD;IACE,KAAK;IACL,MAAK;IACL,WAAU;IACV,QAAO;IACP,UAAU;IACV,CAAA;GAED,WAAW,eACV,oBAAC,OAAD;IAAK,WAAU;cACb,oBAAC,UAAD;KAAU,OAAO;KAAU,WAAU;KAAQ,CAAA;IACzC,CAAA;GAEP,WAAW,WAAW,oBAAC,KAAD;IAAG,WAAU;cAA6B;IAAiB,CAAA;GAC9E;KAEL,cACC,oBAAC,YAAD;EACE,MAAM;EACN,cAAc;EACd,UAAU;EACV,gBAAgB;EAChB,UAAU;EACV,WAAW,WAAW;EACtB,CAAA,CAEH,EAAA,CAAA"}

package/dist/src/components/Button.d.ts

@@ -1,5 +1,15 @@
-import { type ButtonProps as ButtonPrimitiveProps } from "./ui/button";
-export interface ButtonProps extends ButtonPrimitiveProps {
-    loading?: boolean;
+import { ButtonProps as ButtonProps$1 } from "./ui/button.js";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/Button.d.ts
+interface ButtonProps extends ButtonProps$1 {
+  loading?: boolean;
 }
-export declare function Button({ loading, children, ...props }: ButtonProps): import("react/jsx-runtime").JSX.Element;
+declare function Button({
+  loading,
+  children,
+  ...props
+}: ButtonProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { Button, ButtonProps };
+//# sourceMappingURL=Button.d.ts.map

package/dist/src/components/Button.js

@@ -1,5 +1,14 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button as ButtonPrimitive } from "./ui/button";
-export function Button({ loading, children, ...props }) {
-    return (_jsxs(ButtonPrimitive, { ...props, disabled: loading || props.disabled, children: [loading && _jsx("i", { className: "ti ti-refresh animate-spin" }), children] }));
+import { Button as Button$1 } from "./ui/button.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/Button.tsx
+function Button({ loading, children, ...props }) {
+	return /* @__PURE__ */ jsxs(Button$1, {
+		...props,
+		disabled: loading || props.disabled,
+		children: [loading && /* @__PURE__ */ jsx("i", { className: "ti ti-refresh animate-spin" }), children]
+	});
 }
+//#endregion
+export { Button };
+
+//# sourceMappingURL=Button.js.map

package/dist/src/components/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","names":["ButtonPrimitive"],"sources":["../../../src/components/Button.tsx"],"sourcesContent":["import { Button as ButtonPrimitive, type ButtonProps as ButtonPrimitiveProps } from \"./ui/button\";\r\n\r\nexport interface ButtonProps extends ButtonPrimitiveProps {\r\n  loading?: boolean;\r\n}\r\n\r\nexport function Button({ loading, children, ...props }: ButtonProps) {\r\n  return (\r\n    <ButtonPrimitive {...props} disabled={loading || props.disabled}>\r\n      {loading && <i className=\"ti ti-refresh animate-spin\" />}\r\n      {children}\r\n    </ButtonPrimitive>\r\n  );\r\n}\r\n"],"mappings":";;;AAMA,SAAgB,OAAO,EAAE,SAAS,UAAU,GAAG,SAAsB;AACnE,QACE,qBAACA,UAAD;EAAiB,GAAI;EAAO,UAAU,WAAW,MAAM;YAAvD,CACG,WAAW,oBAAC,KAAD,EAAG,WAAU,8BAA+B,CAAA,EACvD,SACe"}

package/dist/src/components/Calendar.d.ts

@@ -1,35 +1,37 @@
-import type React from "react";
-import { type CalendarProps } from "react-big-calendar";
-import "react-big-calendar/lib/addons/dragAndDrop/styles.css";
-import "./Calendar.css";
+import React from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import { CalendarProps } from "react-big-calendar";
+//#region src/components/Calendar.d.ts
 type CalendarComponents = NonNullable<CalendarProps["components"]>;
-export type CalendarEventRenderer = CalendarComponents extends {
-    event?: infer T;
+type CalendarEventRenderer = CalendarComponents extends {
+  event?: infer T;
 } ? Exclude<T, undefined> : never;
 interface DragAndDropCalendarProps extends Omit<CalendarProps, "localizer"> {
-    onEventDrop?: (args: {
-        event: unknown;
-        start: Date;
-        end: Date;
-    }) => void;
-    onEventResize?: (args: {
-        event: unknown;
-        start: Date;
-        end: Date;
-    }) => void;
-    onDragStart?: (args: {
-        event: unknown;
-        action: "move" | "resize";
-        direction?: unknown;
-    }) => void;
-    dragFromOutsideItem?: () => unknown;
-    onDropFromOutside?: (args: {
-        start: Date;
-        end: Date;
-        allDay?: boolean;
-    }) => void;
-    onDragOverFromOutside?: (event: React.DragEvent) => void;
-    resizable?: boolean;
+  onEventDrop?: (args: {
+    event: unknown;
+    start: Date;
+    end: Date;
+  }) => void;
+  onEventResize?: (args: {
+    event: unknown;
+    start: Date;
+    end: Date;
+  }) => void;
+  onDragStart?: (args: {
+    event: unknown;
+    action: "move" | "resize";
+    direction?: unknown;
+  }) => void;
+  dragFromOutsideItem?: () => unknown;
+  onDropFromOutside?: (args: {
+    start: Date;
+    end: Date;
+    allDay?: boolean;
+  }) => void;
+  onDragOverFromOutside?: (event: React.DragEvent) => void;
+  resizable?: boolean;
 }
-export declare const Calendar: (props: DragAndDropCalendarProps) => import("react/jsx-runtime").JSX.Element;
-export {};
+declare const Calendar: (props: DragAndDropCalendarProps) => _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { Calendar, CalendarEventRenderer };
+//# sourceMappingURL=Calendar.d.ts.map

package/dist/src/components/Calendar.js

@@ -1,10 +1,18 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+/* empty css          */
+import { jsx } from "react/jsx-runtime";
 import dayjs from "dayjs";
-import { Calendar as BigCalendar, dayjsLocalizer } from "react-big-calendar";
-import withDragAndDrop from "react-big-calendar/lib/addons/dragAndDrop";
+import { Calendar as Calendar$1, dayjsLocalizer } from "react-big-calendar";
+import withDragAndDrop from "react-big-calendar/lib/addons/dragAndDrop/index.js";
 import "react-big-calendar/lib/addons/dragAndDrop/styles.css";
-import "./Calendar.css";
-const DnDCalendar = withDragAndDrop(BigCalendar);
+//#region src/components/Calendar.tsx
+const DnDCalendar = withDragAndDrop(Calendar$1);
 const localizer = dayjsLocalizer(dayjs);
 const TypedDnDCalendar = DnDCalendar;
-export const Calendar = (props) => (_jsx(TypedDnDCalendar, { ...props, localizer: localizer }));
+const Calendar = (props) => /* @__PURE__ */ jsx(TypedDnDCalendar, {
+	...props,
+	localizer
+});
+//#endregion
+export { Calendar };
+
+//# sourceMappingURL=Calendar.js.map

package/dist/src/components/Calendar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Calendar.js","names":["BigCalendar"],"sources":["../../../src/components/Calendar.tsx"],"sourcesContent":["import dayjs from \"dayjs\";\r\nimport type React from \"react\";\r\nimport { Calendar as BigCalendar, type CalendarProps, dayjsLocalizer } from \"react-big-calendar\";\r\nimport withDragAndDrop from \"react-big-calendar/lib/addons/dragAndDrop\";\r\nimport \"react-big-calendar/lib/addons/dragAndDrop/styles.css\";\r\nimport \"./Calendar.css\";\r\n\r\nconst DnDCalendar = withDragAndDrop(BigCalendar);\r\nconst localizer = dayjsLocalizer(dayjs);\r\n\r\ntype CalendarComponents = NonNullable<CalendarProps[\"components\"]>;\r\nexport type CalendarEventRenderer = CalendarComponents extends { event?: infer T }\r\n  ? Exclude<T, undefined>\r\n  : never;\r\n\r\ninterface DragAndDropCalendarProps extends Omit<CalendarProps, \"localizer\"> {\r\n  onEventDrop?: (args: { event: unknown; start: Date; end: Date }) => void;\r\n  onEventResize?: (args: { event: unknown; start: Date; end: Date }) => void;\r\n  onDragStart?: (args: { event: unknown; action: \"move\" | \"resize\"; direction?: unknown }) => void;\r\n  dragFromOutsideItem?: () => unknown;\r\n  onDropFromOutside?: (args: { start: Date; end: Date; allDay?: boolean }) => void;\r\n  onDragOverFromOutside?: (event: React.DragEvent) => void;\r\n  resizable?: boolean;\r\n}\r\n\r\nconst TypedDnDCalendar = DnDCalendar as React.ComponentType<\r\n  DragAndDropCalendarProps & { localizer: typeof localizer }\r\n>;\r\n\r\nexport const Calendar = (props: DragAndDropCalendarProps) => (\r\n  <TypedDnDCalendar {...props} localizer={localizer} />\r\n);\r\n"],"mappings":";;;;;;;AAOA,MAAM,cAAc,gBAAgBA,WAAY;AAChD,MAAM,YAAY,eAAe,MAAM;AAiBvC,MAAM,mBAAmB;AAIzB,MAAa,YAAY,UACvB,oBAAC,kBAAD;CAAkB,GAAI;CAAkB;CAAa,CAAA"}