@m5kdev/web-ui 0.8.6 → 0.8.8

package/dist/src/components/CropDialog.js

@@ -0,0 +1,116 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_runtime = require("../../_virtual/_rolldown/runtime.js");
+const require_src_components_ui_button = require("./ui/button.js");
+const require_src_components_ui_dialog = require("./ui/dialog.js");
+const require_src_components_ui_slider = require("./ui/slider.js");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let lucide_react = require("lucide-react");
+let react_i18next = require("react-i18next");
+let react_easy_crop = require("react-easy-crop");
+react_easy_crop = require_runtime.__toESM(react_easy_crop);
+//#region src/components/CropDialog.tsx
+async function getCroppedImg(imageSrc, pixelCrop, t) {
+	const image = new Image();
+	image.src = imageSrc;
+	const canvas = document.createElement("canvas");
+	const ctx = canvas.getContext("2d");
+	if (!ctx) throw new Error(t("web-ui:image.crop.failedContext"));
+	canvas.width = pixelCrop.width;
+	canvas.height = pixelCrop.height;
+	ctx.drawImage(image, pixelCrop.x, pixelCrop.y, pixelCrop.width, pixelCrop.height, 0, 0, pixelCrop.width, pixelCrop.height);
+	return new Promise((resolve, reject) => {
+		canvas.toBlob((blob) => {
+			if (!blob) reject(new Error(t("web-ui:image.crop.failedCrop")));
+			else resolve(blob);
+		}, "image/jpeg");
+	});
+}
+function CropDialog({ open, onOpenChange, imageUrl, onCropComplete, onCancel, isLoading = false }) {
+	const { t } = (0, react_i18next.useTranslation)();
+	const [crop, setCrop] = (0, react.useState)({
+		x: 0,
+		y: 0
+	});
+	const [zoom, setZoom] = (0, react.useState)(1);
+	const [croppedAreaPixels, setCroppedAreaPixels] = (0, react.useState)(null);
+	const handleCropComplete = (_croppedArea, croppedAreaPixels) => {
+		setCroppedAreaPixels(croppedAreaPixels);
+	};
+	const handleSave = async () => {
+		if (!croppedAreaPixels) return;
+		try {
+			onCropComplete(await getCroppedImg(imageUrl, croppedAreaPixels, t));
+		} catch (error) {
+			console.error(t("web-ui:image.crop.error"), error);
+		}
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src_components_ui_dialog.Dialog, {
+		open,
+		onOpenChange,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src_components_ui_dialog.DialogContent, {
+			className: "sm:max-w-[600px]",
+			children: [
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src_components_ui_dialog.DialogHeader, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src_components_ui_dialog.DialogTitle, { children: t("web-ui:image.crop.title") }) }),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: "relative h-[400px] w-full",
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_easy_crop.default, {
+						image: imageUrl,
+						crop,
+						zoom,
+						aspect: 1,
+						onCropChange: setCrop,
+						onZoomChange: setZoom,
+						onCropComplete: handleCropComplete,
+						objectFit: "contain",
+						showGrid: true,
+						style: {
+							containerStyle: {
+								position: "relative",
+								width: "100%",
+								height: "100%",
+								backgroundColor: "#262626"
+							},
+							cropAreaStyle: {
+								border: "2px solid #fff",
+								color: "rgba(255, 255, 255, 0.9)"
+							},
+							mediaStyle: { backgroundColor: "#262626" }
+						}
+					})
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "flex items-center gap-4 px-1",
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ZoomOut, { className: "h-4 w-4" }),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src_components_ui_slider.Slider, {
+							value: [zoom],
+							onValueChange: (values) => setZoom(values[0]),
+							min: 1,
+							max: 3,
+							step: .1,
+							className: "flex-1"
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ZoomIn, { className: "h-4 w-4" })
+					]
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "mt-4 flex justify-end space-x-2",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src_components_ui_button.Button, {
+						variant: "outline",
+						onClick: onCancel,
+						children: t("web-ui:common.cancel")
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src_components_ui_button.Button, {
+						onClick: handleSave,
+						disabled: isLoading,
+						children: isLoading ? t("web-ui:common.saving") : t("web-ui:common.save")
+					})]
+				})
+			]
+		})
+	});
+}
+//#endregion
+exports.CropDialog = CropDialog;
+
+//# sourceMappingURL=CropDialog.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CropDialog.js","names":["Dialog","DialogContent","DialogHeader","DialogTitle","Cropper","ZoomOut","Slider","ZoomIn","Button"],"sources":["../../../src/components/CropDialog.tsx"],"sourcesContent":["import { ZoomIn, ZoomOut } from \"lucide-react\";\r\nimport { useState } from \"react\";\r\nimport Cropper, { type Area } from \"react-easy-crop\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { Button } from \"./ui/button\";\r\nimport { Dialog, DialogContent, DialogHeader, DialogTitle } from \"./ui/dialog\";\r\nimport { Slider } from \"./ui/slider\";\r\n\r\ninterface CropArea {\r\n  x: number;\r\n  y: number;\r\n  width: number;\r\n  height: number;\r\n}\r\n\r\ninterface CropDialogProps {\r\n  open: boolean;\r\n  onOpenChange: (open: boolean) => void;\r\n  imageUrl: string;\r\n  onCropComplete: (croppedBlob: Blob) => void;\r\n  onCancel: () => void;\r\n  isLoading?: boolean;\r\n}\r\n\r\nasync function getCroppedImg(\r\n  imageSrc: string,\r\n  pixelCrop: CropArea,\r\n  t: (key: string) => string\r\n): Promise<Blob> {\r\n  const image = new Image();\r\n  image.src = imageSrc;\r\n\r\n  // Create canvas\r\n  const canvas = document.createElement(\"canvas\");\r\n  const ctx = canvas.getContext(\"2d\");\r\n\r\n  if (!ctx) {\r\n    throw new Error(t(\"web-ui:image.crop.failedContext\"));\r\n  }\r\n\r\n  // Set canvas size to the crop size\r\n  canvas.width = pixelCrop.width;\r\n  canvas.height = pixelCrop.height;\r\n\r\n  // Draw the cropped image\r\n  ctx.drawImage(\r\n    image,\r\n    pixelCrop.x,\r\n    pixelCrop.y,\r\n    pixelCrop.width,\r\n    pixelCrop.height,\r\n    0,\r\n    0,\r\n    pixelCrop.width,\r\n    pixelCrop.height\r\n  );\r\n\r\n  // Get the cropped image as blob\r\n  return new Promise((resolve, reject) => {\r\n    canvas.toBlob((blob) => {\r\n      if (!blob) reject(new Error(t(\"web-ui:image.crop.failedCrop\")));\r\n      else resolve(blob);\r\n    }, \"image/jpeg\");\r\n  });\r\n}\r\n\r\nexport function CropDialog({\r\n  open,\r\n  onOpenChange,\r\n  imageUrl,\r\n  onCropComplete,\r\n  onCancel,\r\n  isLoading = false,\r\n}: CropDialogProps) {\r\n  const { t } = useTranslation();\r\n  const [crop, setCrop] = useState({ x: 0, y: 0 });\r\n  const [zoom, setZoom] = useState(1);\r\n  const [croppedAreaPixels, setCroppedAreaPixels] = useState<CropArea | null>(null);\r\n\r\n  const handleCropComplete = (_croppedArea: Area, croppedAreaPixels: CropArea) => {\r\n    setCroppedAreaPixels(croppedAreaPixels);\r\n  };\r\n\r\n  const handleSave = async () => {\r\n    if (!croppedAreaPixels) return;\r\n\r\n    try {\r\n      const croppedImageBlob = await getCroppedImg(imageUrl, croppedAreaPixels, t);\r\n      onCropComplete(croppedImageBlob);\r\n    } catch (error) {\r\n      console.error(t(\"web-ui:image.crop.error\"), error);\r\n    }\r\n  };\r\n\r\n  return (\r\n    <Dialog open={open} onOpenChange={onOpenChange}>\r\n      <DialogContent className=\"sm:max-w-[600px]\">\r\n        <DialogHeader>\r\n          <DialogTitle>{t(\"web-ui:image.crop.title\")}</DialogTitle>\r\n        </DialogHeader>\r\n        <div className=\"relative h-[400px] w-full\">\r\n          <Cropper\r\n            image={imageUrl}\r\n            crop={crop}\r\n            zoom={zoom}\r\n            aspect={1}\r\n            onCropChange={setCrop}\r\n            onZoomChange={setZoom}\r\n            onCropComplete={handleCropComplete}\r\n            objectFit=\"contain\"\r\n            showGrid={true}\r\n            style={{\r\n              containerStyle: {\r\n                position: \"relative\",\r\n                width: \"100%\",\r\n                height: \"100%\",\r\n                backgroundColor: \"#262626\",\r\n              },\r\n              cropAreaStyle: {\r\n                border: \"2px solid #fff\",\r\n                color: \"rgba(255, 255, 255, 0.9)\",\r\n              },\r\n              mediaStyle: {\r\n                backgroundColor: \"#262626\",\r\n              },\r\n            }}\r\n          />\r\n        </div>\r\n\r\n        <div className=\"flex items-center gap-4 px-1\">\r\n          <ZoomOut className=\"h-4 w-4\" />\r\n          <Slider\r\n            value={[zoom]}\r\n            onValueChange={(values: number[]) => setZoom(values[0])}\r\n            min={1}\r\n            max={3}\r\n            step={0.1}\r\n            className=\"flex-1\"\r\n          />\r\n          <ZoomIn className=\"h-4 w-4\" />\r\n        </div>\r\n\r\n        <div className=\"mt-4 flex justify-end space-x-2\">\r\n          <Button variant=\"outline\" onClick={onCancel}>\r\n            {t(\"web-ui:common.cancel\")}\r\n          </Button>\r\n          <Button onClick={handleSave} disabled={isLoading}>\r\n            {isLoading ? t(\"web-ui:common.saving\") : t(\"web-ui:common.save\")}\r\n          </Button>\r\n        </div>\r\n      </DialogContent>\r\n    </Dialog>\r\n  );\r\n}\r\n"],"mappings":"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"}

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

