@wallarm-org/design-system 0.3.1 → 0.4.0

package/dist/components/Alert/AlertClose.js

@@ -1,28 +1,26 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { X } from "../../icons/index.js";
 import { Button } from "../Button/index.js";
-import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "../Tooltip/index.js";
-const AlertClose = ({ ref, onClick, ...props })=>/*#__PURE__*/ jsx(TooltipProvider, {
-        children: /*#__PURE__*/ jsxs(Tooltip, {
-            children: [
-                /*#__PURE__*/ jsx(TooltipTrigger, {
-                    asChild: true,
-                    children: /*#__PURE__*/ jsx(Button, {
-                        ...props,
-                        ref: ref,
-                        variant: "ghost",
-                        color: "neutral",
-                        size: "small",
-                        "aria-label": "close",
-                        onClick: onClick,
-                        children: /*#__PURE__*/ jsx(X, {})
-                    })
-                }),
-                /*#__PURE__*/ jsx(TooltipContent, {
-                    children: "Close"
+import { Tooltip, TooltipContent, TooltipTrigger } from "../Tooltip/index.js";
+const AlertClose = ({ ref, onClick, ...props })=>/*#__PURE__*/ jsxs(Tooltip, {
+        children: [
+            /*#__PURE__*/ jsx(TooltipTrigger, {
+                asChild: true,
+                children: /*#__PURE__*/ jsx(Button, {
+                    ...props,
+                    ref: ref,
+                    variant: "ghost",
+                    color: "neutral",
+                    size: "small",
+                    "aria-label": "close",
+                    onClick: onClick,
+                    children: /*#__PURE__*/ jsx(X, {})
                 })
-            ]
-        })
+            }),
+            /*#__PURE__*/ jsx(TooltipContent, {
+                children: "Close"
+            })
+        ]
     });
 AlertClose.displayName = 'AlertClose';
 export { AlertClose };

package/dist/components/Drawer/DrawerClose.js

@@ -16,7 +16,6 @@ const DrawerClose = ({ children, asChild = false, ref })=>{
         children: children
     });
     return /*#__PURE__*/ jsxs(Tooltip, {
-        delayDuration: 300,
         children: [
             /*#__PURE__*/ jsx(TooltipTrigger, {
                 asChild: true,
@@ -34,8 +33,6 @@ const DrawerClose = ({ children, asChild = false, ref })=>{
                 })
             }),
             /*#__PURE__*/ jsxs(TooltipContent, {
-                side: "bottom",
-                sideOffset: 4,
                 children: [
                     "Close ",
                     closeOnEscape && /*#__PURE__*/ jsx(Kbd, {

package/dist/components/Drawer/DrawerResizeHandle.js

@@ -66,6 +66,9 @@ const DrawerResizeHandle = ({ ref })=>{
     ]);
     const barIsVisible = isHovered || isDragging;
     return /*#__PURE__*/ jsxs(Tooltip, {
+        positioning: {
+            placement: 'left'
+        },
         open: isHovered && !isDragging,
         children: [
             /*#__PURE__*/ jsx(TooltipTrigger, {
@@ -78,7 +81,6 @@ const DrawerResizeHandle = ({ ref })=>{
                 onMouseDown: handleMouseDown
             }),
             /*#__PURE__*/ jsx(TooltipContent, {
-                side: "left",
                 children: "Drag to resize"
             })
         ]

package/dist/components/DropdownMenu/DropdownMenu.d.ts

@@ -1,3 +1,10 @@
-import type { FC } from 'react';
-import { type DropdownMenuProps } from '@radix-ui/react-dropdown-menu';
+import { type FC, type ReactNode } from 'react';
+interface DropdownMenuProps {
+    children: ReactNode;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    modal?: boolean;
+}
 export declare const DropdownMenu: FC<DropdownMenuProps>;
+export {};

package/dist/components/DropdownMenu/DropdownMenu.js

@@ -1,7 +1,41 @@
 import { jsx } from "react/jsx-runtime";
-import { Root } from "@radix-ui/react-dropdown-menu";
-const DropdownMenu = (props)=>/*#__PURE__*/ jsx(Root, {
-        ...props
+import { useMemo } from "react";
+import { Menu } from "@ark-ui/react/menu";
+import { DropdownMenuContext, useDropdownMenuContext } from "./DropdownMenuContext.js";
+const ROOT_POSITIONING = {
+    placement: 'bottom-start',
+    gutter: 4,
+    overflowPadding: 4
+};
+const SUB_POSITIONING = {
+    placement: 'right-start',
+    gutter: 4,
+    offset: {
+        crossAxis: -9
+    }
+};
+const DropdownMenu = ({ children, open, defaultOpen, onOpenChange, ...props })=>{
+    const parent = useDropdownMenuContext();
+    const isNested = null !== parent;
+    const handleOpenChange = (details)=>{
+        onOpenChange?.(details.open);
+    };
+    const ctx = useMemo(()=>({
+            isNested: true
+        }), []);
+    return /*#__PURE__*/ jsx(DropdownMenuContext, {
+        value: ctx,
+        children: /*#__PURE__*/ jsx(Menu.Root, {
+            ...props,
+            positioning: isNested ? SUB_POSITIONING : ROOT_POSITIONING,
+            open: open,
+            defaultOpen: defaultOpen,
+            onOpenChange: handleOpenChange,
+            lazyMount: true,
+            unmountOnExit: true,
+            children: children
+        })
     });
+};
 DropdownMenu.displayName = 'DropdownMenu';
 export { DropdownMenu };

package/dist/components/DropdownMenu/DropdownMenuContent.d.ts

@@ -1,7 +1,7 @@
-import type { ComponentPropsWithoutRef, ElementRef, FC, Ref } from 'react';
-import { Content } from '@radix-ui/react-dropdown-menu';
-type DropdownMenuContentProps = ComponentPropsWithoutRef<typeof Content> & {
-    ref?: Ref<ElementRef<typeof Content>>;
-};
+import type { FC, HTMLAttributes, ReactNode, Ref } from 'react';
+interface DropdownMenuContentProps extends HTMLAttributes<HTMLDivElement> {
+    children: ReactNode;
+    ref?: Ref<HTMLDivElement>;
+}
 export declare const DropdownMenuContent: FC<DropdownMenuContentProps>;
 export {};

package/dist/components/DropdownMenu/DropdownMenuContent.js

@@ -1,28 +1,31 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { Content } from "@radix-ui/react-dropdown-menu";
+import { Menu } from "@ark-ui/react/menu";
+import { Portal } from "@ark-ui/react/portal";
 import { cn } from "../../utils/cn.js";
 import { ScrollArea, ScrollAreaContent, ScrollAreaCorner, ScrollAreaScrollbar, ScrollAreaViewport } from "../ScrollArea/index.js";
 import { dropdownMenuClassNames } from "./classes.js";
-import { DropdownMenuPortal } from "./DropdownMenuPortal.js";
-const DropdownMenuContent = ({ className, sideOffset = 4, children, ref, ...props })=>/*#__PURE__*/ jsx(DropdownMenuPortal, {
-        children: /*#__PURE__*/ jsx(Content, {
-            ref: ref,
-            sideOffset: sideOffset,
-            collisionPadding: 4,
-            className: cn(dropdownMenuClassNames, 'max-h-(--radix-dropdown-menu-content-available-height)', 'origin-[--radix-dropdown-menu-content-transform-origin]', className),
-            ...props,
-            asChild: true,
-            children: /*#__PURE__*/ jsxs(ScrollArea, {
-                children: [
-                    /*#__PURE__*/ jsx(ScrollAreaViewport, {
-                        children: /*#__PURE__*/ jsx(ScrollAreaContent, {
-                            className: cn('flex flex-col gap-1'),
-                            children: children
-                        })
-                    }),
-                    /*#__PURE__*/ jsx(ScrollAreaScrollbar, {}),
-                    /*#__PURE__*/ jsx(ScrollAreaCorner, {})
-                ]
+const DropdownMenuContent = ({ className, children, ref, ...props })=>/*#__PURE__*/ jsx(Portal, {
+        children: /*#__PURE__*/ jsx(Menu.Positioner, {
+            children: /*#__PURE__*/ jsx(Menu.Content, {
+                ref: ref,
+                className: cn(dropdownMenuClassNames, 'max-h-(--available-height)', 'origin-[--transform-origin]', className),
+                ...props,
+                children: /*#__PURE__*/ jsxs(ScrollArea, {
+                    className: cn('flex flex-col min-h-0'),
+                    style: {
+                        position: 'static'
+                    },
+                    children: [
+                        /*#__PURE__*/ jsx(ScrollAreaViewport, {
+                            children: /*#__PURE__*/ jsx(ScrollAreaContent, {
+                                className: cn('flex flex-col gap-1'),
+                                children: children
+                            })
+                        }),
+                        /*#__PURE__*/ jsx(ScrollAreaScrollbar, {}),
+                        /*#__PURE__*/ jsx(ScrollAreaCorner, {})
+                    ]
+                })
             })
         })
     });

package/dist/components/DropdownMenu/DropdownMenuContext.d.ts

@@ -0,0 +1,6 @@
+interface DropdownMenuContextValue {
+    isNested: boolean;
+}
+export declare const DropdownMenuContext: import("react").Context<DropdownMenuContextValue | null>;
+export declare const useDropdownMenuContext: () => DropdownMenuContextValue | null;
+export {};

package/dist/components/DropdownMenu/DropdownMenuContext.js

@@ -0,0 +1,4 @@
+import { createContext, useContext } from "react";
+const DropdownMenuContext = createContext(null);
+const useDropdownMenuContext = ()=>useContext(DropdownMenuContext);
+export { DropdownMenuContext, useDropdownMenuContext };

package/dist/components/DropdownMenu/DropdownMenuContextTrigger.d.ts

@@ -0,0 +1,10 @@
+import type { FC, HTMLAttributes, ReactNode, Ref } from 'react';
+import type { DropdownMenuItemVariantsProps } from './DropdownMenuItem';
+interface DropdownMenuContextTriggerProps extends HTMLAttributes<HTMLButtonElement>, DropdownMenuItemVariantsProps {
+    children: ReactNode;
+    asChild?: boolean;
+    inset?: boolean;
+    ref?: Ref<HTMLButtonElement>;
+}
+export declare const DropdownMenuContextTrigger: FC<DropdownMenuContextTriggerProps>;
+export {};

package/dist/components/DropdownMenu/DropdownMenuContextTrigger.js

@@ -0,0 +1,8 @@
+import { jsx } from "react/jsx-runtime";
+import { Menu } from "@ark-ui/react/menu";
+const DropdownMenuContextTrigger = ({ variant = 'default', inset = false, children, ...props })=>/*#__PURE__*/ jsx(Menu.ContextTrigger, {
+        ...props,
+        children: children
+    });
+DropdownMenuContextTrigger.displayName = 'DropdownMenuContextTrigger';
+export { DropdownMenuContextTrigger };

package/dist/components/DropdownMenu/DropdownMenuGroup.d.ts

@@ -1,3 +1,6 @@
-import type { FC } from 'react';
-import { type DropdownMenuGroupProps } from '@radix-ui/react-dropdown-menu';
+import { type FC, type HTMLAttributes, type Ref } from 'react';
+type DropdownMenuGroupProps = HTMLAttributes<HTMLDivElement> & {
+    ref?: Ref<HTMLDivElement>;
+};
 export declare const DropdownMenuGroup: FC<DropdownMenuGroupProps>;
+export {};

package/dist/components/DropdownMenu/DropdownMenuGroup.js

@@ -1,7 +1,12 @@
 import { jsx } from "react/jsx-runtime";
-import { Group } from "@radix-ui/react-dropdown-menu";
-const DropdownMenuGroup = (props)=>/*#__PURE__*/ jsx(Group, {
-        ...props
+import { useId } from "react";
+import { Menu } from "@ark-ui/react/menu";
+const DropdownMenuGroup = (props)=>{
+    const id = useId();
+    return /*#__PURE__*/ jsx(Menu.ItemGroup, {
+        ...props,
+        id: id
     });
+};
 DropdownMenuGroup.displayName = 'DropdownMenuGroup';
 export { DropdownMenuGroup };

package/dist/components/DropdownMenu/DropdownMenuItem.d.ts

@@ -1,13 +1,11 @@
-import type { ComponentPropsWithoutRef, ElementRef, FC, Ref } from 'react';
-import { Item } from '@radix-ui/react-dropdown-menu';
+import { type FC, type HTMLAttributes, type Ref } from 'react';
 import type { VariantProps } from 'class-variance-authority';
 import { dropdownMenuItemVariants } from './classes';
-type DropdownMenuItemNativeProps = ComponentPropsWithoutRef<typeof Item>;
 export type DropdownMenuItemVariantsProps = VariantProps<typeof dropdownMenuItemVariants>;
-export interface DropdownMenuItemBaseProps {
+export interface DropdownMenuItemProps extends Omit<HTMLAttributes<HTMLDivElement>, 'id'>, DropdownMenuItemVariantsProps {
     inset?: boolean;
-    ref?: Ref<ElementRef<typeof Item>>;
+    disabled?: boolean;
+    onSelect?: () => void;
+    ref?: Ref<HTMLDivElement>;
 }
-type DropdownMenuItemProps = DropdownMenuItemNativeProps & DropdownMenuItemVariantsProps & DropdownMenuItemBaseProps;
 export declare const DropdownMenuItem: FC<DropdownMenuItemProps>;
-export {};

package/dist/components/DropdownMenu/DropdownMenuItem.js

@@ -1,13 +1,20 @@
 import { jsx } from "react/jsx-runtime";
-import { Item } from "@radix-ui/react-dropdown-menu";
+import { useId } from "react";
+import { Menu } from "@ark-ui/react/menu";
 import { cn } from "../../utils/cn.js";
 import { dropdownMenuItemVariants } from "./classes.js";
-const DropdownMenuItem = ({ inset = false, variant = 'default', ...props })=>/*#__PURE__*/ jsx(Item, {
+const DropdownMenuItem = ({ inset = false, variant = 'default', onSelect, disabled, ...props })=>{
+    const id = useId();
+    return /*#__PURE__*/ jsx(Menu.Item, {
         ...props,
+        value: id,
+        disabled: disabled,
+        onSelect: onSelect,
         className: cn(dropdownMenuItemVariants({
             variant,
             inset
         }))
     });
+};
 DropdownMenuItem.displayName = 'DropdownMenuItem';
 export { DropdownMenuItem };

package/dist/components/DropdownMenu/DropdownMenuLabel.d.ts

@@ -1,10 +1,8 @@
-import type { ComponentPropsWithoutRef, FC, Ref } from 'react';
-import { Label } from '@radix-ui/react-dropdown-menu';
+import type { FC, HTMLAttributes, Ref } from 'react';
 import type { VariantProps } from 'class-variance-authority';
 import { dropdownMenuLabelVariants } from './classes';
-type DropdownMenuLabelNativeProps = ComponentPropsWithoutRef<typeof Label>;
 type DropdownMenuLabelVariantsProps = VariantProps<typeof dropdownMenuLabelVariants>;
-export type DropdownMenuLabelProps = DropdownMenuLabelNativeProps & DropdownMenuLabelVariantsProps & {
+export type DropdownMenuLabelProps = HTMLAttributes<HTMLDivElement> & DropdownMenuLabelVariantsProps & {
     ref?: Ref<HTMLDivElement>;
 };
 export declare const DropdownMenuLabel: FC<DropdownMenuLabelProps>;

package/dist/components/DropdownMenu/DropdownMenuLabel.js

@@ -1,8 +1,7 @@
 import { jsx } from "react/jsx-runtime";
-import { Label } from "@radix-ui/react-dropdown-menu";
 import { cn } from "../../utils/cn.js";
 import { dropdownMenuLabelVariants } from "./classes.js";
-const DropdownMenuLabel = ({ className, inset, ...props })=>/*#__PURE__*/ jsx(Label, {
+const DropdownMenuLabel = ({ className, inset, ...props })=>/*#__PURE__*/ jsx("div", {
         className: cn(dropdownMenuLabelVariants({
             inset
         }), className),

package/dist/components/DropdownMenu/DropdownMenuSeparator.d.ts

@@ -1,6 +1,5 @@
-import type { ComponentPropsWithoutRef, FC, Ref } from 'react';
-import { Separator } from '@radix-ui/react-dropdown-menu';
-export type DropdownMenuSeparatorProps = ComponentPropsWithoutRef<typeof Separator> & {
-    ref?: Ref<HTMLDivElement>;
+import type { FC, HTMLAttributes, Ref } from 'react';
+export type DropdownMenuSeparatorProps = HTMLAttributes<HTMLHRElement> & {
+    ref?: Ref<HTMLHRElement>;
 };
 export declare const DropdownMenuSeparator: FC<DropdownMenuSeparatorProps>;

package/dist/components/DropdownMenu/DropdownMenuSeparator.js

@@ -1,8 +1,8 @@
 import { jsx } from "react/jsx-runtime";
-import { Separator } from "@radix-ui/react-dropdown-menu";
+import { Menu } from "@ark-ui/react/menu";
 import { cn } from "../../utils/cn.js";
-const DropdownMenuSeparator = ({ className, ...props })=>/*#__PURE__*/ jsx(Separator, {
-        className: cn('mx-8 my-4 h-px bg-border-primary', className),
+const DropdownMenuSeparator = ({ className, ...props })=>/*#__PURE__*/ jsx(Menu.Separator, {
+        className: cn('mx-8 my-4 h-px bg-border-primary border-none', className),
         ...props
     });
 DropdownMenuSeparator.displayName = 'DropdownMenuSeparator';

package/dist/components/DropdownMenu/DropdownMenuTrigger.d.ts

@@ -1,3 +1,10 @@
-import type { FC } from 'react';
-import { type DropdownMenuTriggerProps } from '@radix-ui/react-dropdown-menu';
+import type { FC, HTMLAttributes, ReactNode, Ref } from 'react';
+import type { DropdownMenuItemVariantsProps } from './DropdownMenuItem';
+interface DropdownMenuTriggerProps extends HTMLAttributes<HTMLButtonElement>, DropdownMenuItemVariantsProps {
+    children: ReactNode;
+    asChild?: boolean;
+    inset?: boolean;
+    ref?: Ref<HTMLButtonElement>;
+}
 export declare const DropdownMenuTrigger: FC<DropdownMenuTriggerProps>;
+export {};

package/dist/components/DropdownMenu/DropdownMenuTrigger.js

@@ -1,7 +1,8 @@
 import { jsx } from "react/jsx-runtime";
-import { Trigger } from "@radix-ui/react-dropdown-menu";
-const DropdownMenuTrigger = (props)=>/*#__PURE__*/ jsx(Trigger, {
-        ...props
+import { Menu } from "@ark-ui/react/menu";
+const DropdownMenuTrigger = ({ variant = 'default', inset = false, children, ...props })=>/*#__PURE__*/ jsx(Menu.Trigger, {
+        ...props,
+        children: children
     });
 DropdownMenuTrigger.displayName = 'DropdownMenuTrigger';
 export { DropdownMenuTrigger };

package/dist/components/DropdownMenu/DropdownMenuTriggerItem.d.ts

@@ -0,0 +1,10 @@
+import type { FC, HTMLAttributes, ReactNode, Ref } from 'react';
+import type { DropdownMenuItemVariantsProps } from './DropdownMenuItem';
+interface DropdownMenuTriggerProps extends HTMLAttributes<HTMLButtonElement>, DropdownMenuItemVariantsProps {
+    children: ReactNode;
+    asChild?: boolean;
+    inset?: boolean;
+    ref?: Ref<HTMLButtonElement>;
+}
+export declare const DropdownMenuTriggerItem: FC<DropdownMenuTriggerProps>;
+export {};

package/dist/components/DropdownMenu/{DropdownMenuSubTrigger.js → DropdownMenuTriggerItem.js}

@@ -1,10 +1,9 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { SubTrigger } from "@radix-ui/react-dropdown-menu";
+import { Menu } from "@ark-ui/react/menu";
 import { ChevronRight } from "../../icons/index.js";
 import { cn } from "../../utils/cn.js";
 import { dropdownMenuItemVariants } from "./classes.js";
-const DropdownMenuSubTrigger = ({ inset = false, variant = 'default', children, ...props })=>/*#__PURE__*/ jsxs(SubTrigger, {
-        ...props,
+const DropdownMenuTriggerItem = ({ variant = 'default', inset = false, children })=>/*#__PURE__*/ jsxs(Menu.TriggerItem, {
         className: cn(dropdownMenuItemVariants({
             variant,
             inset
@@ -17,5 +16,5 @@ const DropdownMenuSubTrigger = ({ inset = false, variant = 'default', children,
             })
         ]
     });
-DropdownMenuSubTrigger.displayName = 'DropdownMenuSubTrigger';
-export { DropdownMenuSubTrigger };
+DropdownMenuTriggerItem.displayName = 'DropdownMenuTriggerItem';
+export { DropdownMenuTriggerItem };

package/dist/components/DropdownMenu/classes.js

@@ -4,14 +4,14 @@ const dropdownMenuClassNames = cn('flex flex-col gap-1 min-w-128', 'z-50 overflo
 const dropdownMenuItemVariants = cva([
     'flex items-center gap-8 rounded-6 px-8 py-6 text-sm',
     'relative cursor-pointer select-none outline-none transition-colors',
-    'data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50',
+    'data-disabled:cursor-not-allowed data-disabled:opacity-50',
     '[&_svg]:pointer-events-none [&_svg]:icon-md [&>svg]:icon-md [&>svg]:shrink-0'
 ], {
     variants: {
         variant: {
-            default: cn('text-text-primary', 'not-data-disabled:hover:bg-states-primary-hover', 'not-data-disabled:focus:bg-states-primary-hover', 'not-data-disabled:active:bg-states-primary-pressed', 'not-data-disabled:data-[state=open]:bg-states-primary-hover'),
-            brand: cn('text-text-brand', 'not-data-disabled:hover:bg-states-brand-hover', 'not-data-disabled:focus:bg-states-brand-hover', 'not-data-disabled:active:bg-states-brand-pressed', 'not-data-disabled:data-[state=open]:bg-states-brand-hover'),
-            destructive: cn('text-text-danger', 'not-data-disabled:hover:bg-states-danger-hover', 'not-data-disabled:focus:bg-states-danger-hover', 'not-data-disabled:active:bg-states-danger-pressed', 'not-data-disabled:data-[state=open]:bg-states-danger-hover')
+            default: cn('text-text-primary', 'not-data-disabled:hover:bg-states-primary-hover', 'not-data-disabled:focus:bg-states-primary-hover', 'not-data-disabled:data-highlighted:bg-states-primary-hover', 'not-data-disabled:active:bg-states-primary-pressed', 'not-data-disabled:data-[state=open]:bg-states-primary-hover'),
+            brand: cn('text-text-brand', 'not-data-disabled:hover:bg-states-brand-hover', 'not-data-disabled:focus:bg-states-brand-hover', 'not-data-disabled:data-highlighted:bg-states-brand-hover', 'not-data-disabled:active:bg-states-brand-pressed', 'not-data-disabled:data-[state=open]:bg-states-brand-hover'),
+            destructive: cn('text-text-danger', 'not-data-disabled:hover:bg-states-danger-hover', 'not-data-disabled:focus:bg-states-danger-hover', 'not-data-disabled:data-highlighted:bg-states-danger-hover', 'not-data-disabled:active:bg-states-danger-pressed', 'not-data-disabled:data-[state=open]:bg-states-danger-hover')
         },
         inset: {
             true: 'pl-32'

package/dist/components/DropdownMenu/index.d.ts

@@ -1,13 +1,15 @@
 export { dropdownMenuClassNames, dropdownMenuItemVariants, dropdownMenuLabelVariants, } from './classes';
 export { DropdownMenu } from './DropdownMenu';
 export { DropdownMenuContent } from './DropdownMenuContent';
+export { DropdownMenuContextTrigger } from './DropdownMenuContextTrigger';
 export { DropdownMenuGroup } from './DropdownMenuGroup';
 export { DropdownMenuItem } from './DropdownMenuItem';
+export { DropdownMenuItemContent } from './DropdownMenuItemContent';
+export { DropdownMenuItemDescription } from './DropdownMenuItemDescription';
+export { DropdownMenuItemIcon } from './DropdownMenuItemIcon';
+export { DropdownMenuItemText } from './DropdownMenuItemText';
 export { DropdownMenuLabel } from './DropdownMenuLabel';
-export { DropdownMenuPortal } from './DropdownMenuPortal';
 export { DropdownMenuSeparator } from './DropdownMenuSeparator';
 export { DropdownMenuShortcut } from './DropdownMenuShortcut';
-export { DropdownMenuSub } from './DropdownMenuSub';
-export { DropdownMenuSubContent } from './DropdownMenuSubContent';
-export { DropdownMenuSubTrigger } from './DropdownMenuSubTrigger';
 export { DropdownMenuTrigger } from './DropdownMenuTrigger';
+export { DropdownMenuTriggerItem } from './DropdownMenuTriggerItem';

package/dist/components/DropdownMenu/index.js

@@ -1,14 +1,16 @@
 import { dropdownMenuClassNames, dropdownMenuItemVariants, dropdownMenuLabelVariants } from "./classes.js";
 import { DropdownMenu } from "./DropdownMenu.js";
 import { DropdownMenuContent } from "./DropdownMenuContent.js";
+import { DropdownMenuContextTrigger } from "./DropdownMenuContextTrigger.js";
 import { DropdownMenuGroup } from "./DropdownMenuGroup.js";
 import { DropdownMenuItem } from "./DropdownMenuItem.js";
+import { DropdownMenuItemContent } from "./DropdownMenuItemContent.js";
+import { DropdownMenuItemDescription } from "./DropdownMenuItemDescription.js";
+import { DropdownMenuItemIcon } from "./DropdownMenuItemIcon.js";
+import { DropdownMenuItemText } from "./DropdownMenuItemText.js";
 import { DropdownMenuLabel } from "./DropdownMenuLabel.js";
-import { DropdownMenuPortal } from "./DropdownMenuPortal.js";
 import { DropdownMenuSeparator } from "./DropdownMenuSeparator.js";
 import { DropdownMenuShortcut } from "./DropdownMenuShortcut.js";
-import { DropdownMenuSub } from "./DropdownMenuSub.js";
-import { DropdownMenuSubContent } from "./DropdownMenuSubContent.js";
-import { DropdownMenuSubTrigger } from "./DropdownMenuSubTrigger.js";
 import { DropdownMenuTrigger } from "./DropdownMenuTrigger.js";
-export { DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, dropdownMenuClassNames, dropdownMenuItemVariants, dropdownMenuLabelVariants };
+import { DropdownMenuTriggerItem } from "./DropdownMenuTriggerItem.js";
+export { DropdownMenu, DropdownMenuContent, DropdownMenuContextTrigger, DropdownMenuGroup, DropdownMenuItem, DropdownMenuItemContent, DropdownMenuItemDescription, DropdownMenuItemIcon, DropdownMenuItemText, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuTrigger, DropdownMenuTriggerItem, dropdownMenuClassNames, dropdownMenuItemVariants, dropdownMenuLabelVariants };

package/dist/components/Field/FieldLabel.d.ts

@@ -1,5 +1,5 @@
-import type { ComponentProps, FC } from 'react';
-import { Label } from '../Label';
-type LabelProps = ComponentProps<typeof Label>;
+import type { FC } from 'react';
+import { Field as ArkUiField } from '@ark-ui/react/field';
+type LabelProps = ArkUiField.LabelProps;
 export declare const FieldLabel: FC<LabelProps>;
 export {};

package/dist/components/Field/FieldLabel.js

@@ -1,17 +1,10 @@
 import { jsx } from "react/jsx-runtime";
-import { useFieldContext } from "@ark-ui/react/field";
-import { mergeProps } from "@ark-ui/react/utils";
+import { Field } from "@ark-ui/react/field";
 import { cn } from "../../utils/cn.js";
-import { Label } from "../Label/index.js";
-const FieldLabel = (props)=>{
-    const field = useFieldContext();
-    const mergedProps = mergeProps(field?.getLabelProps(), props);
-    return /*#__PURE__*/ jsx(Label, {
+const FieldLabel = (props)=>/*#__PURE__*/ jsx(Field.Label, {
         ...props,
-        ...mergedProps,
         "data-slot": "field-label",
-        className: cn('group/field-label peer/field-label flex w-fit gap-4 leading-snug group-data-[disabled=true]/field:opacity-50', 'has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:rounded-8 has-[>[data-slot=field]]:border [&>[data-slot=field]]:p-4')
+        className: cn('group/field-label flex w-fit gap-4 text-sm font-medium leading-snug group-data-[disabled=true]/field:opacity-50', 'has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:rounded-8 has-[>[data-slot=field]]:border [&>[data-slot=field]]:p-4')
     });
-};
 FieldLabel.displayName = 'FieldLabel';
 export { FieldLabel };

package/dist/components/OverflowTooltip/OverflowTooltip.d.ts

@@ -1,13 +1,15 @@
 import { type ReactNode } from 'react';
+import type { TooltipProps } from '../Tooltip/Tooltip';
 export interface OverflowTooltipProps {
     children: ReactNode;
     forceTooltip?: boolean;
+    positioning?: TooltipProps['positioning'];
 }
 /**
  * Root component for OverflowTooltip.
  * Automatically detects overflow in child elements.
  */
 export declare const OverflowTooltip: {
-    ({ children, forceTooltip }: OverflowTooltipProps): import("react/jsx-runtime").JSX.Element;
+    ({ children, forceTooltip, positioning, }: OverflowTooltipProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };

package/dist/components/OverflowTooltip/OverflowTooltip.js

@@ -1,8 +1,8 @@
 import { jsx } from "react/jsx-runtime";
 import { useState } from "react";
-import { Tooltip, TooltipProvider } from "../Tooltip/index.js";
+import { Tooltip } from "../Tooltip/index.js";
 import { OverflowTooltipContext } from "./OverflowTooltipContext.js";
-const OverflowTooltip = ({ children, forceTooltip = false })=>{
+const OverflowTooltip = ({ children, forceTooltip = false, positioning })=>{
     const [isOverflowing, setIsOverflowing] = useState(false);
     const shouldShowTooltip = isOverflowing || forceTooltip;
     return /*#__PURE__*/ jsx(OverflowTooltipContext.Provider, {
@@ -11,11 +11,10 @@ const OverflowTooltip = ({ children, forceTooltip = false })=>{
             setIsOverflowing,
             forceTooltip
         },
-        children: /*#__PURE__*/ jsx(TooltipProvider, {
-            children: /*#__PURE__*/ jsx(Tooltip, {
-                open: shouldShowTooltip ? void 0 : false,
-                children: children
-            })
+        children: /*#__PURE__*/ jsx(Tooltip, {
+            open: shouldShowTooltip ? void 0 : false,
+            positioning: positioning,
+            children: children
         })
     });
 };

package/dist/components/OverflowTooltip/OverflowTooltipContent.d.ts

@@ -2,14 +2,12 @@ import type { ReactNode } from 'react';
 export interface OverflowTooltipContentProps {
     children: ReactNode;
     className?: string;
-    side?: 'top' | 'right' | 'bottom' | 'left';
     maxWidth?: number;
 }
 /**
  * Content component for the overflow tooltip.
- * Wraps the TooltipContent from Radix UI.
  */
 export declare const OverflowTooltipContent: {
-    ({ children, className, side, maxWidth, }: OverflowTooltipContentProps): import("react/jsx-runtime").JSX.Element;
+    ({ children, className, maxWidth, }: OverflowTooltipContentProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };

package/dist/components/OverflowTooltip/OverflowTooltipContent.js

@@ -1,8 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { cn } from "../../utils/cn.js";
 import { TooltipContent } from "../Tooltip/index.js";
-const OverflowTooltipContent = ({ children, className, side, maxWidth = 400 })=>/*#__PURE__*/ jsx(TooltipContent, {
-        side: side,
+const OverflowTooltipContent = ({ children, className, maxWidth = 400 })=>/*#__PURE__*/ jsx(TooltipContent, {
         className: cn('whitespace-normal wrap-break-word', className),
         style: {
             maxWidth

package/dist/components/ScrollArea/ScrollArea.d.ts

@@ -1,4 +1,3 @@
-import type { FC } from 'react';
 import { ScrollArea as ArkUiScrollArea } from '@ark-ui/react/scroll-area';
 export type ScrollAreaProps = ArkUiScrollArea.RootProps;
-export declare const ScrollArea: FC<ScrollAreaProps>;
+export declare const ScrollArea: import("react").ForwardRefExoticComponent<ArkUiScrollArea.RootProps & import("react").RefAttributes<HTMLDivElement>>;