@minutemailer/kit 1.0.3 → 1.0.4

package/components/ui/sidebar.tsx.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/ui/sidebar.tsx"],
+  "sourcesContent": ["'use client';\n\nimport * as React from 'react';\nimport { Slot } from '@radix-ui/react-slot';\nimport { cva, VariantProps } from 'class-variance-authority';\nimport { PanelLeftIcon } from 'lucide-react';\n\nimport { useIsMobile } from '@/hooks/use-mobile';\nimport { cn } from '@/utils/utils';\nimport { Button } from '@/components/ui/button';\nimport { Input } from '@/components/ui/input';\nimport { Separator } from '@/components/ui/separator';\nimport {\n    Sheet,\n    SheetContent,\n    SheetDescription,\n    SheetHeader,\n    SheetTitle,\n} from '@/components/ui/sheet';\nimport { Skeleton } from '@/components/ui/skeleton';\nimport {\n    Tooltip,\n    TooltipContent,\n    TooltipProvider,\n    TooltipTrigger,\n} from '@/components/ui/tooltip';\n\nconst SIDEBAR_COOKIE_NAME = 'sidebar_state';\nconst SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;\nconst SIDEBAR_WIDTH = '16rem';\nconst SIDEBAR_WIDTH_MOBILE = '18rem';\nconst SIDEBAR_WIDTH_ICON = '3rem';\nconst SIDEBAR_KEYBOARD_SHORTCUT = 'b';\n\ntype SidebarContextProps = {\n    state: 'expanded' | 'collapsed';\n    open: boolean;\n    setOpen: (open: boolean) => void;\n    openMobile: boolean;\n    setOpenMobile: (open: boolean) => void;\n    isMobile: boolean;\n    toggleSidebar: () => void;\n};\n\nconst SidebarContext = React.createContext<SidebarContextProps | null>(null);\n\nfunction useSidebar() {\n    const context = React.useContext(SidebarContext);\n    if (!context) {\n        throw new Error('useSidebar must be used within a SidebarProvider.');\n    }\n\n    return context;\n}\n\nfunction SidebarProvider({\n    defaultOpen = true,\n    open: openProp,\n    onOpenChange: setOpenProp,\n    className,\n    style,\n    children,\n    ...props\n}: React.ComponentProps<'div'> & {\n    defaultOpen?: boolean;\n    open?: boolean;\n    onOpenChange?: (open: boolean) => void;\n}) {\n    const isMobile = useIsMobile();\n    const [openMobile, setOpenMobile] = React.useState(false);\n\n    // This is the internal state of the sidebar.\n    // We use openProp and setOpenProp for control from outside the component.\n    const [_open, _setOpen] = React.useState(defaultOpen);\n    const open = openProp ?? _open;\n    const setOpen = React.useCallback(\n        (value: boolean | ((value: boolean) => boolean)) => {\n            const openState = typeof value === 'function' ? value(open) : value;\n            if (setOpenProp) {\n                setOpenProp(openState);\n            } else {\n                _setOpen(openState);\n            }\n\n            // This sets the cookie to keep the sidebar state.\n            document.cookie = `${SIDEBAR_COOKIE_NAME}=${openState}; path=/; max-age=${SIDEBAR_COOKIE_MAX_AGE}`;\n        },\n        [setOpenProp, open],\n    );\n\n    // Helper to toggle the sidebar.\n    const toggleSidebar = React.useCallback(() => {\n        return isMobile\n            ? setOpenMobile((open) => !open)\n            : setOpen((open) => !open);\n    }, [isMobile, setOpen, setOpenMobile]);\n\n    // Adds a keyboard shortcut to toggle the sidebar.\n    React.useEffect(() => {\n        const handleKeyDown = (event: KeyboardEvent) => {\n            if (\n                event.key === SIDEBAR_KEYBOARD_SHORTCUT &&\n                (event.metaKey || event.ctrlKey)\n            ) {\n                event.preventDefault();\n                toggleSidebar();\n            }\n        };\n\n        window.addEventListener('keydown', handleKeyDown);\n        return () => window.removeEventListener('keydown', handleKeyDown);\n    }, [toggleSidebar]);\n\n    // We add a state so that we can do data-state=\"expanded\" or \"collapsed\".\n    // This makes it easier to style the sidebar with Tailwind classes.\n    const state = open ? 'expanded' : 'collapsed';\n\n    const contextValue = React.useMemo<SidebarContextProps>(\n        () => ({\n            state,\n            open,\n            setOpen,\n            isMobile,\n            openMobile,\n            setOpenMobile,\n            toggleSidebar,\n        }),\n        [\n            state,\n            open,\n            setOpen,\n            isMobile,\n            openMobile,\n            setOpenMobile,\n            toggleSidebar,\n        ],\n    );\n\n    return (\n        <SidebarContext.Provider value={contextValue}>\n            <TooltipProvider delayDuration={0}>\n                <div\n                    data-slot=\"sidebar-wrapper\"\n                    style={\n                        {\n                            '--sidebar-width': SIDEBAR_WIDTH,\n                            '--sidebar-width-icon': SIDEBAR_WIDTH_ICON,\n                            ...style,\n                        } as React.CSSProperties\n                    }\n                    className={cn(\n                        'group/sidebar-wrapper has-data-[variant=inset]:bg-sidebar flex min-h-svh w-full',\n                        className,\n                    )}\n                    {...props}\n                >\n                    {children}\n                </div>\n            </TooltipProvider>\n        </SidebarContext.Provider>\n    );\n}\n\nfunction Sidebar({\n    side = 'left',\n    variant = 'sidebar',\n    collapsible = 'offcanvas',\n    className,\n    children,\n    ...props\n}: React.ComponentProps<'div'> & {\n    side?: 'left' | 'right';\n    variant?: 'sidebar' | 'floating' | 'inset';\n    collapsible?: 'offcanvas' | 'icon' | 'none';\n}) {\n    const { isMobile, state, openMobile, setOpenMobile } = useSidebar();\n\n    if (collapsible === 'none') {\n        return (\n            <div\n                data-slot=\"sidebar\"\n                className={cn(\n                    'bg-sidebar text-sidebar-foreground flex h-full w-(--sidebar-width) flex-col',\n                    className,\n                )}\n                {...props}\n            >\n                {children}\n            </div>\n        );\n    }\n\n    if (isMobile) {\n        return (\n            <Sheet open={openMobile} onOpenChange={setOpenMobile} {...props}>\n                <SheetContent\n                    data-sidebar=\"sidebar\"\n                    data-slot=\"sidebar\"\n                    data-mobile=\"true\"\n                    className=\"bg-sidebar text-sidebar-foreground w-(--sidebar-width) p-0 [&>button]:hidden\"\n                    style={\n                        {\n                            '--sidebar-width': SIDEBAR_WIDTH_MOBILE,\n                        } as React.CSSProperties\n                    }\n                    side={side}\n                >\n                    <SheetHeader className=\"sr-only\">\n                        <SheetTitle>Sidebar</SheetTitle>\n                        <SheetDescription>\n                            Displays the mobile sidebar.\n                        </SheetDescription>\n                    </SheetHeader>\n                    <div className=\"flex h-full w-full flex-col\">\n                        {children}\n                    </div>\n                </SheetContent>\n            </Sheet>\n        );\n    }\n\n    return (\n        <div\n            className=\"group peer text-sidebar-foreground hidden md:block\"\n            data-state={state}\n            data-collapsible={state === 'collapsed' ? collapsible : ''}\n            data-variant={variant}\n            data-side={side}\n            data-slot=\"sidebar\"\n        >\n            {/* This is what handles the sidebar gap on desktop */}\n            <div\n                data-slot=\"sidebar-gap\"\n                className={cn(\n                    'relative w-(--sidebar-width) bg-transparent transition-[width] duration-200 ease-linear',\n                    'group-data-[collapsible=offcanvas]:w-0',\n                    'group-data-[side=right]:rotate-180',\n                    variant === 'floating' || variant === 'inset'\n                        ? 'group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]'\n                        : 'group-data-[collapsible=icon]:w-(--sidebar-width-icon)',\n                )}\n            />\n            <div\n                data-slot=\"sidebar-container\"\n                className={cn(\n                    'fixed inset-y-0 z-10 hidden h-svh w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear md:flex',\n                    side === 'left'\n                        ? 'left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]'\n                        : 'right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]',\n                    // Adjust the padding for floating and inset variants.\n                    variant === 'floating' || variant === 'inset'\n                        ? 'p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]'\n                        : 'group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-r group-data-[side=right]:border-l',\n                    className,\n                )}\n                {...props}\n            >\n                <div\n                    data-sidebar=\"sidebar\"\n                    data-slot=\"sidebar-inner\"\n                    className=\"bg-sidebar group-data-[variant=floating]:border-sidebar-border flex h-full w-full flex-col group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:shadow-sm\"\n                >\n                    {children}\n                </div>\n            </div>\n        </div>\n    );\n}\n\nfunction SidebarTrigger({\n    className,\n    onClick,\n    ...props\n}: React.ComponentProps<typeof Button>) {\n    const { toggleSidebar } = useSidebar();\n\n    return (\n        <Button\n            data-sidebar=\"trigger\"\n            data-slot=\"sidebar-trigger\"\n            variant=\"ghost\"\n            size=\"icon\"\n            className={cn('size-7', className)}\n            onClick={(event) => {\n                onClick?.(event);\n                toggleSidebar();\n            }}\n            {...props}\n        >\n            <PanelLeftIcon />\n            <span className=\"sr-only\">Toggle Sidebar</span>\n        </Button>\n    );\n}\n\nfunction SidebarRail({ className, ...props }: React.ComponentProps<'button'>) {\n    const { toggleSidebar } = useSidebar();\n\n    return (\n        <button\n            data-sidebar=\"rail\"\n            data-slot=\"sidebar-rail\"\n            aria-label=\"Toggle Sidebar\"\n            tabIndex={-1}\n            onClick={toggleSidebar}\n            title=\"Toggle Sidebar\"\n            className={cn(\n                'hover:after:bg-sidebar-border absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 transition-all ease-linear group-data-[side=left]:-right-4 group-data-[side=right]:left-0 after:absolute after:inset-y-0 after:left-1/2 after:w-[2px] sm:flex',\n                'in-data-[side=left]:cursor-w-resize in-data-[side=right]:cursor-e-resize',\n                '[[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize',\n                'hover:group-data-[collapsible=offcanvas]:bg-sidebar group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full',\n                '[[data-side=left][data-collapsible=offcanvas]_&]:-right-2',\n                '[[data-side=right][data-collapsible=offcanvas]_&]:-left-2',\n                className,\n            )}\n            {...props}\n        />\n    );\n}\n\nfunction SidebarInset({ className, ...props }: React.ComponentProps<'main'>) {\n    return (\n        <main\n            data-slot=\"sidebar-inset\"\n            className={cn(\n                'bg-background relative flex w-full flex-1 flex-col',\n                'md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow-sm md:peer-data-[variant=inset]:peer-data-[state=collapsed]:ml-2',\n                className,\n            )}\n            {...props}\n        />\n    );\n}\n\nfunction SidebarInput({\n    className,\n    ...props\n}: React.ComponentProps<typeof Input>) {\n    return (\n        <Input\n            data-slot=\"sidebar-input\"\n            data-sidebar=\"input\"\n            className={cn('bg-background h-8 w-full shadow-none', className)}\n            {...props}\n        />\n    );\n}\n\nfunction SidebarHeader({ className, ...props }: React.ComponentProps<'div'>) {\n    return (\n        <div\n            data-slot=\"sidebar-header\"\n            data-sidebar=\"header\"\n            className={cn('flex flex-col gap-2 p-2', className)}\n            {...props}\n        />\n    );\n}\n\nfunction SidebarFooter({ className, ...props }: React.ComponentProps<'div'>) {\n    return (\n        <div\n            data-slot=\"sidebar-footer\"\n            data-sidebar=\"footer\"\n            className={cn('flex flex-col gap-2 p-2', className)}\n            {...props}\n        />\n    );\n}\n\nfunction SidebarSeparator({\n    className,\n    ...props\n}: React.ComponentProps<typeof Separator>) {\n    return (\n        <Separator\n            data-slot=\"sidebar-separator\"\n            data-sidebar=\"separator\"\n            className={cn('bg-sidebar-border mx-2 w-auto', className)}\n            {...props}\n        />\n    );\n}\n\nfunction SidebarContent({ className, ...props }: React.ComponentProps<'div'>) {\n    return (\n        <div\n            data-slot=\"sidebar-content\"\n            data-sidebar=\"content\"\n            className={cn(\n                'flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden',\n                className,\n            )}\n            {...props}\n        />\n    );\n}\n\nfunction SidebarGroup({ className, ...props }: React.ComponentProps<'div'>) {\n    return (\n        <div\n            data-slot=\"sidebar-group\"\n            data-sidebar=\"group\"\n            className={cn(\n                'relative flex w-full min-w-0 flex-col p-2',\n                className,\n            )}\n            {...props}\n        />\n    );\n}\n\nfunction SidebarGroupLabel({\n    className,\n    asChild = false,\n    ...props\n}: React.ComponentProps<'div'> & { asChild?: boolean }) {\n    const Comp = asChild ? Slot : 'div';\n\n    return (\n        <Comp\n            data-slot=\"sidebar-group-label\"\n            data-sidebar=\"group-label\"\n            className={cn(\n                'text-sidebar-foreground/70 ring-sidebar-ring flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium outline-hidden transition-[margin,opacity] duration-200 ease-linear focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0',\n                'group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0',\n                className,\n            )}\n            {...props}\n        />\n    );\n}\n\nfunction SidebarGroupAction({\n    className,\n    asChild = false,\n    ...props\n}: React.ComponentProps<'button'> & { asChild?: boolean }) {\n    const Comp = asChild ? Slot : 'button';\n\n    return (\n        <Comp\n            data-slot=\"sidebar-group-action\"\n            data-sidebar=\"group-action\"\n            className={cn(\n                'text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground absolute top-3.5 right-3 flex aspect-square w-5 items-center justify-center rounded-md p-0 outline-hidden transition-transform focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0',\n                // Increases the hit area of the button on mobile.\n                'after:absolute after:-inset-2 md:after:hidden',\n                'group-data-[collapsible=icon]:hidden',\n                className,\n            )}\n            {...props}\n        />\n    );\n}\n\nfunction SidebarGroupContent({\n    className,\n    ...props\n}: React.ComponentProps<'div'>) {\n    return (\n        <div\n            data-slot=\"sidebar-group-content\"\n            data-sidebar=\"group-content\"\n            className={cn('w-full text-sm', className)}\n            {...props}\n        />\n    );\n}\n\nfunction SidebarMenu({ className, ...props }: React.ComponentProps<'ul'>) {\n    return (\n        <ul\n            data-slot=\"sidebar-menu\"\n            data-sidebar=\"menu\"\n            className={cn('flex w-full min-w-0 flex-col gap-1', className)}\n            {...props}\n        />\n    );\n}\n\nfunction SidebarMenuItem({ className, ...props }: React.ComponentProps<'li'>) {\n    return (\n        <li\n            data-slot=\"sidebar-menu-item\"\n            data-sidebar=\"menu-item\"\n            className={cn('group/menu-item relative', className)}\n            {...props}\n        />\n    );\n}\n\nconst sidebarMenuButtonVariants = cva(\n    'peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm outline-hidden ring-sidebar-ring transition-[width,height,padding] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar-accent data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0',\n    {\n        variants: {\n            variant: {\n                default:\n                    'hover:bg-sidebar-accent hover:text-sidebar-accent-foreground',\n                outline:\n                    'bg-background shadow-[0_0_0_1px_hsl(var(--sidebar-border))] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_hsl(var(--sidebar-accent))]',\n            },\n            size: {\n                default: 'h-8 text-sm',\n                sm: 'h-7 text-xs',\n                lg: 'h-12 text-sm group-data-[collapsible=icon]:p-0!',\n            },\n        },\n        defaultVariants: {\n            variant: 'default',\n            size: 'default',\n        },\n    },\n);\n\nfunction SidebarMenuButton({\n    asChild = false,\n    isActive = false,\n    variant = 'default',\n    size = 'default',\n    tooltip,\n    className,\n    ...props\n}: React.ComponentProps<'button'> & {\n    asChild?: boolean;\n    isActive?: boolean;\n    tooltip?: string | React.ComponentProps<typeof TooltipContent>;\n} & VariantProps<typeof sidebarMenuButtonVariants>) {\n    const Comp = asChild ? Slot : 'button';\n    const { isMobile, state } = useSidebar();\n\n    const button = (\n        <Comp\n            data-slot=\"sidebar-menu-button\"\n            data-sidebar=\"menu-button\"\n            data-size={size}\n            data-active={isActive}\n            className={cn(\n                sidebarMenuButtonVariants({ variant, size }),\n                className,\n            )}\n            {...props}\n        />\n    );\n\n    if (!tooltip) {\n        return button;\n    }\n\n    if (typeof tooltip === 'string') {\n        tooltip = {\n            children: tooltip,\n        };\n    }\n\n    return (\n        <Tooltip>\n            <TooltipTrigger asChild>{button}</TooltipTrigger>\n            <TooltipContent\n                side=\"right\"\n                align=\"center\"\n                hidden={state !== 'collapsed' || isMobile}\n                {...tooltip}\n            />\n        </Tooltip>\n    );\n}\n\nfunction SidebarMenuAction({\n    className,\n    asChild = false,\n    showOnHover = false,\n    ...props\n}: React.ComponentProps<'button'> & {\n    asChild?: boolean;\n    showOnHover?: boolean;\n}) {\n    const Comp = asChild ? Slot : 'button';\n\n    return (\n        <Comp\n            data-slot=\"sidebar-menu-action\"\n            data-sidebar=\"menu-action\"\n            className={cn(\n                'text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground peer-hover/menu-button:text-sidebar-accent-foreground absolute top-1.5 right-1 flex aspect-square w-5 items-center justify-center rounded-md p-0 outline-hidden transition-transform focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0',\n                // Increases the hit area of the button on mobile.\n                'after:absolute after:-inset-2 md:after:hidden',\n                'peer-data-[size=sm]/menu-button:top-1',\n                'peer-data-[size=default]/menu-button:top-1.5',\n                'peer-data-[size=lg]/menu-button:top-2.5',\n                'group-data-[collapsible=icon]:hidden',\n                showOnHover &&\n                    'peer-data-[active=true]/menu-button:text-sidebar-accent-foreground group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 data-[state=open]:opacity-100 md:opacity-0',\n                className,\n            )}\n            {...props}\n        />\n    );\n}\n\nfunction SidebarMenuBadge({\n    className,\n    ...props\n}: React.ComponentProps<'div'>) {\n    return (\n        <div\n            data-slot=\"sidebar-menu-badge\"\n            data-sidebar=\"menu-badge\"\n            className={cn(\n                'text-sidebar-foreground pointer-events-none absolute right-1 flex h-5 min-w-5 items-center justify-center rounded-md px-1 text-xs font-medium tabular-nums select-none',\n                'peer-hover/menu-button:text-sidebar-accent-foreground peer-data-[active=true]/menu-button:text-sidebar-accent-foreground',\n                'peer-data-[size=sm]/menu-button:top-1',\n                'peer-data-[size=default]/menu-button:top-1.5',\n                'peer-data-[size=lg]/menu-button:top-2.5',\n                'group-data-[collapsible=icon]:hidden',\n                className,\n            )}\n            {...props}\n        />\n    );\n}\n\nfunction SidebarMenuSkeleton({\n    className,\n    showIcon = false,\n    ...props\n}: React.ComponentProps<'div'> & {\n    showIcon?: boolean;\n}) {\n    // Random width between 50 to 90%.\n    const width = React.useMemo(() => {\n        return `${Math.floor(Math.random() * 40) + 50}%`;\n    }, []);\n\n    return (\n        <div\n            data-slot=\"sidebar-menu-skeleton\"\n            data-sidebar=\"menu-skeleton\"\n            className={cn(\n                'flex h-8 items-center gap-2 rounded-md px-2',\n                className,\n            )}\n            {...props}\n        >\n            {showIcon && (\n                <Skeleton\n                    className=\"size-4 rounded-md\"\n                    data-sidebar=\"menu-skeleton-icon\"\n                />\n            )}\n            <Skeleton\n                className=\"h-4 max-w-(--skeleton-width) flex-1\"\n                data-sidebar=\"menu-skeleton-text\"\n                style={\n                    {\n                        '--skeleton-width': width,\n                    } as React.CSSProperties\n                }\n            />\n        </div>\n    );\n}\n\nfunction SidebarMenuSub({ className, ...props }: React.ComponentProps<'ul'>) {\n    return (\n        <ul\n            data-slot=\"sidebar-menu-sub\"\n            data-sidebar=\"menu-sub\"\n            className={cn(\n                'border-sidebar-border mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l px-2.5 py-0.5',\n                'group-data-[collapsible=icon]:hidden',\n                className,\n            )}\n            {...props}\n        />\n    );\n}\n\nfunction SidebarMenuSubItem({\n    className,\n    ...props\n}: React.ComponentProps<'li'>) {\n    return (\n        <li\n            data-slot=\"sidebar-menu-sub-item\"\n            data-sidebar=\"menu-sub-item\"\n            className={cn('group/menu-sub-item relative', className)}\n            {...props}\n        />\n    );\n}\n\nfunction SidebarMenuSubButton({\n    asChild = false,\n    size = 'md',\n    isActive = false,\n    className,\n    ...props\n}: React.ComponentProps<'a'> & {\n    asChild?: boolean;\n    size?: 'sm' | 'md';\n    isActive?: boolean;\n}) {\n    const Comp = asChild ? Slot : 'a';\n\n    return (\n        <Comp\n            data-slot=\"sidebar-menu-sub-button\"\n            data-sidebar=\"menu-sub-button\"\n            data-size={size}\n            data-active={isActive}\n            className={cn(\n                'text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground active:bg-sidebar-accent active:text-sidebar-accent-foreground [&>svg]:text-sidebar-accent-foreground flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 outline-hidden focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0',\n                'data-[active=true]:bg-sidebar-accent data-[active=true]:text-sidebar-accent-foreground',\n                size === 'sm' && 'text-xs',\n                size === 'md' && 'text-sm',\n                'group-data-[collapsible=icon]:hidden',\n                className,\n            )}\n            {...props}\n        />\n    );\n}\n\nexport {\n    Sidebar,\n    SidebarContent,\n    SidebarFooter,\n    SidebarGroup,\n    SidebarGroupAction,\n    SidebarGroupContent,\n    SidebarGroupLabel,\n    SidebarHeader,\n    SidebarInput,\n    SidebarInset,\n    SidebarMenu,\n    SidebarMenuAction,\n    SidebarMenuBadge,\n    SidebarMenuButton,\n    SidebarMenuItem,\n    SidebarMenuSkeleton,\n    SidebarMenuSub,\n    SidebarMenuSubButton,\n    SidebarMenuSubItem,\n    SidebarProvider,\n    SidebarRail,\n    SidebarSeparator,\n    SidebarTrigger,\n    useSidebar,\n};\n"],
+  "mappings": "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",
+  "names": ["open"]
+}