@@ -0,0 +1,23 @@
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import { ButtonProps } from "@heroui/react";
+
+//#region src/components/DialogProvider.d.ts
+type DialogProps = {
+  title: React.ReactNode;
+  description: React.ReactNode;
+  color?: ButtonProps["color"];
+  cancelable?: boolean;
+  onCancel?: () => void;
+  onConfirm?: () => void;
+  cancelLabel?: string;
+  confirmLabel?: string;
+};
+declare function useDialog(): (dialog: DialogProps) => void;
+declare function DialogProvider({
+  children
+}: {
+  children: React.ReactNode;
+}): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { DialogProps, DialogProvider, useDialog };
+//# sourceMappingURL=DialogProvider.d.ts.map

package/dist/src/components/DialogProvider.js

@@ -0,0 +1,75 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../../_virtual/_rolldown/runtime.js");
+let react = require("react");
+let _heroui_react = require("@heroui/react");
+let _heroui_theme = require("@heroui/theme");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/DialogProvider.tsx
+const DialogContext = (0, react.createContext)(() => {
+	console.warn("DialogProvider is not initialized");
+});
+function useDialog() {
+	const context = (0, react.useContext)(DialogContext);
+	if (!context) throw new Error("useDialog must be used within a DialogProvider");
+	return context;
+}
+function DialogProvider({ children }) {
+	const [isOpen, setIsOpen] = (0, react.useState)(false);
+	const [dialog, setDialog] = (0, react.useState)(null);
+	const timeoutRef = (0, react.useRef)(null);
+	const handleSetDialog = (dialog) => {
+		if (timeoutRef.current) {
+			clearTimeout(timeoutRef.current);
+			timeoutRef.current = null;
+		}
+		setDialog(dialog);
+		setIsOpen(true);
+	};
+	const handleUnsetDialog = () => {
+		setIsOpen(false);
+		if (timeoutRef.current) {
+			clearTimeout(timeoutRef.current);
+			timeoutRef.current = null;
+		}
+		timeoutRef.current = setTimeout(() => {
+			setDialog(null);
+		}, 500);
+	};
+	const handleCancel = () => {
+		dialog?.onCancel?.();
+		handleUnsetDialog();
+	};
+	const handleConfirm = () => {
+		dialog?.onConfirm?.();
+		handleUnsetDialog();
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DialogContext.Provider, {
+		value: handleSetDialog,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [children, dialog && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_heroui_react.Modal, {
+			isOpen,
+			onOpenChange: handleUnsetDialog,
+			style: { borderColor: _heroui_theme.semanticColors.light[dialog.color || "danger"][600] },
+			classNames: { base: "border-1" },
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_heroui_react.ModalContent, { children: [
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_heroui_react.ModalHeader, { children: dialog.title }),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_heroui_react.ModalBody, { children: dialog.description }),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_heroui_react.ModalFooter, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "flex flex-row gap-2",
+					children: [(dialog.cancelable || dialog.onCancel) && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_heroui_react.Button, {
+						onPress: handleCancel,
+						children: dialog.cancelLabel ?? "Cancel"
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_heroui_react.Button, {
+						color: dialog.color,
+						onPress: handleConfirm,
+						children: dialog.confirmLabel ?? "Confirm"
+					})]
+				}) })
+			] })
+		})] })
+	});
+}
+//#endregion
+exports.DialogProvider = DialogProvider;
+exports.useDialog = useDialog;
+
+//# sourceMappingURL=DialogProvider.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DialogProvider.js","names":["Modal","semanticColors","ModalContent","ModalHeader","ModalBody","ModalFooter","Button"],"sources":["../../../src/components/DialogProvider.tsx"],"sourcesContent":["import {\r\n  Button,\r\n  type ButtonProps,\r\n  Modal,\r\n  ModalBody,\r\n  ModalContent,\r\n  ModalFooter,\r\n  ModalHeader,\r\n} from \"@heroui/react\";\r\nimport { semanticColors } from \"@heroui/theme\";\r\nimport { createContext, useContext, useRef, useState } from \"react\";\r\n\r\nexport type DialogProps = {\r\n  title: React.ReactNode;\r\n  description: React.ReactNode;\r\n  color?: ButtonProps[\"color\"];\r\n  cancelable?: boolean;\r\n  onCancel?: () => void;\r\n  onConfirm?: () => void;\r\n  cancelLabel?: string;\r\n  confirmLabel?: string;\r\n};\r\n\r\nconst DialogContext = createContext<(dialog: DialogProps) => void>(() => {\r\n  console.warn(\"DialogProvider is not initialized\");\r\n});\r\n\r\nexport function useDialog() {\r\n  const context = useContext(DialogContext);\r\n  if (!context) {\r\n    throw new Error(\"useDialog must be used within a DialogProvider\");\r\n  }\r\n  return context;\r\n}\r\n\r\nexport function DialogProvider({ children }: { children: React.ReactNode }) {\r\n  const [isOpen, setIsOpen] = useState(false);\r\n  const [dialog, setDialog] = useState<DialogProps | null>(null);\r\n  const timeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);\r\n\r\n  const handleSetDialog = (dialog: DialogProps) => {\r\n    if (timeoutRef.current) {\r\n      clearTimeout(timeoutRef.current);\r\n      timeoutRef.current = null;\r\n    }\r\n    setDialog(dialog);\r\n    setIsOpen(true);\r\n  };\r\n\r\n  const handleUnsetDialog = () => {\r\n    setIsOpen(false);\r\n    if (timeoutRef.current) {\r\n      clearTimeout(timeoutRef.current);\r\n      timeoutRef.current = null;\r\n    }\r\n    timeoutRef.current = setTimeout(() => {\r\n      setDialog(null);\r\n    }, 500);\r\n  };\r\n\r\n  const handleCancel = () => {\r\n    dialog?.onCancel?.();\r\n    handleUnsetDialog();\r\n  };\r\n\r\n  const handleConfirm = () => {\r\n    dialog?.onConfirm?.();\r\n    handleUnsetDialog();\r\n  };\r\n\r\n  return (\r\n    <DialogContext.Provider value={handleSetDialog}>\r\n      <>\r\n        {children}\r\n        {dialog && (\r\n          <Modal\r\n            isOpen={isOpen}\r\n            onOpenChange={handleUnsetDialog}\r\n            style={{\r\n              borderColor: semanticColors.light[dialog.color || \"danger\"][600],\r\n            }}\r\n            classNames={{\r\n              base: \"border-1\",\r\n            }}\r\n          >\r\n            <ModalContent>\r\n              <ModalHeader>{dialog.title}</ModalHeader>\r\n              <ModalBody>{dialog.description}</ModalBody>\r\n              <ModalFooter>\r\n                <div className=\"flex flex-row gap-2\">\r\n                  {(dialog.cancelable || dialog.onCancel) && (\r\n                    <Button onPress={handleCancel}>{dialog.cancelLabel ?? \"Cancel\"}</Button>\r\n                  )}\r\n                  <Button color={dialog.color} onPress={handleConfirm}>\r\n                    {dialog.confirmLabel ?? \"Confirm\"}\r\n                  </Button>\r\n                </div>\r\n              </ModalFooter>\r\n            </ModalContent>\r\n          </Modal>\r\n        )}\r\n      </>\r\n    </DialogContext.Provider>\r\n  );\r\n}\r\n"],"mappings":";;;;;;;AAuBA,MAAM,iBAAA,GAAA,MAAA,qBAAmE;AACvE,SAAQ,KAAK,oCAAoC;EACjD;AAEF,SAAgB,YAAY;CAC1B,MAAM,WAAA,GAAA,MAAA,YAAqB,cAAc;AACzC,KAAI,CAAC,QACH,OAAM,IAAI,MAAM,iDAAiD;AAEnE,QAAO;;AAGT,SAAgB,eAAe,EAAE,YAA2C;CAC1E,MAAM,CAAC,QAAQ,cAAA,GAAA,MAAA,UAAsB,MAAM;CAC3C,MAAM,CAAC,QAAQ,cAAA,GAAA,MAAA,UAA0C,KAAK;CAC9D,MAAM,cAAA,GAAA,MAAA,QAA0D,KAAK;CAErE,MAAM,mBAAmB,WAAwB;AAC/C,MAAI,WAAW,SAAS;AACtB,gBAAa,WAAW,QAAQ;AAChC,cAAW,UAAU;;AAEvB,YAAU,OAAO;AACjB,YAAU,KAAK;;CAGjB,MAAM,0BAA0B;AAC9B,YAAU,MAAM;AAChB,MAAI,WAAW,SAAS;AACtB,gBAAa,WAAW,QAAQ;AAChC,cAAW,UAAU;;AAEvB,aAAW,UAAU,iBAAiB;AACpC,aAAU,KAAK;KACd,IAAI;;CAGT,MAAM,qBAAqB;AACzB,UAAQ,YAAY;AACpB,qBAAmB;;CAGrB,MAAM,sBAAsB;AAC1B,UAAQ,aAAa;AACrB,qBAAmB;;AAGrB,QACE,iBAAA,GAAA,kBAAA,KAAC,cAAc,UAAf;EAAwB,OAAO;YAC7B,iBAAA,GAAA,kBAAA,MAAA,kBAAA,UAAA,EAAA,UAAA,CACG,UACA,UACC,iBAAA,GAAA,kBAAA,KAACA,cAAAA,OAAD;GACU;GACR,cAAc;GACd,OAAO,EACL,aAAaC,cAAAA,eAAe,MAAM,OAAO,SAAS,UAAU,MAC7D;GACD,YAAY,EACV,MAAM,YACP;aAED,iBAAA,GAAA,kBAAA,MAACC,cAAAA,cAAD,EAAA,UAAA;IACE,iBAAA,GAAA,kBAAA,KAACC,cAAAA,aAAD,EAAA,UAAc,OAAO,OAAoB,CAAA;IACzC,iBAAA,GAAA,kBAAA,KAACC,cAAAA,WAAD,EAAA,UAAY,OAAO,aAAwB,CAAA;IAC3C,iBAAA,GAAA,kBAAA,KAACC,cAAAA,aAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,MAAC,OAAD;KAAK,WAAU;eAAf,EACI,OAAO,cAAc,OAAO,aAC5B,iBAAA,GAAA,kBAAA,KAACC,cAAAA,QAAD;MAAQ,SAAS;gBAAe,OAAO,eAAe;MAAkB,CAAA,EAE1E,iBAAA,GAAA,kBAAA,KAACA,cAAAA,QAAD;MAAQ,OAAO,OAAO;MAAO,SAAS;gBACnC,OAAO,gBAAgB;MACjB,CAAA,CACL;QACM,CAAA;IACD,EAAA,CAAA;GACT,CAAA,CAET,EAAA,CAAA;EACoB,CAAA"}

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

