@m5kdev/web-ui 0.9.2 → 0.9.3

package/dist/packages/backend/dist/src/modules/auth/auth.dto.d.mts

@@ -13,8 +13,8 @@ declare const waitlistSchema: z.ZodObject<{
   expiresAt: z.ZodNullable<z.ZodDate>;
 }, z.core.$strip>;
 declare const waitlistOutputSchema: z.ZodObject<{
-  id: z.ZodString;
   name: z.ZodNullable<z.ZodString>;
+  id: z.ZodString;
   email: z.ZodNullable<z.ZodString>;
   createdAt: z.ZodDate;
   updatedAt: z.ZodNullable<z.ZodDate>;
@@ -59,8 +59,8 @@ declare const accountClaimMagicLinkOutputSchema: z.ZodObject<{
   id: z.ZodString;
   email: z.ZodString;
   createdAt: z.ZodDate;
-  userId: z.ZodString;
   expiresAt: z.ZodNullable<z.ZodDate>;
+  userId: z.ZodString;
   claimId: z.ZodString;
   url: z.ZodString;
 }, z.core.$strip>;

package/dist/packages/backend/dist/src/modules/auth/auth.dto.d.ts

@@ -13,8 +13,8 @@ declare const waitlistSchema: z.ZodObject<{
   expiresAt: z.ZodNullable<z.ZodDate>;
 }, z.core.$strip>;
 declare const waitlistOutputSchema: z.ZodObject<{
-  id: z.ZodString;
   name: z.ZodNullable<z.ZodString>;
+  id: z.ZodString;
   email: z.ZodNullable<z.ZodString>;
   createdAt: z.ZodDate;
   updatedAt: z.ZodNullable<z.ZodDate>;
@@ -59,8 +59,8 @@ declare const accountClaimMagicLinkOutputSchema: z.ZodObject<{
   id: z.ZodString;
   email: z.ZodString;
   createdAt: z.ZodDate;
-  userId: z.ZodString;
   expiresAt: z.ZodNullable<z.ZodDate>;
+  userId: z.ZodString;
   claimId: z.ZodString;
   url: z.ZodString;
 }, z.core.$strip>;

package/dist/packages/backend/dist/src/types.d.mts

@@ -79,8 +79,8 @@ declare const createAuthTRPCRouter: (trpcMethods: TRPCMethods, authService: Auth
         id: string;
         email: string;
         createdAt: Date;
-        userId: string;
         expiresAt: Date | null;
+        userId: string;
         claimId: string;
         url: string;
       };
@@ -94,8 +94,8 @@ declare const createAuthTRPCRouter: (trpcMethods: TRPCMethods, authService: Auth
         id: string;
         email: string;
         createdAt: Date;
-        userId: string;
         expiresAt: Date | null;
+        userId: string;
         claimId: string;
         url: string;
       }[];
@@ -149,8 +149,8 @@ declare const createAuthTRPCRouter: (trpcMethods: TRPCMethods, authService: Auth
     listAdminWaitlist: QueryProcedure<{
       input: void;
       output: {
-        id: string;
         name: string | null;
+        id: string;
         email: string | null;
         createdAt: Date;
         updatedAt: Date | null;
@@ -163,8 +163,8 @@ declare const createAuthTRPCRouter: (trpcMethods: TRPCMethods, authService: Auth
         email: string;
       };
       output: {
-        id: string;
         name: string | null;
+        id: string;
         email: string | null;
         createdAt: Date;
         updatedAt: Date | null;
@@ -194,8 +194,8 @@ declare const createAuthTRPCRouter: (trpcMethods: TRPCMethods, authService: Auth
         id: string;
       };
       output: {
-        id: string;
         name: string | null;
+        id: string;
         email: string | null;
         createdAt: Date;
         updatedAt: Date | null;
@@ -208,8 +208,8 @@ declare const createAuthTRPCRouter: (trpcMethods: TRPCMethods, authService: Auth
         id: string;
       };
       output: {
-        id: string;
         name: string | null;
+        id: string;
         email: string | null;
         createdAt: Date;
         updatedAt: Date | null;
@@ -222,8 +222,8 @@ declare const createAuthTRPCRouter: (trpcMethods: TRPCMethods, authService: Auth
         email: string;
       };
       output: {
-        id: string;
         name: string | null;
+        id: string;
         email: string | null;
         createdAt: Date;
         updatedAt: Date | null;

package/dist/packages/backend/dist/src/types.d.ts

@@ -79,8 +79,8 @@ declare const createAuthTRPCRouter: (trpcMethods: TRPCMethods, authService: Auth
         id: string;
         email: string;
         createdAt: Date;
-        userId: string;
         expiresAt: Date | null;
+        userId: string;
         claimId: string;
         url: string;
       };
@@ -94,8 +94,8 @@ declare const createAuthTRPCRouter: (trpcMethods: TRPCMethods, authService: Auth
         id: string;
         email: string;
         createdAt: Date;
-        userId: string;
         expiresAt: Date | null;
+        userId: string;
         claimId: string;
         url: string;
       }[];
@@ -149,8 +149,8 @@ declare const createAuthTRPCRouter: (trpcMethods: TRPCMethods, authService: Auth
     listAdminWaitlist: QueryProcedure<{
       input: void;
       output: {
-        id: string;
         name: string | null;
+        id: string;
         email: string | null;
         createdAt: Date;
         updatedAt: Date | null;
@@ -163,8 +163,8 @@ declare const createAuthTRPCRouter: (trpcMethods: TRPCMethods, authService: Auth
         email: string;
       };
       output: {
-        id: string;
         name: string | null;
+        id: string;
         email: string | null;
         createdAt: Date;
         updatedAt: Date | null;
@@ -194,8 +194,8 @@ declare const createAuthTRPCRouter: (trpcMethods: TRPCMethods, authService: Auth
         id: string;
       };
       output: {
-        id: string;
         name: string | null;
+        id: string;
         email: string | null;
         createdAt: Date;
         updatedAt: Date | null;
@@ -208,8 +208,8 @@ declare const createAuthTRPCRouter: (trpcMethods: TRPCMethods, authService: Auth
         id: string;
       };
       output: {
-        id: string;
         name: string | null;
+        id: string;
         email: string | null;
         createdAt: Date;
         updatedAt: Date | null;
@@ -222,8 +222,8 @@ declare const createAuthTRPCRouter: (trpcMethods: TRPCMethods, authService: Auth
         email: string;
       };
       output: {
-        id: string;
         name: string | null;
+        id: string;
         email: string | null;
         createdAt: Date;
         updatedAt: Date | null;

package/dist/src/components/AvatarUpload.js

@@ -4,11 +4,11 @@ const require_src_lib_utils = require("../lib/utils.js");
 const require_src_components_CropDialog = require("./CropDialog.js");
 const require_src_components_ui_avatar = require("./ui/avatar.js");
 const require_src_components_ui_progress = require("./ui/progress.js");
-let react = require("react");
-let react_jsx_runtime = require("react/jsx-runtime");
 let _m5kdev_frontend_modules_file_hooks_useUpload = require("@m5kdev/frontend/modules/file/hooks/useUpload");
 let lucide_react = require("lucide-react");
+let react = require("react");
 let react_i18next = require("react-i18next");
+let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/AvatarUpload.tsx
 function AvatarUpload({ currentAvatarUrl, onUploadComplete, className }) {
 	const { t } = (0, react_i18next.useTranslation)();

package/dist/src/components/AvatarUpload.mjs

@@ -2,11 +2,11 @@ import { cn } from "../lib/utils.mjs";
 import { CropDialog } from "./CropDialog.mjs";
 import { Avatar, AvatarFallback, AvatarImage } from "./ui/avatar.mjs";
 import { Progress } from "./ui/progress.mjs";
-import { useRef, useState } from "react";
-import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { useFileUpload } from "@m5kdev/frontend/modules/file/hooks/useUpload";
 import { Edit2, User } from "lucide-react";
+import { useRef, useState } from "react";
 import { useTranslation } from "react-i18next";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/AvatarUpload.tsx
 function AvatarUpload({ currentAvatarUrl, onUploadComplete, className }) {
 	const { t } = useTranslation();

package/dist/src/components/CardsSelect.js

@@ -2,10 +2,10 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_runtime = require("../../_virtual/_rolldown/runtime.js");
 const require_src_lib_utils = require("../lib/utils.js");
 const require_src_components_ui_card = require("./ui/card.js");
+let lucide_react = require("lucide-react");
 let react = require("react");
 react = require_runtime.__toESM(react);
 let react_jsx_runtime = require("react/jsx-runtime");
-let lucide_react = require("lucide-react");
 //#region src/components/CardsSelect.tsx
 const CardsSelect = react.forwardRef(({ items, selectedIds, onSelectionChange, maxSelections, className, cardClassName, showCheckbox = true, disabled = false, reversed = false, ...props }, ref) => {
 	const handleCardClick = (itemId) => {

package/dist/src/components/CardsSelect.mjs

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

package/dist/src/components/CollapsibleSidebarMenuItem.js

@@ -2,8 +2,8 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 require("../../_virtual/_rolldown/runtime.js");
 const require_src_components_ui_collapsible = require("./ui/collapsible.js");
 const require_src_components_ui_sidebar = require("./ui/sidebar.js");
-let react_jsx_runtime = require("react/jsx-runtime");
 let lucide_react = require("lucide-react");
+let react_jsx_runtime = require("react/jsx-runtime");
 let react_router = require("react-router");
 //#region src/components/CollapsibleSidebarMenuItem.tsx
 function CollapsibleSidebarMenuItem({ children, label, icon, link, badge, ...props }) {

package/dist/src/components/CollapsibleSidebarMenuItem.mjs

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

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

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

package/dist/src/components/ColorPicker.js

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

package/dist/src/components/ColorPicker.mjs

@@ -1,7 +1,7 @@
+import { PipetteIcon } from "lucide-react";
 import { useState } from "react";
-import { Button, Input, Popover, PopoverContent, PopoverTrigger } from "@heroui/react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { PipetteIcon } from "lucide-react";
+import { Button, Input, Popover, PopoverContent, PopoverTrigger } from "@heroui/react";
 import { hexToHsva } from "@uiw/color-convert";
 import Colorful from "@uiw/react-color-colorful";
 //#region src/components/ColorPicker.tsx

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

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

package/dist/src/components/CopyButton.js

@@ -1,10 +1,10 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 require("../../_virtual/_rolldown/runtime.js");
-let react = require("react");
-let _heroui_react = require("@heroui/react");
-let react_jsx_runtime = require("react/jsx-runtime");
 let lucide_react = require("lucide-react");
+let react = require("react");
 let react_i18next = require("react-i18next");
+let react_jsx_runtime = require("react/jsx-runtime");
+let _heroui_react = require("@heroui/react");
 let sonner = require("sonner");
 //#region src/components/CopyButton.tsx
 function CopyButton({ text, notificationTimeout = 1e3, isIconOnly, onCopy, ...props }) {

package/dist/src/components/CopyButton.mjs

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

package/dist/src/components/CropDialog.js

@@ -3,12 +3,12 @@ const require_runtime = require("../../_virtual/_rolldown/runtime.js");
 const require_src_components_ui_button = require("./ui/button.js");
 const require_src_components_ui_dialog = require("./ui/dialog.js");
 const require_src_components_ui_slider = require("./ui/slider.js");
-let react = require("react");
-let react_jsx_runtime = require("react/jsx-runtime");
 let lucide_react = require("lucide-react");
+let react = require("react");
 let react_i18next = require("react-i18next");
 let react_easy_crop = require("react-easy-crop");
 react_easy_crop = require_runtime.__toESM(react_easy_crop);
+let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/CropDialog.tsx
 async function getCroppedImg(imageSrc, pixelCrop, t) {
 	const image = new Image();

package/dist/src/components/CropDialog.mjs

@@ -1,11 +1,11 @@
 import { Button } from "./ui/button.mjs";
 import { Dialog, DialogContent, DialogHeader, DialogTitle } from "./ui/dialog.mjs";
 import { Slider } from "./ui/slider.mjs";
-import { useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { ZoomIn, ZoomOut } from "lucide-react";
+import { useState } from "react";
 import { useTranslation } from "react-i18next";
 import Cropper from "react-easy-crop";
+import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/CropDialog.tsx
 async function getCroppedImg(imageSrc, pixelCrop, t) {
 	const image = new Image();

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

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

package/dist/src/components/DialogProvider.js

@@ -1,9 +1,9 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 require("../../_virtual/_rolldown/runtime.js");
 let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
 let _heroui_react = require("@heroui/react");
 let _heroui_theme = require("@heroui/theme");
-let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/DialogProvider.tsx
 const DialogContext = (0, react.createContext)(() => {
 	console.warn("DialogProvider is not initialized");

package/dist/src/components/DialogProvider.mjs

@@ -1,7 +1,7 @@
 import { createContext, useContext, useRef, useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 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");

package/dist/src/components/FileDropzone.js

@@ -3,9 +3,9 @@ require("../../_virtual/_rolldown/runtime.js");
 const require_src_lib_utils = require("../lib/utils.js");
 const require_src_components_ui_button = require("./ui/button.js");
 const require_src_components_ui_progress = require("./ui/progress.js");
+let lucide_react = require("lucide-react");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
-let lucide_react = require("lucide-react");
 let react_dropzone = require("react-dropzone");
 //#region src/components/FileDropzone.tsx
 function FileDropzone({ onUploadComplete, className }) {

package/dist/src/components/FileDropzone.mjs

@@ -1,9 +1,9 @@
 import { cn } from "../lib/utils.mjs";
 import { Button } from "./ui/button.mjs";
 import { Progress } from "./ui/progress.mjs";
+import { File, Upload, X } from "lucide-react";
 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
 function FileDropzone({ onUploadComplete, className }) {

package/dist/src/components/MultiSelectDropdown.js

@@ -3,10 +3,10 @@ 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 lucide_react = require("lucide-react");
 let react = require("react");
 react = require_runtime.__toESM(react);
 let react_jsx_runtime = require("react/jsx-runtime");
-let lucide_react = require("lucide-react");
 //#region src/components/MultiSelectDropdown.tsx
 const MultiSelectDropdown = react.forwardRef(({ options, selectedValues, onValueChange, placeholder = "Select items...", label, className, triggerClassName, trigger, multiSelectLabel, disabled = false, maxDisplayCount = 3, resetButton = "bottom", resetLabel = "Reset", separateGroups = false, ...props }, ref) => {
 	const handleValueChange = (value, checked) => {

package/dist/src/components/MultiSelectDropdown.mjs

@@ -1,9 +1,9 @@
 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 { ChevronDown, RotateCcw } from "lucide-react";
 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) => {
 	const handleValueChange = (value, checked) => {

package/dist/src/components/PageAlert.js

@@ -1,13 +1,14 @@
 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 lucide_react = require("lucide-react");
 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");
+let class_variance_authority = require("class-variance-authority");
+let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/PageAlert.tsx
-const pageAlertVariants = (0, require("class-variance-authority").cva)("relative w-full border-b px-4 py-3 text-sm transition-all duration-300 ease-in-out", {
+const pageAlertVariants = (0, class_variance_authority.cva)("relative w-full border-b px-4 py-3 text-sm transition-all duration-300 ease-in-out", {
 	variants: { variant: {
 		default: "bg-background border-border text-foreground",
 		info: "bg-blue-50 border-blue-200 text-blue-900 dark:bg-blue-950/50 dark:border-blue-800 dark:text-blue-100",

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

@@ -1 +1 @@
-{"version":3,"file":"PageAlert.js","names":["Info","CheckCircle","AlertTriangle","AlertCircle","React","cn","X"],"sources":["../../../src/components/PageAlert.tsx"],"sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\";\r\nimport { AlertCircle, AlertTriangle, CheckCircle, Info, X } from \"lucide-react\";\r\nimport * as React from \"react\";\r\nimport { useTranslation } from \"react-i18next\";\r\n\r\nimport { cn } from \"../lib/utils\";\r\n\r\nconst pageAlertVariants = cva(\r\n  \"relative w-full border-b px-4 py-3 text-sm transition-all duration-300 ease-in-out\",\r\n  {\r\n    variants: {\r\n      variant: {\r\n        default: \"bg-background border-border text-foreground\",\r\n        info: \"bg-blue-50 border-blue-200 text-blue-900 dark:bg-blue-950/50 dark:border-blue-800 dark:text-blue-100\",\r\n        success:\r\n          \"bg-green-50 border-green-200 text-green-900 dark:bg-green-950/50 dark:border-green-800 dark:text-green-100\",\r\n        warning:\r\n          \"bg-yellow-50 border-yellow-200 text-yellow-900 dark:bg-yellow-950/50 dark:border-yellow-800 dark:text-yellow-100\",\r\n        destructive:\r\n          \"bg-red-50 border-red-200 text-red-900 dark:bg-red-950/50 dark:border-red-800 dark:text-red-100\",\r\n      },\r\n    },\r\n    defaultVariants: {\r\n      variant: \"default\",\r\n    },\r\n  }\r\n);\r\n\r\nconst iconMap = {\r\n  default: Info,\r\n  info: Info,\r\n  success: CheckCircle,\r\n  warning: AlertTriangle,\r\n  destructive: AlertCircle,\r\n} as const;\r\n\r\ninterface PageAlertProps\r\n  extends React.ComponentProps<\"div\">,\r\n    VariantProps<typeof pageAlertVariants> {\r\n  title?: string;\r\n  description?: React.ReactNode;\r\n  icon?: React.ComponentType<{ className?: string }>;\r\n  dismissible?: boolean;\r\n  defaultOpen?: boolean;\r\n  onDismiss?: () => void;\r\n  children?: React.ReactNode;\r\n}\r\n\r\nconst PageAlert = React.forwardRef<HTMLDivElement, PageAlertProps>(\r\n  (\r\n    {\r\n      className,\r\n      variant = \"default\",\r\n      title,\r\n      description,\r\n      icon,\r\n      dismissible = true,\r\n      defaultOpen = true,\r\n      onDismiss,\r\n      children,\r\n      ...props\r\n    },\r\n    ref\r\n  ) => {\r\n    const { t } = useTranslation();\r\n    const [isOpen, setIsOpen] = React.useState(defaultOpen);\r\n    const [isAnimatingOut, setIsAnimatingOut] = React.useState(false);\r\n    const IconComponent = icon || iconMap[variant || \"default\"];\r\n\r\n    const handleDismiss = React.useCallback(() => {\r\n      setIsAnimatingOut(true);\r\n      // Wait for animation to complete before removing from DOM\r\n      setTimeout(() => {\r\n        setIsOpen(false);\r\n        onDismiss?.();\r\n      }, 300); // Match the animation duration\r\n    }, [onDismiss]);\r\n\r\n    if (!isOpen) {\r\n      return null;\r\n    }\r\n\r\n    const content = (\r\n      <div\r\n        ref={ref}\r\n        role=\"alert\"\r\n        className={cn(\r\n          pageAlertVariants({ variant }),\r\n          isAnimatingOut && \"transform -translate-y-full opacity-0\",\r\n          className\r\n        )}\r\n        {...props}\r\n      >\r\n        <div className=\"flex items-start gap-3\">\r\n          {IconComponent && <IconComponent className=\"h-4 w-4 mt-0.5 flex-shrink-0\" />}\r\n          <div className=\"flex-1 min-w-0\">\r\n            {title && <div className=\"font-medium leading-none tracking-tight mb-1\">{title}</div>}\r\n            {description && <div className=\"text-sm opacity-90 leading-relaxed\">{description}</div>}\r\n            {children}\r\n          </div>\r\n          {dismissible && (\r\n            <button\r\n              type=\"button\"\r\n              onClick={handleDismiss}\r\n              className=\"flex-shrink-0 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none\"\r\n              aria-label={t(\"web-ui:alert.dismissLabel\")}\r\n            >\r\n              <X className=\"h-4 w-4\" />\r\n            </button>\r\n          )}\r\n        </div>\r\n      </div>\r\n    );\r\n\r\n    return content;\r\n  }\r\n);\r\n\r\nPageAlert.displayName = \"PageAlert\";\r\n\r\nexport { PageAlert, type PageAlertProps };\r\n"],"mappings":";;;;;;;;;AAOA,MAAM,qBAAA,uCAAA,KACJ,sFACA;CACE,UAAU,EACR,SAAS;EACP,SAAS;EACT,MAAM;EACN,SACE;EACF,SACE;EACF,aACE;EACH,EACF;CACD,iBAAiB,EACf,SAAS,WACV;CACF,CACF;AAED,MAAM,UAAU;CACd,SAASA,aAAAA;CACT,MAAMA,aAAAA;CACN,SAASC,aAAAA;CACT,SAASC,aAAAA;CACT,aAAaC,aAAAA;CACd;AAcD,MAAM,YAAYC,MAAM,YAEpB,EACE,WACA,UAAU,WACV,OACA,aACA,MACA,cAAc,MACd,cAAc,MACd,WACA,UACA,GAAG,SAEL,QACG;CACH,MAAM,EAAE,OAAA,GAAA,cAAA,iBAAsB;CAC9B,MAAM,CAAC,QAAQ,aAAaA,MAAM,SAAS,YAAY;CACvD,MAAM,CAAC,gBAAgB,qBAAqBA,MAAM,SAAS,MAAM;CACjE,MAAM,gBAAgB,QAAQ,QAAQ,WAAW;CAEjD,MAAM,gBAAgBA,MAAM,kBAAkB;AAC5C,oBAAkB,KAAK;AAEvB,mBAAiB;AACf,aAAU,MAAM;AAChB,gBAAa;KACZ,IAAI;IACN,CAAC,UAAU,CAAC;AAEf,KAAI,CAAC,OACH,QAAO;AAmCT,QA/BE,iBAAA,GAAA,kBAAA,KAAC,OAAD;EACO;EACL,MAAK;EACL,WAAWC,sBAAAA,GACT,kBAAkB,EAAE,SAAS,CAAC,EAC9B,kBAAkB,yCAClB,UACD;EACD,GAAI;YAEJ,iBAAA,GAAA,kBAAA,MAAC,OAAD;GAAK,WAAU;aAAf;IACG,iBAAiB,iBAAA,GAAA,kBAAA,KAAC,eAAD,EAAe,WAAU,gCAAiC,CAAA;IAC5E,iBAAA,GAAA,kBAAA,MAAC,OAAD;KAAK,WAAU;eAAf;MACG,SAAS,iBAAA,GAAA,kBAAA,KAAC,OAAD;OAAK,WAAU;iBAAgD;OAAY,CAAA;MACpF,eAAe,iBAAA,GAAA,kBAAA,KAAC,OAAD;OAAK,WAAU;iBAAsC;OAAkB,CAAA;MACtF;MACG;;IACL,eACC,iBAAA,GAAA,kBAAA,KAAC,UAAD;KACE,MAAK;KACL,SAAS;KACT,WAAU;KACV,cAAY,EAAE,4BAA4B;eAE1C,iBAAA,GAAA,kBAAA,KAACC,aAAAA,GAAD,EAAG,WAAU,WAAY,CAAA;KAClB,CAAA;IAEP;;EACF,CAAA;EAKX;AAED,UAAU,cAAc"}
+{"version":3,"file":"PageAlert.js","names":["Info","CheckCircle","AlertTriangle","AlertCircle","React","cn","X"],"sources":["../../../src/components/PageAlert.tsx"],"sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\";\r\nimport { AlertCircle, AlertTriangle, CheckCircle, Info, X } from \"lucide-react\";\r\nimport * as React from \"react\";\r\nimport { useTranslation } from \"react-i18next\";\r\n\r\nimport { cn } from \"../lib/utils\";\r\n\r\nconst pageAlertVariants = cva(\r\n  \"relative w-full border-b px-4 py-3 text-sm transition-all duration-300 ease-in-out\",\r\n  {\r\n    variants: {\r\n      variant: {\r\n        default: \"bg-background border-border text-foreground\",\r\n        info: \"bg-blue-50 border-blue-200 text-blue-900 dark:bg-blue-950/50 dark:border-blue-800 dark:text-blue-100\",\r\n        success:\r\n          \"bg-green-50 border-green-200 text-green-900 dark:bg-green-950/50 dark:border-green-800 dark:text-green-100\",\r\n        warning:\r\n          \"bg-yellow-50 border-yellow-200 text-yellow-900 dark:bg-yellow-950/50 dark:border-yellow-800 dark:text-yellow-100\",\r\n        destructive:\r\n          \"bg-red-50 border-red-200 text-red-900 dark:bg-red-950/50 dark:border-red-800 dark:text-red-100\",\r\n      },\r\n    },\r\n    defaultVariants: {\r\n      variant: \"default\",\r\n    },\r\n  }\r\n);\r\n\r\nconst iconMap = {\r\n  default: Info,\r\n  info: Info,\r\n  success: CheckCircle,\r\n  warning: AlertTriangle,\r\n  destructive: AlertCircle,\r\n} as const;\r\n\r\ninterface PageAlertProps\r\n  extends React.ComponentProps<\"div\">,\r\n    VariantProps<typeof pageAlertVariants> {\r\n  title?: string;\r\n  description?: React.ReactNode;\r\n  icon?: React.ComponentType<{ className?: string }>;\r\n  dismissible?: boolean;\r\n  defaultOpen?: boolean;\r\n  onDismiss?: () => void;\r\n  children?: React.ReactNode;\r\n}\r\n\r\nconst PageAlert = React.forwardRef<HTMLDivElement, PageAlertProps>(\r\n  (\r\n    {\r\n      className,\r\n      variant = \"default\",\r\n      title,\r\n      description,\r\n      icon,\r\n      dismissible = true,\r\n      defaultOpen = true,\r\n      onDismiss,\r\n      children,\r\n      ...props\r\n    },\r\n    ref\r\n  ) => {\r\n    const { t } = useTranslation();\r\n    const [isOpen, setIsOpen] = React.useState(defaultOpen);\r\n    const [isAnimatingOut, setIsAnimatingOut] = React.useState(false);\r\n    const IconComponent = icon || iconMap[variant || \"default\"];\r\n\r\n    const handleDismiss = React.useCallback(() => {\r\n      setIsAnimatingOut(true);\r\n      // Wait for animation to complete before removing from DOM\r\n      setTimeout(() => {\r\n        setIsOpen(false);\r\n        onDismiss?.();\r\n      }, 300); // Match the animation duration\r\n    }, [onDismiss]);\r\n\r\n    if (!isOpen) {\r\n      return null;\r\n    }\r\n\r\n    const content = (\r\n      <div\r\n        ref={ref}\r\n        role=\"alert\"\r\n        className={cn(\r\n          pageAlertVariants({ variant }),\r\n          isAnimatingOut && \"transform -translate-y-full opacity-0\",\r\n          className\r\n        )}\r\n        {...props}\r\n      >\r\n        <div className=\"flex items-start gap-3\">\r\n          {IconComponent && <IconComponent className=\"h-4 w-4 mt-0.5 flex-shrink-0\" />}\r\n          <div className=\"flex-1 min-w-0\">\r\n            {title && <div className=\"font-medium leading-none tracking-tight mb-1\">{title}</div>}\r\n            {description && <div className=\"text-sm opacity-90 leading-relaxed\">{description}</div>}\r\n            {children}\r\n          </div>\r\n          {dismissible && (\r\n            <button\r\n              type=\"button\"\r\n              onClick={handleDismiss}\r\n              className=\"flex-shrink-0 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none\"\r\n              aria-label={t(\"web-ui:alert.dismissLabel\")}\r\n            >\r\n              <X className=\"h-4 w-4\" />\r\n            </button>\r\n          )}\r\n        </div>\r\n      </div>\r\n    );\r\n\r\n    return content;\r\n  }\r\n);\r\n\r\nPageAlert.displayName = \"PageAlert\";\r\n\r\nexport { PageAlert, type PageAlertProps };\r\n"],"mappings":";;;;;;;;;;AAOA,MAAM,qBAAA,GAAA,yBAAA,KACJ,sFACA;CACE,UAAU,EACR,SAAS;EACP,SAAS;EACT,MAAM;EACN,SACE;EACF,SACE;EACF,aACE;EACH,EACF;CACD,iBAAiB,EACf,SAAS,WACV;CACF,CACF;AAED,MAAM,UAAU;CACd,SAASA,aAAAA;CACT,MAAMA,aAAAA;CACN,SAASC,aAAAA;CACT,SAASC,aAAAA;CACT,aAAaC,aAAAA;CACd;AAcD,MAAM,YAAYC,MAAM,YAEpB,EACE,WACA,UAAU,WACV,OACA,aACA,MACA,cAAc,MACd,cAAc,MACd,WACA,UACA,GAAG,SAEL,QACG;CACH,MAAM,EAAE,OAAA,GAAA,cAAA,iBAAsB;CAC9B,MAAM,CAAC,QAAQ,aAAaA,MAAM,SAAS,YAAY;CACvD,MAAM,CAAC,gBAAgB,qBAAqBA,MAAM,SAAS,MAAM;CACjE,MAAM,gBAAgB,QAAQ,QAAQ,WAAW;CAEjD,MAAM,gBAAgBA,MAAM,kBAAkB;AAC5C,oBAAkB,KAAK;AAEvB,mBAAiB;AACf,aAAU,MAAM;AAChB,gBAAa;KACZ,IAAI;IACN,CAAC,UAAU,CAAC;AAEf,KAAI,CAAC,OACH,QAAO;AAmCT,QA/BE,iBAAA,GAAA,kBAAA,KAAC,OAAD;EACO;EACL,MAAK;EACL,WAAWC,sBAAAA,GACT,kBAAkB,EAAE,SAAS,CAAC,EAC9B,kBAAkB,yCAClB,UACD;EACD,GAAI;YAEJ,iBAAA,GAAA,kBAAA,MAAC,OAAD;GAAK,WAAU;aAAf;IACG,iBAAiB,iBAAA,GAAA,kBAAA,KAAC,eAAD,EAAe,WAAU,gCAAiC,CAAA;IAC5E,iBAAA,GAAA,kBAAA,MAAC,OAAD;KAAK,WAAU;eAAf;MACG,SAAS,iBAAA,GAAA,kBAAA,KAAC,OAAD;OAAK,WAAU;iBAAgD;OAAY,CAAA;MACpF,eAAe,iBAAA,GAAA,kBAAA,KAAC,OAAD;OAAK,WAAU;iBAAsC;OAAkB,CAAA;MACtF;MACG;;IACL,eACC,iBAAA,GAAA,kBAAA,KAAC,UAAD;KACE,MAAK;KACL,SAAS;KACT,WAAU;KACV,cAAY,EAAE,4BAA4B;eAE1C,iBAAA,GAAA,kBAAA,KAACC,aAAAA,GAAD,EAAG,WAAU,WAAY,CAAA;KAClB,CAAA;IAEP;;EACF,CAAA;EAKX;AAED,UAAU,cAAc"}

package/dist/src/components/PageAlert.mjs

@@ -1,9 +1,9 @@
 import { cn } from "../lib/utils.mjs";
-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";
+import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/PageAlert.tsx
 const pageAlertVariants = cva("relative w-full border-b px-4 py-3 text-sm transition-all duration-300 ease-in-out", {
 	variants: { variant: {

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

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

package/dist/src/components/SelectChips.js

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

@@ -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/Steps.js

@@ -3,8 +3,8 @@ require("../../_virtual/_rolldown/runtime.js");
 const require_src_lib_utils = require("../lib/utils.js");
 const require_src_components_ui_separator = require("./ui/separator.js");
 const require_src_components_ui_badge = require("./ui/badge.js");
-let react_jsx_runtime = require("react/jsx-runtime");
 let lucide_react = require("lucide-react");
+let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/Steps.tsx
 const Steps = ({ steps, className, onStepClick }) => {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("nav", {

package/dist/src/components/Steps.mjs

@@ -1,8 +1,8 @@
 import { cn } from "../lib/utils.mjs";
 import { Separator } from "./ui/separator.mjs";
 import { Badge } from "./ui/badge.mjs";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { Check } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/Steps.tsx
 const Steps = ({ steps, className, onStepClick }) => {
 	return /* @__PURE__ */ jsxs("nav", {

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

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

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

@@ -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/mode-toggle.js

@@ -3,8 +3,8 @@ require("../../_virtual/_rolldown/runtime.js");
 const require_src_components_ui_button = require("./ui/button.js");
 const require_src_components_ui_dropdown_menu = require("./ui/dropdown-menu.js");
 const require_src_components_theme_provider = require("./theme-provider.js");
-let react_jsx_runtime = require("react/jsx-runtime");
 let lucide_react = require("lucide-react");
+let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/mode-toggle.tsx
 function ModeToggle() {
 	const { setTheme } = require_src_components_theme_provider.useTheme();

package/dist/src/components/mode-toggle.mjs

@@ -1,8 +1,8 @@
 import { Button } from "./ui/button.mjs";
 import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from "./ui/dropdown-menu.mjs";
 import { useTheme } from "./theme-provider.mjs";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { Moon, Sun } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/mode-toggle.tsx
 function ModeToggle() {
 	const { setTheme } = useTheme();

package/dist/src/components/nav-main.d.mts

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

package/dist/src/components/nav-main.js

@@ -3,8 +3,8 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 require("../../_virtual/_rolldown/runtime.js");
 const require_src_components_ui_collapsible = require("./ui/collapsible.js");
 const require_src_components_ui_sidebar = require("./ui/sidebar.js");
-let react_jsx_runtime = require("react/jsx-runtime");
 let lucide_react = require("lucide-react");
+let react_jsx_runtime = require("react/jsx-runtime");
 let react_router = require("react-router");
 //#region src/components/nav-main.tsx
 function NavMain({ items }) {

package/dist/src/components/nav-main.mjs

@@ -1,8 +1,8 @@
 "use client";
 import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "./ui/collapsible.mjs";
 import { SidebarGroup, SidebarGroupLabel, SidebarMenu, SidebarMenuButton, SidebarMenuItem, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem } from "./ui/sidebar.mjs";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { ChevronRight } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { Link } from "react-router";
 //#region src/components/nav-main.tsx
 function NavMain({ items }) {