npm - @m5kdev/web-ui - Versions diffs - 0.8.0 → 0.8.2 - Mend

@m5kdev/web-ui 0.8.0 → 0.8.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (536) hide show

package/dist/src/components/CopyButton.js CHANGED Viewed

@@ -1,8 +1,8 @@
-import { useState } from "react";
-import { Button } from "@heroui/react";
-import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { CheckCircle, Copy } from "lucide-react";
+import { useState } from "react";
 import { useTranslation } from "react-i18next";
+import { Button } from "@heroui/react";
 import { toast } from "sonner";
 //#region src/components/CopyButton.tsx
 function CopyButton({ text, notificationTimeout = 1e3, isIconOnly, onCopy, ...props }) {
@@ -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.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CopyButton.js","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"}
1	+ {"version":3,"file":"CopyButton.js","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 CHANGED Viewed

@@ -1,9 +1,9 @@
 import { Button } from "./ui/button.js";
 import { Dialog, DialogContent, DialogHeader, DialogTitle } from "./ui/dialog.js";
 import { Slider } from "./ui/slider.js";
-import { useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { ZoomIn, ZoomOut } from "lucide-react";
+import { useState } from "react";
 import { useTranslation } from "react-i18next";
 import Cropper from "react-easy-crop";
 //#region src/components/CropDialog.tsx

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

@@ -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 CHANGED Viewed

@@ -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.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DialogProvider.js","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"}
1	+ {"version":3,"file":"DialogProvider.js","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 CHANGED Viewed

@@ -1,9 +1,9 @@
 import { cn } from "../lib/utils.js";
 import { Button } from "./ui/button.js";
 import { Progress } from "./ui/progress.js";
-import { useCallback, useState } from "react";
-import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { File, Upload, X } from "lucide-react";
+import { useCallback, useState } from "react";
 import { useDropzone } from "react-dropzone";
 //#region src/components/FileDropzone.tsx
 function FileDropzone({ onUploadComplete, className }) {
@@ -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.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FileDropzone.js","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"}
1	+ {"version":3,"file":"FileDropzone.js","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 CHANGED Viewed

@@ -1,9 +1,9 @@
 import { cn } from "../lib/utils.js";
 import { Button } from "./ui/button.js";
 import { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger } from "./ui/dropdown-menu.js";
-import * as React$1 from "react";
-import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { ChevronDown, RotateCcw } from "lucide-react";
+import * as React$1 from "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) => {
 	const handleValueChange = (value, checked) => {
@@ -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.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MultiSelectDropdown.js","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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"}
1	+ {"version":3,"file":"MultiSelectDropdown.js","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 CHANGED Viewed

@@ -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.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { cn } from "../lib/utils.js";
-import * as React$1 from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { AlertCircle, AlertTriangle, CheckCircle, Info, X } from "lucide-react";
+import * as React$1 from "react";
 import { useTranslation } from "react-i18next";
 import { cva } from "class-variance-authority";
 //#region src/components/PageAlert.tsx

package/dist/src/components/SelectChips.d.ts CHANGED Viewed

@@ -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/SelectChips.d.ts
 declare function SelectChips({

package/dist/src/components/SelectChips.js CHANGED Viewed

@@ -1,5 +1,5 @@
-import { Button, Checkbox } from "@heroui/react";
 import { jsx } from "react/jsx-runtime";
+import { Button, Checkbox } from "@heroui/react";
 //#region src/components/SelectChips.tsx
 function SelectChips({ items, selectedItems, onSelectionChange, buttonProps }) {
 	return items.map((item) => {

package/dist/src/components/SidebarItem.d.ts CHANGED Viewed

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

package/dist/src/components/TablerIconPicker.d.ts CHANGED Viewed

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

package/dist/src/components/TablerIconPicker.js CHANGED Viewed

@@ -1,5 +1,5 @@
-import { Select, SelectItem } from "@heroui/react";
 import { jsx } from "react/jsx-runtime";
+import { Select, SelectItem } from "@heroui/react";
 //#region src/components/TablerIconPicker.tsx
 function TablerIconPicker({ value, onSelectionChange, isVirtualized = true, ...props }) {
 	return /* @__PURE__ */ jsx(Select, {

package/dist/src/components/app-header.js CHANGED Viewed

@@ -1,8 +1,8 @@
 import { Separator } from "./ui/separator.js";
 import { SidebarTrigger } from "./ui/sidebar.js";
 import { Breadcrumb, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator } from "./ui/breadcrumb.js";
-import { Fragment } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { Fragment as Fragment$1 } from "react";
 //#region src/components/app-header.tsx
 function AppHeader({ breadcrumbs }) {
 	return /* @__PURE__ */ jsx("header", {
@@ -15,7 +15,7 @@ function AppHeader({ breadcrumbs }) {
 					orientation: "vertical",
 					className: "mr-2 h-4"
 				}),
-				/* @__PURE__ */ jsx(Breadcrumb, { children: /* @__PURE__ */ jsx(BreadcrumbList, { children: breadcrumbs.map(({ href, label }, index) => /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(BreadcrumbItem, { children: href ? /* @__PURE__ */ jsx(BreadcrumbLink, {
+				/* @__PURE__ */ jsx(Breadcrumb, { children: /* @__PURE__ */ jsx(BreadcrumbList, { children: breadcrumbs.map(({ href, label }, index) => /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(BreadcrumbItem, { children: href ? /* @__PURE__ */ jsx(BreadcrumbLink, {
 					href,
 					children: label
 				}) : /* @__PURE__ */ jsx(BreadcrumbPage, { children: label }) }), index < breadcrumbs.length - 1 && /* @__PURE__ */ jsx(BreadcrumbSeparator, { className: "hidden md:block" })] }, `${label}-${index}`)) }) })

package/dist/src/components/app-header.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"app-header.js","names":[],"sources":["../../../src/components/app-header.tsx"],"sourcesContent":["import { Fragment } from \"react\";\r\nimport {\r\n Breadcrumb,\r\n BreadcrumbItem,\r\n BreadcrumbLink,\r\n BreadcrumbList,\r\n BreadcrumbPage,\r\n BreadcrumbSeparator,\r\n} from \"./ui/breadcrumb\";\r\nimport { Separator } from \"./ui/separator\";\r\nimport { SidebarTrigger } from \"./ui/sidebar\";\r\n\r\nexport function AppHeader({ breadcrumbs }: { breadcrumbs: { label: string; href?: string }[] }) {\r\n return (\r\n <header className=\"flex h-16 shrink-0 items-center gap-2 transition-[width,height] ease-linear group-has-[[data-collapsible=icon]]/sidebar-wrapper:h-12\">\r\n <div className=\"flex items-center gap-2 px-4\">\r\n <SidebarTrigger className=\"-ml-1\" />\r\n <Separator orientation=\"vertical\" className=\"mr-2 h-4\" />\r\n <Breadcrumb>\r\n <BreadcrumbList>\r\n {breadcrumbs.map(({ href, label }, index) => (\r\n <Fragment key={`${label}-${index}`}>\r\n <BreadcrumbItem>\r\n {href ? (\r\n <BreadcrumbLink href={href}>{label}</BreadcrumbLink>\r\n ) : (\r\n <BreadcrumbPage>{label}</BreadcrumbPage>\r\n )}\r\n </BreadcrumbItem>\r\n {index < breadcrumbs.length - 1 && (\r\n <BreadcrumbSeparator className=\"hidden md:block\" />\r\n )}\r\n </Fragment>\r\n ))}\r\n </BreadcrumbList>\r\n </Breadcrumb>\r\n </div>\r\n </header>\r\n );\r\n}\r\n"],"mappings":";;;;;;AAYA,SAAgB,UAAU,EAAE,eAAoE;AAC9F,QACE,oBAAC,UAAD;EAAQ,WAAU;YAChB,qBAAC,OAAD;GAAK,WAAU;aAAf;IACE,oBAAC,gBAAD,EAAgB,WAAU,SAAU,CAAA;IACpC,oBAAC,WAAD;KAAW,aAAY;KAAW,WAAU;KAAa,CAAA;IACzD,oBAAC,YAAD,EAAA,UACE,oBAAC,gBAAD,EAAA,UACG,YAAY,KAAK,EAAE,MAAM,SAAS,UACjC,~~qBAAC~~,~~UAAD~~,EAAA,UAAA,CACE,oBAAC,gBAAD,EAAA,UACG,OACC,oBAAC,gBAAD;KAAsB;eAAO;KAAuB,CAAA,GAEpD,oBAAC,gBAAD,EAAA,UAAiB,OAAuB,CAAA,EAE3B,CAAA,EAChB,QAAQ,YAAY,SAAS,KAC5B,oBAAC,qBAAD,EAAqB,WAAU,mBAAoB,CAAA,CAE5C,EAAA,EAXI,GAAG,MAAM,GAAG,QAWhB,CACX,EACa,CAAA,EACN,CAAA;IACT;;EACC,CAAA"}
1	+ {"version":3,"file":"app-header.js","names":["Fragment"],"sources":["../../../src/components/app-header.tsx"],"sourcesContent":["import { Fragment } from \"react\";\r\nimport {\r\n Breadcrumb,\r\n BreadcrumbItem,\r\n BreadcrumbLink,\r\n BreadcrumbList,\r\n BreadcrumbPage,\r\n BreadcrumbSeparator,\r\n} from \"./ui/breadcrumb\";\r\nimport { Separator } from \"./ui/separator\";\r\nimport { SidebarTrigger } from \"./ui/sidebar\";\r\n\r\nexport function AppHeader({ breadcrumbs }: { breadcrumbs: { label: string; href?: string }[] }) {\r\n return (\r\n <header className=\"flex h-16 shrink-0 items-center gap-2 transition-[width,height] ease-linear group-has-[[data-collapsible=icon]]/sidebar-wrapper:h-12\">\r\n <div className=\"flex items-center gap-2 px-4\">\r\n <SidebarTrigger className=\"-ml-1\" />\r\n <Separator orientation=\"vertical\" className=\"mr-2 h-4\" />\r\n <Breadcrumb>\r\n <BreadcrumbList>\r\n {breadcrumbs.map(({ href, label }, index) => (\r\n <Fragment key={`${label}-${index}`}>\r\n <BreadcrumbItem>\r\n {href ? (\r\n <BreadcrumbLink href={href}>{label}</BreadcrumbLink>\r\n ) : (\r\n <BreadcrumbPage>{label}</BreadcrumbPage>\r\n )}\r\n </BreadcrumbItem>\r\n {index < breadcrumbs.length - 1 && (\r\n <BreadcrumbSeparator className=\"hidden md:block\" />\r\n )}\r\n </Fragment>\r\n ))}\r\n </BreadcrumbList>\r\n </Breadcrumb>\r\n </div>\r\n </header>\r\n );\r\n}\r\n"],"mappings":";;;;;;AAYA,SAAgB,UAAU,EAAE,eAAoE;AAC9F,QACE,oBAAC,UAAD;EAAQ,WAAU;YAChB,qBAAC,OAAD;GAAK,WAAU;aAAf;IACE,oBAAC,gBAAD,EAAgB,WAAU,SAAU,CAAA;IACpC,oBAAC,WAAD;KAAW,aAAY;KAAW,WAAU;KAAa,CAAA;IACzD,oBAAC,YAAD,EAAA,UACE,oBAAC,gBAAD,EAAA,UACG,YAAY,KAAK,EAAE,MAAM,SAAS,UACjC,qBAACA,YAAD,EAAA,UAAA,CACE,oBAAC,gBAAD,EAAA,UACG,OACC,oBAAC,gBAAD;KAAsB;eAAO;KAAuB,CAAA,GAEpD,oBAAC,gBAAD,EAAA,UAAiB,OAAuB,CAAA,EAE3B,CAAA,EAChB,QAAQ,YAAY,SAAS,KAC5B,oBAAC,qBAAD,EAAqB,WAAU,mBAAoB,CAAA,CAE5C,EAAA,EAXI,GAAG,MAAM,GAAG,QAWhB,CACX,EACa,CAAA,EACN,CAAA;IACT;;EACC,CAAA"}

package/dist/src/components/blur-card.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
-import { ReactNode } from "react";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import { ReactNode } from "react";
 //#region src/components/blur-card.d.ts
 interface BlurCardProps {

package/dist/src/components/blur-card.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { cn } from "../lib/utils.js";
 import { Card } from "./ui/card.js";
-import { useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
 import { motion } from "motion/react";
 //#region src/components/blur-card.tsx
 function BlurCardHeader({ title, subtitle, type, date }) {

package/dist/src/components/features-section-demo-1.js CHANGED Viewed

@@ -1,5 +1,5 @@
-import { useId } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { useId } from "react";
 //#region src/components/features-section-demo-1.tsx
 function FeaturesSectionDemo() {
 	return /* @__PURE__ */ jsx("div", {

package/dist/src/components/features-section-demo-3.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { cn } from "../lib/utils.js";
-import { useEffect, useRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useRef } from "react";
 import { motion } from "motion/react";
 import { IconBrandYoutubeFilled } from "@tabler/icons-react";
 import createGlobe from "cobe";

package/dist/src/components/shared/ButtonCopy.js CHANGED Viewed

@@ -1,8 +1,8 @@
 import { cn } from "../../lib/utils.js";
 import { Button } from "../ui/button.js";
-import { useState } from "react";
-import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { CheckCircle, Copy } from "lucide-react";
+import { useState } from "react";
 import { useTranslation } from "react-i18next";
 import { toast } from "sonner";
 //#region src/components/shared/ButtonCopy.tsx
@@ -26,7 +26,7 @@ function ButtonCopy({ text, notificationTimeout = 1e3, iconOnly = false, ...prop
 		onClick: () => handleCopy(text),
 		className: cn(isCopied ? "bg-green-200 hover:bg-green-300" : "", iconOnly ? "" : "gap-1"),
 		...props,
-		children: isCopied ? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(CheckCircle, { className: "h-4 w-4" }), !iconOnly && t("web-ui:common.copied")] }) : /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Copy, { className: "h-4 w-4" }), !iconOnly && t("web-ui:common.copy")] })
+		children: isCopied ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(CheckCircle, { className: "h-4 w-4" }), !iconOnly && t("web-ui:common.copied")] }) : /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Copy, { className: "h-4 w-4" }), !iconOnly && t("web-ui:common.copy")] })
 	});
 }
 //#endregion

package/dist/src/components/shared/ButtonCopy.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ButtonCopy.js","names":[],"sources":["../../../../src/components/shared/ButtonCopy.tsx"],"sourcesContent":["import { CheckCircle, Copy } from \"lucide-react\";\r\nimport { useState } from \"react\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { toast } from \"sonner\";\r\nimport { Button, type ButtonProps } from \"../ui/button\";\r\nimport { cn } from \"../../lib/utils\";\r\n\r\nexport function ButtonCopy({\r\n text,\r\n notificationTimeout = 1000,\r\n iconOnly = false,\r\n ...props\r\n}: ButtonProps & { text: string; notificationTimeout?: number; iconOnly?: boolean }) {\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 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\r\n variant=\"outline\"\r\n size=\"sm\"\r\n onClick={() => handleCopy(text)}\r\n className={cn(isCopied ? \"bg-green-200 hover:bg-green-300\" : \"\", iconOnly ? \"\" : \"gap-1\")}\r\n {...props}\r\n >\r\n {isCopied ? (\r\n <>\r\n <CheckCircle className=\"h-4 w-4\" />\r\n {!iconOnly && t(\"web-ui:common.copied\")}\r\n </>\r\n ) : (\r\n <>\r\n <Copy className=\"h-4 w-4\" />\r\n {!iconOnly && t(\"web-ui:common.copy\")}\r\n </>\r\n )}\r\n </Button>\r\n );\r\n}\r\n"],"mappings":";;;;;;;;AAOA,SAAgB,WAAW,EACzB,MACA,sBAAsB,KACtB,WAAW,OACX,GAAG,SACgF;CACnF,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,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;EACE,SAAQ;EACR,MAAK;EACL,eAAe,WAAW,KAAK;EAC/B,WAAW,GAAG,WAAW,oCAAoC,IAAI,WAAW,KAAK,QAAQ;EACzF,GAAI;YAEH,WACC,qBAAA,~~YAAA~~,EAAA,UAAA,CACE,oBAAC,aAAD,EAAa,WAAU,WAAY,CAAA,EAClC,CAAC,YAAY,EAAE,uBAAuB,CACtC,EAAA,CAAA,GAEH,qBAAA,~~YAAA~~,EAAA,UAAA,CACE,oBAAC,MAAD,EAAM,WAAU,WAAY,CAAA,EAC3B,CAAC,YAAY,EAAE,qBAAqB,CACpC,EAAA,CAAA;EAEE,CAAA"}
1	+ {"version":3,"file":"ButtonCopy.js","names":[],"sources":["../../../../src/components/shared/ButtonCopy.tsx"],"sourcesContent":["import { CheckCircle, Copy } from \"lucide-react\";\r\nimport { useState } from \"react\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { toast } from \"sonner\";\r\nimport { Button, type ButtonProps } from \"../ui/button\";\r\nimport { cn } from \"../../lib/utils\";\r\n\r\nexport function ButtonCopy({\r\n text,\r\n notificationTimeout = 1000,\r\n iconOnly = false,\r\n ...props\r\n}: ButtonProps & { text: string; notificationTimeout?: number; iconOnly?: boolean }) {\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 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\r\n variant=\"outline\"\r\n size=\"sm\"\r\n onClick={() => handleCopy(text)}\r\n className={cn(isCopied ? \"bg-green-200 hover:bg-green-300\" : \"\", iconOnly ? \"\" : \"gap-1\")}\r\n {...props}\r\n >\r\n {isCopied ? (\r\n <>\r\n <CheckCircle className=\"h-4 w-4\" />\r\n {!iconOnly && t(\"web-ui:common.copied\")}\r\n </>\r\n ) : (\r\n <>\r\n <Copy className=\"h-4 w-4\" />\r\n {!iconOnly && t(\"web-ui:common.copy\")}\r\n </>\r\n )}\r\n </Button>\r\n );\r\n}\r\n"],"mappings":";;;;;;;;AAOA,SAAgB,WAAW,EACzB,MACA,sBAAsB,KACtB,WAAW,OACX,GAAG,SACgF;CACnF,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,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;EACE,SAAQ;EACR,MAAK;EACL,eAAe,WAAW,KAAK;EAC/B,WAAW,GAAG,WAAW,oCAAoC,IAAI,WAAW,KAAK,QAAQ;EACzF,GAAI;YAEH,WACC,qBAAA,UAAA,EAAA,UAAA,CACE,oBAAC,aAAD,EAAa,WAAU,WAAY,CAAA,EAClC,CAAC,YAAY,EAAE,uBAAuB,CACtC,EAAA,CAAA,GAEH,qBAAA,UAAA,EAAA,UAAA,CACE,oBAAC,MAAD,EAAM,WAAU,WAAY,CAAA,EAC3B,CAAC,YAAY,EAAE,qBAAqB,CACpC,EAAA,CAAA;EAEE,CAAA"}

package/dist/src/components/team-switcher.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
-import * as React$1 from "react";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import * as React$1 from "react";
 //#region src/components/team-switcher.d.ts
 declare function TeamSwitcher({

package/dist/src/components/team-switcher.js CHANGED Viewed

@@ -1,8 +1,8 @@
 import { SidebarMenu, SidebarMenuButton, SidebarMenuItem, useSidebar } from "./ui/sidebar.js";
 import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuTrigger } from "./ui/dropdown-menu.js";
-import * as React$1 from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { ChevronsUpDown, Plus } from "lucide-react";
+import * as React$1 from "react";
 //#region src/components/team-switcher.tsx
 function TeamSwitcher({ teams }) {
 	const { isMobile } = useSidebar();

package/dist/src/components/theme-provider.js CHANGED Viewed

@@ -1,5 +1,5 @@
-import { createContext, useContext, useEffect, useState } from "react";
 import { jsx } from "react/jsx-runtime";
+import { createContext, useContext, useEffect, useState } from "react";
 //#region src/components/theme-provider.tsx
 const ThemeProviderContext = createContext({
 	theme: "dark",

package/dist/src/components/typewriter.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { TypewriterEffect } from "./ui/typewriter-effect.js";
-import { createElement, useEffect, useState } from "react";
 import { jsx } from "react/jsx-runtime";
+import { createElement, useEffect, useState } from "react";
 //#region src/components/typewriter.tsx
 function Typewriter({ words, wordClass = "dark:text-neutral-300", highlightClass = "text-green-500 dark:text-green-500", cursorClassName = "bg-green-500 dark:bg-green-500", highlightIndex, ...props }) {
 	const position = highlightIndex ?? words.length - 1;

package/dist/src/components/ui/alert-dialog.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
-import * as React$1 from "react";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import * as React$1 from "react";
 import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
 //#region src/components/ui/alert-dialog.d.ts

package/dist/src/components/ui/alert.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
-import * as React$1 from "react";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import * as React$1 from "react";
 import { VariantProps } from "class-variance-authority";
 import * as _$class_variance_authority_types0 from "class-variance-authority/types";

package/dist/src/components/ui/avatar.js CHANGED Viewed

@@ -1,7 +1,7 @@
 "use client";
 import { cn } from "../../lib/utils.js";
-import * as React$1 from "react";
 import { jsx } from "react/jsx-runtime";
+import * as React$1 from "react";
 import * as AvatarPrimitive from "@radix-ui/react-avatar";
 //#region src/components/ui/avatar.tsx
 const Avatar = React$1.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(AvatarPrimitive.Root, {

package/dist/src/components/ui/badge.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
-import * as React$1 from "react";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import * as React$1 from "react";
 import { VariantProps } from "class-variance-authority";
 import * as _$class_variance_authority_types0 from "class-variance-authority/types";

package/dist/src/components/ui/bento-grid2.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
-import { ReactNode } from "react";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import { ReactNode } from "react";
 //#region src/components/ui/bento-grid2.d.ts
 declare const BentoGrid: ({

package/dist/src/components/ui/breadcrumb.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
-import * as React$1 from "react";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import * as React$1 from "react";
 //#region src/components/ui/breadcrumb.d.ts
 declare const Breadcrumb: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {

package/dist/src/components/ui/breadcrumb.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { cn } from "../../lib/utils.js";
-import * as React$1 from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { ChevronRight, MoreHorizontal } from "lucide-react";
+import * as React$1 from "react";
 import { Slot } from "@radix-ui/react-slot";
 //#region src/components/ui/breadcrumb.tsx
 const Breadcrumb = React$1.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsx("nav", {

package/dist/src/components/ui/button.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { cn } from "../../lib/utils.js";
-import * as React$1 from "react";
 import { jsx } from "react/jsx-runtime";
+import * as React$1 from "react";
 import { Slot } from "@radix-ui/react-slot";
 import { cva } from "class-variance-authority";
 //#region src/components/ui/button.tsx

package/dist/src/components/ui/card.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { cn } from "../../lib/utils.js";
-import * as React$1 from "react";
 import { jsx } from "react/jsx-runtime";
+import * as React$1 from "react";
 //#region src/components/ui/card.tsx
 const Card = React$1.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", {
 	ref,

package/dist/src/components/ui/checkbox.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { cn } from "../../lib/utils.js";
-import * as React$1 from "react";
 import { jsx } from "react/jsx-runtime";
 import { Check } from "lucide-react";
+import * as React$1 from "react";
 import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
 //#region src/components/ui/checkbox.tsx
 const Checkbox = React$1.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(CheckboxPrimitive.Root, {

package/dist/src/components/ui/dialog.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
-import * as React$1 from "react";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import * as React$1 from "react";
 import * as DialogPrimitive from "@radix-ui/react-dialog";
 //#region src/components/ui/dialog.d.ts

package/dist/src/components/ui/dropdown-menu.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
-import * as React$1 from "react";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import * as React$1 from "react";
 import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
 //#region src/components/ui/dropdown-menu.d.ts

package/dist/src/components/ui/dropdown-menu.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { cn } from "../../lib/utils.js";
-import * as React$1 from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Check, ChevronRight, Circle } from "lucide-react";
+import * as React$1 from "react";
 import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
 //#region src/components/ui/dropdown-menu.tsx
 const DropdownMenu = DropdownMenuPrimitive.Root;