@@ -0,0 +1,13 @@
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/ErrorFallback.d.ts
+declare function ErrorFallback({
+  error,
+  componentStack
+}: {
+  error: unknown;
+  componentStack: string;
+}): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { ErrorFallback };
+//# sourceMappingURL=ErrorFallback.d.ts.map

package/dist/src/components/ErrorFallback.js

@@ -0,0 +1,32 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../../_virtual/_rolldown/runtime.js");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/ErrorFallback.tsx
+function ErrorFallback({ error, componentStack }) {
+	const errorMessage = error instanceof Error ? error.message : "Unknown error";
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "flex flex-grow-1 flex-col items-center justify-center h-[100vh]",
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h1", {
+				className: "text-3xl font-bold",
+				children: "Something went wrong."
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h1", {
+				className: "text-2xl text-gray-700 font-bold mb-5",
+				children: "Please try again later."
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "text-lg text-gray-700 mb-5",
+				children: errorMessage
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "text-sm text-gray-500 px-10",
+				children: componentStack
+			})
+		]
+	});
+}
+//#endregion
+exports.ErrorFallback = ErrorFallback;
+
+//# sourceMappingURL=ErrorFallback.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorFallback.js","names":[],"sources":["../../../src/components/ErrorFallback.tsx"],"sourcesContent":["export function ErrorFallback({\r\n  error,\r\n  componentStack,\r\n}: {\r\n  error: unknown;\r\n  componentStack: string;\r\n}) {\r\n  const errorMessage = error instanceof Error ? error.message : \"Unknown error\";\r\n  return (\r\n    <div className=\"flex flex-grow-1 flex-col items-center justify-center h-[100vh]\">\r\n      <h1 className=\"text-3xl font-bold\">Something went wrong.</h1>\r\n      <h1 className=\"text-2xl text-gray-700 font-bold mb-5\">Please try again later.</h1>\r\n      <div className=\"text-lg text-gray-700 mb-5\">{errorMessage}</div>\r\n      <div className=\"text-sm text-gray-500 px-10\">{componentStack}</div>\r\n    </div>\r\n  );\r\n}\r\n"],"mappings":";;;;AAAA,SAAgB,cAAc,EAC5B,OACA,kBAIC;CACD,MAAM,eAAe,iBAAiB,QAAQ,MAAM,UAAU;AAC9D,QACE,iBAAA,GAAA,kBAAA,MAAC,OAAD;EAAK,WAAU;YAAf;GACE,iBAAA,GAAA,kBAAA,KAAC,MAAD;IAAI,WAAU;cAAqB;IAA0B,CAAA;GAC7D,iBAAA,GAAA,kBAAA,KAAC,MAAD;IAAI,WAAU;cAAwC;IAA4B,CAAA;GAClF,iBAAA,GAAA,kBAAA,KAAC,OAAD;IAAK,WAAU;cAA8B;IAAmB,CAAA;GAChE,iBAAA,GAAA,kBAAA,KAAC,OAAD;IAAK,WAAU;cAA+B;IAAqB,CAAA;GAC/D"}

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

