@m5kdev/web-ui 0.8.7 → 0.8.8

package/dist/src/components/AvatarUpload.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarUpload.js","names":["cn","Avatar","AvatarImage","AvatarFallback","User","Edit2","Progress","CropDialog"],"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":"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"}

package/dist/src/components/AvatarUpload.mjs

@@ -2,11 +2,11 @@ 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 { useRef, useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { useFileUpload } from "@m5kdev/frontend/modules/file/hooks/useUpload";
 import { Edit2, User } from "lucide-react";
-import { useRef, useState } from "react";
 import { useTranslation } from "react-i18next";
-import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/AvatarUpload.tsx
 function AvatarUpload({ currentAvatarUrl, onUploadComplete, className }) {
 	const { t } = useTranslation();

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

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

package/dist/src/components/Button.js

@@ -0,0 +1,16 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../../_virtual/_rolldown/runtime.js");
+const require_src_components_ui_button = require("./ui/button.js");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/Button.tsx
+function Button({ loading, children, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src_components_ui_button.Button, {
+		...props,
+		disabled: loading || props.disabled,
+		children: [loading && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("i", { className: "ti ti-refresh animate-spin" }), children]
+	});
+}
+//#endregion
+exports.Button = Button;
+
+//# sourceMappingURL=Button.js.map

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

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

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

@@ -0,0 +1,37 @@
+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"]>;
+type CalendarEventRenderer = CalendarComponents extends {
+  event?: infer T;
+} ? Exclude<T, undefined> : never;
+interface DragAndDropCalendarProps extends Omit<CalendarProps, "localizer"> {
+  onEventDrop?: (args: {
+    event: unknown;
+    start: Date;
+    end: Date;
+  }) => void;
+  onEventResize?: (args: {
+    event: unknown;
+    start: Date;
+    end: Date;
+  }) => void;
+  onDragStart?: (args: {
+    event: unknown;
+    action: "move" | "resize";
+    direction?: unknown;
+  }) => void;
+  dragFromOutsideItem?: () => unknown;
+  onDropFromOutside?: (args: {
+    start: Date;
+    end: Date;
+    allDay?: boolean;
+  }) => void;
+  onDragOverFromOutside?: (event: React.DragEvent) => void;
+  resizable?: boolean;
+}
+declare const Calendar: (props: DragAndDropCalendarProps) => _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { Calendar, CalendarEventRenderer };
+//# sourceMappingURL=Calendar.d.ts.map

package/dist/src/components/Calendar.js

@@ -0,0 +1,31 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_runtime = require("../../_virtual/_rolldown/runtime.js");
+require("./Calendar2.js");
+let react_jsx_runtime = require("react/jsx-runtime");
+let dayjs = require("dayjs");
+dayjs = require_runtime.__toESM(dayjs);
+let react_big_calendar = require("react-big-calendar");
+let react_big_calendar_lib_addons_dragAndDrop_index_js = require("react-big-calendar/lib/addons/dragAndDrop/index.js");
+react_big_calendar_lib_addons_dragAndDrop_index_js = require_runtime.__toESM(react_big_calendar_lib_addons_dragAndDrop_index_js);
+require("react-big-calendar/lib/addons/dragAndDrop/styles.css");
+//#region src/components/Calendar.tsx
+/** react-big-calendar's DnD addon ships as CJS; Vite/Rollup default interop can nest `.default`. */
+function resolveWithDragAndDrop(mod) {
+	if (typeof mod === "function") return mod;
+	if (typeof mod !== "object" || mod === null) throw new Error("@m5kdev/web-ui Calendar: invalid react-big-calendar drag-and-drop module (expected object).");
+	const exported = mod.default;
+	if (typeof exported === "function") return exported;
+	if (exported !== null && typeof exported === "object" && "default" in exported && typeof exported.default === "function") return exported.default;
+	throw new Error("@m5kdev/web-ui Calendar: could not load react-big-calendar drag-and-drop addon (CJS/ESM interop).");
+}
+const DnDCalendar = resolveWithDragAndDrop(react_big_calendar_lib_addons_dragAndDrop_index_js)(react_big_calendar.Calendar);
+const localizer = (0, react_big_calendar.dayjsLocalizer)(dayjs.default);
+const TypedDnDCalendar = DnDCalendar;
+const Calendar = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TypedDnDCalendar, {
+	...props,
+	localizer
+});
+//#endregion
+exports.Calendar = Calendar;
+
+//# sourceMappingURL=Calendar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Calendar.js","names":["dragAndDropModule","BigCalendar"],"sources":["../../../src/components/Calendar.tsx"],"sourcesContent":["import dayjs from \"dayjs\";\r\nimport type React from \"react\";\r\nimport { Calendar as BigCalendar, type CalendarProps, dayjsLocalizer } from \"react-big-calendar\";\r\nimport * as dragAndDropModule from \"react-big-calendar/lib/addons/dragAndDrop\";\r\nimport \"react-big-calendar/lib/addons/dragAndDrop/styles.css\";\r\nimport \"./Calendar.css\";\r\n// FIXME: react-big calendar as peer dependency\r\ntype DragAndDropHoc = (Cal: typeof BigCalendar) => React.ComponentType<CalendarProps>;\r\n\r\n/** react-big-calendar's DnD addon ships as CJS; Vite/Rollup default interop can nest `.default`. */\r\nfunction resolveWithDragAndDrop(mod: unknown): DragAndDropHoc {\r\n  if (typeof mod === \"function\") {\r\n    return mod as DragAndDropHoc;\r\n  }\r\n  if (typeof mod !== \"object\" || mod === null) {\r\n    throw new Error(\r\n      \"@m5kdev/web-ui Calendar: invalid react-big-calendar drag-and-drop module (expected object).\"\r\n    );\r\n  }\r\n  const exported = (mod as { default?: unknown }).default;\r\n  if (typeof exported === \"function\") {\r\n    return exported as DragAndDropHoc;\r\n  }\r\n  if (\r\n    exported !== null &&\r\n    typeof exported === \"object\" &&\r\n    \"default\" in exported &&\r\n    typeof (exported as { default: unknown }).default === \"function\"\r\n  ) {\r\n    return (exported as { default: DragAndDropHoc }).default;\r\n  }\r\n  throw new Error(\r\n    \"@m5kdev/web-ui Calendar: could not load react-big-calendar drag-and-drop addon (CJS/ESM interop).\"\r\n  );\r\n}\r\n\r\nconst withDragAndDrop = resolveWithDragAndDrop(dragAndDropModule);\r\nconst DnDCalendar = withDragAndDrop(BigCalendar);\r\nconst localizer = dayjsLocalizer(dayjs);\r\n\r\ntype CalendarComponents = NonNullable<CalendarProps[\"components\"]>;\r\nexport type CalendarEventRenderer = CalendarComponents extends { event?: infer T }\r\n  ? Exclude<T, undefined>\r\n  : never;\r\n\r\ninterface DragAndDropCalendarProps extends Omit<CalendarProps, \"localizer\"> {\r\n  onEventDrop?: (args: { event: unknown; start: Date; end: Date }) => void;\r\n  onEventResize?: (args: { event: unknown; start: Date; end: Date }) => void;\r\n  onDragStart?: (args: { event: unknown; action: \"move\" | \"resize\"; direction?: unknown }) => void;\r\n  dragFromOutsideItem?: () => unknown;\r\n  onDropFromOutside?: (args: { start: Date; end: Date; allDay?: boolean }) => void;\r\n  onDragOverFromOutside?: (event: React.DragEvent) => void;\r\n  resizable?: boolean;\r\n}\r\n\r\nconst TypedDnDCalendar = DnDCalendar as React.ComponentType<\r\n  DragAndDropCalendarProps & { localizer: typeof localizer }\r\n>;\r\n\r\nexport const Calendar = (props: DragAndDropCalendarProps) => (\r\n  <TypedDnDCalendar {...props} localizer={localizer} />\r\n);\r\n"],"mappings":";;;;;;;;;;;;AAUA,SAAS,uBAAuB,KAA8B;AAC5D,KAAI,OAAO,QAAQ,WACjB,QAAO;AAET,KAAI,OAAO,QAAQ,YAAY,QAAQ,KACrC,OAAM,IAAI,MACR,8FACD;CAEH,MAAM,WAAY,IAA8B;AAChD,KAAI,OAAO,aAAa,WACtB,QAAO;AAET,KACE,aAAa,QACb,OAAO,aAAa,YACpB,aAAa,YACb,OAAQ,SAAkC,YAAY,WAEtD,QAAQ,SAAyC;AAEnD,OAAM,IAAI,MACR,oGACD;;AAIH,MAAM,cADkB,uBAAuBA,mDAAkB,CAC7BC,mBAAAA,SAAY;AAChD,MAAM,aAAA,GAAA,mBAAA,gBAA2B,MAAA,QAAM;AAiBvC,MAAM,mBAAmB;AAIzB,MAAa,YAAY,UACvB,iBAAA,GAAA,kBAAA,KAAC,kBAAD;CAAkB,GAAI;CAAkB;CAAa,CAAA"}

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

@@ -0,0 +1,27 @@
+import * as React$1 from "react";
+
+//#region src/components/CardsSelect.d.ts
+interface CardSelectItem {
+  id: string;
+  title: string;
+  description?: string;
+  content?: React$1.ReactNode;
+  disabled?: boolean;
+  icon?: React$1.ReactNode;
+  onEdit?: (id: string) => void;
+}
+interface CardsSelectProps {
+  items: CardSelectItem[];
+  selectedIds: string[];
+  onSelectionChange: (selectedIds: string[]) => void;
+  maxSelections?: number;
+  className?: string;
+  cardClassName?: string;
+  showCheckbox?: boolean;
+  disabled?: boolean;
+  reversed?: boolean;
+}
+declare const CardsSelect: React$1.ForwardRefExoticComponent<CardsSelectProps & React$1.RefAttributes<HTMLDivElement>>;
+//#endregion
+export { CardSelectItem, CardsSelect, CardsSelectProps };
+//# sourceMappingURL=CardsSelect.d.ts.map

package/dist/src/components/CardsSelect.js

@@ -0,0 +1,82 @@
+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 = 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) => {
+	const handleCardClick = (itemId) => {
+		if (disabled) return;
+		if (items.find((item) => item.id === itemId)?.disabled) return;
+		if (selectedIds.includes(itemId)) onSelectionChange(selectedIds.filter((id) => id !== itemId));
+		else if (maxSelections && selectedIds.length >= maxSelections) onSelectionChange([...selectedIds.slice(1), itemId]);
+		else onSelectionChange([...selectedIds, itemId]);
+	};
+	const getGridClasses = () => {
+		return "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-5 gap-4 justify-items-center";
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		ref,
+		className: require_src_lib_utils.cn(getGridClasses(), className),
+		...props,
+		children: items.map((item) => {
+			const isSelected = reversed ? !selectedIds.includes(item.id) : selectedIds.includes(item.id);
+			const isDisabled = disabled || item.disabled;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src_components_ui_card.Card, {
+				className: require_src_lib_utils.cn("relative cursor-pointer transition-all duration-200 hover:shadow-md w-full", isSelected && "ring-2 ring-primary bg-primary/5 border-primary", isDisabled && "opacity-50 cursor-not-allowed", !isDisabled && "hover:bg-accent/50", cardClassName),
+				onClick: () => handleCardClick(item.id),
+				children: [
+					item.onEdit && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: "absolute top-3 left-3 z-10",
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+							type: "button",
+							className: require_src_lib_utils.cn("flex h-6 w-6 items-center justify-center rounded-md transition-colors hover:bg-accent", "text-muted-foreground hover:text-foreground"),
+							onClick: (e) => {
+								e.stopPropagation();
+								item.onEdit?.(item.id);
+							},
+							"aria-label": "Edit",
+							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Edit, { className: "h-3.5 w-3.5" })
+						})
+					}),
+					showCheckbox && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: "absolute top-3 right-3 z-10",
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: require_src_lib_utils.cn("flex h-5 w-5 items-center justify-center rounded-full border-2 transition-colors", isSelected ? "bg-primary border-primary text-primary-foreground" : "border-muted-foreground/30 bg-background"),
+							children: isSelected && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Check, { className: "h-3 w-3" })
+						})
+					}),
+					item.icon && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: "flex items-center justify-center pt-6 pb-4",
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: "text-5xl text-primary",
+							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("i", { className: `ti ${item.icon}` })
+						})
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src_components_ui_card.CardHeader, {
+						className: require_src_lib_utils.cn("pb-3 text-center", item.icon && "pt-2"),
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src_components_ui_card.CardTitle, {
+							className: "text-lg leading-tight",
+							children: item.title
+						}), item.description && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src_components_ui_card.CardDescription, {
+							className: "text-sm",
+							children: item.description
+						})]
+					}),
+					item.content && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src_components_ui_card.CardContent, {
+						className: "pt-0 text-center",
+						children: item.content
+					})
+				]
+			}, item.id);
+		})
+	});
+});
+CardsSelect.displayName = "CardsSelect";
+//#endregion
+exports.CardsSelect = CardsSelect;
+
+//# sourceMappingURL=CardsSelect.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CardsSelect.js","names":["React","cn","Card","Edit","Check","CardHeader","CardTitle","CardDescription","CardContent"],"sources":["../../../src/components/CardsSelect.tsx"],"sourcesContent":["import { Check, Edit } from \"lucide-react\";\r\nimport * as React from \"react\";\r\nimport { Card, CardContent, CardDescription, CardHeader, CardTitle } from \"./ui/card\";\r\nimport { cn } from \"../lib/utils\";\r\n\r\nexport interface CardSelectItem {\r\n  id: string;\r\n  title: string;\r\n  description?: string;\r\n  content?: React.ReactNode;\r\n  disabled?: boolean;\r\n  icon?: React.ReactNode;\r\n  onEdit?: (id: string) => void;\r\n}\r\n\r\nexport interface CardsSelectProps {\r\n  items: CardSelectItem[];\r\n  selectedIds: string[];\r\n  onSelectionChange: (selectedIds: string[]) => void;\r\n  maxSelections?: number;\r\n  className?: string;\r\n  cardClassName?: string;\r\n  showCheckbox?: boolean;\r\n  disabled?: boolean;\r\n  reversed?: boolean;\r\n}\r\n\r\nconst CardsSelect = React.forwardRef<HTMLDivElement, CardsSelectProps>(\r\n  (\r\n    {\r\n      items,\r\n      selectedIds,\r\n      onSelectionChange,\r\n      maxSelections,\r\n      className,\r\n      cardClassName,\r\n      showCheckbox = true,\r\n      disabled = false,\r\n      reversed = false,\r\n      ...props\r\n    },\r\n    ref\r\n  ) => {\r\n    const handleCardClick = (itemId: string) => {\r\n      if (disabled) return;\r\n\r\n      const item = items.find((item) => item.id === itemId);\r\n      if (item?.disabled) return;\r\n\r\n      const isSelected = selectedIds.includes(itemId);\r\n\r\n      if (isSelected) {\r\n        // Remove from selection\r\n        onSelectionChange(selectedIds.filter((id) => id !== itemId));\r\n      } else {\r\n        // Add to selection\r\n        if (maxSelections && selectedIds.length >= maxSelections) {\r\n          // If max selections reached, replace the first selection\r\n          onSelectionChange([...selectedIds.slice(1), itemId]);\r\n        } else {\r\n          onSelectionChange([...selectedIds, itemId]);\r\n        }\r\n      }\r\n    };\r\n\r\n    const getGridClasses = () => {\r\n      return \"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-5 gap-4 justify-items-center\";\r\n    };\r\n\r\n    return (\r\n      <div ref={ref} className={cn(getGridClasses(), className)} {...props}>\r\n        {items.map((item) => {\r\n          const isSelected = reversed\r\n            ? !selectedIds.includes(item.id)\r\n            : selectedIds.includes(item.id);\r\n          const isDisabled = disabled || item.disabled;\r\n\r\n          return (\r\n            <Card\r\n              key={item.id}\r\n              className={cn(\r\n                \"relative cursor-pointer transition-all duration-200 hover:shadow-md w-full\",\r\n                isSelected && \"ring-2 ring-primary bg-primary/5 border-primary\",\r\n                isDisabled && \"opacity-50 cursor-not-allowed\",\r\n                !isDisabled && \"hover:bg-accent/50\",\r\n                cardClassName\r\n              )}\r\n              onClick={() => handleCardClick(item.id)}\r\n            >\r\n              {/* Edit button */}\r\n              {item.onEdit && (\r\n                <div className=\"absolute top-3 left-3 z-10\">\r\n                  <button\r\n                    type=\"button\"\r\n                    className={cn(\r\n                      \"flex h-6 w-6 items-center justify-center rounded-md transition-colors hover:bg-accent\",\r\n                      \"text-muted-foreground hover:text-foreground\"\r\n                    )}\r\n                    onClick={(e) => {\r\n                      e.stopPropagation();\r\n                      item.onEdit?.(item.id);\r\n                    }}\r\n                    aria-label=\"Edit\"\r\n                  >\r\n                    <Edit className=\"h-3.5 w-3.5\" />\r\n                  </button>\r\n                </div>\r\n              )}\r\n\r\n              {/* Selection indicator */}\r\n              {showCheckbox && (\r\n                <div className=\"absolute top-3 right-3 z-10\">\r\n                  <div\r\n                    className={cn(\r\n                      \"flex h-5 w-5 items-center justify-center rounded-full border-2 transition-colors\",\r\n                      isSelected\r\n                        ? \"bg-primary border-primary text-primary-foreground\"\r\n                        : \"border-muted-foreground/30 bg-background\"\r\n                    )}\r\n                  >\r\n                    {isSelected && <Check className=\"h-3 w-3\" />}\r\n                  </div>\r\n                </div>\r\n              )}\r\n\r\n              {/* Card icon */}\r\n              {item.icon && (\r\n                <div className=\"flex items-center justify-center pt-6 pb-4\">\r\n                  <div className=\"text-5xl text-primary\">\r\n                    <i className={`ti ${item.icon}`} />\r\n                  </div>\r\n                </div>\r\n              )}\r\n\r\n              <CardHeader className={cn(\"pb-3 text-center\", item.icon && \"pt-2\")}>\r\n                <CardTitle className=\"text-lg leading-tight\">{item.title}</CardTitle>\r\n                {item.description && (\r\n                  <CardDescription className=\"text-sm\">{item.description}</CardDescription>\r\n                )}\r\n              </CardHeader>\r\n\r\n              {item.content && (\r\n                <CardContent className=\"pt-0 text-center\">{item.content}</CardContent>\r\n              )}\r\n            </Card>\r\n          );\r\n        })}\r\n      </div>\r\n    );\r\n  }\r\n);\r\n\r\nCardsSelect.displayName = \"CardsSelect\";\r\n\r\nexport { CardsSelect };\r\n"],"mappings":";;;;;;;;;AA2BA,MAAM,cAAcA,MAAM,YAEtB,EACE,OACA,aACA,mBACA,eACA,WACA,eACA,eAAe,MACf,WAAW,OACX,WAAW,OACX,GAAG,SAEL,QACG;CACH,MAAM,mBAAmB,WAAmB;AAC1C,MAAI,SAAU;AAGd,MADa,MAAM,MAAM,SAAS,KAAK,OAAO,OAAO,EAC3C,SAAU;AAIpB,MAFmB,YAAY,SAAS,OAAO,CAI7C,mBAAkB,YAAY,QAAQ,OAAO,OAAO,OAAO,CAAC;WAGxD,iBAAiB,YAAY,UAAU,cAEzC,mBAAkB,CAAC,GAAG,YAAY,MAAM,EAAE,EAAE,OAAO,CAAC;MAEpD,mBAAkB,CAAC,GAAG,aAAa,OAAO,CAAC;;CAKjD,MAAM,uBAAuB;AAC3B,SAAO;;AAGT,QACE,iBAAA,GAAA,kBAAA,KAAC,OAAD;EAAU;EAAK,WAAWC,sBAAAA,GAAG,gBAAgB,EAAE,UAAU;EAAE,GAAI;YAC5D,MAAM,KAAK,SAAS;GACnB,MAAM,aAAa,WACf,CAAC,YAAY,SAAS,KAAK,GAAG,GAC9B,YAAY,SAAS,KAAK,GAAG;GACjC,MAAM,aAAa,YAAY,KAAK;AAEpC,UACE,iBAAA,GAAA,kBAAA,MAACC,+BAAAA,MAAD;IAEE,WAAWD,sBAAAA,GACT,8EACA,cAAc,mDACd,cAAc,iCACd,CAAC,cAAc,sBACf,cACD;IACD,eAAe,gBAAgB,KAAK,GAAG;cATzC;KAYG,KAAK,UACJ,iBAAA,GAAA,kBAAA,KAAC,OAAD;MAAK,WAAU;gBACb,iBAAA,GAAA,kBAAA,KAAC,UAAD;OACE,MAAK;OACL,WAAWA,sBAAAA,GACT,yFACA,8CACD;OACD,UAAU,MAAM;AACd,UAAE,iBAAiB;AACnB,aAAK,SAAS,KAAK,GAAG;;OAExB,cAAW;iBAEX,iBAAA,GAAA,kBAAA,KAACE,aAAAA,MAAD,EAAM,WAAU,eAAgB,CAAA;OACzB,CAAA;MACL,CAAA;KAIP,gBACC,iBAAA,GAAA,kBAAA,KAAC,OAAD;MAAK,WAAU;gBACb,iBAAA,GAAA,kBAAA,KAAC,OAAD;OACE,WAAWF,sBAAAA,GACT,oFACA,aACI,sDACA,2CACL;iBAEA,cAAc,iBAAA,GAAA,kBAAA,KAACG,aAAAA,OAAD,EAAO,WAAU,WAAY,CAAA;OACxC,CAAA;MACF,CAAA;KAIP,KAAK,QACJ,iBAAA,GAAA,kBAAA,KAAC,OAAD;MAAK,WAAU;gBACb,iBAAA,GAAA,kBAAA,KAAC,OAAD;OAAK,WAAU;iBACb,iBAAA,GAAA,kBAAA,KAAC,KAAD,EAAG,WAAW,MAAM,KAAK,QAAU,CAAA;OAC/B,CAAA;MACF,CAAA;KAGR,iBAAA,GAAA,kBAAA,MAACC,+BAAAA,YAAD;MAAY,WAAWJ,sBAAAA,GAAG,oBAAoB,KAAK,QAAQ,OAAO;gBAAlE,CACE,iBAAA,GAAA,kBAAA,KAACK,+BAAAA,WAAD;OAAW,WAAU;iBAAyB,KAAK;OAAkB,CAAA,EACpE,KAAK,eACJ,iBAAA,GAAA,kBAAA,KAACC,+BAAAA,iBAAD;OAAiB,WAAU;iBAAW,KAAK;OAA8B,CAAA,CAEhE;;KAEZ,KAAK,WACJ,iBAAA,GAAA,kBAAA,KAACC,+BAAAA,aAAD;MAAa,WAAU;gBAAoB,KAAK;MAAsB,CAAA;KAEnE;MAjEA,KAAK,GAiEL;IAET;EACE,CAAA;EAGX;AAED,YAAY,cAAc"}