package/components/ui/skeleton.tsx.js

@@ -0,0 +1,16 @@
+import { jsx } from "react/jsx-runtime";
+import { cn } from "@/utils/utils";
+function Skeleton({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "skeleton",
+      className: cn("bg-accent animate-pulse rounded-md", className),
+      ...props
+    }
+  );
+}
+export {
+  Skeleton
+};
+//# sourceMappingURL=skeleton.tsx.js.map

package/components/ui/skeleton.tsx.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/ui/skeleton.tsx"],
+  "sourcesContent": ["import { cn } from '@/utils/utils';\n\nfunction Skeleton({ className, ...props }: React.ComponentProps<'div'>) {\n    return (\n        <div\n            data-slot=\"skeleton\"\n            className={cn('bg-accent animate-pulse rounded-md', className)}\n            {...props}\n        />\n    );\n}\n\nexport { Skeleton };\n"],
+  "mappings": "AAIQ;AAJR,SAAS,UAAU;AAEnB,SAAS,SAAS,EAAE,WAAW,GAAG,MAAM,GAAgC;AACpE,SACI;AAAA,IAAC;AAAA;AAAA,MACG,aAAU;AAAA,MACV,WAAW,GAAG,sCAAsC,SAAS;AAAA,MAC5D,GAAG;AAAA;AAAA,EACR;AAER;",
+  "names": []
+}

