@m5kdev/web-ui 0.2.0 → 0.3.0

package/dist/src/components/AvatarUpload.js

@@ -3,10 +3,10 @@ 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 { CropDialog } from "#components/CropDialog";
-import { Avatar, AvatarFallback, AvatarImage } from "#components/ui/avatar";
-import { Progress } from "#components/ui/progress";
-import { cn } from "#utils";
+import { CropDialog } from "./CropDialog";
+import { Avatar, AvatarFallback, AvatarImage } from "./ui/avatar";
+import { Progress } from "./ui/progress";
+import { cn } from "../lib/utils";
 export function AvatarUpload({ currentAvatarUrl, onUploadComplete, className }) {
     const { t } = useTranslation();
     const [isHovered, setIsHovered] = useState(false);

package/dist/src/components/CardsSelect.js

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

package/dist/src/components/CollapsibleSidebarMenuItem.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { ChevronRight } from "lucide-react";
 import { Link } from "react-router";
-import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "#components/ui/collapsible";
-import { SidebarMenuButton, SidebarMenuItem, SidebarMenuSub, useSidebar, } from "#components/ui/sidebar";
+import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "./ui/collapsible";
+import { SidebarMenuButton, SidebarMenuItem, SidebarMenuSub, useSidebar, } from "./ui/sidebar";
 export function CollapsibleSidebarMenuItem({ children, label, icon, link, badge, ...props }) {
     const { open } = useSidebar();
     if (!open)

package/dist/src/components/CropDialog.js

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

package/dist/src/components/FileDropzone.js

@@ -2,9 +2,9 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import { File, Upload, X } from "lucide-react";
 import { useCallback, useState } from "react";
 import { useDropzone } from "react-dropzone";
-import { Button } from "#components/ui/button";
-import { Progress } from "#components/ui/progress";
-import { cn } from "#utils";
+import { Button } from "./ui/button";
+import { Progress } from "./ui/progress";
+import { cn } from "../lib/utils";
 export function FileDropzone({ onUploadComplete, className }) {
     const [uploadProgress, setUploadProgress] = useState(0);
     const [selectedFile, setSelectedFile] = useState(null);

package/dist/src/components/MultiSelectDropdown.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { ChevronDown, RotateCcw } from "lucide-react";
 import * as React from "react";
-import { Button } from "#components/ui/button";
-import { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger, } from "#components/ui/dropdown-menu";
-import { cn } from "#utils";
+import { Button } from "./ui/button";
+import { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger, } from "./ui/dropdown-menu";
+import { cn } from "../lib/utils";
 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) => {
         if (checked) {

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

@@ -1,7 +1,7 @@
 import { type VariantProps } from "class-variance-authority";
 import * as React from "react";
 declare const pageAlertVariants: (props?: ({
-    variant?: "info" | "warning" | "success" | "default" | "destructive" | null | undefined;
+    variant?: "default" | "destructive" | "success" | "warning" | "info" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 interface PageAlertProps extends React.ComponentProps<"div">, VariantProps<typeof pageAlertVariants> {
     title?: string;

package/dist/src/components/PageAlert.js

@@ -3,7 +3,7 @@ import { cva } from "class-variance-authority";
 import { AlertCircle, AlertTriangle, CheckCircle, Info, X } from "lucide-react";
 import * as React from "react";
 import { useTranslation } from "react-i18next";
-import { cn } from "#utils";
+import { cn } from "../lib/utils";
 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/SidebarItem.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Link } from "react-router";
-import { SidebarMenuButton, SidebarMenuItem } from "#components/ui/sidebar";
+import { SidebarMenuButton, SidebarMenuItem } from "./ui/sidebar";
 export function SidebarItem({ label, icon, link, badge, }) {
     return (_jsx(SidebarMenuItem, { children: _jsx(SidebarMenuButton, { asChild: true, tooltip: label, children: _jsxs(Link, { to: link, children: [icon, badge ? badge : _jsx("span", { children: label })] }) }) }));
 }

package/dist/src/components/Steps.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Check } from "lucide-react";
-import { Badge } from "#components/ui/badge";
-import { Separator } from "#components/ui/separator";
-import { cn } from "#utils";
+import { Badge } from "./ui/badge";
+import { Separator } from "./ui/separator";
+import { cn } from "../lib/utils";
 export const Steps = ({ steps, className, onStepClick }) => {
     return (_jsxs("nav", { "aria-label": "Progress", className: cn("w-full", className), children: [_jsx("ol", { className: "lg:hidden space-y-6", children: steps.map((step, stepIdx) => (_jsxs("li", { className: "relative", children: [_jsxs("div", { className: "flex items-start", children: [_jsx("div", { className: "flex-shrink-0", children: step.status === "completed" ? (_jsx("button", { type: "button", onClick: () => onStepClick?.(stepIdx), children: _jsx(Badge, { variant: "default", className: "h-10 w-10 rounded-full p-0 flex items-center justify-center", children: _jsx(Check, { className: "h-5 w-5" }) }) })) : step.status === "current" ? (_jsx(Badge, { variant: "default", className: "h-10 w-10 rounded-full p-0 flex items-center justify-center text-sm font-medium", children: stepIdx + 1 })) : (_jsx(Badge, { variant: "outline", className: "h-10 w-10 rounded-full p-0 flex items-center justify-center text-sm font-medium bg-background", children: stepIdx + 1 })) }), _jsxs("div", { className: "ml-4 min-w-0 flex-1", children: [_jsx("p", { className: cn("text-sm font-medium", step.status === "completed" || step.status === "current"
                                                 ? "text-foreground"

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

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Fragment } from "react";
-import { Breadcrumb, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, } from "#components/ui/breadcrumb";
-import { Separator } from "#components/ui/separator";
-import { SidebarTrigger } from "#components/ui/sidebar";
+import { Breadcrumb, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, } from "./ui/breadcrumb";
+import { Separator } from "./ui/separator";
+import { SidebarTrigger } from "./ui/sidebar";
 export function AppHeader({ breadcrumbs }) {
     return (_jsx("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", children: _jsxs("div", { className: "flex items-center gap-2 px-4", children: [_jsx(SidebarTrigger, { className: "-ml-1" }), _jsx(Separator, { orientation: "vertical", className: "mr-2 h-4" }), _jsx(Breadcrumb, { children: _jsx(BreadcrumbList, { children: breadcrumbs.map(({ href, label }, index) => (_jsxs(Fragment, { children: [_jsx(BreadcrumbItem, { children: href ? (_jsx(BreadcrumbLink, { href: href, children: label })) : (_jsx(BreadcrumbPage, { children: label })) }), index < breadcrumbs.length - 1 && (_jsx(BreadcrumbSeparator, { className: "hidden md:block" }))] }, `${label}-${index}`))) }) })] }) }));
 }

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

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { motion } from "motion/react";
 import { useState } from "react";
-import { Card } from "#components/ui/card";
-import { cn } from "#utils";
+import { Card } from "./ui/card";
+import { cn } from "../lib/utils";
 function BlurCardHeader({ title, subtitle, type, date, }) {
     return (_jsxs("div", { className: "w-full px-4 py-4", children: [_jsxs("div", { className: "hidden lg:block", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsx("span", { className: "text-lg font-semibold text-white drop-shadow-md", children: title }), _jsx("span", { className: "inline-block rounded-full bg-white/20 text-xs text-white font-semibold px-2 py-0.5 drop-shadow-md", children: type })] }), _jsxs("div", { className: "flex items-center justify-between", children: [_jsx("span", { className: "text-sm text-neutral-300 drop-shadow-md", children: subtitle }), _jsx("span", { className: "text-xs text-neutral-300 drop-shadow-md italic", children: date })] })] }), _jsxs("div", { className: "block lg:hidden", children: [_jsx("div", { className: "inline-block rounded-full bg-white/20 text-xs text-white font-semibold px-2 py-0.5 drop-shadow-md", children: type }), _jsx("div", { className: "text-lg font-semibold text-white drop-shadow-md", children: title }), _jsx("div", { className: "text-sm text-neutral-300 drop-shadow-md", children: subtitle }), _jsx("div", { className: "text-xs text-neutral-300 drop-shadow-md italic", children: date })] })] }));
 }

package/dist/src/components/features-section-demo-2.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { IconBlocks, IconBooks, IconCode, IconMicroscope, IconRocket, IconSchool, IconUser, IconWriting, } from "@tabler/icons-react";
-import { cn } from "#utils";
+import { cn } from "../lib/utils";
 export default function FeaturesSectionDemo() {
     const features = [
         {

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

@@ -3,7 +3,7 @@ import { IconBrandYoutubeFilled } from "@tabler/icons-react";
 import createGlobe from "cobe";
 import { motion } from "motion/react";
 import { useEffect, useRef } from "react";
-import { cn } from "#utils";
+import { cn } from "../lib/utils";
 export default function FeaturesSectionDemo() {
     const features = [
         {

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

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Moon, Sun } from "lucide-react";
-import { useTheme } from "#components/theme-provider";
-import { Button } from "#components/ui/button";
-import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger, } from "#components/ui/dropdown-menu";
+import { useTheme } from "./theme-provider";
+import { Button } from "./ui/button";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger, } from "./ui/dropdown-menu";
 export function ModeToggle() {
     const { setTheme } = useTheme();
     return (_jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsxs(Button, { variant: "outline", size: "icon", children: [_jsx(Sun, { className: "h-[1.2rem] w-[1.2rem] rotate-0 scale-100 transition-all dark:-rotate-90 dark:scale-0" }), _jsx(Moon, { className: "absolute h-[1.2rem] w-[1.2rem] rotate-90 scale-0 transition-all dark:rotate-0 dark:scale-100" }), _jsx("span", { className: "sr-only", children: "Toggle theme" })] }) }), _jsxs(DropdownMenuContent, { align: "end", children: [_jsx(DropdownMenuItem, { onClick: () => setTheme("light"), children: "Light" }), _jsx(DropdownMenuItem, { onClick: () => setTheme("dark"), children: "Dark" }), _jsx(DropdownMenuItem, { onClick: () => setTheme("system"), children: "System" })] })] }));

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

@@ -2,8 +2,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { ChevronRight } from "lucide-react";
 import { Link } from "react-router";
-import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "#components/ui/collapsible";
-import { SidebarGroup, SidebarGroupLabel, SidebarMenu, SidebarMenuButton, SidebarMenuItem, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, } from "#components/ui/sidebar";
+import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "./ui/collapsible";
+import { SidebarGroup, SidebarGroupLabel, SidebarMenu, SidebarMenuButton, SidebarMenuItem, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, } from "./ui/sidebar";
 export function NavMain({ items, }) {
     return (_jsxs(SidebarGroup, { children: [_jsx(SidebarGroupLabel, { children: "Platform" }), _jsx(SidebarMenu, { children: items.map((item) => (_jsx(Collapsible, { asChild: true, defaultOpen: item.isActive, className: "group/collapsible", children: _jsxs(SidebarMenuItem, { children: [_jsx(CollapsibleTrigger, { asChild: true, children: _jsxs(SidebarMenuButton, { tooltip: item.title, children: [item.icon && _jsx(item.icon, {}), _jsx("span", { children: item.title }), _jsx(ChevronRight, { className: "ml-auto transition-transform duration-200 group-data-[state=open]/collapsible:rotate-90" })] }) }), _jsx(CollapsibleContent, { children: _jsx(SidebarMenuSub, { children: item.items?.map((subItem) => (_jsx(SidebarMenuSubItem, { children: _jsx(SidebarMenuSubButton, { asChild: true, children: _jsx(Link, { to: subItem.url, children: _jsx("span", { children: subItem.title }) }) }) }, subItem.title))) }) })] }) }, item.title))) })] }));
 }

package/dist/src/components/pricing-cards.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Check, MoveRight, PhoneCall } from "lucide-react";
-import { Badge } from "#components/ui/badge";
-import { Button } from "#components/ui/button";
-import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "#components/ui/card";
+import { Badge } from "./ui/badge";
+import { Button } from "./ui/button";
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "./ui/card";
 function PricingCard({ title, description, price, features, highlighted = false, ctaText, ctaIcon: CtaIcon, variant = "outline", }) {
     const Icon = CtaIcon;
     return (_jsxs(Card, { className: `w-full rounded-md ${highlighted ? "shadow-2xl" : ""}`, children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { children: _jsx("span", { className: "flex flex-row gap-4 items-center font-normal", children: title }) }), _jsx(CardDescription, { children: description })] }), _jsx(CardContent, { children: _jsxs("div", { className: "flex flex-col gap-8 justify-start", children: [_jsxs("p", { className: "flex flex-row items-center gap-2 text-xl", children: [_jsxs("span", { className: "text-4xl", children: ["$", price] }), _jsx("span", { className: "text-sm text-muted-foreground", children: " / month" })] }), _jsx("div", { className: "flex flex-col gap-4 justify-start", children: features.map((feature, index) => (_jsxs("div", { className: "flex flex-row gap-4", children: [_jsx(Check, { className: "w-4 h-4 mt-2 text-primary" }), _jsxs("div", { className: "flex flex-col", children: [_jsx("p", { children: feature.title }), _jsx("p", { className: "text-muted-foreground text-sm", children: feature.description })] })] }, index))) }), _jsxs(Button, { variant: variant, className: "gap-4", children: [ctaText, " ", _jsx(Icon, { className: "w-4 h-4" })] })] }) })] }));

package/dist/src/components/shared/ButtonCopy.d.ts

@@ -1,4 +1,4 @@
-import { type ButtonProps } from "#components/ui/button";
+import { type ButtonProps } from "../ui/button";
 export declare function ButtonCopy({ text, notificationTimeout, iconOnly, ...props }: ButtonProps & {
     text: string;
     notificationTimeout?: number;

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

@@ -3,8 +3,8 @@ import { CheckCircle, Copy } from "lucide-react";
 import { useState } from "react";
 import { useTranslation } from "react-i18next";
 import { toast } from "sonner";
-import { Button } from "#components/ui/button";
-import { cn } from "#utils";
+import { Button } from "../ui/button";
+import { cn } from "../../lib/utils";
 export function ButtonCopy({ text, notificationTimeout = 1000, iconOnly = false, ...props }) {
     const { t } = useTranslation();
     const [isCopied, setIsCopied] = useState(false);

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

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { ChevronsUpDown, Plus } from "lucide-react";
 import * as React from "react";
-import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuTrigger, } from "#components/ui/dropdown-menu";
-import { SidebarMenu, SidebarMenuButton, SidebarMenuItem, useSidebar, } from "#components/ui/sidebar";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuTrigger, } from "./ui/dropdown-menu";
+import { SidebarMenu, SidebarMenuButton, SidebarMenuItem, useSidebar, } from "./ui/sidebar";
 export function TeamSwitcher({ teams, }) {
     const { isMobile } = useSidebar();
     const [activeTeam, setActiveTeam] = React.useState(teams[0]);

package/dist/src/components/ui/alert-dialog.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
-import { buttonVariants } from "#components/ui/button";
-import { cn } from "#utils";
+import { buttonVariants } from "./button";
+import { cn } from "../../lib/utils";
 function AlertDialog({ ...props }) {
     return _jsx(AlertDialogPrimitive.Root, { "data-slot": "alert-dialog", ...props });
 }

package/dist/src/components/ui/alert.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { cva } from "class-variance-authority";
-import { cn } from "#utils";
+import { cn } from "../../lib/utils";
 const alertVariants = cva("relative w-full rounded-lg border px-4 py-3 text-sm grid has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] grid-cols-[0_1fr] has-[>svg]:gap-x-3 gap-y-0.5 items-start [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current", {
     variants: {
         variant: {

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

@@ -2,7 +2,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as AvatarPrimitive from "@radix-ui/react-avatar";
 import * as React from "react";
-import { cn } from "#utils";
+import { cn } from "../../lib/utils";
 const Avatar = React.forwardRef(({ className, ...props }, ref) => (_jsx(AvatarPrimitive.Root, { ref: ref, className: cn("relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full", className), ...props })));
 Avatar.displayName = AvatarPrimitive.Root.displayName;
 const AvatarImage = React.forwardRef(({ className, ...props }, ref) => (_jsx(AvatarPrimitive.Image, { ref: ref, className: cn("aspect-square h-full w-full", className), ...props })));

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

@@ -1,7 +1,7 @@
 import { type VariantProps } from "class-variance-authority";
 import type * as React from "react";
 declare const badgeVariants: (props?: ({
-    variant?: "default" | "outline" | "destructive" | "secondary" | null | undefined;
+    variant?: "outline" | "default" | "destructive" | "secondary" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
 }

package/dist/src/components/ui/badge.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { cva } from "class-variance-authority";
-import { cn } from "#utils";
+import { cn } from "../../lib/utils";
 const badgeVariants = cva("inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2", {
     variants: {
         variant: {

package/dist/src/components/ui/bento-grid.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { cn } from "#utils";
+import { cn } from "../../lib/utils";
 export const BentoGrid = ({ className, children, }) => {
     return (_jsx("div", { className: cn("mx-auto grid max-w-7xl grid-cols-1 gap-4 md:auto-rows-[20rem] md:grid-cols-4", className), children: children }));
 };

package/dist/src/components/ui/bento-grid2.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { IconArrowRight } from "@tabler/icons-react";
-import { Button } from "#components/ui/button";
-import { cn } from "#utils";
+import { Button } from "./button";
+import { cn } from "../../lib/utils";
 const BentoGrid = ({ children, className }) => {
     return (_jsx("div", { className: cn("grid w-full auto-rows-[22rem] grid-cols-3 gap-4", className), children: children }));
 };

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

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Slot } from "@radix-ui/react-slot";
 import { ChevronRight, MoreHorizontal } from "lucide-react";
 import * as React from "react";
-import { cn } from "#utils";
+import { cn } from "../../lib/utils";
 const Breadcrumb = React.forwardRef(({ ...props }, ref) => _jsx("nav", { ref: ref, "aria-label": "breadcrumb", ...props }));
 Breadcrumb.displayName = "Breadcrumb";
 const BreadcrumbList = React.forwardRef(({ className, ...props }, ref) => (_jsx("ol", { ref: ref, className: cn("flex flex-wrap items-center gap-1.5 break-words text-sm text-muted-foreground sm:gap-2.5", className), ...props })));

package/dist/src/components/ui/button.d.ts

@@ -1,7 +1,7 @@
 import { type VariantProps } from "class-variance-authority";
 import * as React from "react";
 declare const buttonVariants: (props?: ({
-    variant?: "link" | "default" | "outline" | "destructive" | "secondary" | "ghost" | null | undefined;
+    variant?: "outline" | "link" | "default" | "destructive" | "secondary" | "ghost" | null | undefined;
     size?: "default" | "sm" | "lg" | "icon" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {

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

@@ -2,7 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { Slot } from "@radix-ui/react-slot";
 import { cva } from "class-variance-authority";
 import * as React from "react";
-import { cn } from "#utils";
+import { cn } from "../../lib/utils";
 const buttonVariants = cva("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0", {
     variants: {
         variant: {

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

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from "react";
-import { cn } from "#utils";
+import { cn } from "../../lib/utils";
 const Card = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn("rounded-xl border bg-card text-card-foreground shadow", className), ...props })));
 Card.displayName = "Card";
 const CardHeader = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn("flex flex-col space-y-1.5 p-6", className), ...props })));

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

@@ -2,7 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
 import { Check } from "lucide-react";
 import * as React from "react";
-import { cn } from "#utils";
+import { cn } from "../../lib/utils";
 const Checkbox = React.forwardRef(({ className, ...props }, ref) => (_jsx(CheckboxPrimitive.Root, { ref: ref, className: cn("peer h-4 w-4 shrink-0 rounded-sm border border-primary ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground", className), ...props, children: _jsx(CheckboxPrimitive.Indicator, { className: cn("flex items-center justify-center text-current"), children: _jsx(Check, { className: "h-4 w-4" }) }) })));
 Checkbox.displayName = CheckboxPrimitive.Root.displayName;
 export { Checkbox };

package/dist/src/components/ui/dialog.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as DialogPrimitive from "@radix-ui/react-dialog";
 import { XIcon } from "lucide-react";
-import { cn } from "#utils";
+import { cn } from "../../lib/utils";
 function Dialog({ ...props }) {
     return _jsx(DialogPrimitive.Root, { "data-slot": "dialog", ...props });
 }

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

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
 import { Check, ChevronRight, Circle } from "lucide-react";
 import * as React from "react";
-import { cn } from "#utils";
+import { cn } from "../../lib/utils";
 const DropdownMenu = DropdownMenuPrimitive.Root;
 const DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
 const DropdownMenuGroup = DropdownMenuPrimitive.Group;

package/dist/src/components/ui/floating-navbar.js

@@ -2,7 +2,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { AnimatePresence, motion, useMotionValueEvent, useScroll } from "motion/react";
 import { useState } from "react";
-import { cn } from "#utils";
+import { cn } from "../../lib/utils";
 export const FloatingNav = ({ navItems, className, }) => {
     const { scrollYProgress } = useScroll();
     const [visible, setVisible] = useState(true);

package/dist/src/components/ui/form.js

@@ -2,8 +2,8 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { Slot } from "@radix-ui/react-slot";
 import * as React from "react";
 import { Controller, FormProvider, useFormContext, } from "react-hook-form";
-import { Label } from "#components/ui/label";
-import { cn } from "#utils";
+import { Label } from "./label";
+import { cn } from "../../lib/utils";
 const Form = FormProvider;
 const FormFieldContext = React.createContext({});
 const FormField = ({ ...props }) => {

package/dist/src/components/ui/image.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from "react";
-import { cn } from "#utils";
+import { cn } from "../../lib/utils";
 const Image = React.forwardRef(({ className, src, alt, fallback, ...props }, ref) => {
     const [error, setError] = React.useState(false);
     const handleError = () => {

package/dist/src/components/ui/input.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from "react";
-import { cn } from "#utils";
+import { cn } from "../../lib/utils";
 const Input = React.forwardRef(({ className, type, ...props }, ref) => {
     return (_jsx("input", { type: type, className: cn("flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", className), ref: ref, ...props }));
 });

package/dist/src/components/ui/label.js

@@ -2,7 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import * as LabelPrimitive from "@radix-ui/react-label";
 import { cva } from "class-variance-authority";
 import * as React from "react";
-import { cn } from "#utils";
+import { cn } from "../../lib/utils";
 const labelVariants = cva("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70");
 const Label = React.forwardRef(({ className, ...props }, ref) => (_jsx(LabelPrimitive.Root, { ref: ref, className: cn(labelVariants(), className), ...props })));
 Label.displayName = LabelPrimitive.Root.displayName;

package/dist/src/components/ui/pagination.d.ts

@@ -1,5 +1,5 @@
 import type * as React from "react";
-import { type Button } from "#components/ui/button";
+import { type Button } from "./button";
 declare function Pagination({ className, ...props }: React.ComponentProps<"nav">): import("react/jsx-runtime").JSX.Element;
 declare function PaginationContent({ className, ...props }: React.ComponentProps<"ul">): import("react/jsx-runtime").JSX.Element;
 declare function PaginationItem({ ...props }: React.ComponentProps<"li">): import("react/jsx-runtime").JSX.Element;

package/dist/src/components/ui/pagination.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { ChevronLeftIcon, ChevronRightIcon, MoreHorizontalIcon } from "lucide-react";
-import { buttonVariants } from "#components/ui/button";
-import { cn } from "#utils";
+import { buttonVariants } from "./button";
+import { cn } from "../../lib/utils";
 function Pagination({ className, ...props }) {
     return (_jsx("nav", { role: "navigation", "aria-label": "pagination", "data-slot": "pagination", className: cn("mx-auto flex w-full justify-center", className), ...props }));
 }

package/dist/src/components/ui/progress.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as ProgressPrimitive from "@radix-ui/react-progress";
 import * as React from "react";
-import { cn } from "#utils";
+import { cn } from "../../lib/utils";
 const Progress = React.forwardRef(({ className, value, ...props }, ref) => (_jsx(ProgressPrimitive.Root, { ref: ref, className: cn("relative h-2 w-full overflow-hidden rounded-full bg-primary/20", className), ...props, children: _jsx(ProgressPrimitive.Indicator, { className: "h-full w-full flex-1 bg-primary transition-all", style: { transform: `translateX(-${100 - (value || 0)}%)` } }) })));
 Progress.displayName = ProgressPrimitive.Root.displayName;
 export { Progress };

package/dist/src/components/ui/resizable-navbar.js

@@ -3,7 +3,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { MenuIcon, XIcon } from "lucide-react";
 import { AnimatePresence, motion, useMotionValueEvent, useScroll } from "motion/react";
 import React, { useRef, useState } from "react";
-import { cn } from "#utils";
+import { cn } from "../../lib/utils";
 export const Navbar = ({ children, className }) => {
     const ref = useRef(null);
     const { scrollY } = useScroll({

package/dist/src/components/ui/segment-control.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { IconChevronDown } from "@tabler/icons-react";
 import { useLayoutEffect, useRef, useState } from "react";
-import { Button } from "#components/ui/button";
-import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger, } from "#components/ui/dropdown-menu";
+import { Button } from "./button";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger, } from "./dropdown-menu";
 const SegmentDropdown = ({ options, value, resetButton, onChange }) => {
     const [triggerWidth, setTriggerWidth] = useState();
     const triggerRef = useRef(null);

package/dist/src/components/ui/select.js

@@ -3,7 +3,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as SelectPrimitive from "@radix-ui/react-select";
 import { Check, ChevronDown, ChevronUp } from "lucide-react";
 import * as React from "react";
-import { cn } from "#utils";
+import { cn } from "../../lib/utils";
 const Select = SelectPrimitive.Root;
 const SelectGroup = SelectPrimitive.Group;
 const SelectValue = SelectPrimitive.Value;

package/dist/src/components/ui/separator.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as SeparatorPrimitive from "@radix-ui/react-separator";
 import * as React from "react";
-import { cn } from "#utils";
+import { cn } from "../../lib/utils";
 const Separator = React.forwardRef(({ className, orientation = "horizontal", decorative = true, ...props }, ref) => (_jsx(SeparatorPrimitive.Root, { ref: ref, decorative: decorative, orientation: orientation, className: cn("shrink-0 bg-border", orientation === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]", className), ...props })));
 Separator.displayName = SeparatorPrimitive.Root.displayName;
 export { Separator };

package/dist/src/components/ui/sheet.d.ts

@@ -7,7 +7,7 @@ declare const SheetClose: React.ForwardRefExoticComponent<SheetPrimitive.DialogC
 declare const SheetPortal: React.FC<SheetPrimitive.DialogPortalProps>;
 declare const SheetOverlay: React.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const sheetVariants: (props?: ({
-    side?: "left" | "right" | "bottom" | "top" | null | undefined;
+    side?: "bottom" | "left" | "right" | "top" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 interface SheetContentProps extends React.ComponentPropsWithoutRef<typeof SheetPrimitive.Content>, VariantProps<typeof sheetVariants> {
 }

package/dist/src/components/ui/sheet.js

@@ -4,7 +4,7 @@ import * as SheetPrimitive from "@radix-ui/react-dialog";
 import { cva } from "class-variance-authority";
 import { X } from "lucide-react";
 import * as React from "react";
-import { cn } from "#utils";
+import { cn } from "../../lib/utils";
 const Sheet = SheetPrimitive.Root;
 const SheetTrigger = SheetPrimitive.Trigger;
 const SheetClose = SheetPrimitive.Close;

package/dist/src/components/ui/sidebar.d.ts

@@ -1,6 +1,6 @@
 import { type VariantProps } from "class-variance-authority";
 import * as React from "react";
-import { TooltipContent } from "#components/ui/tooltip";
+import { TooltipContent } from "./tooltip";
 type SidebarContext = {
     state: "expanded" | "collapsed";
     open: boolean;
@@ -22,7 +22,7 @@ declare const Sidebar: React.ForwardRefExoticComponent<Omit<React.ClassAttribute
     variant?: "sidebar" | "floating" | "inset";
     collapsible?: "offcanvas" | "icon" | "none";
 }, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const SidebarTrigger: React.ForwardRefExoticComponent<Omit<import("#components/ui/button").ButtonProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const SidebarTrigger: React.ForwardRefExoticComponent<Omit<import("./button").ButtonProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 declare const SidebarRail: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 declare const SidebarInset: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const SidebarInput: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
@@ -45,7 +45,7 @@ declare const SidebarMenuButton: React.ForwardRefExoticComponent<Omit<React.Clas
     isActive?: boolean;
     tooltip?: string | React.ComponentProps<typeof TooltipContent>;
 } & VariantProps<(props?: ({
-    variant?: "default" | "outline" | null | undefined;
+    variant?: "outline" | "default" | null | undefined;
     size?: "default" | "sm" | "lg" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 declare const SidebarMenuAction: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLButtonElement> & React.ButtonHTMLAttributes<HTMLButtonElement> & {

package/dist/src/components/ui/sidebar.js

@@ -4,14 +4,14 @@ import { Slot } from "@radix-ui/react-slot";
 import { cva } from "class-variance-authority";
 import { PanelLeft } from "lucide-react";
 import * as React from "react";
-import { Button } from "#components/ui/button";
-import { Input } from "#components/ui/input";
-import { Separator } from "#components/ui/separator";
-import { Sheet, SheetContent } from "#components/ui/sheet";
-import { Skeleton } from "#components/ui/skeleton";
-import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "#components/ui/tooltip";
-import { useIsMobile } from "#hooks/use-mobile";
-import { cn } from "#utils";
+import { Button } from "./button";
+import { Input } from "./input";
+import { Separator } from "./separator";
+import { Sheet, SheetContent } from "./sheet";
+import { Skeleton } from "./skeleton";
+import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "./tooltip";
+import { useIsMobile } from "../../hooks/use-mobile";
+import { cn } from "../../lib/utils";
 const SIDEBAR_COOKIE_NAME = "sidebar:state";
 const SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;
 const SIDEBAR_WIDTH = "16rem";