package/dist/src/components/CardsSelect.mjs

@@ -1,8 +1,8 @@
 import { cn } from "../lib/utils.mjs";
 import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "./ui/card.mjs";
-import { Check, Edit } from "lucide-react";
 import * as React$1 from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
+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) => {
 	const handleCardClick = (itemId) => {

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

@@ -0,0 +1,22 @@
+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
+declare function CollapsibleSidebarMenuItem({
+  children,
+  label,
+  icon,
+  link,
+  badge,
+  ...props
+}: {
+  children: ReactNode;
+  label: string;
+  icon: ReactNode;
+  link: string;
+  badge?: ReactNode;
+} & CollapsibleProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { CollapsibleSidebarMenuItem };
+//# sourceMappingURL=CollapsibleSidebarMenuItem.d.ts.map

package/dist/src/components/CollapsibleSidebarMenuItem.js

@@ -0,0 +1,36 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../../_virtual/_rolldown/runtime.js");
+const require_src_components_ui_collapsible = require("./ui/collapsible.js");
+const require_src_components_ui_sidebar = require("./ui/sidebar.js");
+let react_jsx_runtime = require("react/jsx-runtime");
+let lucide_react = require("lucide-react");
+let react_router = require("react-router");
+//#region src/components/CollapsibleSidebarMenuItem.tsx
+function CollapsibleSidebarMenuItem({ children, label, icon, link, badge, ...props }) {
+	const { open } = require_src_components_ui_sidebar.useSidebar();
+	if (!open) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src_components_ui_sidebar.SidebarMenuItem, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src_components_ui_sidebar.SidebarMenuButton, {
+		asChild: true,
+		tooltip: label,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_router.Link, {
+			to: link,
+			children: [icon, /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: label })]
+		})
+	}) });
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src_components_ui_collapsible.Collapsible, {
+		asChild: true,
+		className: "group/collapsible",
+		...props,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src_components_ui_sidebar.SidebarMenuItem, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src_components_ui_collapsible.CollapsibleTrigger, {
+			asChild: true,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src_components_ui_sidebar.SidebarMenuButton, { children: [
+				icon,
+				badge ? badge : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: label }),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ChevronRight, { className: "ml-auto transition-transform duration-200 group-data-[state=open]/collapsible:rotate-90" })
+			] })
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src_components_ui_collapsible.CollapsibleContent, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src_components_ui_sidebar.SidebarMenuSub, { children }) })] })
+	});
+}
+//#endregion
+exports.CollapsibleSidebarMenuItem = CollapsibleSidebarMenuItem;
+
+//# sourceMappingURL=CollapsibleSidebarMenuItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CollapsibleSidebarMenuItem.js","names":["useSidebar","SidebarMenuItem","SidebarMenuButton","Link","Collapsible","CollapsibleTrigger","ChevronRight","CollapsibleContent","SidebarMenuSub"],"sources":["../../../src/components/CollapsibleSidebarMenuItem.tsx"],"sourcesContent":["import type { CollapsibleProps } from \"@radix-ui/react-collapsible\";\r\nimport { ChevronRight } from \"lucide-react\";\r\nimport type { ReactNode } from \"react\";\r\nimport { Link } from \"react-router\";\r\nimport { Collapsible, CollapsibleContent, CollapsibleTrigger } from \"./ui/collapsible\";\r\nimport {\r\n  SidebarMenuButton,\r\n  SidebarMenuItem,\r\n  SidebarMenuSub,\r\n  useSidebar,\r\n} from \"./ui/sidebar\";\r\n\r\nexport function CollapsibleSidebarMenuItem({\r\n  children,\r\n  label,\r\n  icon,\r\n  link,\r\n  badge,\r\n  ...props\r\n}: {\r\n  children: ReactNode;\r\n  label: string;\r\n  icon: ReactNode;\r\n  link: string;\r\n  badge?: ReactNode;\r\n} & CollapsibleProps) {\r\n  const { open } = useSidebar();\r\n\r\n  if (!open)\r\n    return (\r\n      <SidebarMenuItem>\r\n        <SidebarMenuButton asChild tooltip={label}>\r\n          <Link to={link}>\r\n            {icon}\r\n            <span>{label}</span>\r\n          </Link>\r\n        </SidebarMenuButton>\r\n      </SidebarMenuItem>\r\n    );\r\n\r\n  return (\r\n    <Collapsible asChild className=\"group/collapsible\" {...props}>\r\n      <SidebarMenuItem>\r\n        <CollapsibleTrigger asChild>\r\n          <SidebarMenuButton>\r\n            {icon}\r\n            {badge ? badge : <span>{label}</span>}\r\n            <ChevronRight className=\"ml-auto transition-transform duration-200 group-data-[state=open]/collapsible:rotate-90\" />\r\n          </SidebarMenuButton>\r\n        </CollapsibleTrigger>\r\n        <CollapsibleContent>\r\n          <SidebarMenuSub>{children}</SidebarMenuSub>\r\n        </CollapsibleContent>\r\n      </SidebarMenuItem>\r\n    </Collapsible>\r\n  );\r\n}\r\n"],"mappings":";;;;;;;;AAYA,SAAgB,2BAA2B,EACzC,UACA,OACA,MACA,MACA,OACA,GAAG,SAOiB;CACpB,MAAM,EAAE,SAASA,kCAAAA,YAAY;AAE7B,KAAI,CAAC,KACH,QACE,iBAAA,GAAA,kBAAA,KAACC,kCAAAA,iBAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,KAACC,kCAAAA,mBAAD;EAAmB,SAAA;EAAQ,SAAS;YAClC,iBAAA,GAAA,kBAAA,MAACC,aAAAA,MAAD;GAAM,IAAI;aAAV,CACG,MACD,iBAAA,GAAA,kBAAA,KAAC,QAAD,EAAA,UAAO,OAAa,CAAA,CACf;;EACW,CAAA,EACJ,CAAA;AAGtB,QACE,iBAAA,GAAA,kBAAA,KAACC,sCAAAA,aAAD;EAAa,SAAA;EAAQ,WAAU;EAAoB,GAAI;YACrD,iBAAA,GAAA,kBAAA,MAACH,kCAAAA,iBAAD,EAAA,UAAA,CACE,iBAAA,GAAA,kBAAA,KAACI,sCAAAA,oBAAD;GAAoB,SAAA;aAClB,iBAAA,GAAA,kBAAA,MAACH,kCAAAA,mBAAD,EAAA,UAAA;IACG;IACA,QAAQ,QAAQ,iBAAA,GAAA,kBAAA,KAAC,QAAD,EAAA,UAAO,OAAa,CAAA;IACrC,iBAAA,GAAA,kBAAA,KAACI,aAAAA,cAAD,EAAc,WAAU,2FAA4F,CAAA;IAClG,EAAA,CAAA;GACD,CAAA,EACrB,iBAAA,GAAA,kBAAA,KAACC,sCAAAA,oBAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,KAACC,kCAAAA,gBAAD,EAAiB,UAA0B,CAAA,EACxB,CAAA,CACL,EAAA,CAAA;EACN,CAAA"}

