@medway-ui/core 1.4.1 → 1.5.0

package/dist/assets/css/tokens.css

@@ -305,6 +305,11 @@
   --color-input: var(--color-gray-100);
   --color-ring: var(--color-gray-150);
 
+  /* === Base content colors === */
+  --color-content-title: var(--color-primary);
+  --color-content-paragraph: var(--color-gray-600);
+  --color-content-link: var(--color-secondary-darken-2);
+
   /* === Base surfacecolors === */
   --color-surface-elevated: var(--color-white);
   --color-surface-card: var(--color-white);
@@ -516,7 +521,7 @@
   --text-xxs: 10px;
   --text-xs: 12px;
   --text-sm: 14px;
-  --text-base: 16px;
+  --text-md: 16px;
   --text-lg: 18px;
   --text-title-xs: 20px;
   --text-title-sm: 24px;
@@ -579,6 +584,11 @@
   --color-input: var(--color-gray-600);
   --color-ring: var(--color-gray-500);
 
+  /* === Base content colors === */
+  --color-content-title: var(--color-white);
+  --color-content-paragraph: var(--color-gray-150);
+  --color-content-link: var(--color-secondary);
+
   /* === Dark surface colors === */
   --color-surface-elevated: var(--color-gray-800);
   --color-surface-card: var(--color-gray-850);

package/dist/assets/js/tokens.ts