package/components/ui/sonner.tsx.js

@@ -0,0 +1,23 @@
+import { jsx } from "react/jsx-runtime";
+import { useTheme } from "next-themes";
+import { Toaster as Sonner } from "sonner";
+const Toaster = ({ ...props }) => {
+  const { theme = "system" } = useTheme();
+  return /* @__PURE__ */ jsx(
+    Sonner,
+    {
+      theme,
+      className: "toaster group",
+      style: {
+        "--normal-bg": "var(--popover)",
+        "--normal-text": "var(--popover-foreground)",
+        "--normal-border": "var(--border)"
+      },
+      ...props
+    }
+  );
+};
+export {
+  Toaster
+};
+//# sourceMappingURL=sonner.tsx.js.map

package/components/ui/sonner.tsx.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/ui/sonner.tsx"],
+  "sourcesContent": ["import { useTheme } from 'next-themes';\nimport { Toaster as Sonner, ToasterProps } from 'sonner';\n\nconst Toaster = ({ ...props }: ToasterProps) => {\n    const { theme = 'system' } = useTheme();\n\n    return (\n        <Sonner\n            theme={theme as ToasterProps['theme']}\n            className=\"toaster group\"\n            style={\n                {\n                    '--normal-bg': 'var(--popover)',\n                    '--normal-text': 'var(--popover-foreground)',\n                    '--normal-border': 'var(--border)',\n                } as React.CSSProperties\n            }\n            {...props}\n        />\n    );\n};\n\nexport { Toaster };\n"],
+  "mappings": "AAOQ;AAPR,SAAS,gBAAgB;AACzB,SAAS,WAAW,cAA4B;AAEhD,MAAM,UAAU,CAAC,EAAE,GAAG,MAAM,MAAoB;AAC5C,QAAM,EAAE,QAAQ,SAAS,IAAI,SAAS;AAEtC,SACI;AAAA,IAAC;AAAA;AAAA,MACG;AAAA,MACA,WAAU;AAAA,MACV,OACI;AAAA,QACI,eAAe;AAAA,QACf,iBAAiB;AAAA,QACjB,mBAAmB;AAAA,MACvB;AAAA,MAEH,GAAG;AAAA;AAAA,EACR;AAER;",
+  "names": []
+}

