@m5kdev/web-ui 0.8.11 → 0.9.1

package/dist/packages/backend/dist/src/modules/base/base.procedure.d.mts

@@ -14,6 +14,8 @@ type ServiceProcedureContext = {
 } & Record<string, unknown>;
 type ServiceProcedureState = Record<string, unknown>;
 type ServiceProcedureStoredValue<T> = [T] extends [undefined] ? undefined : Awaited<T>;
+/** Value stored in procedure state after `loadResource` (loader may return null/undefined; state is narrowed). */
+type ServiceProcedureLoadedResource<TOutput> = NonNullable<ServiceProcedureStoredValue<TOutput>>;
 type ServiceProcedureResultLike<T> = T | ServerResult<T> | Promise<T | ServerResult<T>>;
 type ServiceProcedureContextFilterScope = ActorScope;
 type ServiceProcedureContextFilteredInput<TInput> = Extract<NonNullable<TInput>, QueryInput>;
@@ -35,6 +37,14 @@ type ServiceProcedureInputMapper<TInput, TCtx extends ServiceProcedureContext, R
 type ServiceProcedureHandler<TInput, TCtx extends ServiceProcedureContext, Repositories extends RepositoryMap, Services extends ServiceMap, State extends ServiceProcedureState, TOutput> = (args: ServiceProcedureArgs<TInput, TCtx, Repositories, Services, State>) => ServiceProcedureResultLike<TOutput>;
 interface ServiceProcedureBuilder<TInput, TCtx extends ServiceProcedureContext, Repositories extends RepositoryMap, Services extends ServiceMap, State extends ServiceProcedureState = Record<string, never>> {
   use<StepName extends string, TOutput = void>(stepName: StepName, step: ServiceProcedureStep<TInput, TCtx, Repositories, Services, State, TOutput>): ServiceProcedureBuilder<TInput, TCtx, Repositories, Services, State & Record<StepName, ServiceProcedureStoredValue<TOutput>>>;
+  /**
+   * Loads a value from a `ServerResult` (or plain value) and stores it under `stepName`.
+   * Propagates `Err`; if the resolved value is falsy, returns `NOT_FOUND`.
+   * For valid numeric `0` or empty string, use `.use()` instead of this helper.
+   */
+  loadResource<StepName extends string, TOutput>(stepName: StepName, step: ServiceProcedureStep<TInput, TCtx, Repositories, Services, State, TOutput>, options?: {
+    notFoundMessage?: string;
+  }): ServiceProcedureBuilder<TInput, TCtx, Repositories, Services, State & Record<StepName, ServiceProcedureLoadedResource<TOutput>>>;
   mapInput<StepName extends string, TNextInput>(stepName: StepName, step: ServiceProcedureInputMapper<TInput, TCtx, Repositories, Services, State, TNextInput>): ServiceProcedureBuilder<ServiceProcedureStoredValue<TNextInput>, TCtx, Repositories, Services, State & Record<StepName, ServiceProcedureStoredValue<TNextInput>>>;
   addContextFilter<TInclude extends readonly ServiceProcedureContextFilterScope[] | undefined = undefined>(include?: TInclude): ServiceProcedureBuilder<ServiceProcedureContextFilteredInput<TInput>, TCtx & ServiceProcedureAuthContext<ServiceProcedureRequiredScopeFromFilter<TInclude>>, Repositories, Services, State & {
     contextFilter: ServiceProcedureContextFilteredInput<TInput>;
@@ -43,5 +53,5 @@ interface ServiceProcedureBuilder<TInput, TCtx extends ServiceProcedureContext,
   handle<TOutput>(handler: ServiceProcedureHandler<TInput, TCtx, Repositories, Services, State, TOutput>): ServiceProcedure<TInput, TCtx, TOutput>;
 }
 //#endregion
-export { ServiceProcedure, ServiceProcedureArgs, ServiceProcedureBuilder, ServiceProcedureContext, ServiceProcedureContextFilterScope, ServiceProcedureContextFilteredInput, ServiceProcedureInputMapper };
+export { ServiceProcedure, ServiceProcedureArgs, ServiceProcedureBuilder, ServiceProcedureContext, ServiceProcedureContextFilterScope, ServiceProcedureContextFilteredInput, ServiceProcedureInputMapper, ServiceProcedureLoadedResource };
 //# sourceMappingURL=base.procedure.d.mts.map

package/dist/packages/backend/dist/src/modules/base/base.procedure.d.ts

@@ -14,6 +14,8 @@ type ServiceProcedureContext = {
 } & Record<string, unknown>;
 type ServiceProcedureState = Record<string, unknown>;
 type ServiceProcedureStoredValue<T> = [T] extends [undefined] ? undefined : Awaited<T>;
+/** Value stored in procedure state after `loadResource` (loader may return null/undefined; state is narrowed). */
+type ServiceProcedureLoadedResource<TOutput> = NonNullable<ServiceProcedureStoredValue<TOutput>>;
 type ServiceProcedureResultLike<T> = T | ServerResult<T> | Promise<T | ServerResult<T>>;
 type ServiceProcedureContextFilterScope = ActorScope;
 type ServiceProcedureContextFilteredInput<TInput> = Extract<NonNullable<TInput>, QueryInput>;
@@ -35,6 +37,14 @@ type ServiceProcedureInputMapper<TInput, TCtx extends ServiceProcedureContext, R
 type ServiceProcedureHandler<TInput, TCtx extends ServiceProcedureContext, Repositories extends RepositoryMap, Services extends ServiceMap, State extends ServiceProcedureState, TOutput> = (args: ServiceProcedureArgs<TInput, TCtx, Repositories, Services, State>) => ServiceProcedureResultLike<TOutput>;
 interface ServiceProcedureBuilder<TInput, TCtx extends ServiceProcedureContext, Repositories extends RepositoryMap, Services extends ServiceMap, State extends ServiceProcedureState = Record<string, never>> {
   use<StepName extends string, TOutput = void>(stepName: StepName, step: ServiceProcedureStep<TInput, TCtx, Repositories, Services, State, TOutput>): ServiceProcedureBuilder<TInput, TCtx, Repositories, Services, State & Record<StepName, ServiceProcedureStoredValue<TOutput>>>;
+  /**
+   * Loads a value from a `ServerResult` (or plain value) and stores it under `stepName`.
+   * Propagates `Err`; if the resolved value is falsy, returns `NOT_FOUND`.
+   * For valid numeric `0` or empty string, use `.use()` instead of this helper.
+   */
+  loadResource<StepName extends string, TOutput>(stepName: StepName, step: ServiceProcedureStep<TInput, TCtx, Repositories, Services, State, TOutput>, options?: {
+    notFoundMessage?: string;
+  }): ServiceProcedureBuilder<TInput, TCtx, Repositories, Services, State & Record<StepName, ServiceProcedureLoadedResource<TOutput>>>;
   mapInput<StepName extends string, TNextInput>(stepName: StepName, step: ServiceProcedureInputMapper<TInput, TCtx, Repositories, Services, State, TNextInput>): ServiceProcedureBuilder<ServiceProcedureStoredValue<TNextInput>, TCtx, Repositories, Services, State & Record<StepName, ServiceProcedureStoredValue<TNextInput>>>;
   addContextFilter<TInclude extends readonly ServiceProcedureContextFilterScope[] | undefined = undefined>(include?: TInclude): ServiceProcedureBuilder<ServiceProcedureContextFilteredInput<TInput>, TCtx & ServiceProcedureAuthContext<ServiceProcedureRequiredScopeFromFilter<TInclude>>, Repositories, Services, State & {
     contextFilter: ServiceProcedureContextFilteredInput<TInput>;
@@ -43,5 +53,5 @@ interface ServiceProcedureBuilder<TInput, TCtx extends ServiceProcedureContext,
   handle<TOutput>(handler: ServiceProcedureHandler<TInput, TCtx, Repositories, Services, State, TOutput>): ServiceProcedure<TInput, TCtx, TOutput>;
 }
 //#endregion
-export { ServiceProcedure, ServiceProcedureArgs, ServiceProcedureBuilder, ServiceProcedureContext, ServiceProcedureContextFilterScope, ServiceProcedureContextFilteredInput, ServiceProcedureInputMapper };
+export { ServiceProcedure, ServiceProcedureArgs, ServiceProcedureBuilder, ServiceProcedureContext, ServiceProcedureContextFilterScope, ServiceProcedureContextFilteredInput, ServiceProcedureInputMapper, ServiceProcedureLoadedResource };
 //# sourceMappingURL=base.procedure.d.ts.map

package/dist/packages/backend/dist/src/modules/base/base.service.d.mts

@@ -1,6 +1,6 @@
 import { Base } from "./base.abstract.mjs";
 import { AuthenticatedActor } from "./base.actor.mjs";
-import { ServiceProcedure, ServiceProcedureArgs, ServiceProcedureBuilder, ServiceProcedureContext, ServiceProcedureContextFilterScope, ServiceProcedureContextFilteredInput, ServiceProcedureInputMapper } from "./base.procedure.mjs";
+import { ServiceProcedure, ServiceProcedureArgs, ServiceProcedureBuilder, ServiceProcedureContext, ServiceProcedureContextFilterScope, ServiceProcedureContextFilteredInput, ServiceProcedureInputMapper, ServiceProcedureLoadedResource } from "./base.procedure.mjs";
 import { QueryFilter, QueryInput } from "@m5kdev/commons/modules/schemas/query.schema";
 
 //#region ../backend/dist/src/modules/base/base.service.d.mts

package/dist/packages/backend/dist/src/modules/base/base.service.d.ts

@@ -1,6 +1,6 @@
 import { Base } from "./base.abstract.js";
 import { AuthenticatedActor } from "./base.actor.js";
-import { ServiceProcedure, ServiceProcedureArgs, ServiceProcedureBuilder, ServiceProcedureContext, ServiceProcedureContextFilterScope, ServiceProcedureContextFilteredInput, ServiceProcedureInputMapper } from "./base.procedure.js";
+import { ServiceProcedure, ServiceProcedureArgs, ServiceProcedureBuilder, ServiceProcedureContext, ServiceProcedureContextFilterScope, ServiceProcedureContextFilteredInput, ServiceProcedureInputMapper, ServiceProcedureLoadedResource } from "./base.procedure.js";
 import { QueryFilter, QueryInput } from "@m5kdev/commons/modules/schemas/query.schema";
 
 //#region ../backend/dist/src/modules/base/base.service.d.mts

package/dist/src/components/AvatarUpload.js

@@ -4,8 +4,8 @@ const require_src_lib_utils = require("../lib/utils.js");
 const require_src_components_CropDialog = require("./CropDialog.js");
 const require_src_components_ui_avatar = require("./ui/avatar.js");
 const require_src_components_ui_progress = require("./ui/progress.js");
-let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
+let react = require("react");
 let _m5kdev_frontend_modules_file_hooks_useUpload = require("@m5kdev/frontend/modules/file/hooks/useUpload");
 let lucide_react = require("lucide-react");
 let react_i18next = require("react-i18next");

package/dist/src/components/AvatarUpload.mjs

@@ -2,8 +2,8 @@ import { cn } from "../lib/utils.mjs";
 import { CropDialog } from "./CropDialog.mjs";
 import { Avatar, AvatarFallback, AvatarImage } from "./ui/avatar.mjs";
 import { Progress } from "./ui/progress.mjs";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 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 { useTranslation } from "react-i18next";
@@ -58,7 +58,7 @@ function AvatarUpload({ currentAvatarUrl, onUploadComplete, className }) {
 		reset();
 		if (fileInputRef.current) fileInputRef.current.value = "";
 	};
-	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsxs("div", {
+	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs("div", {
 		role: "dialog",
 		className: cn("relative inline-block", className),
 		onMouseEnter: () => setIsHovered(true),

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

@@ -1 +1 @@
-{"version":3,"file":"AvatarUpload.mjs","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"}
+{"version":3,"file":"AvatarUpload.mjs","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,UAAA,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/Calendar.d.mts

@@ -1,5 +1,5 @@
-import React from "react";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import React from "react";
 import { CalendarProps } from "react-big-calendar";
 //#region src/components/Calendar.d.ts
 type CalendarComponents = NonNullable<CalendarProps["components"]>;

package/dist/src/components/CardsSelect.js

@@ -2,9 +2,9 @@ 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_card = require("./ui/card.js");
+let react_jsx_runtime = require("react/jsx-runtime");
 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/CardsSelect.tsx
 const CardsSelect = react.forwardRef(({ items, selectedIds, onSelectionChange, maxSelections, className, cardClassName, showCheckbox = true, disabled = false, reversed = false, ...props }, ref) => {

package/dist/src/components/CardsSelect.mjs

@@ -1,7 +1,7 @@
 import { cn } from "../lib/utils.mjs";
 import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "./ui/card.mjs";
-import * as React$1 from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import * as React$1 from "react";
 import { Check, Edit } from "lucide-react";
 //#region src/components/CardsSelect.tsx
 const CardsSelect = React$1.forwardRef(({ items, selectedIds, onSelectionChange, maxSelections, className, cardClassName, showCheckbox = true, disabled = false, reversed = false, ...props }, ref) => {

package/dist/src/components/CollapsibleSidebarMenuItem.d.mts

@@ -1,5 +1,5 @@
-import { ReactNode } from "react";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import { ReactNode } from "react";
 import { CollapsibleProps } from "@radix-ui/react-collapsible";
 
 //#region src/components/CollapsibleSidebarMenuItem.d.ts

package/dist/src/components/ColorPicker.d.mts

@@ -1,5 +1,5 @@
-import { InputProps } from "@heroui/react";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import { InputProps } from "@heroui/react";
 
 //#region src/components/ColorPicker.d.ts
 declare function ColorPicker({

package/dist/src/components/ColorPicker.js

@@ -1,8 +1,8 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_runtime = require("../../_virtual/_rolldown/runtime.js");
+let react_jsx_runtime = require("react/jsx-runtime");
 let react = require("react");
 let _heroui_react = require("@heroui/react");
-let react_jsx_runtime = require("react/jsx-runtime");
 let lucide_react = require("lucide-react");
 let _uiw_color_convert = require("@uiw/color-convert");
 let _uiw_react_color_colorful = require("@uiw/react-color-colorful");

package/dist/src/components/ColorPicker.mjs

@@ -1,6 +1,6 @@
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
 import { Button, Input, Popover, PopoverContent, PopoverTrigger } from "@heroui/react";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { PipetteIcon } from "lucide-react";
 import { hexToHsva } from "@uiw/color-convert";
 import Colorful from "@uiw/react-color-colorful";

package/dist/src/components/CopyButton.d.mts

@@ -1,5 +1,5 @@
-import { ButtonProps } from "@heroui/react";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import { ButtonProps } from "@heroui/react";
 
 //#region src/components/CopyButton.d.ts
 declare function CopyButton({

package/dist/src/components/CopyButton.js

@@ -1,8 +1,8 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 require("../../_virtual/_rolldown/runtime.js");
+let react_jsx_runtime = require("react/jsx-runtime");
 let react = require("react");
 let _heroui_react = require("@heroui/react");
-let react_jsx_runtime = require("react/jsx-runtime");
 let lucide_react = require("lucide-react");
 let react_i18next = require("react-i18next");
 let sonner = require("sonner");

package/dist/src/components/CopyButton.mjs

@@ -1,6 +1,6 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
 import { Button } from "@heroui/react";
-import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { CheckCircle, Copy } from "lucide-react";
 import { useTranslation } from "react-i18next";
 import { toast } from "sonner";
@@ -24,7 +24,7 @@ function CopyButton({ text, notificationTimeout = 1e3, isIconOnly, onCopy, ...pr
 		isIconOnly,
 		onPress: () => handleCopy(text),
 		...props,
-		children: isCopied ? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(CheckCircle, { className: "h-4 w-4" }), !isIconOnly && t("web-ui:common.copied")] }) : /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Copy, { className: "h-4 w-4" }), !isIconOnly && t("web-ui:common.copy")] })
+		children: isCopied ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(CheckCircle, { className: "h-4 w-4" }), !isIconOnly && t("web-ui:common.copied")] }) : /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Copy, { className: "h-4 w-4" }), !isIconOnly && t("web-ui:common.copy")] })
 	});
 }
 //#endregion