@@ -9,6 +9,11 @@ export const colors = {
   ring: "var(--color-ring)",
   input: "var(--color-input)",
   border: "var(--color-border)",
+  content: {
+    title: "var(--color-content-title)",
+    paragraph: "var(--color-content-paragraph)",
+    link: "var(--color-content-link)",
+  },
   surface: {
     elevated: "var(--color-surface-elevated)",
     card: "var(--color-surface-card)",
@@ -492,7 +497,7 @@ export const fontSize = {
   xxs: "var(--text-xxs)",
   xs: "var(--text-xs)",
   sm: "var(--text-sm)",
-  base: "var(--text-base)",
+  md: "var(--text-md)",
   lg: "var(--text-lg)",
   xl: "var(--text-xl)",
   "title-xs": "var(--text-title-xs)",
@@ -578,6 +583,22 @@ export const boxShadow = {
 };
 
 export const keyframes = {
+  "accordion-down": {
+    from: {
+      height: "0",
+    },
+    to: {
+      height: "var(--radix-accordion-content-height)",
+    },
+  },
+  "accordion-up": {
+    from: {
+      height: "var(--radix-accordion-content-height)",
+    },
+    to: {
+      height: "0",
+    },
+  },
   "collapsible-down": {
     from: {
       height: "0",
@@ -594,9 +615,29 @@ export const keyframes = {
       height: "0",
     },
   },
+  "fade-in": {
+    from: {
+      opacity: "0",
+    },
+    to: {
+      opacity: "1",
+    },
+  },
+  "fade-out": {
+    from: {
+      opacity: "1",
+    },
+    to: {
+      opacity: "0",
+    },
+  },
 };
 
 export const animation = {
+  "accordion-down": "accordion-down 0.2s ease-out",
+  "accordion-up": "accordion-up 0.2s ease-out",
   "collapsible-down": "collapsible-down 0.2s ease-out",
   "collapsible-up": "collapsible-up 0.2s ease-out",
+  "fade-in": "fade-in 0.2s ease-out",
+  "fade-out": "fade-out 0.2s ease-out",
 };

package/dist/index.d.mts

@@ -2,8 +2,7 @@ import * as class_variance_authority_types from 'class-variance-authority/types'
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
-import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
-import { Avatar as Avatar$1, Collapsible as Collapsible$1, DropdownMenu as DropdownMenu$1, ScrollArea as ScrollArea$1, Tabs, Separator as Separator$1, Dialog, Tooltip as Tooltip$1 } from 'radix-ui';
+import { AlertDialog as AlertDialog$1, Avatar as Avatar$1, Collapsible as Collapsible$1, Dialog as Dialog$1, DropdownMenu as DropdownMenu$1, ScrollArea as ScrollArea$1, Tabs, Separator as Separator$1, Tooltip as Tooltip$1 } from 'radix-ui';
 
 interface AlertProps extends React.ComponentProps<"div"> {
     variant?: "regular" | "emphasis" | "success" | "warning" | "error";
@@ -26,17 +25,17 @@ interface AlertButtonProps extends React.ComponentProps<"button">, VariantProps<
 }
 declare function AlertButton({ className, variant, ...props }: AlertButtonProps): react_jsx_runtime.JSX.Element;
 
-declare function AlertDialog({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Root>): react_jsx_runtime.JSX.Element;
-declare function AlertDialogTrigger({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
-declare function AlertDialogPortal({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Portal>): react_jsx_runtime.JSX.Element;
-declare function AlertDialogOverlay({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Overlay>): react_jsx_runtime.JSX.Element;
-declare function AlertDialogContent({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Content>): react_jsx_runtime.JSX.Element;
+declare function AlertDialog({ ...props }: React.ComponentProps<typeof AlertDialog$1.Root>): react_jsx_runtime.JSX.Element;
+declare function AlertDialogTrigger({ ...props }: React.ComponentProps<typeof AlertDialog$1.Trigger>): react_jsx_runtime.JSX.Element;
+declare function AlertDialogPortal({ ...props }: React.ComponentProps<typeof AlertDialog$1.Portal>): react_jsx_runtime.JSX.Element;
+declare function AlertDialogOverlay({ className, ...props }: React.ComponentProps<typeof AlertDialog$1.Overlay>): react_jsx_runtime.JSX.Element;
+declare function AlertDialogContent({ className, ...props }: React.ComponentProps<typeof AlertDialog$1.Content>): react_jsx_runtime.JSX.Element;
 declare function AlertDialogHeader({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
 declare function AlertDialogFooter({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
-declare function AlertDialogTitle({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Title>): react_jsx_runtime.JSX.Element;
-declare function AlertDialogDescription({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Description>): react_jsx_runtime.JSX.Element;
-declare function AlertDialogAction({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Action>): react_jsx_runtime.JSX.Element;
-declare function AlertDialogCancel({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Cancel>): react_jsx_runtime.JSX.Element;
+declare function AlertDialogTitle({ className, ...props }: React.ComponentProps<typeof AlertDialog$1.Title>): react_jsx_runtime.JSX.Element;
+declare function AlertDialogDescription({ className, ...props }: React.ComponentProps<typeof AlertDialog$1.Description>): react_jsx_runtime.JSX.Element;
+declare function AlertDialogAction({ className, ...props }: React.ComponentProps<typeof AlertDialog$1.Action>): react_jsx_runtime.JSX.Element;
+declare function AlertDialogCancel({ className, ...props }: React.ComponentProps<typeof AlertDialog$1.Cancel>): react_jsx_runtime.JSX.Element;
 
 declare const avatarVariants: (props?: ({
     size?: "sm" | "md" | "lg" | "xl" | null | undefined;
@@ -75,16 +74,38 @@ declare const buttonVariants: (props?: ({
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare function Button({ className, containerClassName, variant, size, asChild, iconRight, iconLeft, badge, loading, alert, ...props }: ButtonProps): react_jsx_runtime.JSX.Element;
 
-interface CollapsibleProps extends React.ComponentProps<typeof Collapsible$1.Root> {
-    animated?: boolean;
-}
-declare function Collapsible({ animated, ...props }: CollapsibleProps): react_jsx_runtime.JSX.Element;
-declare function CollapsibleTrigger({ ...props }: React.ComponentProps<typeof Collapsible$1.Trigger>): react_jsx_runtime.JSX.Element;
+type AnimationType = "accordion" | "fade";
 interface CollapsibleContentProps extends React.ComponentProps<typeof Collapsible$1.Content> {
     className?: string;
 }
+interface CollapsibleProps extends React.ComponentProps<typeof Collapsible$1.Root> {
+    animation?: AnimationType;
+}
+declare function Collapsible({ animation, ...props }: CollapsibleProps): react_jsx_runtime.JSX.Element;
+declare function CollapsibleTrigger({ ...props }: React.ComponentProps<typeof Collapsible$1.Trigger>): react_jsx_runtime.JSX.Element;
 declare function CollapsibleContent({ className, ...props }: CollapsibleContentProps): react_jsx_runtime.JSX.Element;
 
+declare function Dialog({ ...props }: React.ComponentProps<typeof Dialog$1.Root>): react_jsx_runtime.JSX.Element;
+declare function DialogTrigger({ ...props }: React.ComponentProps<typeof Dialog$1.Trigger>): react_jsx_runtime.JSX.Element;
+declare function DialogPortal({ ...props }: React.ComponentProps<typeof Dialog$1.Portal>): react_jsx_runtime.JSX.Element;
+declare function DialogClose({ ...props }: React.ComponentProps<typeof Dialog$1.Close>): react_jsx_runtime.JSX.Element;
+declare function DialogOverlay({ className, ...props }: React.ComponentProps<typeof Dialog$1.Overlay>): react_jsx_runtime.JSX.Element;
+declare function DialogContainer({ className, children, showCloseButton, ...props }: React.ComponentProps<typeof Dialog$1.Content> & {
+    showCloseButton?: boolean;
+}): react_jsx_runtime.JSX.Element;
+declare function DialogContent({ className, children, }: {
+    className?: string;
+    children: React.ReactNode;
+}): react_jsx_runtime.JSX.Element;
+declare function DialogHeader({ className, separator, ...props }: React.ComponentProps<"div"> & {
+    separator?: boolean;
+}): react_jsx_runtime.JSX.Element;
+declare function DialogFooter({ className, separator, ...props }: React.ComponentProps<"div"> & {
+    separator?: boolean;
+}): react_jsx_runtime.JSX.Element;
+declare function DialogTitle({ className, ...props }: React.ComponentProps<typeof Dialog$1.Title>): react_jsx_runtime.JSX.Element;
+declare function DialogDescription({ className, ...props }: React.ComponentProps<typeof Dialog$1.Description>): react_jsx_runtime.JSX.Element;
+
 declare function DropdownMenu({ ...props }: React.ComponentProps<typeof DropdownMenu$1.Root>): react_jsx_runtime.JSX.Element;
 declare function DropdownMenuPortal({ ...props }: React.ComponentProps<typeof DropdownMenu$1.Portal>): react_jsx_runtime.JSX.Element;
 declare function DropdownMenuTrigger({ ...props }: React.ComponentProps<typeof DropdownMenu$1.Trigger>): react_jsx_runtime.JSX.Element;
@@ -182,9 +203,11 @@ declare function SegmentControlContent({ className, ...props }: React.ComponentP
 
 declare function Separator({ className, orientation, decorative, ...props }: React.ComponentProps<typeof Separator$1.Root>): react_jsx_runtime.JSX.Element;
 
-declare function Sheet({ ...props }: React.ComponentProps<typeof Dialog.Root>): react_jsx_runtime.JSX.Element;
+declare function Sheet({ ...props }: React.ComponentProps<typeof Dialog$1.Root>): react_jsx_runtime.JSX.Element;
 
+declare function TooltipProvider({ delayDuration, ...props }: React.ComponentProps<typeof Tooltip$1.Provider>): react_jsx_runtime.JSX.Element;
 declare function Tooltip({ ...props }: React.ComponentProps<typeof Tooltip$1.Root>): react_jsx_runtime.JSX.Element;
+declare function TooltipTrigger({ ...props }: React.ComponentProps<typeof Tooltip$1.Trigger>): react_jsx_runtime.JSX.Element;
 declare function TooltipContent({ className, sideOffset, children, ...props }: React.ComponentProps<typeof Tooltip$1.Content>): react_jsx_runtime.JSX.Element;
 
 type SidebarContextProps = {
@@ -346,4 +369,4 @@ declare function TileDescription({ className, ...props }: React.ComponentProps<"
 
 declare function useIsMobile(): boolean;
 
-export { Alert, AlertActions, AlertButton, AlertContainer, AlertContent, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertIcon, AlertTitle, Avatar, AvatarFallback, AvatarImage, Badge, Button, Collapsible, CollapsibleContent, CollapsibleTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Input, Loading, Logo, LogoShort, Pagination, PaginationContent, PaginationEllipsis, PaginationInfo, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, PaginationRoot, ScrollArea, ScrollBar, SegmentControl, SegmentControlContent, SegmentControlList, SegmentControlTrigger, Separator, Sheet, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuItemCollapse, SidebarMenuItemTitle, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Switcher, SwitcherContent, SwitcherFooter, SwitcherGroup, SwitcherItem, SwitcherSeparator, SwitcherTrigger, Tag, Tile, TileDescription, TileIcon, TileTitle, Tooltip, badgeVariants, buttonVariants, tagVariants, useIsMobile, useSidebar };
+export { Alert, AlertActions, AlertButton, AlertContainer, AlertContent, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertIcon, AlertTitle, Avatar, AvatarFallback, AvatarImage, Badge, Button, Collapsible, CollapsibleContent, CollapsibleTrigger, Dialog, DialogClose, DialogContainer, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Input, Loading, Logo, LogoShort, Pagination, PaginationContent, PaginationEllipsis, PaginationInfo, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, PaginationRoot, ScrollArea, ScrollBar, SegmentControl, SegmentControlContent, SegmentControlList, SegmentControlTrigger, Separator, Sheet, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuItemCollapse, SidebarMenuItemTitle, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Switcher, SwitcherContent, SwitcherFooter, SwitcherGroup, SwitcherItem, SwitcherSeparator, SwitcherTrigger, Tag, Tile, TileDescription, TileIcon, TileTitle, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, badgeVariants, buttonVariants, tagVariants, useIsMobile, useSidebar };

package/dist/index.d.ts

@@ -2,8 +2,7 @@ import * as class_variance_authority_types from 'class-variance-authority/types'
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
-import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
-import { Avatar as Avatar$1, Collapsible as Collapsible$1, DropdownMenu as DropdownMenu$1, ScrollArea as ScrollArea$1, Tabs, Separator as Separator$1, Dialog, Tooltip as Tooltip$1 } from 'radix-ui';
+import { AlertDialog as AlertDialog$1, Avatar as Avatar$1, Collapsible as Collapsible$1, Dialog as Dialog$1, DropdownMenu as DropdownMenu$1, ScrollArea as ScrollArea$1, Tabs, Separator as Separator$1, Tooltip as Tooltip$1 } from 'radix-ui';
 
 interface AlertProps extends React.ComponentProps<"div"> {
     variant?: "regular" | "emphasis" | "success" | "warning" | "error";
@@ -26,17 +25,17 @@ interface AlertButtonProps extends React.ComponentProps<"button">, VariantProps<
 }
 declare function AlertButton({ className, variant, ...props }: AlertButtonProps): react_jsx_runtime.JSX.Element;
 
-declare function AlertDialog({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Root>): react_jsx_runtime.JSX.Element;
-declare function AlertDialogTrigger({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
-declare function AlertDialogPortal({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Portal>): react_jsx_runtime.JSX.Element;
-declare function AlertDialogOverlay({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Overlay>): react_jsx_runtime.JSX.Element;
-declare function AlertDialogContent({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Content>): react_jsx_runtime.JSX.Element;
+declare function AlertDialog({ ...props }: React.ComponentProps<typeof AlertDialog$1.Root>): react_jsx_runtime.JSX.Element;
+declare function AlertDialogTrigger({ ...props }: React.ComponentProps<typeof AlertDialog$1.Trigger>): react_jsx_runtime.JSX.Element;
+declare function AlertDialogPortal({ ...props }: React.ComponentProps<typeof AlertDialog$1.Portal>): react_jsx_runtime.JSX.Element;
+declare function AlertDialogOverlay({ className, ...props }: React.ComponentProps<typeof AlertDialog$1.Overlay>): react_jsx_runtime.JSX.Element;
+declare function AlertDialogContent({ className, ...props }: React.ComponentProps<typeof AlertDialog$1.Content>): react_jsx_runtime.JSX.Element;
 declare function AlertDialogHeader({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
 declare function AlertDialogFooter({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
-declare function AlertDialogTitle({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Title>): react_jsx_runtime.JSX.Element;
-declare function AlertDialogDescription({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Description>): react_jsx_runtime.JSX.Element;
-declare function AlertDialogAction({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Action>): react_jsx_runtime.JSX.Element;
-declare function AlertDialogCancel({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Cancel>): react_jsx_runtime.JSX.Element;
+declare function AlertDialogTitle({ className, ...props }: React.ComponentProps<typeof AlertDialog$1.Title>): react_jsx_runtime.JSX.Element;
+declare function AlertDialogDescription({ className, ...props }: React.ComponentProps<typeof AlertDialog$1.Description>): react_jsx_runtime.JSX.Element;
+declare function AlertDialogAction({ className, ...props }: React.ComponentProps<typeof AlertDialog$1.Action>): react_jsx_runtime.JSX.Element;
+declare function AlertDialogCancel({ className, ...props }: React.ComponentProps<typeof AlertDialog$1.Cancel>): react_jsx_runtime.JSX.Element;
 
 declare const avatarVariants: (props?: ({
     size?: "sm" | "md" | "lg" | "xl" | null | undefined;
@@ -75,16 +74,38 @@ declare const buttonVariants: (props?: ({
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare function Button({ className, containerClassName, variant, size, asChild, iconRight, iconLeft, badge, loading, alert, ...props }: ButtonProps): react_jsx_runtime.JSX.Element;
 
-interface CollapsibleProps extends React.ComponentProps<typeof Collapsible$1.Root> {
-    animated?: boolean;
-}
-declare function Collapsible({ animated, ...props }: CollapsibleProps): react_jsx_runtime.JSX.Element;
-declare function CollapsibleTrigger({ ...props }: React.ComponentProps<typeof Collapsible$1.Trigger>): react_jsx_runtime.JSX.Element;
+type AnimationType = "accordion" | "fade";
 interface CollapsibleContentProps extends React.ComponentProps<typeof Collapsible$1.Content> {
     className?: string;
 }
+interface CollapsibleProps extends React.ComponentProps<typeof Collapsible$1.Root> {
+    animation?: AnimationType;
+}
+declare function Collapsible({ animation, ...props }: CollapsibleProps): react_jsx_runtime.JSX.Element;
+declare function CollapsibleTrigger({ ...props }: React.ComponentProps<typeof Collapsible$1.Trigger>): react_jsx_runtime.JSX.Element;
 declare function CollapsibleContent({ className, ...props }: CollapsibleContentProps): react_jsx_runtime.JSX.Element;
 
+declare function Dialog({ ...props }: React.ComponentProps<typeof Dialog$1.Root>): react_jsx_runtime.JSX.Element;
+declare function DialogTrigger({ ...props }: React.ComponentProps<typeof Dialog$1.Trigger>): react_jsx_runtime.JSX.Element;
+declare function DialogPortal({ ...props }: React.ComponentProps<typeof Dialog$1.Portal>): react_jsx_runtime.JSX.Element;
+declare function DialogClose({ ...props }: React.ComponentProps<typeof Dialog$1.Close>): react_jsx_runtime.JSX.Element;
+declare function DialogOverlay({ className, ...props }: React.ComponentProps<typeof Dialog$1.Overlay>): react_jsx_runtime.JSX.Element;
+declare function DialogContainer({ className, children, showCloseButton, ...props }: React.ComponentProps<typeof Dialog$1.Content> & {
+    showCloseButton?: boolean;
+}): react_jsx_runtime.JSX.Element;
+declare function DialogContent({ className, children, }: {
+    className?: string;
+    children: React.ReactNode;
+}): react_jsx_runtime.JSX.Element;
+declare function DialogHeader({ className, separator, ...props }: React.ComponentProps<"div"> & {
+    separator?: boolean;
+}): react_jsx_runtime.JSX.Element;
+declare function DialogFooter({ className, separator, ...props }: React.ComponentProps<"div"> & {
+    separator?: boolean;
+}): react_jsx_runtime.JSX.Element;
+declare function DialogTitle({ className, ...props }: React.ComponentProps<typeof Dialog$1.Title>): react_jsx_runtime.JSX.Element;
+declare function DialogDescription({ className, ...props }: React.ComponentProps<typeof Dialog$1.Description>): react_jsx_runtime.JSX.Element;
+
 declare function DropdownMenu({ ...props }: React.ComponentProps<typeof DropdownMenu$1.Root>): react_jsx_runtime.JSX.Element;
 declare function DropdownMenuPortal({ ...props }: React.ComponentProps<typeof DropdownMenu$1.Portal>): react_jsx_runtime.JSX.Element;
 declare function DropdownMenuTrigger({ ...props }: React.ComponentProps<typeof DropdownMenu$1.Trigger>): react_jsx_runtime.JSX.Element;
@@ -182,9 +203,11 @@ declare function SegmentControlContent({ className, ...props }: React.ComponentP
 
 declare function Separator({ className, orientation, decorative, ...props }: React.ComponentProps<typeof Separator$1.Root>): react_jsx_runtime.JSX.Element;
 
-declare function Sheet({ ...props }: React.ComponentProps<typeof Dialog.Root>): react_jsx_runtime.JSX.Element;
+declare function Sheet({ ...props }: React.ComponentProps<typeof Dialog$1.Root>): react_jsx_runtime.JSX.Element;
 
+declare function TooltipProvider({ delayDuration, ...props }: React.ComponentProps<typeof Tooltip$1.Provider>): react_jsx_runtime.JSX.Element;
 declare function Tooltip({ ...props }: React.ComponentProps<typeof Tooltip$1.Root>): react_jsx_runtime.JSX.Element;
+declare function TooltipTrigger({ ...props }: React.ComponentProps<typeof Tooltip$1.Trigger>): react_jsx_runtime.JSX.Element;
 declare function TooltipContent({ className, sideOffset, children, ...props }: React.ComponentProps<typeof Tooltip$1.Content>): react_jsx_runtime.JSX.Element;
 
 type SidebarContextProps = {
@@ -346,4 +369,4 @@ declare function TileDescription({ className, ...props }: React.ComponentProps<"
 
 declare function useIsMobile(): boolean;
 
-export { Alert, AlertActions, AlertButton, AlertContainer, AlertContent, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertIcon, AlertTitle, Avatar, AvatarFallback, AvatarImage, Badge, Button, Collapsible, CollapsibleContent, CollapsibleTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Input, Loading, Logo, LogoShort, Pagination, PaginationContent, PaginationEllipsis, PaginationInfo, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, PaginationRoot, ScrollArea, ScrollBar, SegmentControl, SegmentControlContent, SegmentControlList, SegmentControlTrigger, Separator, Sheet, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuItemCollapse, SidebarMenuItemTitle, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Switcher, SwitcherContent, SwitcherFooter, SwitcherGroup, SwitcherItem, SwitcherSeparator, SwitcherTrigger, Tag, Tile, TileDescription, TileIcon, TileTitle, Tooltip, badgeVariants, buttonVariants, tagVariants, useIsMobile, useSidebar };
+export { Alert, AlertActions, AlertButton, AlertContainer, AlertContent, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertIcon, AlertTitle, Avatar, AvatarFallback, AvatarImage, Badge, Button, Collapsible, CollapsibleContent, CollapsibleTrigger, Dialog, DialogClose, DialogContainer, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Input, Loading, Logo, LogoShort, Pagination, PaginationContent, PaginationEllipsis, PaginationInfo, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, PaginationRoot, ScrollArea, ScrollBar, SegmentControl, SegmentControlContent, SegmentControlList, SegmentControlTrigger, Separator, Sheet, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuItemCollapse, SidebarMenuItemTitle, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Switcher, SwitcherContent, SwitcherFooter, SwitcherGroup, SwitcherItem, SwitcherSeparator, SwitcherTrigger, Tag, Tile, TileDescription, TileIcon, TileTitle, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, badgeVariants, buttonVariants, tagVariants, useIsMobile, useSidebar };