@@ -0,0 +1,14 @@
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/FileDropzone.d.ts
+interface FileDropzoneProps {
+  onUploadComplete?: (filePath: string) => void;
+  className?: string;
+}
+declare function FileDropzone({
+  onUploadComplete,
+  className
+}: FileDropzoneProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { FileDropzone };
+//# sourceMappingURL=FileDropzone.d.ts.map

package/dist/src/components/FileDropzone.js

@@ -0,0 +1,103 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../../_virtual/_rolldown/runtime.js");
+const require_src_lib_utils = require("../lib/utils.js");
+const require_src_components_ui_button = require("./ui/button.js");
+const require_src_components_ui_progress = require("./ui/progress.js");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let lucide_react = require("lucide-react");
+let react_dropzone = require("react-dropzone");
+//#region src/components/FileDropzone.tsx
+function FileDropzone({ onUploadComplete, className }) {
+	const [uploadProgress, setUploadProgress] = (0, react.useState)(0);
+	const [selectedFile, setSelectedFile] = (0, react.useState)(null);
+	const [isUploading, setIsUploading] = (0, react.useState)(false);
+	const { getRootProps, getInputProps, isDragActive } = (0, react_dropzone.useDropzone)({
+		onDrop: (0, react.useCallback)((acceptedFiles) => {
+			if (acceptedFiles.length > 0) setSelectedFile(acceptedFiles[0]);
+		}, []),
+		accept: {
+			"image/jpeg": [],
+			"image/png": [],
+			"image/webp": [],
+			"image/jpg": []
+		},
+		maxFiles: 1
+	});
+	const uploadFile = async () => {
+		if (!selectedFile) return;
+		setIsUploading(true);
+		setUploadProgress(0);
+		const formData = new FormData();
+		formData.append("file", selectedFile);
+		try {
+			const response = await fetch("/api/upload/image", {
+				method: "POST",
+				body: formData
+			});
+			if (!response.ok) throw new Error(`HTTP error! status: ${response.status}`);
+			const data = await response.json();
+			onUploadComplete?.(data.filePath);
+			setSelectedFile(null);
+			setUploadProgress(0);
+		} catch (error) {
+			console.error("Upload error:", error);
+		} finally {
+			setIsUploading(false);
+		}
+	};
+	const removeFile = () => {
+		setSelectedFile(null);
+		setUploadProgress(0);
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: require_src_lib_utils.cn("w-full max-w-xl", className),
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			...getRootProps(),
+			className: require_src_lib_utils.cn("border-2 border-dashed rounded-lg p-6 cursor-pointer transition-colors", isDragActive ? "border-primary bg-primary/5" : "border-gray-300 hover:border-primary", selectedFile && "border-primary"),
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", { ...getInputProps() }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "flex flex-col items-center justify-center space-y-2 text-center",
+				children: selectedFile ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.File, { className: "h-8 w-8 text-primary" }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "flex items-center gap-2",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: "text-sm text-gray-600",
+						children: selectedFile.name
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						onClick: (e) => {
+							e.stopPropagation();
+							removeFile();
+						},
+						className: "p-1 hover:bg-gray-100 rounded-full",
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.X, { className: "h-4 w-4 text-gray-500" })
+					})]
+				})] }) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Upload, { className: "h-8 w-8 text-gray-400" }),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: "text-sm text-gray-600",
+						children: "Drag & drop an image here, or click to select"
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: "text-xs text-gray-500",
+						children: "Supports JPG, PNG, and WebP"
+					})
+				] })
+			})]
+		}), selectedFile && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: "mt-4 space-y-4",
+			children: [isUploading && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src_components_ui_progress.Progress, {
+				value: uploadProgress,
+				className: "h-2 w-full"
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src_components_ui_button.Button, {
+				onClick: uploadFile,
+				disabled: isUploading,
+				className: "w-full",
+				children: isUploading ? "Uploading..." : "Upload File"
+			})]
+		})]
+	});
+}
+//#endregion
+exports.FileDropzone = FileDropzone;
+
+//# sourceMappingURL=FileDropzone.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FileDropzone.js","names":["cn","File","X","Upload","Progress","Button"],"sources":["../../../src/components/FileDropzone.tsx"],"sourcesContent":["import { File, Upload, X } from \"lucide-react\";\r\nimport { useCallback, useState } from \"react\";\r\nimport { useDropzone } from \"react-dropzone\";\r\nimport { Button } from \"./ui/button\";\r\nimport { Progress } from \"./ui/progress\";\r\nimport { cn } from \"../lib/utils\";\r\n\r\ninterface FileDropzoneProps {\r\n  onUploadComplete?: (filePath: string) => void;\r\n  className?: string;\r\n}\r\n\r\nexport function FileDropzone({ onUploadComplete, className }: FileDropzoneProps) {\r\n  const [uploadProgress, setUploadProgress] = useState(0);\r\n  const [selectedFile, setSelectedFile] = useState<File | null>(null);\r\n  const [isUploading, setIsUploading] = useState(false);\r\n\r\n  const onDrop = useCallback((acceptedFiles: File[]) => {\r\n    if (acceptedFiles.length > 0) {\r\n      setSelectedFile(acceptedFiles[0]);\r\n    }\r\n  }, []);\r\n\r\n  const { getRootProps, getInputProps, isDragActive } = useDropzone({\r\n    onDrop,\r\n    accept: {\r\n      \"image/jpeg\": [],\r\n      \"image/png\": [],\r\n      \"image/webp\": [],\r\n      \"image/jpg\": [],\r\n    },\r\n    maxFiles: 1,\r\n  });\r\n\r\n  const uploadFile = async () => {\r\n    if (!selectedFile) return;\r\n\r\n    setIsUploading(true);\r\n    setUploadProgress(0);\r\n\r\n    const formData = new FormData();\r\n    formData.append(\"file\", selectedFile);\r\n\r\n    try {\r\n      const response = await fetch(\"/api/upload/image\", {\r\n        method: \"POST\",\r\n        body: formData,\r\n        // Note: Content-Type is automatically set for FormData\r\n      });\r\n\r\n      if (!response.ok) {\r\n        throw new Error(`HTTP error! status: ${response.status}`);\r\n      }\r\n\r\n      const data = await response.json();\r\n      onUploadComplete?.(data.filePath);\r\n      setSelectedFile(null);\r\n      setUploadProgress(0);\r\n    } catch (error) {\r\n      console.error(\"Upload error:\", error);\r\n    } finally {\r\n      setIsUploading(false);\r\n    }\r\n  };\r\n\r\n  const removeFile = () => {\r\n    setSelectedFile(null);\r\n    setUploadProgress(0);\r\n  };\r\n\r\n  return (\r\n    <div className={cn(\"w-full max-w-xl\", className)}>\r\n      <div\r\n        {...getRootProps()}\r\n        className={cn(\r\n          \"border-2 border-dashed rounded-lg p-6 cursor-pointer transition-colors\",\r\n          isDragActive ? \"border-primary bg-primary/5\" : \"border-gray-300 hover:border-primary\",\r\n          selectedFile && \"border-primary\"\r\n        )}\r\n      >\r\n        <input {...getInputProps()} />\r\n        <div className=\"flex flex-col items-center justify-center space-y-2 text-center\">\r\n          {selectedFile ? (\r\n            <>\r\n              <File className=\"h-8 w-8 text-primary\" />\r\n              <div className=\"flex items-center gap-2\">\r\n                <span className=\"text-sm text-gray-600\">{selectedFile.name}</span>\r\n                <button\r\n                  type=\"button\"\r\n                  onClick={(e) => {\r\n                    e.stopPropagation();\r\n                    removeFile();\r\n                  }}\r\n                  className=\"p-1 hover:bg-gray-100 rounded-full\"\r\n                >\r\n                  <X className=\"h-4 w-4 text-gray-500\" />\r\n                </button>\r\n              </div>\r\n            </>\r\n          ) : (\r\n            <>\r\n              <Upload className=\"h-8 w-8 text-gray-400\" />\r\n              <p className=\"text-sm text-gray-600\">Drag & drop an image here, or click to select</p>\r\n              <p className=\"text-xs text-gray-500\">Supports JPG, PNG, and WebP</p>\r\n            </>\r\n          )}\r\n        </div>\r\n      </div>\r\n\r\n      {selectedFile && (\r\n        <div className=\"mt-4 space-y-4\">\r\n          {isUploading && <Progress value={uploadProgress} className=\"h-2 w-full\" />}\r\n          <Button onClick={uploadFile} disabled={isUploading} className=\"w-full\">\r\n            {isUploading ? \"Uploading...\" : \"Upload File\"}\r\n          </Button>\r\n        </div>\r\n      )}\r\n    </div>\r\n  );\r\n}\r\n"],"mappings":"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"}

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