package/dist/src/components/CopyButton.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"CopyButton.mjs","names":[],"sources":["../../../src/components/CopyButton.tsx"],"sourcesContent":["import { Button, type ButtonProps } from \"@heroui/react\";\r\nimport { CheckCircle, Copy } from \"lucide-react\";\r\nimport { useState } from \"react\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { toast } from \"sonner\";\r\n\r\nexport function CopyButton({\r\n  text,\r\n  notificationTimeout = 1000,\r\n  isIconOnly,\r\n  onCopy,\r\n  ...props\r\n}: ButtonProps & { text: string; notificationTimeout?: number; onCopy?: () => void }) {\r\n  const { t } = useTranslation();\r\n  const [isCopied, setIsCopied] = useState(false);\r\n\r\n  const handleCopy = async (text: string) => {\r\n    try {\r\n      await window.navigator.clipboard.writeText(text);\r\n      setIsCopied(true);\r\n      onCopy?.();\r\n      toast.success(t(\"web-ui:common.copySuccess\"));\r\n      setTimeout(() => setIsCopied(false), notificationTimeout);\r\n    } catch (error) {\r\n      toast.error(t(\"web-ui:common.copyError\"));\r\n      console.error(error);\r\n    }\r\n  };\r\n\r\n  return (\r\n    <Button isIconOnly={isIconOnly} onPress={() => handleCopy(text)} {...props}>\r\n      {isCopied ? (\r\n        <>\r\n          <CheckCircle className=\"h-4 w-4\" />\r\n          {!isIconOnly && t(\"web-ui:common.copied\")}\r\n        </>\r\n      ) : (\r\n        <>\r\n          <Copy className=\"h-4 w-4\" />\r\n          {!isIconOnly && t(\"web-ui:common.copy\")}\r\n        </>\r\n      )}\r\n    </Button>\r\n  );\r\n}\r\n"],"mappings":";;;;;;;AAMA,SAAgB,WAAW,EACzB,MACA,sBAAsB,KACtB,YACA,QACA,GAAG,SACiF;CACpF,MAAM,EAAE,MAAM,gBAAgB;CAC9B,MAAM,CAAC,UAAU,eAAe,SAAS,MAAM;CAE/C,MAAM,aAAa,OAAO,SAAiB;AACzC,MAAI;AACF,SAAM,OAAO,UAAU,UAAU,UAAU,KAAK;AAChD,eAAY,KAAK;AACjB,aAAU;AACV,SAAM,QAAQ,EAAE,4BAA4B,CAAC;AAC7C,oBAAiB,YAAY,MAAM,EAAE,oBAAoB;WAClD,OAAO;AACd,SAAM,MAAM,EAAE,0BAA0B,CAAC;AACzC,WAAQ,MAAM,MAAM;;;AAIxB,QACE,oBAAC,QAAD;EAAoB;EAAY,eAAe,WAAW,KAAK;EAAE,GAAI;YAClE,WACC,qBAAA,YAAA,EAAA,UAAA,CACE,oBAAC,aAAD,EAAa,WAAU,WAAY,CAAA,EAClC,CAAC,cAAc,EAAE,uBAAuB,CACxC,EAAA,CAAA,GAEH,qBAAA,YAAA,EAAA,UAAA,CACE,oBAAC,MAAD,EAAM,WAAU,WAAY,CAAA,EAC3B,CAAC,cAAc,EAAE,qBAAqB,CACtC,EAAA,CAAA;EAEE,CAAA"}
+{"version":3,"file":"CopyButton.mjs","names":[],"sources":["../../../src/components/CopyButton.tsx"],"sourcesContent":["import { Button, type ButtonProps } from \"@heroui/react\";\r\nimport { CheckCircle, Copy } from \"lucide-react\";\r\nimport { useState } from \"react\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { toast } from \"sonner\";\r\n\r\nexport function CopyButton({\r\n  text,\r\n  notificationTimeout = 1000,\r\n  isIconOnly,\r\n  onCopy,\r\n  ...props\r\n}: ButtonProps & { text: string; notificationTimeout?: number; onCopy?: () => void }) {\r\n  const { t } = useTranslation();\r\n  const [isCopied, setIsCopied] = useState(false);\r\n\r\n  const handleCopy = async (text: string) => {\r\n    try {\r\n      await window.navigator.clipboard.writeText(text);\r\n      setIsCopied(true);\r\n      onCopy?.();\r\n      toast.success(t(\"web-ui:common.copySuccess\"));\r\n      setTimeout(() => setIsCopied(false), notificationTimeout);\r\n    } catch (error) {\r\n      toast.error(t(\"web-ui:common.copyError\"));\r\n      console.error(error);\r\n    }\r\n  };\r\n\r\n  return (\r\n    <Button isIconOnly={isIconOnly} onPress={() => handleCopy(text)} {...props}>\r\n      {isCopied ? (\r\n        <>\r\n          <CheckCircle className=\"h-4 w-4\" />\r\n          {!isIconOnly && t(\"web-ui:common.copied\")}\r\n        </>\r\n      ) : (\r\n        <>\r\n          <Copy className=\"h-4 w-4\" />\r\n          {!isIconOnly && t(\"web-ui:common.copy\")}\r\n        </>\r\n      )}\r\n    </Button>\r\n  );\r\n}\r\n"],"mappings":";;;;;;;AAMA,SAAgB,WAAW,EACzB,MACA,sBAAsB,KACtB,YACA,QACA,GAAG,SACiF;CACpF,MAAM,EAAE,MAAM,gBAAgB;CAC9B,MAAM,CAAC,UAAU,eAAe,SAAS,MAAM;CAE/C,MAAM,aAAa,OAAO,SAAiB;AACzC,MAAI;AACF,SAAM,OAAO,UAAU,UAAU,UAAU,KAAK;AAChD,eAAY,KAAK;AACjB,aAAU;AACV,SAAM,QAAQ,EAAE,4BAA4B,CAAC;AAC7C,oBAAiB,YAAY,MAAM,EAAE,oBAAoB;WAClD,OAAO;AACd,SAAM,MAAM,EAAE,0BAA0B,CAAC;AACzC,WAAQ,MAAM,MAAM;;;AAIxB,QACE,oBAAC,QAAD;EAAoB;EAAY,eAAe,WAAW,KAAK;EAAE,GAAI;YAClE,WACC,qBAAA,UAAA,EAAA,UAAA,CACE,oBAAC,aAAD,EAAa,WAAU,WAAY,CAAA,EAClC,CAAC,cAAc,EAAE,uBAAuB,CACxC,EAAA,CAAA,GAEH,qBAAA,UAAA,EAAA,UAAA,CACE,oBAAC,MAAD,EAAM,WAAU,WAAY,CAAA,EAC3B,CAAC,cAAc,EAAE,qBAAqB,CACtC,EAAA,CAAA;EAEE,CAAA"}