package/components/ui/tooltip.tsx.js

@@ -0,0 +1,56 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as TooltipPrimitive from "@radix-ui/react-tooltip";
+import { cn } from "@/utils/utils";
+function TooltipProvider({
+  delayDuration = 0,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    TooltipPrimitive.Provider,
+    {
+      "data-slot": "tooltip-provider",
+      delayDuration,
+      ...props
+    }
+  );
+}
+function Tooltip({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsx(TooltipPrimitive.Root, { "data-slot": "tooltip", ...props }) });
+}
+function TooltipTrigger({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(TooltipPrimitive.Trigger, { "data-slot": "tooltip-trigger", ...props });
+}
+function TooltipContent({
+  className,
+  sideOffset = 0,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsxs(
+    TooltipPrimitive.Content,
+    {
+      "data-slot": "tooltip-content",
+      sideOffset,
+      className: cn(
+        "bg-primary text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsx(TooltipPrimitive.Arrow, { className: "bg-primary fill-primary z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]" })
+      ]
+    }
+  ) });
+}
+export {
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger
+};
+//# sourceMappingURL=tooltip.tsx.js.map

package/components/ui/tooltip.tsx.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/ui/tooltip.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nimport * as TooltipPrimitive from '@radix-ui/react-tooltip';\n\nimport { cn } from '@/utils/utils';\n\nfunction TooltipProvider({\n    delayDuration = 0,\n    ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Provider>) {\n    return (\n        <TooltipPrimitive.Provider\n            data-slot=\"tooltip-provider\"\n            delayDuration={delayDuration}\n            {...props}\n        />\n    );\n}\n\nfunction Tooltip({\n    ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Root>) {\n    return (\n        <TooltipProvider>\n            <TooltipPrimitive.Root data-slot=\"tooltip\" {...props} />\n        </TooltipProvider>\n    );\n}\n\nfunction TooltipTrigger({\n    ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Trigger>) {\n    return <TooltipPrimitive.Trigger data-slot=\"tooltip-trigger\" {...props} />;\n}\n\nfunction TooltipContent({\n    className,\n    sideOffset = 0,\n    children,\n    ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Content>) {\n    return (\n        <TooltipPrimitive.Portal>\n            <TooltipPrimitive.Content\n                data-slot=\"tooltip-content\"\n                sideOffset={sideOffset}\n                className={cn(\n                    'bg-primary text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance',\n                    className,\n                )}\n                {...props}\n            >\n                {children}\n                <TooltipPrimitive.Arrow className=\"bg-primary fill-primary z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]\" />\n            </TooltipPrimitive.Content>\n        </TooltipPrimitive.Portal>\n    );\n}\n\nexport { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };\n"],
+  "mappings": "AAUQ,cAgCI,YAhCJ;AATR,YAAY,sBAAsB;AAElC,SAAS,UAAU;AAEnB,SAAS,gBAAgB;AAAA,EACrB,gBAAgB;AAAA,EAChB,GAAG;AACP,GAA2D;AACvD,SACI;AAAA,IAAC,iBAAiB;AAAA,IAAjB;AAAA,MACG,aAAU;AAAA,MACV;AAAA,MACC,GAAG;AAAA;AAAA,EACR;AAER;AAEA,SAAS,QAAQ;AAAA,EACb,GAAG;AACP,GAAuD;AACnD,SACI,oBAAC,mBACG,8BAAC,iBAAiB,MAAjB,EAAsB,aAAU,WAAW,GAAG,OAAO,GAC1D;AAER;AAEA,SAAS,eAAe;AAAA,EACpB,GAAG;AACP,GAA0D;AACtD,SAAO,oBAAC,iBAAiB,SAAjB,EAAyB,aAAU,mBAAmB,GAAG,OAAO;AAC5E;AAEA,SAAS,eAAe;AAAA,EACpB;AAAA,EACA,aAAa;AAAA,EACb;AAAA,EACA,GAAG;AACP,GAA0D;AACtD,SACI,oBAAC,iBAAiB,QAAjB,EACG;AAAA,IAAC,iBAAiB;AAAA,IAAjB;AAAA,MACG,aAAU;AAAA,MACV;AAAA,MACA,WAAW;AAAA,QACP;AAAA,QACA;AAAA,MACJ;AAAA,MACC,GAAG;AAAA,MAEH;AAAA;AAAA,QACD,oBAAC,iBAAiB,OAAjB,EAAuB,WAAU,gGAA+F;AAAA;AAAA;AAAA,EACrI,GACJ;AAER;",
+  "names": []
+}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@minutemailer/kit",
-    "version": "1.0.3",
+    "version": "1.0.4",
     "description": "Minutemailer UI Kit",
     "license": "MIT",
     "author": "Minutemailer",
@@ -21,7 +21,7 @@
         "build": "npm run icons:build && tsc && node esbuild.config.js",
         "build-storybook": "storybook build",
         "icons:build": "npx @svgr/cli --icon --typescript --replace-attr-values \"#3D3D3D=currentColor\" --out-dir src/icons resources/icons",
-        "prepub": "rm -r dist && npm run build && cp package.json dist && cp src/styles.css dist && swc ./src/components dist --copy-files",
+        "prepub": "rm -r dist && npm run build && cp package.json dist && cp src/styles.css dist",
         "pub": "npm run prepub && cd dist && npm publish --access public",
         "docs": "npx typedoc src/utils --out docs --plugin typedoc-material-theme --themeColor '#00b869'"
     },