package/dist/src/components/CollapsibleSidebarMenuItem.mjs

@@ -1,7 +1,7 @@
 import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "./ui/collapsible.mjs";
 import { SidebarMenuButton, SidebarMenuItem, SidebarMenuSub, useSidebar } from "./ui/sidebar.mjs";
-import { ChevronRight } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { ChevronRight } from "lucide-react";
 import { Link } from "react-router";
 //#region src/components/CollapsibleSidebarMenuItem.tsx
 function CollapsibleSidebarMenuItem({ children, label, icon, link, badge, ...props }) {

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

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

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

@@ -0,0 +1,15 @@
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import { InputProps } from "@heroui/react";
+
+//#region src/components/ColorPicker.d.ts
+declare function ColorPicker({
+  disableAlpha,
+  value,
+  onValueChange,
+  ...props
+}: InputProps & {
+  disableAlpha?: boolean;
+}): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { ColorPicker };
+//# sourceMappingURL=ColorPicker.d.ts.map

package/dist/src/components/ColorPicker.js

@@ -0,0 +1,54 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_runtime = require("../../_virtual/_rolldown/runtime.js");
+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");
+_uiw_react_color_colorful = require_runtime.__toESM(_uiw_react_color_colorful);
+//#region src/components/ColorPicker.tsx
+function safeHexToHsva(hex) {
+	try {
+		return (0, _uiw_color_convert.hexToHsva)(hex);
+	} catch (err) {
+		return {
+			h: 0,
+			s: 0,
+			v: 0,
+			a: 1
+		};
+	}
+}
+function ColorPicker({ disableAlpha = true, value, onValueChange, ...props }) {
+	const [hsva, setHsva] = (0, react.useState)(safeHexToHsva(value || ""));
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_heroui_react.Input, {
+		onValueChange,
+		value,
+		endContent: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_heroui_react.Popover, {
+			placement: "bottom",
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_heroui_react.PopoverTrigger, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_heroui_react.Button, {
+				isIconOnly: true,
+				"aria-label": "Pick color",
+				size: "sm",
+				variant: "light",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.PipetteIcon, { className: "h-4 w-4 text-foreground" })
+			}) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_heroui_react.PopoverContent, {
+				"aria-label": "Color picker",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_uiw_react_color_colorful.default, {
+					color: hsva,
+					disableAlpha,
+					onChange: (color) => {
+						setHsva(color.hsva);
+						onValueChange?.(color.hex);
+					}
+				})
+			})]
+		}),
+		...props
+	});
+}
+//#endregion
+exports.ColorPicker = ColorPicker;
+
+//# sourceMappingURL=ColorPicker.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ColorPicker.js","names":["Input","Popover","PopoverTrigger","Button","PipetteIcon","PopoverContent","Colorful"],"sources":["../../../src/components/ColorPicker.tsx"],"sourcesContent":["import {\r\n  Button,\r\n  Input,\r\n  type InputProps,\r\n  Popover,\r\n  PopoverContent,\r\n  PopoverTrigger,\r\n} from \"@heroui/react\";\r\nimport { hexToHsva } from \"@uiw/color-convert\";\r\nimport Colorful from \"@uiw/react-color-colorful\";\r\nimport { PipetteIcon } from \"lucide-react\";\r\nimport { useState } from \"react\";\r\n\r\nfunction safeHexToHsva(hex: string) {\r\n  try {\r\n    return hexToHsva(hex);\r\n  } catch (err) {\r\n    return { h: 0, s: 0, v: 0, a: 1 };\r\n  }\r\n}\r\n\r\nexport function ColorPicker({\r\n  disableAlpha = true,\r\n  value,\r\n\r\n  onValueChange,\r\n  ...props\r\n}: InputProps & { disableAlpha?: boolean }) {\r\n  const [hsva, setHsva] = useState(safeHexToHsva(value || \"\"));\r\n  return (\r\n    <Input\r\n      onValueChange={onValueChange}\r\n      value={value}\r\n      endContent={\r\n        <Popover placement=\"bottom\">\r\n          <PopoverTrigger>\r\n            <Button isIconOnly aria-label=\"Pick color\" size=\"sm\" variant=\"light\">\r\n              <PipetteIcon className=\"h-4 w-4 text-foreground\" />\r\n            </Button>\r\n          </PopoverTrigger>\r\n          <PopoverContent aria-label=\"Color picker\">\r\n            <Colorful\r\n              color={hsva}\r\n              disableAlpha={disableAlpha}\r\n              onChange={(color) => {\r\n                setHsva(color.hsva);\r\n                onValueChange?.(color.hex);\r\n              }}\r\n            />\r\n          </PopoverContent>\r\n        </Popover>\r\n      }\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n"],"mappings":";;;;;;;;;;AAaA,SAAS,cAAc,KAAa;AAClC,KAAI;AACF,UAAA,GAAA,mBAAA,WAAiB,IAAI;UACd,KAAK;AACZ,SAAO;GAAE,GAAG;GAAG,GAAG;GAAG,GAAG;GAAG,GAAG;GAAG;;;AAIrC,SAAgB,YAAY,EAC1B,eAAe,MACf,OAEA,eACA,GAAG,SACuC;CAC1C,MAAM,CAAC,MAAM,YAAA,GAAA,MAAA,UAAoB,cAAc,SAAS,GAAG,CAAC;AAC5D,QACE,iBAAA,GAAA,kBAAA,KAACA,cAAAA,OAAD;EACiB;EACR;EACP,YACE,iBAAA,GAAA,kBAAA,MAACC,cAAAA,SAAD;GAAS,WAAU;aAAnB,CACE,iBAAA,GAAA,kBAAA,KAACC,cAAAA,gBAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,KAACC,cAAAA,QAAD;IAAQ,YAAA;IAAW,cAAW;IAAa,MAAK;IAAK,SAAQ;cAC3D,iBAAA,GAAA,kBAAA,KAACC,aAAAA,aAAD,EAAa,WAAU,2BAA4B,CAAA;IAC5C,CAAA,EACM,CAAA,EACjB,iBAAA,GAAA,kBAAA,KAACC,cAAAA,gBAAD;IAAgB,cAAW;cACzB,iBAAA,GAAA,kBAAA,KAACC,0BAAAA,SAAD;KACE,OAAO;KACO;KACd,WAAW,UAAU;AACnB,cAAQ,MAAM,KAAK;AACnB,sBAAgB,MAAM,IAAI;;KAE5B,CAAA;IACa,CAAA,CACT;;EAEZ,GAAI;EACJ,CAAA"}

package/dist/src/components/ColorPicker.mjs

@@ -1,7 +1,7 @@
-import { PipetteIcon } from "lucide-react";
 import { useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
 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";
 //#region src/components/ColorPicker.tsx

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

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

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

@@ -0,0 +1,18 @@
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import { ButtonProps } from "@heroui/react";
+
+//#region src/components/CopyButton.d.ts
+declare function CopyButton({
+  text,
+  notificationTimeout,
+  isIconOnly,
+  onCopy,
+  ...props
+}: ButtonProps & {
+  text: string;
+  notificationTimeout?: number;
+  onCopy?: () => void;
+}): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { CopyButton };
+//# sourceMappingURL=CopyButton.d.ts.map