npm - @m5kdev/web-ui - Versions diffs - 0.9.0 → 0.9.1 - Mend

@m5kdev/web-ui 0.9.0 → 0.9.1

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 (218) hide show

package/dist/src/components/FileDropzone.mjs CHANGED Viewed

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"FileDropzone.mjs","names":[],"sources":["../../../src/components/FileDropzone.tsx"],"sourcesContent":["import { File, Upload, X } from \"lucide-react\";\r\nimport { useCallback, useState } from \"react\";\r\nimport { useDropzone } from \"react-dropzone\";\r\nimport { Button } from \"./ui/button\";\r\nimport { Progress } from \"./ui/progress\";\r\nimport { cn } from \"../lib/utils\";\r\n\r\ninterface FileDropzoneProps {\r\n onUploadComplete?: (filePath: string) => void;\r\n className?: string;\r\n}\r\n\r\nexport function FileDropzone({ onUploadComplete, className }: FileDropzoneProps) {\r\n const [uploadProgress, setUploadProgress] = useState(0);\r\n const [selectedFile, setSelectedFile] = useState<File \| null>(null);\r\n const [isUploading, setIsUploading] = useState(false);\r\n\r\n const onDrop = useCallback((acceptedFiles: File[]) => {\r\n if (acceptedFiles.length > 0) {\r\n setSelectedFile(acceptedFiles[0]);\r\n }\r\n }, []);\r\n\r\n const { getRootProps, getInputProps, isDragActive } = useDropzone({\r\n onDrop,\r\n accept: {\r\n \"image/jpeg\": [],\r\n \"image/png\": [],\r\n \"image/webp\": [],\r\n \"image/jpg\": [],\r\n },\r\n maxFiles: 1,\r\n });\r\n\r\n const uploadFile = async () => {\r\n if (!selectedFile) return;\r\n\r\n setIsUploading(true);\r\n setUploadProgress(0);\r\n\r\n const formData = new FormData();\r\n formData.append(\"file\", selectedFile);\r\n\r\n try {\r\n const response = await fetch(\"/api/upload/image\", {\r\n method: \"POST\",\r\n body: formData,\r\n // Note: Content-Type is automatically set for FormData\r\n });\r\n\r\n if (!response.ok) {\r\n throw new Error(`HTTP error! status: ${response.status}`);\r\n }\r\n\r\n const data = await response.json();\r\n onUploadComplete?.(data.filePath);\r\n setSelectedFile(null);\r\n setUploadProgress(0);\r\n } catch (error) {\r\n console.error(\"Upload error:\", error);\r\n } finally {\r\n setIsUploading(false);\r\n }\r\n };\r\n\r\n const removeFile = () => {\r\n setSelectedFile(null);\r\n setUploadProgress(0);\r\n };\r\n\r\n return (\r\n <div className={cn(\"w-full max-w-xl\", className)}>\r\n <div\r\n {...getRootProps()}\r\n className={cn(\r\n \"border-2 border-dashed rounded-lg p-6 cursor-pointer transition-colors\",\r\n isDragActive ? \"border-primary bg-primary/5\" : \"border-gray-300 hover:border-primary\",\r\n selectedFile && \"border-primary\"\r\n )}\r\n >\r\n <input {...getInputProps()} />\r\n <div className=\"flex flex-col items-center justify-center space-y-2 text-center\">\r\n {selectedFile ? (\r\n <>\r\n <File className=\"h-8 w-8 text-primary\" />\r\n <div className=\"flex items-center gap-2\">\r\n <span className=\"text-sm text-gray-600\">{selectedFile.name}</span>\r\n <button\r\n type=\"button\"\r\n onClick={(e) => {\r\n e.stopPropagation();\r\n removeFile();\r\n }}\r\n className=\"p-1 hover:bg-gray-100 rounded-full\"\r\n >\r\n <X className=\"h-4 w-4 text-gray-500\" />\r\n </button>\r\n </div>\r\n </>\r\n ) : (\r\n <>\r\n <Upload className=\"h-8 w-8 text-gray-400\" />\r\n <p className=\"text-sm text-gray-600\">Drag & drop an image here, or click to select</p>\r\n <p className=\"text-xs text-gray-500\">Supports JPG, PNG, and WebP</p>\r\n </>\r\n )}\r\n </div>\r\n </div>\r\n\r\n {selectedFile && (\r\n <div className=\"mt-4 space-y-4\">\r\n {isUploading && <Progress value={uploadProgress} className=\"h-2 w-full\" />}\r\n <Button onClick={uploadFile} disabled={isUploading} className=\"w-full\">\r\n {isUploading ? \"Uploading...\" : \"Upload File\"}\r\n </Button>\r\n </div>\r\n )}\r\n </div>\r\n );\r\n}\r\n"],"mappings":";;;;;;;;AAYA,SAAgB,aAAa,EAAE,kBAAkB,aAAgC;CAC/E,MAAM,CAAC,gBAAgB,qBAAqB,SAAS,EAAE;CACvD,MAAM,CAAC,cAAc,mBAAmB,SAAsB,KAAK;CACnE,MAAM,CAAC,aAAa,kBAAkB,SAAS,MAAM;CAQrD,MAAM,EAAE,cAAc,eAAe,iBAAiB,YAAY;EAChE,QAPa,aAAa,kBAA0B;AACpD,OAAI,cAAc,SAAS,EACzB,iBAAgB,cAAc,GAAG;KAElC,EAAE,CAAC;EAIJ,QAAQ;GACN,cAAc,EAAE;GAChB,aAAa,EAAE;GACf,cAAc,EAAE;GAChB,aAAa,EAAE;GAChB;EACD,UAAU;EACX,CAAC;CAEF,MAAM,aAAa,YAAY;AAC7B,MAAI,CAAC,aAAc;AAEnB,iBAAe,KAAK;AACpB,oBAAkB,EAAE;EAEpB,MAAM,WAAW,IAAI,UAAU;AAC/B,WAAS,OAAO,QAAQ,aAAa;AAErC,MAAI;GACF,MAAM,WAAW,MAAM,MAAM,qBAAqB;IAChD,QAAQ;IACR,MAAM;IAEP,CAAC;AAEF,OAAI,CAAC,SAAS,GACZ,OAAM,IAAI,MAAM,uBAAuB,SAAS,SAAS;GAG3D,MAAM,OAAO,MAAM,SAAS,MAAM;AAClC,sBAAmB,KAAK,SAAS;AACjC,mBAAgB,KAAK;AACrB,qBAAkB,EAAE;WACb,OAAO;AACd,WAAQ,MAAM,iBAAiB,MAAM;YAC7B;AACR,kBAAe,MAAM;;;CAIzB,MAAM,mBAAmB;AACvB,kBAAgB,KAAK;AACrB,oBAAkB,EAAE;;AAGtB,QACE,qBAAC,OAAD;EAAK,WAAW,GAAG,mBAAmB,UAAU;YAAhD,CACE,qBAAC,OAAD;GACE,GAAI,cAAc;GAClB,WAAW,GACT,0EACA,eAAe,gCAAgC,wCAC/C,gBAAgB,iBACjB;aANH,CAQE,oBAAC,SAAD,EAAO,GAAI,eAAe,EAAI,CAAA,EAC9B,oBAAC,OAAD;IAAK,WAAU;cACZ,eACC,qBAAA,~~YAAA~~,EAAA,UAAA,CACE,oBAAC,MAAD,EAAM,WAAU,wBAAyB,CAAA,EACzC,qBAAC,OAAD;KAAK,WAAU;eAAf,CACE,oBAAC,QAAD;MAAM,WAAU;gBAAyB,aAAa;MAAY,CAAA,EAClE,oBAAC,UAAD;MACE,MAAK;MACL,UAAU,MAAM;AACd,SAAE,iBAAiB;AACnB,mBAAY;;MAEd,WAAU;gBAEV,oBAAC,GAAD,EAAG,WAAU,yBAA0B,CAAA;MAChC,CAAA,CACL;OACL,EAAA,CAAA,GAEH,qBAAA,~~YAAA~~,EAAA,UAAA;KACE,oBAAC,QAAD,EAAQ,WAAU,yBAA0B,CAAA;KAC5C,oBAAC,KAAD;MAAG,WAAU;gBAAwB;MAAiD,CAAA;KACtF,oBAAC,KAAD;MAAG,WAAU;gBAAwB;MAA+B,CAAA;KACnE,EAAA,CAAA;IAED,CAAA,CACF;MAEL,gBACC,qBAAC,OAAD;GAAK,WAAU;aAAf,CACG,eAAe,oBAAC,UAAD;IAAU,OAAO;IAAgB,WAAU;IAAe,CAAA,EAC1E,oBAAC,QAAD;IAAQ,SAAS;IAAY,UAAU;IAAa,WAAU;cAC3D,cAAc,iBAAiB;IACzB,CAAA,CACL;KAEJ"}
1	+ {"version":3,"file":"FileDropzone.mjs","names":[],"sources":["../../../src/components/FileDropzone.tsx"],"sourcesContent":["import { File, Upload, X } from \"lucide-react\";\r\nimport { useCallback, useState } from \"react\";\r\nimport { useDropzone } from \"react-dropzone\";\r\nimport { Button } from \"./ui/button\";\r\nimport { Progress } from \"./ui/progress\";\r\nimport { cn } from \"../lib/utils\";\r\n\r\ninterface FileDropzoneProps {\r\n onUploadComplete?: (filePath: string) => void;\r\n className?: string;\r\n}\r\n\r\nexport function FileDropzone({ onUploadComplete, className }: FileDropzoneProps) {\r\n const [uploadProgress, setUploadProgress] = useState(0);\r\n const [selectedFile, setSelectedFile] = useState<File \| null>(null);\r\n const [isUploading, setIsUploading] = useState(false);\r\n\r\n const onDrop = useCallback((acceptedFiles: File[]) => {\r\n if (acceptedFiles.length > 0) {\r\n setSelectedFile(acceptedFiles[0]);\r\n }\r\n }, []);\r\n\r\n const { getRootProps, getInputProps, isDragActive } = useDropzone({\r\n onDrop,\r\n accept: {\r\n \"image/jpeg\": [],\r\n \"image/png\": [],\r\n \"image/webp\": [],\r\n \"image/jpg\": [],\r\n },\r\n maxFiles: 1,\r\n });\r\n\r\n const uploadFile = async () => {\r\n if (!selectedFile) return;\r\n\r\n setIsUploading(true);\r\n setUploadProgress(0);\r\n\r\n const formData = new FormData();\r\n formData.append(\"file\", selectedFile);\r\n\r\n try {\r\n const response = await fetch(\"/api/upload/image\", {\r\n method: \"POST\",\r\n body: formData,\r\n // Note: Content-Type is automatically set for FormData\r\n });\r\n\r\n if (!response.ok) {\r\n throw new Error(`HTTP error! status: ${response.status}`);\r\n }\r\n\r\n const data = await response.json();\r\n onUploadComplete?.(data.filePath);\r\n setSelectedFile(null);\r\n setUploadProgress(0);\r\n } catch (error) {\r\n console.error(\"Upload error:\", error);\r\n } finally {\r\n setIsUploading(false);\r\n }\r\n };\r\n\r\n const removeFile = () => {\r\n setSelectedFile(null);\r\n setUploadProgress(0);\r\n };\r\n\r\n return (\r\n <div className={cn(\"w-full max-w-xl\", className)}>\r\n <div\r\n {...getRootProps()}\r\n className={cn(\r\n \"border-2 border-dashed rounded-lg p-6 cursor-pointer transition-colors\",\r\n isDragActive ? \"border-primary bg-primary/5\" : \"border-gray-300 hover:border-primary\",\r\n selectedFile && \"border-primary\"\r\n )}\r\n >\r\n <input {...getInputProps()} />\r\n <div className=\"flex flex-col items-center justify-center space-y-2 text-center\">\r\n {selectedFile ? (\r\n <>\r\n <File className=\"h-8 w-8 text-primary\" />\r\n <div className=\"flex items-center gap-2\">\r\n <span className=\"text-sm text-gray-600\">{selectedFile.name}</span>\r\n <button\r\n type=\"button\"\r\n onClick={(e) => {\r\n e.stopPropagation();\r\n removeFile();\r\n }}\r\n className=\"p-1 hover:bg-gray-100 rounded-full\"\r\n >\r\n <X className=\"h-4 w-4 text-gray-500\" />\r\n </button>\r\n </div>\r\n </>\r\n ) : (\r\n <>\r\n <Upload className=\"h-8 w-8 text-gray-400\" />\r\n <p className=\"text-sm text-gray-600\">Drag & drop an image here, or click to select</p>\r\n <p className=\"text-xs text-gray-500\">Supports JPG, PNG, and WebP</p>\r\n </>\r\n )}\r\n </div>\r\n </div>\r\n\r\n {selectedFile && (\r\n <div className=\"mt-4 space-y-4\">\r\n {isUploading && <Progress value={uploadProgress} className=\"h-2 w-full\" />}\r\n <Button onClick={uploadFile} disabled={isUploading} className=\"w-full\">\r\n {isUploading ? \"Uploading...\" : \"Upload File\"}\r\n </Button>\r\n </div>\r\n )}\r\n </div>\r\n );\r\n}\r\n"],"mappings":";;;;;;;;AAYA,SAAgB,aAAa,EAAE,kBAAkB,aAAgC;CAC/E,MAAM,CAAC,gBAAgB,qBAAqB,SAAS,EAAE;CACvD,MAAM,CAAC,cAAc,mBAAmB,SAAsB,KAAK;CACnE,MAAM,CAAC,aAAa,kBAAkB,SAAS,MAAM;CAQrD,MAAM,EAAE,cAAc,eAAe,iBAAiB,YAAY;EAChE,QAPa,aAAa,kBAA0B;AACpD,OAAI,cAAc,SAAS,EACzB,iBAAgB,cAAc,GAAG;KAElC,EAAE,CAAC;EAIJ,QAAQ;GACN,cAAc,EAAE;GAChB,aAAa,EAAE;GACf,cAAc,EAAE;GAChB,aAAa,EAAE;GAChB;EACD,UAAU;EACX,CAAC;CAEF,MAAM,aAAa,YAAY;AAC7B,MAAI,CAAC,aAAc;AAEnB,iBAAe,KAAK;AACpB,oBAAkB,EAAE;EAEpB,MAAM,WAAW,IAAI,UAAU;AAC/B,WAAS,OAAO,QAAQ,aAAa;AAErC,MAAI;GACF,MAAM,WAAW,MAAM,MAAM,qBAAqB;IAChD,QAAQ;IACR,MAAM;IAEP,CAAC;AAEF,OAAI,CAAC,SAAS,GACZ,OAAM,IAAI,MAAM,uBAAuB,SAAS,SAAS;GAG3D,MAAM,OAAO,MAAM,SAAS,MAAM;AAClC,sBAAmB,KAAK,SAAS;AACjC,mBAAgB,KAAK;AACrB,qBAAkB,EAAE;WACb,OAAO;AACd,WAAQ,MAAM,iBAAiB,MAAM;YAC7B;AACR,kBAAe,MAAM;;;CAIzB,MAAM,mBAAmB;AACvB,kBAAgB,KAAK;AACrB,oBAAkB,EAAE;;AAGtB,QACE,qBAAC,OAAD;EAAK,WAAW,GAAG,mBAAmB,UAAU;YAAhD,CACE,qBAAC,OAAD;GACE,GAAI,cAAc;GAClB,WAAW,GACT,0EACA,eAAe,gCAAgC,wCAC/C,gBAAgB,iBACjB;aANH,CAQE,oBAAC,SAAD,EAAO,GAAI,eAAe,EAAI,CAAA,EAC9B,oBAAC,OAAD;IAAK,WAAU;cACZ,eACC,qBAAA,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

@@ -3,9 +3,9 @@ const require_runtime = require("../../_virtual/_rolldown/runtime.js");
 const require_src_lib_utils = require("../lib/utils.js");
 const require_src_components_ui_button = require("./ui/button.js");
 const require_src_components_ui_dropdown_menu = require("./ui/dropdown-menu.js");
+let react_jsx_runtime = require("react/jsx-runtime");
 let react = require("react");
 react = require_runtime.__toESM(react);
-let react_jsx_runtime = require("react/jsx-runtime");
 let lucide_react = require("lucide-react");
 //#region src/components/MultiSelectDropdown.tsx
 const MultiSelectDropdown = react.forwardRef(({ options, selectedValues, onValueChange, placeholder = "Select items...", label, className, triggerClassName, trigger, multiSelectLabel, disabled = false, maxDisplayCount = 3, resetButton = "bottom", resetLabel = "Reset", separateGroups = false, ...props }, ref) => {

package/dist/src/components/MultiSelectDropdown.mjs CHANGED Viewed

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

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

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

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

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

package/dist/src/components/Orb.mjs 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.d.mts CHANGED Viewed

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

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

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

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

@@ -1,9 +1,9 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_runtime = require("../../_virtual/_rolldown/runtime.js");
 const require_src_lib_utils = require("../lib/utils.js");
+let react_jsx_runtime = require("react/jsx-runtime");
 let react = require("react");
 react = require_runtime.__toESM(react);
-let react_jsx_runtime = require("react/jsx-runtime");
 let lucide_react = require("lucide-react");
 let react_i18next = require("react-i18next");
 //#region src/components/PageAlert.tsx

package/dist/src/components/PageAlert.mjs CHANGED Viewed

@@ -1,6 +1,6 @@
 import { cn } from "../lib/utils.mjs";
-import * as React$1 from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import * as React$1 from "react";
 import { AlertCircle, AlertTriangle, CheckCircle, Info, X } from "lucide-react";
 import { useTranslation } from "react-i18next";
 import { cva } from "class-variance-authority";

package/dist/src/components/SelectChips.d.mts 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,7 +1,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 require("../../_virtual/_rolldown/runtime.js");
-let _heroui_react = require("@heroui/react");
 let react_jsx_runtime = require("react/jsx-runtime");
+let _heroui_react = require("@heroui/react");
 //#region src/components/SelectChips.tsx
 function SelectChips({ items, selectedItems, onSelectionChange, buttonProps }) {
 	return items.map((item) => {

package/dist/src/components/SelectChips.mjs 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.mts 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.mts 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,7 +1,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 require("../../_virtual/_rolldown/runtime.js");
-let _heroui_react = require("@heroui/react");
 let react_jsx_runtime = require("react/jsx-runtime");
+let _heroui_react = require("@heroui/react");
 //#region src/components/TablerIconPicker.tsx
 function TablerIconPicker({ value, onSelectionChange, isVirtualized = true, ...props }) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_heroui_react.Select, {

package/dist/src/components/TablerIconPicker.mjs 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

@@ -3,8 +3,8 @@ require("../../_virtual/_rolldown/runtime.js");
 const require_src_components_ui_separator = require("./ui/separator.js");
 const require_src_components_ui_sidebar = require("./ui/sidebar.js");
 const require_src_components_ui_breadcrumb = require("./ui/breadcrumb.js");
-let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
+let react = require("react");
 //#region src/components/app-header.tsx
 function AppHeader({ breadcrumbs }) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("header", {

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

@@ -1,8 +1,8 @@
 import { Separator } from "./ui/separator.mjs";
 import { SidebarTrigger } from "./ui/sidebar.mjs";
 import { Breadcrumb, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator } from "./ui/breadcrumb.mjs";
-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.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"app-header.mjs","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.mjs","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.mts 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

@@ -2,8 +2,8 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 require("../../_virtual/_rolldown/runtime.js");
 const require_src_lib_utils = require("../lib/utils.js");
 const require_src_components_ui_card = require("./ui/card.js");
-let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
+let react = require("react");
 let motion_react = require("motion/react");
 //#region src/components/blur-card.tsx
 function BlurCardHeader({ title, subtitle, type, date }) {

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

@@ -1,7 +1,7 @@
 import { cn } from "../lib/utils.mjs";
 import { Card } from "./ui/card.mjs";
-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

@@ -3,8 +3,8 @@ Object.defineProperties(exports, {
 	[Symbol.toStringTag]: { value: "Module" }
 });
 require("../../_virtual/_rolldown/runtime.js");
-let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
+let react = require("react");
 //#region src/components/features-section-demo-1.tsx
 function FeaturesSectionDemo() {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {

package/dist/src/components/features-section-demo-1.mjs 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

@@ -4,8 +4,8 @@ Object.defineProperties(exports, {
 });
 const require_runtime = require("../../_virtual/_rolldown/runtime.js");
 const require_src_lib_utils = require("../lib/utils.js");
-let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
+let react = require("react");
 let motion_react = require("motion/react");
 let _tabler_icons_react = require("@tabler/icons-react");
 let cobe = require("cobe");

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

@@ -1,6 +1,6 @@
 import { cn } from "../lib/utils.mjs";
-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

@@ -2,8 +2,8 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 require("../../../_virtual/_rolldown/runtime.js");
 const require_src_lib_utils = require("../../lib/utils.js");
 const require_src_components_ui_button = require("../ui/button.js");
-let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
+let react = require("react");
 let lucide_react = require("lucide-react");
 let react_i18next = require("react-i18next");
 let sonner = require("sonner");

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

@@ -1,7 +1,7 @@
 import { cn } from "../../lib/utils.mjs";
 import { Button } from "../ui/button.mjs";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
-import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { CheckCircle, Copy } from "lucide-react";
 import { useTranslation } from "react-i18next";
 import { toast } from "sonner";
@@ -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.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ButtonCopy.mjs","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.mjs","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.mts 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

@@ -2,9 +2,9 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_runtime = require("../../_virtual/_rolldown/runtime.js");
 const require_src_components_ui_sidebar = require("./ui/sidebar.js");
 const require_src_components_ui_dropdown_menu = require("./ui/dropdown-menu.js");
+let react_jsx_runtime = require("react/jsx-runtime");
 let react = require("react");
 react = require_runtime.__toESM(react);
-let react_jsx_runtime = require("react/jsx-runtime");
 let lucide_react = require("lucide-react");
 //#region src/components/team-switcher.tsx
 function TeamSwitcher({ teams }) {

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

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

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

@@ -1,7 +1,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 require("../../_virtual/_rolldown/runtime.js");
-let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
+let react = require("react");
 //#region src/components/theme-provider.tsx
 const ThemeProviderContext = (0, react.createContext)({
 	theme: "dark",

package/dist/src/components/theme-provider.mjs 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,8 +1,8 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 require("../../_virtual/_rolldown/runtime.js");
 const require_src_components_ui_typewriter_effect = require("./ui/typewriter-effect.js");
-let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
+let react = require("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/typewriter.mjs CHANGED Viewed

@@ -1,6 +1,6 @@
 import { TypewriterEffect } from "./ui/typewriter-effect.mjs";
-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.mts 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.mts 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

@@ -2,9 +2,9 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_runtime = require("../../../_virtual/_rolldown/runtime.js");
 const require_src_lib_utils = require("../../lib/utils.js");
+let react_jsx_runtime = require("react/jsx-runtime");
 let react = require("react");
 react = require_runtime.__toESM(react);
-let react_jsx_runtime = require("react/jsx-runtime");
 let _radix_ui_react_avatar = require("@radix-ui/react-avatar");
 _radix_ui_react_avatar = require_runtime.__toESM(_radix_ui_react_avatar);
 //#region src/components/ui/avatar.tsx

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

@@ -1,7 +1,7 @@
 "use client";
 import { cn } from "../../lib/utils.mjs";
-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.mts 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.mts 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.mts 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"> & {