@@ -30,24 +30,23 @@
         "react-dom": "^19.0.0 || ^18.0.0"
     },
     "devDependencies": {
-        "@storybook/addon-docs": "^9.1.4",
-        "@storybook/react-vite": "^9.1.4",
+        "@storybook/addon-docs": "^9.1.6",
+        "@storybook/react-vite": "^9.1.6",
         "@svgr/cli": "^8.1.0",
-        "@swc/cli": "^0.7.8",
-        "@swc/core": "^1.13.5",
-        "@types/react": "^19.1.12",
+        "@types/react": "^19.1.13",
         "@types/react-dom": "^19.1.9",
         "@vitest/coverage-v8": "^3.2.4",
         "esbuild": "^0.25.9",
+        "glob": "^11.0.3",
         "prettier": "3.6.2",
         "react": "^19.1.1",
         "react-dom": "^19.1.1",
-        "sass": "^1.92.0",
-        "shadcn": "^3.2.1",
-        "storybook": "^9.1.4",
-        "typedoc": "^0.28.12",
+        "sass": "^1.92.1",
+        "shadcn": "^3.3.1",
+        "storybook": "^9.1.6",
+        "typedoc": "^0.28.13",
         "typedoc-material-theme": "^1.4.0",
-        "vite": "^7.1.4",
+        "vite": "^7.1.5",
         "vitest": "^3.2.4"
     },
     "dependencies": {