package/dist/src/components/CropDialog.js

@@ -3,8 +3,8 @@ 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 react = require("react");
 let lucide_react = require("lucide-react");
 let react_i18next = require("react-i18next");
 let react_easy_crop = require("react-easy-crop");

package/dist/src/components/CropDialog.mjs

@@ -1,8 +1,8 @@
 import { Button } from "./ui/button.mjs";
 import { Dialog, DialogContent, DialogHeader, DialogTitle } from "./ui/dialog.mjs";
 import { Slider } from "./ui/slider.mjs";
-import { useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
 import { ZoomIn, ZoomOut } from "lucide-react";
 import { useTranslation } from "react-i18next";
 import Cropper from "react-easy-crop";

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

@@ -1,5 +1,5 @@
-import { ButtonProps } from "@heroui/react";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import { ButtonProps } from "@heroui/react";
 
 //#region src/components/DialogProvider.d.ts
 type DialogProps = {

package/dist/src/components/DialogProvider.js

@@ -1,9 +1,9 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 require("../../_virtual/_rolldown/runtime.js");
+let react_jsx_runtime = require("react/jsx-runtime");
 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");

package/dist/src/components/DialogProvider.mjs

@@ -1,7 +1,7 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { createContext, useContext, useRef, useState } from "react";
 import { Button, Modal, ModalBody, ModalContent, ModalFooter, ModalHeader } from "@heroui/react";
 import { semanticColors } from "@heroui/theme";
-import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/DialogProvider.tsx
 const DialogContext = createContext(() => {
 	console.warn("DialogProvider is not initialized");
@@ -43,7 +43,7 @@ function DialogProvider({ children }) {
 	};
 	return /* @__PURE__ */ jsx(DialogContext.Provider, {
 		value: handleSetDialog,
-		children: /* @__PURE__ */ jsxs(Fragment$1, { children: [children, dialog && /* @__PURE__ */ jsx(Modal, {
+		children: /* @__PURE__ */ jsxs(Fragment, { children: [children, dialog && /* @__PURE__ */ jsx(Modal, {
 			isOpen,
 			onOpenChange: handleUnsetDialog,
 			style: { borderColor: semanticColors.light[dialog.color || "danger"][600] },

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

@@ -1 +1 @@
-{"version":3,"file":"DialogProvider.mjs","names":[],"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,gBAAgB,oBAAmD;AACvE,SAAQ,KAAK,oCAAoC;EACjD;AAEF,SAAgB,YAAY;CAC1B,MAAM,UAAU,WAAW,cAAc;AACzC,KAAI,CAAC,QACH,OAAM,IAAI,MAAM,iDAAiD;AAEnE,QAAO;;AAGT,SAAgB,eAAe,EAAE,YAA2C;CAC1E,MAAM,CAAC,QAAQ,aAAa,SAAS,MAAM;CAC3C,MAAM,CAAC,QAAQ,aAAa,SAA6B,KAAK;CAC9D,MAAM,aAAa,OAA6C,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,oBAAC,cAAc,UAAf;EAAwB,OAAO;YAC7B,qBAAA,YAAA,EAAA,UAAA,CACG,UACA,UACC,oBAAC,OAAD;GACU;GACR,cAAc;GACd,OAAO,EACL,aAAa,eAAe,MAAM,OAAO,SAAS,UAAU,MAC7D;GACD,YAAY,EACV,MAAM,YACP;aAED,qBAAC,cAAD,EAAA,UAAA;IACE,oBAAC,aAAD,EAAA,UAAc,OAAO,OAAoB,CAAA;IACzC,oBAAC,WAAD,EAAA,UAAY,OAAO,aAAwB,CAAA;IAC3C,oBAAC,aAAD,EAAA,UACE,qBAAC,OAAD;KAAK,WAAU;eAAf,EACI,OAAO,cAAc,OAAO,aAC5B,oBAAC,QAAD;MAAQ,SAAS;gBAAe,OAAO,eAAe;MAAkB,CAAA,EAE1E,oBAAC,QAAD;MAAQ,OAAO,OAAO;MAAO,SAAS;gBACnC,OAAO,gBAAgB;MACjB,CAAA,CACL;QACM,CAAA;IACD,EAAA,CAAA;GACT,CAAA,CAET,EAAA,CAAA;EACoB,CAAA"}
+{"version":3,"file":"DialogProvider.mjs","names":[],"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,gBAAgB,oBAAmD;AACvE,SAAQ,KAAK,oCAAoC;EACjD;AAEF,SAAgB,YAAY;CAC1B,MAAM,UAAU,WAAW,cAAc;AACzC,KAAI,CAAC,QACH,OAAM,IAAI,MAAM,iDAAiD;AAEnE,QAAO;;AAGT,SAAgB,eAAe,EAAE,YAA2C;CAC1E,MAAM,CAAC,QAAQ,aAAa,SAAS,MAAM;CAC3C,MAAM,CAAC,QAAQ,aAAa,SAA6B,KAAK;CAC9D,MAAM,aAAa,OAA6C,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,oBAAC,cAAc,UAAf;EAAwB,OAAO;YAC7B,qBAAA,UAAA,EAAA,UAAA,CACG,UACA,UACC,oBAAC,OAAD;GACU;GACR,cAAc;GACd,OAAO,EACL,aAAa,eAAe,MAAM,OAAO,SAAS,UAAU,MAC7D;GACD,YAAY,EACV,MAAM,YACP;aAED,qBAAC,cAAD,EAAA,UAAA;IACE,oBAAC,aAAD,EAAA,UAAc,OAAO,OAAoB,CAAA;IACzC,oBAAC,WAAD,EAAA,UAAY,OAAO,aAAwB,CAAA;IAC3C,oBAAC,aAAD,EAAA,UACE,qBAAC,OAAD;KAAK,WAAU;eAAf,EACI,OAAO,cAAc,OAAO,aAC5B,oBAAC,QAAD;MAAQ,SAAS;gBAAe,OAAO,eAAe;MAAkB,CAAA,EAE1E,oBAAC,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/FileDropzone.js

@@ -3,8 +3,8 @@ 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 react = require("react");
 let lucide_react = require("lucide-react");
 let react_dropzone = require("react-dropzone");
 //#region src/components/FileDropzone.tsx

package/dist/src/components/FileDropzone.mjs

@@ -1,8 +1,8 @@
 import { cn } from "../lib/utils.mjs";
 import { Button } from "./ui/button.mjs";
 import { Progress } from "./ui/progress.mjs";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useCallback, useState } from "react";
-import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { File, Upload, X } from "lucide-react";
 import { useDropzone } from "react-dropzone";
 //#region src/components/FileDropzone.tsx
@@ -55,7 +55,7 @@ function FileDropzone({ onUploadComplete, className }) {
 			className: 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__ */ jsx("input", { ...getInputProps() }), /* @__PURE__ */ jsx("div", {
 				className: "flex flex-col items-center justify-center space-y-2 text-center",
-				children: selectedFile ? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(File, { className: "h-8 w-8 text-primary" }), /* @__PURE__ */ jsxs("div", {
+				children: selectedFile ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(File, { className: "h-8 w-8 text-primary" }), /* @__PURE__ */ jsxs("div", {
 					className: "flex items-center gap-2",
 					children: [/* @__PURE__ */ jsx("span", {
 						className: "text-sm text-gray-600",
@@ -69,7 +69,7 @@ function FileDropzone({ onUploadComplete, className }) {
 						className: "p-1 hover:bg-gray-100 rounded-full",
 						children: /* @__PURE__ */ jsx(X, { className: "h-4 w-4 text-gray-500" })
 					})]
-				})] }) : /* @__PURE__ */ jsxs(Fragment$1, { children: [
+				})] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
 					/* @__PURE__ */ jsx(Upload, { className: "h-8 w-8 text-gray-400" }),
 					/* @__PURE__ */ jsx("p", {
 						className: "text-sm text-gray-600",

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

@@ -1 +1 @@
-{"version":3,"file":"FileDropzone.mjs","names":[],"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":";;;;;;;;AAYA,SAAgB,aAAa,EAAE,kBAAkB,aAAgC;CAC/E,MAAM,CAAC,gBAAgB,qBAAqB,SAAS,EAAE;CACvD,MAAM,CAAC,cAAc,mBAAmB,SAAsB,KAAK;CACnE,MAAM,CAAC,aAAa,kBAAkB,SAAS,MAAM;CAQrD,MAAM,EAAE,cAAc,eAAe,iBAAiB,YAAY;EAChE,QAPa,aAAa,kBAA0B;AACpD,OAAI,cAAc,SAAS,EACzB,iBAAgB,cAAc,GAAG;KAElC,EAAE,CAAC;EAIJ,QAAQ;GACN,cAAc,EAAE;GAChB,aAAa,EAAE;GACf,cAAc,EAAE;GAChB,aAAa,EAAE;GAChB;EACD,UAAU;EACX,CAAC;CAEF,MAAM,aAAa,YAAY;AAC7B,MAAI,CAAC,aAAc;AAEnB,iBAAe,KAAK;AACpB,oBAAkB,EAAE;EAEpB,MAAM,WAAW,IAAI,UAAU;AAC/B,WAAS,OAAO,QAAQ,aAAa;AAErC,MAAI;GACF,MAAM,WAAW,MAAM,MAAM,qBAAqB;IAChD,QAAQ;IACR,MAAM;IAEP,CAAC;AAEF,OAAI,CAAC,SAAS,GACZ,OAAM,IAAI,MAAM,uBAAuB,SAAS,SAAS;GAG3D,MAAM,OAAO,MAAM,SAAS,MAAM;AAClC,sBAAmB,KAAK,SAAS;AACjC,mBAAgB,KAAK;AACrB,qBAAkB,EAAE;WACb,OAAO;AACd,WAAQ,MAAM,iBAAiB,MAAM;YAC7B;AACR,kBAAe,MAAM;;;CAIzB,MAAM,mBAAmB;AACvB,kBAAgB,KAAK;AACrB,oBAAkB,EAAE;;AAGtB,QACE,qBAAC,OAAD;EAAK,WAAW,GAAG,mBAAmB,UAAU;YAAhD,CACE,qBAAC,OAAD;GACE,GAAI,cAAc;GAClB,WAAW,GACT,0EACA,eAAe,gCAAgC,wCAC/C,gBAAgB,iBACjB;aANH,CAQE,oBAAC,SAAD,EAAO,GAAI,eAAe,EAAI,CAAA,EAC9B,oBAAC,OAAD;IAAK,WAAU;cACZ,eACC,qBAAA,YAAA,EAAA,UAAA,CACE,oBAAC,MAAD,EAAM,WAAU,wBAAyB,CAAA,EACzC,qBAAC,OAAD;KAAK,WAAU;eAAf,CACE,oBAAC,QAAD;MAAM,WAAU;gBAAyB,aAAa;MAAY,CAAA,EAClE,oBAAC,UAAD;MACE,MAAK;MACL,UAAU,MAAM;AACd,SAAE,iBAAiB;AACnB,mBAAY;;MAEd,WAAU;gBAEV,oBAAC,GAAD,EAAG,WAAU,yBAA0B,CAAA;MAChC,CAAA,CACL;OACL,EAAA,CAAA,GAEH,qBAAA,YAAA,EAAA,UAAA;KACE,oBAAC,QAAD,EAAQ,WAAU,yBAA0B,CAAA;KAC5C,oBAAC,KAAD;MAAG,WAAU;gBAAwB;MAAiD,CAAA;KACtF,oBAAC,KAAD;MAAG,WAAU;gBAAwB;MAA+B,CAAA;KACnE,EAAA,CAAA;IAED,CAAA,CACF;MAEL,gBACC,qBAAC,OAAD;GAAK,WAAU;aAAf,CACG,eAAe,oBAAC,UAAD;IAAU,OAAO;IAAgB,WAAU;IAAe,CAAA,EAC1E,oBAAC,QAAD;IAAQ,SAAS;IAAY,UAAU;IAAa,WAAU;cAC3D,cAAc,iBAAiB;IACzB,CAAA,CACL;KAEJ"}
+{"version":3,"file":"FileDropzone.mjs","names":[],"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":";;;;;;;;AAYA,SAAgB,aAAa,EAAE,kBAAkB,aAAgC;CAC/E,MAAM,CAAC,gBAAgB,qBAAqB,SAAS,EAAE;CACvD,MAAM,CAAC,cAAc,mBAAmB,SAAsB,KAAK;CACnE,MAAM,CAAC,aAAa,kBAAkB,SAAS,MAAM;CAQrD,MAAM,EAAE,cAAc,eAAe,iBAAiB,YAAY;EAChE,QAPa,aAAa,kBAA0B;AACpD,OAAI,cAAc,SAAS,EACzB,iBAAgB,cAAc,GAAG;KAElC,EAAE,CAAC;EAIJ,QAAQ;GACN,cAAc,EAAE;GAChB,aAAa,EAAE;GACf,cAAc,EAAE;GAChB,aAAa,EAAE;GAChB;EACD,UAAU;EACX,CAAC;CAEF,MAAM,aAAa,YAAY;AAC7B,MAAI,CAAC,aAAc;AAEnB,iBAAe,KAAK;AACpB,oBAAkB,EAAE;EAEpB,MAAM,WAAW,IAAI,UAAU;AAC/B,WAAS,OAAO,QAAQ,aAAa;AAErC,MAAI;GACF,MAAM,WAAW,MAAM,MAAM,qBAAqB;IAChD,QAAQ;IACR,MAAM;IAEP,CAAC;AAEF,OAAI,CAAC,SAAS,GACZ,OAAM,IAAI,MAAM,uBAAuB,SAAS,SAAS;GAG3D,MAAM,OAAO,MAAM,SAAS,MAAM;AAClC,sBAAmB,KAAK,SAAS;AACjC,mBAAgB,KAAK;AACrB,qBAAkB,EAAE;WACb,OAAO;AACd,WAAQ,MAAM,iBAAiB,MAAM;YAC7B;AACR,kBAAe,MAAM;;;CAIzB,MAAM,mBAAmB;AACvB,kBAAgB,KAAK;AACrB,oBAAkB,EAAE;;AAGtB,QACE,qBAAC,OAAD;EAAK,WAAW,GAAG,mBAAmB,UAAU;YAAhD,CACE,qBAAC,OAAD;GACE,GAAI,cAAc;GAClB,WAAW,GACT,0EACA,eAAe,gCAAgC,wCAC/C,gBAAgB,iBACjB;aANH,CAQE,oBAAC,SAAD,EAAO,GAAI,eAAe,EAAI,CAAA,EAC9B,oBAAC,OAAD;IAAK,WAAU;cACZ,eACC,qBAAA,UAAA,EAAA,UAAA,CACE,oBAAC,MAAD,EAAM,WAAU,wBAAyB,CAAA,EACzC,qBAAC,OAAD;KAAK,WAAU;eAAf,CACE,oBAAC,QAAD;MAAM,WAAU;gBAAyB,aAAa;MAAY,CAAA,EAClE,oBAAC,UAAD;MACE,MAAK;MACL,UAAU,MAAM;AACd,SAAE,iBAAiB;AACnB,mBAAY;;MAEd,WAAU;gBAEV,oBAAC,GAAD,EAAG,WAAU,yBAA0B,CAAA;MAChC,CAAA,CACL;OACL,EAAA,CAAA,GAEH,qBAAA,UAAA,EAAA,UAAA;KACE,oBAAC,QAAD,EAAQ,WAAU,yBAA0B,CAAA;KAC5C,oBAAC,KAAD;MAAG,WAAU;gBAAwB;MAAiD,CAAA;KACtF,oBAAC,KAAD;MAAG,WAAU;gBAAwB;MAA+B,CAAA;KACnE,EAAA,CAAA;IAED,CAAA,CACF;MAEL,gBACC,qBAAC,OAAD;GAAK,WAAU;aAAf,CACG,eAAe,oBAAC,UAAD;IAAU,OAAO;IAAgB,WAAU;IAAe,CAAA,EAC1E,oBAAC,QAAD;IAAQ,SAAS;IAAY,UAAU;IAAa,WAAU;cAC3D,cAAc,iBAAiB;IACzB,CAAA,CACL;KAEJ"}

package/dist/src/components/MultiSelectDropdown.js

@@ -3,9 +3,9 @@ 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_jsx_runtime = require("react/jsx-runtime");
 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) => {

package/dist/src/components/MultiSelectDropdown.mjs

@@ -1,8 +1,8 @@
 import { cn } from "../lib/utils.mjs";
 import { Button } from "./ui/button.mjs";
 import { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger } from "./ui/dropdown-menu.mjs";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import * as React$1 from "react";
-import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { ChevronDown, RotateCcw } from "lucide-react";
 //#region src/components/MultiSelectDropdown.tsx
 const MultiSelectDropdown = React$1.forwardRef(({ options, selectedValues, onValueChange, placeholder = "Select items...", label, className, triggerClassName, trigger, multiSelectLabel, disabled = false, maxDisplayCount = 3, resetButton = "bottom", resetLabel = "Reset", separateGroups = false, ...props }, ref) => {
@@ -44,7 +44,7 @@ const MultiSelectDropdown = React$1.forwardRef(({ options, selectedValues, onVal
 				className: cn("w-full justify-between text-left font-normal", selectedValues.length === 0 && "text-muted-foreground", triggerClassName),
 				disabled,
 				...props,
-				children: trigger || /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("span", {
+				children: trigger || /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("span", {
 					className: "truncate",
 					children: getDisplayText()
 				}), /* @__PURE__ */ jsx(ChevronDown, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })] })
@@ -53,14 +53,14 @@ const MultiSelectDropdown = React$1.forwardRef(({ options, selectedValues, onVal
 			className: "w-full min-w-[var(--radix-dropdown-menu-trigger-width)]",
 			align: "start",
 			children: [
-				resetButton && resetButton === "top" && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(DropdownMenuItem, {
+				resetButton && resetButton === "top" && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(DropdownMenuItem, {
 					onClick: handleReset,
 					disabled: selectedValues.length === 0,
 					onSelect: (event) => event.preventDefault(),
 					className: "cursor-pointer text-muted-foreground hover:text-foreground",
-					children: resetLabel || /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(RotateCcw, { className: "mr-2 h-4 w-4" }), "Reset"] })
+					children: resetLabel || /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(RotateCcw, { className: "mr-2 h-4 w-4" }), "Reset"] })
 				}), /* @__PURE__ */ jsx(DropdownMenuSeparator, {})] }),
-				label && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(DropdownMenuLabel, { children: label }), /* @__PURE__ */ jsx(DropdownMenuSeparator, {})] }),
+				label && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(DropdownMenuLabel, { children: label }), /* @__PURE__ */ jsx(DropdownMenuSeparator, {})] }),
 				Object.entries(groupedOptions.groups).map(([groupName, groupOptions], groupIndex) => /* @__PURE__ */ jsxs(DropdownMenuGroup, { children: [
 					groupIndex > 0 && separateGroups && /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
 					/* @__PURE__ */ jsx(DropdownMenuLabel, {
@@ -85,12 +85,12 @@ const MultiSelectDropdown = React$1.forwardRef(({ options, selectedValues, onVal
 					className: "cursor-pointer",
 					children: option.label
 				}, option.value))] }),
-				resetButton && resetButton === "bottom" && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(DropdownMenuSeparator, {}), /* @__PURE__ */ jsx(DropdownMenuItem, {
+				resetButton && resetButton === "bottom" && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(DropdownMenuSeparator, {}), /* @__PURE__ */ jsx(DropdownMenuItem, {
 					onClick: handleReset,
 					disabled: selectedValues.length === 0,
 					onSelect: (event) => event.preventDefault(),
 					className: "cursor-pointer text-muted-foreground hover:text-foreground",
-					children: resetLabel || /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(RotateCcw, { className: "mr-2 h-4 w-4" }), "Reset"] })
+					children: resetLabel || /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(RotateCcw, { className: "mr-2 h-4 w-4" }), "Reset"] })
 				})] })
 			]
 		})] })

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

@@ -1 +1 @@
-{"version":3,"file":"MultiSelectDropdown.mjs","names":["React"],"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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"}
+{"version":3,"file":"MultiSelectDropdown.mjs","names":["React"],"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.js

@@ -1,6 +1,6 @@
 require("../../_virtual/_rolldown/runtime.js");
-let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
+let react = require("react");
 let ogl = require("ogl");
 //#region src/components/Orb.tsx
 function Orb({ hue = 0, hoverIntensity = .2, rotateOnHover = true, forceHoverState = false }) {

package/dist/src/components/Orb.mjs

@@ -1,5 +1,5 @@
-import { useEffect, useRef } from "react";
 import { jsx } from "react/jsx-runtime";
+import { useEffect, useRef } from "react";
 import { Mesh, Program, Renderer, Triangle, Vec3 } from "ogl";
 //#region src/components/Orb.tsx
 function Orb({ hue = 0, hoverIntensity = .2, rotateOnHover = true, forceHoverState = false }) {

package/dist/src/components/PageAlert.d.mts

@@ -4,7 +4,7 @@ import * as _$class_variance_authority_types0 from "class-variance-authority/typ
 
 //#region src/components/PageAlert.d.ts
 declare const pageAlertVariants: (props?: ({
-  variant?: "default" | "info" | "success" | "warning" | "destructive" | null | undefined;
+  variant?: "default" | "destructive" | "info" | "success" | "warning" | null | undefined;
 } & _$class_variance_authority_types0.ClassProp) | undefined) => string;
 interface PageAlertProps extends React$1.ComponentProps<"div">, VariantProps<typeof pageAlertVariants> {
   title?: string;