@@ -0,0 +1,29 @@
+import * as React$1 from "react";
+
+//#region src/components/MultiSelectDropdown.d.ts
+interface MultiSelectOption {
+  label: string;
+  icon?: React$1.ReactNode;
+  value: string;
+  group?: string;
+}
+interface MultiSelectDropdownProps {
+  options: MultiSelectOption[];
+  selectedValues: string[];
+  onValueChange: (selectedValues: string[]) => void;
+  placeholder?: React$1.ReactNode;
+  label?: string;
+  className?: string;
+  triggerClassName?: string;
+  disabled?: boolean;
+  maxDisplayCount?: number;
+  multiSelectLabel?: string;
+  trigger?: React$1.ReactNode;
+  resetButton?: "bottom" | "top";
+  resetLabel?: React$1.ReactNode;
+  separateGroups?: boolean;
+}
+declare const MultiSelectDropdown: React$1.ForwardRefExoticComponent<MultiSelectDropdownProps & React$1.RefAttributes<HTMLButtonElement>>;
+//#endregion
+export { MultiSelectDropdown, type MultiSelectDropdownProps, type MultiSelectOption };
+//# sourceMappingURL=MultiSelectDropdown.d.ts.map

package/dist/src/components/MultiSelectDropdown.js

@@ -0,0 +1,106 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_runtime = require("../../_virtual/_rolldown/runtime.js");
+const require_src_lib_utils = require("../lib/utils.js");
+const require_src_components_ui_button = require("./ui/button.js");
+const require_src_components_ui_dropdown_menu = require("./ui/dropdown-menu.js");
+let react = require("react");
+react = require_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+let lucide_react = require("lucide-react");
+//#region src/components/MultiSelectDropdown.tsx
+const MultiSelectDropdown = react.forwardRef(({ options, selectedValues, onValueChange, placeholder = "Select items...", label, className, triggerClassName, trigger, multiSelectLabel, disabled = false, maxDisplayCount = 3, resetButton = "bottom", resetLabel = "Reset", separateGroups = false, ...props }, ref) => {
+	const handleValueChange = (value, checked) => {
+		if (checked) onValueChange([...selectedValues, value]);
+		else onValueChange(selectedValues.filter((v) => v !== value));
+	};
+	const handleReset = () => {
+		onValueChange([]);
+	};
+	const getDisplayText = () => {
+		if (selectedValues.length === 0) return placeholder;
+		const selectedLabels = options.filter((option) => selectedValues.includes(option.value)).map((option) => option.label);
+		if (multiSelectLabel && selectedLabels.length > 1) return multiSelectLabel;
+		if (selectedLabels.length <= maxDisplayCount) return selectedLabels.join(", ");
+		return `${selectedLabels.slice(0, maxDisplayCount).join(", ")} (+${selectedLabels.length - maxDisplayCount} more)`;
+	};
+	const groupedOptions = react.useMemo(() => {
+		const groups = {};
+		const ungrouped = [];
+		options.forEach((option) => {
+			if (option.group) {
+				if (!groups[option.group]) groups[option.group] = [];
+				groups[option.group].push(option);
+			} else ungrouped.push(option);
+		});
+		return {
+			groups,
+			ungrouped
+		};
+	}, [options]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: require_src_lib_utils.cn("w-full", className),
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src_components_ui_dropdown_menu.DropdownMenu, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src_components_ui_dropdown_menu.DropdownMenuTrigger, {
+			asChild: true,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src_components_ui_button.Button, {
+				ref,
+				variant: "outline",
+				className: require_src_lib_utils.cn("w-full justify-between text-left font-normal", selectedValues.length === 0 && "text-muted-foreground", triggerClassName),
+				disabled,
+				...props,
+				children: trigger || /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: "truncate",
+					children: getDisplayText()
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ChevronDown, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })] })
+			})
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src_components_ui_dropdown_menu.DropdownMenuContent, {
+			className: "w-full min-w-[var(--radix-dropdown-menu-trigger-width)]",
+			align: "start",
+			children: [
+				resetButton && resetButton === "top" && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src_components_ui_dropdown_menu.DropdownMenuItem, {
+					onClick: handleReset,
+					disabled: selectedValues.length === 0,
+					onSelect: (event) => event.preventDefault(),
+					className: "cursor-pointer text-muted-foreground hover:text-foreground",
+					children: resetLabel || /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.RotateCcw, { className: "mr-2 h-4 w-4" }), "Reset"] })
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src_components_ui_dropdown_menu.DropdownMenuSeparator, {})] }),
+				label && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src_components_ui_dropdown_menu.DropdownMenuLabel, { children: label }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src_components_ui_dropdown_menu.DropdownMenuSeparator, {})] }),
+				Object.entries(groupedOptions.groups).map(([groupName, groupOptions], groupIndex) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src_components_ui_dropdown_menu.DropdownMenuGroup, { children: [
+					groupIndex > 0 && separateGroups && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src_components_ui_dropdown_menu.DropdownMenuSeparator, {}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src_components_ui_dropdown_menu.DropdownMenuLabel, {
+						className: "text-xs font-semibold text-muted-foreground px-2 py-1.5",
+						children: groupName
+					}),
+					groupOptions.map((option) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src_components_ui_dropdown_menu.DropdownMenuCheckboxItem, {
+						checked: selectedValues.includes(option.value),
+						onCheckedChange: (checked) => handleValueChange(option.value, checked),
+						onSelect: (event) => event.preventDefault(),
+						className: "cursor-pointer",
+						children: [option.icon && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: "mr-2",
+							children: option.icon
+						}), option.label]
+					}, option.value))
+				] }, groupName)),
+				groupedOptions.ungrouped.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src_components_ui_dropdown_menu.DropdownMenuGroup, { children: [Object.keys(groupedOptions.groups).length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src_components_ui_dropdown_menu.DropdownMenuSeparator, {}), groupedOptions.ungrouped.map((option) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src_components_ui_dropdown_menu.DropdownMenuCheckboxItem, {
+					checked: selectedValues.includes(option.value),
+					onCheckedChange: (checked) => handleValueChange(option.value, checked),
+					onSelect: (event) => event.preventDefault(),
+					className: "cursor-pointer",
+					children: option.label
+				}, option.value))] }),
+				resetButton && resetButton === "bottom" && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src_components_ui_dropdown_menu.DropdownMenuSeparator, {}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src_components_ui_dropdown_menu.DropdownMenuItem, {
+					onClick: handleReset,
+					disabled: selectedValues.length === 0,
+					onSelect: (event) => event.preventDefault(),
+					className: "cursor-pointer text-muted-foreground hover:text-foreground",
+					children: resetLabel || /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.RotateCcw, { className: "mr-2 h-4 w-4" }), "Reset"] })
+				})] })
+			]
+		})] })
+	});
+});
+MultiSelectDropdown.displayName = "MultiSelectDropdown";
+//#endregion
+exports.MultiSelectDropdown = MultiSelectDropdown;
+
+//# sourceMappingURL=MultiSelectDropdown.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MultiSelectDropdown.js","names":["React","cn","DropdownMenu","DropdownMenuTrigger","Button","ChevronDown","DropdownMenuContent","DropdownMenuItem","RotateCcw","DropdownMenuSeparator","DropdownMenuLabel","DropdownMenuGroup","DropdownMenuCheckboxItem"],"sources":["../../../src/components/MultiSelectDropdown.tsx"],"sourcesContent":["import { ChevronDown, RotateCcw } from \"lucide-react\";\r\nimport * as React from \"react\";\r\n\r\nimport { Button } from \"./ui/button\";\r\nimport {\r\n  DropdownMenu,\r\n  DropdownMenuCheckboxItem,\r\n  DropdownMenuContent,\r\n  DropdownMenuGroup,\r\n  DropdownMenuItem,\r\n  DropdownMenuLabel,\r\n  DropdownMenuSeparator,\r\n  DropdownMenuTrigger,\r\n} from \"./ui/dropdown-menu\";\r\nimport { cn } from \"../lib/utils\";\r\n\r\ninterface MultiSelectOption {\r\n  label: string;\r\n  icon?: React.ReactNode;\r\n  value: string;\r\n  group?: string;\r\n}\r\n\r\ninterface MultiSelectDropdownProps {\r\n  options: MultiSelectOption[];\r\n  selectedValues: string[];\r\n  onValueChange: (selectedValues: string[]) => void;\r\n  placeholder?: React.ReactNode;\r\n  label?: string;\r\n  className?: string;\r\n  triggerClassName?: string;\r\n  disabled?: boolean;\r\n  maxDisplayCount?: number;\r\n  multiSelectLabel?: string;\r\n  trigger?: React.ReactNode;\r\n  resetButton?: \"bottom\" | \"top\";\r\n  resetLabel?: React.ReactNode;\r\n  separateGroups?: boolean;\r\n}\r\n\r\nconst MultiSelectDropdown = React.forwardRef<\r\n  React.ElementRef<typeof DropdownMenuTrigger>,\r\n  MultiSelectDropdownProps\r\n>(\r\n  (\r\n    {\r\n      options,\r\n      selectedValues,\r\n      onValueChange,\r\n      placeholder = \"Select items...\",\r\n      label,\r\n      className,\r\n      triggerClassName,\r\n      trigger,\r\n      multiSelectLabel,\r\n      disabled = false,\r\n      maxDisplayCount = 3,\r\n      resetButton = \"bottom\",\r\n      resetLabel = \"Reset\",\r\n      separateGroups = false,\r\n      ...props\r\n    },\r\n    ref\r\n  ) => {\r\n    const handleValueChange = (value: string, checked: boolean) => {\r\n      if (checked) {\r\n        onValueChange([...selectedValues, value]);\r\n      } else {\r\n        onValueChange(selectedValues.filter((v) => v !== value));\r\n      }\r\n    };\r\n\r\n    const handleReset = () => {\r\n      onValueChange([]);\r\n    };\r\n\r\n    const getDisplayText = () => {\r\n      if (selectedValues.length === 0) {\r\n        return placeholder;\r\n      }\r\n\r\n      const selectedLabels = options\r\n        .filter((option) => selectedValues.includes(option.value))\r\n        .map((option) => option.label);\r\n\r\n      if (multiSelectLabel && selectedLabels.length > 1) {\r\n        return multiSelectLabel;\r\n      }\r\n\r\n      if (selectedLabels.length <= maxDisplayCount) {\r\n        return selectedLabels.join(\", \");\r\n      }\r\n\r\n      return `${selectedLabels.slice(0, maxDisplayCount).join(\", \")} (+${\r\n        selectedLabels.length - maxDisplayCount\r\n      } more)`;\r\n    };\r\n\r\n    const groupedOptions = React.useMemo(() => {\r\n      const groups: Record<string, MultiSelectOption[]> = {};\r\n      const ungrouped: MultiSelectOption[] = [];\r\n\r\n      options.forEach((option) => {\r\n        if (option.group) {\r\n          if (!groups[option.group]) {\r\n            groups[option.group] = [];\r\n          }\r\n          groups[option.group].push(option);\r\n        } else {\r\n          ungrouped.push(option);\r\n        }\r\n      });\r\n\r\n      return { groups, ungrouped };\r\n    }, [options]);\r\n\r\n    return (\r\n      <div className={cn(\"w-full\", className)}>\r\n        <DropdownMenu>\r\n          <DropdownMenuTrigger asChild>\r\n            <Button\r\n              ref={ref}\r\n              variant=\"outline\"\r\n              className={cn(\r\n                \"w-full justify-between text-left font-normal\",\r\n                selectedValues.length === 0 && \"text-muted-foreground\",\r\n                triggerClassName\r\n              )}\r\n              disabled={disabled}\r\n              {...props}\r\n            >\r\n              {trigger || (\r\n                <>\r\n                  <span className=\"truncate\">{getDisplayText()}</span>\r\n                  <ChevronDown className=\"ml-2 h-4 w-4 shrink-0 opacity-50\" />\r\n                </>\r\n              )}\r\n            </Button>\r\n          </DropdownMenuTrigger>\r\n\r\n          <DropdownMenuContent\r\n            className=\"w-full min-w-[var(--radix-dropdown-menu-trigger-width)]\"\r\n            align=\"start\"\r\n          >\r\n            {resetButton && resetButton === \"top\" && (\r\n              <>\r\n                <DropdownMenuItem\r\n                  onClick={handleReset}\r\n                  disabled={selectedValues.length === 0}\r\n                  onSelect={(event) => event.preventDefault()}\r\n                  className=\"cursor-pointer text-muted-foreground hover:text-foreground\"\r\n                >\r\n                  {resetLabel || (\r\n                    <>\r\n                      <RotateCcw className=\"mr-2 h-4 w-4\" />\r\n                      Reset\r\n                    </>\r\n                  )}\r\n                </DropdownMenuItem>\r\n                <DropdownMenuSeparator />\r\n              </>\r\n            )}\r\n            {label && (\r\n              <>\r\n                <DropdownMenuLabel>{label}</DropdownMenuLabel>\r\n                <DropdownMenuSeparator />\r\n              </>\r\n            )}\r\n            {Object.entries(groupedOptions.groups).map(([groupName, groupOptions], groupIndex) => (\r\n              <DropdownMenuGroup key={groupName}>\r\n                {groupIndex > 0 && separateGroups && <DropdownMenuSeparator />}\r\n                <DropdownMenuLabel className=\"text-xs font-semibold text-muted-foreground px-2 py-1.5\">\r\n                  {groupName}\r\n                </DropdownMenuLabel>\r\n                {groupOptions.map((option) => (\r\n                  <DropdownMenuCheckboxItem\r\n                    key={option.value}\r\n                    checked={selectedValues.includes(option.value)}\r\n                    onCheckedChange={(checked) => handleValueChange(option.value, checked)}\r\n                    onSelect={(event) => event.preventDefault()}\r\n                    className=\"cursor-pointer\"\r\n                  >\r\n                    {option.icon && <span className=\"mr-2\">{option.icon}</span>}\r\n                    {option.label}\r\n                  </DropdownMenuCheckboxItem>\r\n                ))}\r\n              </DropdownMenuGroup>\r\n            ))}\r\n            {groupedOptions.ungrouped.length > 0 && (\r\n              <DropdownMenuGroup>\r\n                {Object.keys(groupedOptions.groups).length > 0 && <DropdownMenuSeparator />}\r\n                {groupedOptions.ungrouped.map((option) => (\r\n                  <DropdownMenuCheckboxItem\r\n                    key={option.value}\r\n                    checked={selectedValues.includes(option.value)}\r\n                    onCheckedChange={(checked) => handleValueChange(option.value, checked)}\r\n                    onSelect={(event) => event.preventDefault()}\r\n                    className=\"cursor-pointer\"\r\n                  >\r\n                    {option.label}\r\n                  </DropdownMenuCheckboxItem>\r\n                ))}\r\n              </DropdownMenuGroup>\r\n            )}\r\n            {resetButton && resetButton === \"bottom\" && (\r\n              <>\r\n                <DropdownMenuSeparator />\r\n                <DropdownMenuItem\r\n                  onClick={handleReset}\r\n                  disabled={selectedValues.length === 0}\r\n                  onSelect={(event) => event.preventDefault()}\r\n                  className=\"cursor-pointer text-muted-foreground hover:text-foreground\"\r\n                >\r\n                  {resetLabel || (\r\n                    <>\r\n                      <RotateCcw className=\"mr-2 h-4 w-4\" />\r\n                      Reset\r\n                    </>\r\n                  )}\r\n                </DropdownMenuItem>\r\n              </>\r\n            )}\r\n          </DropdownMenuContent>\r\n        </DropdownMenu>\r\n      </div>\r\n    );\r\n  }\r\n);\r\n\r\nMultiSelectDropdown.displayName = \"MultiSelectDropdown\";\r\n\r\nexport { MultiSelectDropdown };\r\nexport type { MultiSelectOption, MultiSelectDropdownProps };\r\n"],"mappings":"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"}

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

@@ -0,0 +1,16 @@
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/Orb.d.ts
+declare function Orb({
+  hue,
+  hoverIntensity,
+  rotateOnHover,
+  forceHoverState
+}: {
+  hue?: number | undefined;
+  hoverIntensity?: number | undefined;
+  rotateOnHover?: boolean | undefined;
+  forceHoverState?: boolean | undefined;
+}): _$react_jsx_runtime0.JSX.Element;
+export = Orb;
+//# sourceMappingURL=Orb.d.ts.map