@zvk/ui 0.1.3 → 0.1.5

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

@@ -7,6 +7,8 @@ import { useControllableState } from "../../hooks/use-controllable-state.js";
 import { Portal } from "../../internal/portal/index.js";
 import { DismissableLayer } from "../../internal/dismissable-layer/dismissable-layer.js";
 import { useFloatingPosition } from "../../internal/floating/index.js";
+import { placementFromSideAlign, placementParts } from "../../internal/floating/placement-aliases.js";
+import { Slot } from "../../internal/slot/index.js";
 const defaultContentPositioning = {
     sideOffset: 8,
     collisionPadding: 0,
@@ -35,6 +37,18 @@ function composeRefs(...refs) {
 function filterEnabledItems(items) {
     return items.filter((item) => !item.disabled && item.ref !== null);
 }
+function setComposedRef(internalRef, externalRef, node) {
+    internalRef.current = node;
+    if (typeof externalRef === "function") {
+        externalRef(node);
+    }
+    else if (externalRef !== undefined && externalRef !== null) {
+        externalRef.current = node;
+    }
+}
+function isActivationKey(key) {
+    return key === " " || key === "Space" || key === "Enter" || key === "Spacebar";
+}
 const DropdownMenuRadioGroupContext = React.createContext(null);
 function DropdownMenuRoot({ children, className, container, defaultOpen = false, onOpenChange, open: openProp, placement = "bottom", sideOffset = 8, collisionPadding = 0, matchTriggerWidth = false, ...props }) {
     const [open, setOpen] = useControllableState({
@@ -56,7 +70,7 @@ function DropdownMenuRoot({ children, className, container, defaultOpen = false,
     });
     const floating = useFloatingPosition({
         open,
-        placement,
+        placement: contentPositioning.placement ?? placement,
         strategy: "absolute",
         offset: contentPositioning.sideOffset,
         collisionPadding: contentPositioning.collisionPadding,
@@ -116,6 +130,7 @@ function DropdownMenuRoot({ children, className, container, defaultOpen = false,
             triggerRef,
             referenceRef: floating.referenceRef,
             floatingRef: floating.floatingRef,
+            floatingPlacement: floating.placement,
             floatingStyle: floating.floatingStyle,
             getEnabledItems,
             registerItem,
@@ -123,25 +138,29 @@ function DropdownMenuRoot({ children, className, container, defaultOpen = false,
             ...(container === undefined ? {} : { container })
         }, children: _jsx("div", { ...props, className: cn("liano-dropdown-menu", className), "data-state": open ? "open" : "closed", children: children }) }));
 }
-function DropdownMenuTrigger({ className, disabled, onClick, ref, type = "button", ...props }) {
+function DropdownMenuTrigger({ asChild = false, className, disabled, onClick, ref, type = "button", ...props }) {
     const { contentId, open, setOpen, triggerRef, triggerId, referenceRef, getEnabledItems } = useDropdownMenuContext("DropdownMenu.Trigger");
-    return (_jsx("button", { ...props, ref: composeRefs(ref, triggerRef, referenceRef), type: type, disabled: disabled, id: triggerId, role: "button", "aria-haspopup": "menu", "aria-expanded": open ? "true" : "false", "aria-controls": contentId, className: cn("liano-dropdown-menu__trigger", className), onClick: composeEventHandlers(onClick, () => {
-            if (disabled) {
-                return;
-            }
-            const nextOpen = !open;
-            setOpen(nextOpen);
-            if (!nextOpen) {
-                return;
-            }
-            queueMicrotask(() => {
-                const first = getEnabledItems()[0];
-                first?.ref?.focus();
-            });
-        }) }));
+    const handleClick = () => {
+        if (disabled) {
+            return;
+        }
+        const nextOpen = !open;
+        setOpen(nextOpen);
+        if (!nextOpen) {
+            return;
+        }
+        queueMicrotask(() => {
+            const first = getEnabledItems()[0];
+            first?.ref?.focus();
+        });
+    };
+    if (asChild) {
+        return (_jsx(Slot, { ...props, ref: composeRefs(ref, triggerRef, referenceRef), id: triggerId, "aria-controls": contentId, "aria-disabled": disabled ? true : undefined, "aria-expanded": open ? "true" : "false", "aria-haspopup": "menu", className: cn("liano-dropdown-menu__trigger", className), "data-disabled": disabled ? "true" : undefined, "data-state": open ? "open" : "closed", onClick: composeEventHandlers(onClick, handleClick), children: props.children }));
+    }
+    return (_jsx("button", { ...props, ref: composeRefs(ref, triggerRef, referenceRef), type: type, disabled: disabled, id: triggerId, role: "button", "aria-haspopup": "menu", "aria-expanded": open ? "true" : "false", "aria-controls": contentId, className: cn("liano-dropdown-menu__trigger", className), "data-state": open ? "open" : "closed", onClick: composeEventHandlers(onClick, handleClick) }));
 }
-function DropdownMenuContent({ children, className, forceMount = false, sideOffset = defaultContentPositioning.sideOffset, collisionPadding = defaultContentPositioning.collisionPadding, matchTriggerWidth = defaultContentPositioning.matchTriggerWidth, ref, onKeyDown, ...props }) {
-    const { container, contentId, open, setOpen, updateContentPositioning, triggerId, floatingRef, floatingStyle, getEnabledItems } = useDropdownMenuContext("DropdownMenu.Content");
+function DropdownMenuContent({ align, alignOffset: _alignOffset, children, className, forceMount = false, side, sideOffset = defaultContentPositioning.sideOffset, collisionPadding = defaultContentPositioning.collisionPadding, matchTriggerWidth = defaultContentPositioning.matchTriggerWidth, ref, onKeyDown, ...props }) {
+    const { container, contentId, open, setOpen, updateContentPositioning, triggerId, floatingRef, floatingPlacement, floatingStyle, getEnabledItems } = useDropdownMenuContext("DropdownMenu.Content");
     const focusItem = React.useCallback((index, items) => {
         if (items.length === 0) {
             return;
@@ -181,6 +200,7 @@ function DropdownMenuContent({ children, className, forceMount = false, sideOffs
     }, [getEnabledItems]);
     React.useEffect(() => {
         updateContentPositioning({
+            ...(side === undefined ? {} : { placement: placementFromSideAlign(side, align, "bottom") }),
             sideOffset,
             collisionPadding,
             matchTriggerWidth
@@ -188,7 +208,7 @@ function DropdownMenuContent({ children, className, forceMount = false, sideOffs
         return () => {
             updateContentPositioning(defaultContentPositioning);
         };
-    }, [collisionPadding, matchTriggerWidth, sideOffset, updateContentPositioning]);
+    }, [align, collisionPadding, matchTriggerWidth, side, sideOffset, updateContentPositioning]);
     if (!open && !forceMount) {
         return null;
     }
@@ -200,7 +220,7 @@ function DropdownMenuContent({ children, className, forceMount = false, sideOffs
             else if (ref) {
                 ref.current = node;
             }
-        }, id: contentId, role: "menu", "aria-labelledby": triggerId, className: cn("liano-dropdown-menu__content", className), style: floatingStyle, "data-state": open ? "open" : "closed", hidden: open ? undefined : true, onKeyDown: composeEventHandlers(onKeyDown, (event) => {
+        }, id: contentId, role: "menu", "aria-labelledby": triggerId, className: cn("liano-dropdown-menu__content", className), style: floatingStyle, "data-align": placementParts(floatingPlacement).align, "data-side": placementParts(floatingPlacement).side, "data-state": open ? "open" : "closed", hidden: open ? undefined : true, onKeyDown: composeEventHandlers(onKeyDown, (event) => {
             if (event.key === "ArrowDown") {
                 event.preventDefault();
                 moveFocus("next");
@@ -236,7 +256,7 @@ function DropdownMenuContent({ children, className, forceMount = false, sideOffs
                 setOpen(false);
             }, children: content }) }));
 }
-function DropdownMenuItem({ children, className, disabled, onClick, onSelect, onKeyDown, ref, ...props }) {
+function DropdownMenuItem({ asChild = false, children, className, disabled, onClick, onSelect, onKeyDown, ref, ...props }) {
     const context = useDropdownMenuContext("DropdownMenu.Item");
     const itemRef = React.useRef(null);
     const itemId = React.useId();
@@ -251,30 +271,39 @@ function DropdownMenuItem({ children, className, disabled, onClick, onSelect, on
         context.registerItem(itemRecord);
         return () => context.unregisterItem(itemId);
     }, [context, isDisabled, itemId, onSelect]);
-    return (_jsx("button", { ...props, ref: (node) => {
-            itemRef.current = node;
-            if (typeof ref === "function") {
-                ref(node);
-            }
-            else if (ref) {
-                ref.current = node;
-            }
-        }, type: "button", role: "menuitem", disabled: isDisabled, "aria-disabled": isDisabled ? "true" : undefined, className: cn("liano-dropdown-menu__item", className), "data-state": isDisabled ? "disabled" : "enabled", onClick: composeEventHandlers(onClick, (event) => {
-            if (isDisabled) {
-                return;
-            }
-            onSelect?.(event);
+    const select = (event) => {
+        if (isDisabled) {
+            return;
+        }
+        onSelect?.(event);
+        if (!event.defaultPrevented) {
             context.setOpen(false);
-        }), onKeyDown: composeEventHandlers(onKeyDown, (event) => {
-            if (event.key === " " || event.key === "Space" || event.key === "Enter" || event.key === "Spacebar") {
+        }
+    };
+    const itemProps = {
+        ...props,
+        ref: (node) => {
+            setComposedRef(itemRef, ref, node);
+        },
+        role: "menuitem",
+        "aria-disabled": isDisabled ? true : undefined,
+        className: cn("liano-dropdown-menu__item", className),
+        "data-disabled": isDisabled ? "true" : undefined,
+        "data-state": isDisabled ? "disabled" : "enabled",
+        onClick: composeEventHandlers(onClick, select),
+        onKeyDown: composeEventHandlers(onKeyDown, (event) => {
+            if (isActivationKey(event.key)) {
+                select(event);
                 event.preventDefault();
-                if (isDisabled) {
-                    return;
-                }
-                onSelect?.(event);
-                context.setOpen(false);
             }
-        }), children: children }));
+        })
+    };
+    if (asChild) {
+        return _jsx(Slot, { ...itemProps, children: children });
+    }
+    return (_jsx("button", { ...props, ref: (node) => {
+            setComposedRef(itemRef, ref, node);
+        }, type: "button", role: "menuitem", disabled: isDisabled, "aria-disabled": itemProps["aria-disabled"], className: itemProps.className, "data-disabled": itemProps["data-disabled"], "data-state": itemProps["data-state"], onClick: itemProps.onClick, onKeyDown: itemProps.onKeyDown, children: children }));
 }
 function DropdownMenuSeparator({ className, ref, ...props }) {
     return (_jsx("div", { ...props, ref: ref, role: "separator", "aria-hidden": "true", className: cn("liano-dropdown-menu__separator", className) }));
@@ -285,7 +314,7 @@ function DropdownMenuLabel({ className, ref, ...props }) {
 function DropdownMenuShortcut({ className, ref, ...props }) {
     return (_jsx("span", { ...props, ref: ref, className: cn("liano-dropdown-menu__shortcut", className) }));
 }
-function DropdownMenuCheckboxItem({ checked, children, className, defaultChecked = false, disabled, onCheckedChange, onClick, onKeyDown, onSelect, ref, ...props }) {
+function DropdownMenuCheckboxItem({ asChild = false, checked, children, className, defaultChecked = false, disabled, onCheckedChange, onClick, onKeyDown, onSelect, ref, ...props }) {
     const context = useDropdownMenuContext("DropdownMenu.CheckboxItem");
     const itemRef = React.useRef(null);
     const itemId = React.useId();
@@ -308,24 +337,37 @@ function DropdownMenuCheckboxItem({ checked, children, className, defaultChecked
         if (isDisabled) {
             return;
         }
-        setCurrentChecked((value) => !value);
         onSelect?.(event);
-        context.setOpen(false);
+        if (!event.defaultPrevented) {
+            setCurrentChecked((value) => !value);
+            context.setOpen(false);
+        }
     };
-    return (_jsxs("button", { ...props, ref: (node) => {
-            itemRef.current = node;
-            if (typeof ref === "function") {
-                ref(node);
-            }
-            else if (ref) {
-                ref.current = node;
-            }
-        }, type: "button", role: "menuitemcheckbox", disabled: isDisabled, "aria-checked": currentChecked ? "true" : "false", "aria-disabled": isDisabled ? "true" : undefined, className: cn("liano-dropdown-menu__item", "liano-dropdown-menu__checkbox-item", className), "data-checked": currentChecked ? "true" : undefined, "data-disabled": isDisabled ? "true" : undefined, onClick: composeEventHandlers(onClick, select), onKeyDown: composeEventHandlers(onKeyDown, (event) => {
-            if (event.key === " " || event.key === "Space" || event.key === "Enter" || event.key === "Spacebar") {
-                event.preventDefault();
+    const itemProps = {
+        ...props,
+        ref: (node) => {
+            setComposedRef(itemRef, ref, node);
+        },
+        role: "menuitemcheckbox",
+        "aria-checked": currentChecked,
+        "aria-disabled": isDisabled ? true : undefined,
+        className: cn("liano-dropdown-menu__item", "liano-dropdown-menu__checkbox-item", className),
+        "data-checked": currentChecked ? "true" : undefined,
+        "data-disabled": isDisabled ? "true" : undefined,
+        onClick: composeEventHandlers(onClick, select),
+        onKeyDown: composeEventHandlers(onKeyDown, (event) => {
+            if (isActivationKey(event.key)) {
                 select(event);
+                event.preventDefault();
             }
-        }), children: [_jsx("span", { className: "liano-dropdown-menu__item-indicator", "aria-hidden": "true", children: currentChecked ? "✓" : "" }), _jsx("span", { className: "liano-dropdown-menu__item-label", children: children })] }));
+        })
+    };
+    if (asChild) {
+        return _jsx(Slot, { ...itemProps, children: children });
+    }
+    return (_jsxs("button", { ...props, ref: (node) => {
+            setComposedRef(itemRef, ref, node);
+        }, type: "button", role: "menuitemcheckbox", disabled: isDisabled, "aria-checked": itemProps["aria-checked"], "aria-disabled": itemProps["aria-disabled"], className: itemProps.className, "data-checked": itemProps["data-checked"], "data-disabled": itemProps["data-disabled"], onClick: itemProps.onClick, onKeyDown: itemProps.onKeyDown, children: [_jsx("span", { className: "liano-dropdown-menu__item-indicator", "aria-hidden": "true", children: currentChecked ? "✓" : "" }), _jsx("span", { className: "liano-dropdown-menu__item-label", children: children })] }));
 }
 function DropdownMenuRadioGroup({ children, className, onValueChange, ref, value, ...props }) {
     const contextValue = React.useMemo(() => ({
@@ -334,7 +376,7 @@ function DropdownMenuRadioGroup({ children, className, onValueChange, ref, value
     }), [onValueChange, value]);
     return (_jsx(DropdownMenuRadioGroupContext.Provider, { value: contextValue, children: _jsx("div", { ...props, ref: ref, className: cn("liano-dropdown-menu__radio-group", className), role: "group", children: children }) }));
 }
-function DropdownMenuRadioItem({ children, className, disabled, onClick, onKeyDown, onSelect, ref, value, ...props }) {
+function DropdownMenuRadioItem({ asChild = false, children, className, disabled, onClick, onKeyDown, onSelect, ref, value, ...props }) {
     const context = useDropdownMenuContext("DropdownMenu.RadioItem");
     const radioGroup = React.useContext(DropdownMenuRadioGroupContext);
     const itemRef = React.useRef(null);
@@ -354,24 +396,37 @@ function DropdownMenuRadioItem({ children, className, disabled, onClick, onKeyDo
         if (isDisabled) {
             return;
         }
-        radioGroup?.onValueChange?.(value);
         onSelect?.(event);
-        context.setOpen(false);
+        if (!event.defaultPrevented) {
+            radioGroup?.onValueChange?.(value);
+            context.setOpen(false);
+        }
     };
-    return (_jsxs("button", { ...props, ref: (node) => {
-            itemRef.current = node;
-            if (typeof ref === "function") {
-                ref(node);
-            }
-            else if (ref) {
-                ref.current = node;
-            }
-        }, type: "button", role: "menuitemradio", disabled: isDisabled, "aria-checked": checked ? "true" : "false", "aria-disabled": isDisabled ? "true" : undefined, className: cn("liano-dropdown-menu__item", "liano-dropdown-menu__radio-item", className), "data-checked": checked ? "true" : undefined, "data-disabled": isDisabled ? "true" : undefined, onClick: composeEventHandlers(onClick, select), onKeyDown: composeEventHandlers(onKeyDown, (event) => {
-            if (event.key === " " || event.key === "Space" || event.key === "Enter" || event.key === "Spacebar") {
-                event.preventDefault();
+    const itemProps = {
+        ...props,
+        ref: (node) => {
+            setComposedRef(itemRef, ref, node);
+        },
+        role: "menuitemradio",
+        "aria-checked": checked,
+        "aria-disabled": isDisabled ? true : undefined,
+        className: cn("liano-dropdown-menu__item", "liano-dropdown-menu__radio-item", className),
+        "data-checked": checked ? "true" : undefined,
+        "data-disabled": isDisabled ? "true" : undefined,
+        onClick: composeEventHandlers(onClick, select),
+        onKeyDown: composeEventHandlers(onKeyDown, (event) => {
+            if (isActivationKey(event.key)) {
                 select(event);
+                event.preventDefault();
             }
-        }), children: [_jsx("span", { className: "liano-dropdown-menu__item-indicator", "aria-hidden": "true", children: checked ? "●" : "" }), _jsx("span", { className: "liano-dropdown-menu__item-label", children: children })] }));
+        })
+    };
+    if (asChild) {
+        return _jsx(Slot, { ...itemProps, children: children });
+    }
+    return (_jsxs("button", { ...props, ref: (node) => {
+            setComposedRef(itemRef, ref, node);
+        }, type: "button", role: "menuitemradio", disabled: isDisabled, "aria-checked": itemProps["aria-checked"], "aria-disabled": itemProps["aria-disabled"], className: itemProps.className, "data-checked": itemProps["data-checked"], "data-disabled": itemProps["data-disabled"], onClick: itemProps.onClick, onKeyDown: itemProps.onKeyDown, children: [_jsx("span", { className: "liano-dropdown-menu__item-indicator", "aria-hidden": "true", children: checked ? "●" : "" }), _jsx("span", { className: "liano-dropdown-menu__item-label", children: children })] }));
 }
 function DropdownMenuSub({ children, className, ref, ...props }) {
     return (_jsx("div", { ...props, ref: ref, className: cn("liano-dropdown-menu__sub", className), children: children }));

package/dist/components/hover-card/hover-card.d.ts

@@ -1,5 +1,6 @@
 import * as React from "react";
 import type { FloatingPlacement } from "../../internal/floating/index.js";
+import type { FloatingAlign, FloatingSide } from "../../internal/floating/placement-aliases.js";
 import type { PortalProps } from "../../internal/portal/index.js";
 export interface HoverCardProps {
     children?: React.ReactNode;
@@ -12,9 +13,14 @@ export interface HoverCardProps {
     disabled?: boolean;
 }
 export interface HoverCardTriggerProps {
+    asChild?: boolean;
     children: React.ReactElement;
 }
 export interface HoverCardContentProps extends React.HTMLAttributes<HTMLDivElement> {
+    placement?: FloatingPlacement;
+    side?: FloatingSide;
+    align?: FloatingAlign;
+    alignOffset?: number;
     sideOffset?: number;
     collisionPadding?: number;
     forceMount?: boolean;
@@ -22,8 +28,8 @@ export interface HoverCardContentProps extends React.HTMLAttributes<HTMLDivEleme
     ref?: React.Ref<HTMLDivElement>;
 }
 declare function HoverCardRoot({ children, closeDelay, defaultOpen, disabled, onOpenChange, open: openProp, openDelay, placement }: HoverCardProps): React.JSX.Element;
-declare function HoverCardTrigger({ children }: HoverCardTriggerProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
-declare function HoverCardContent({ children, className, collisionPadding, container, forceMount, id, onBlur, onFocus, onMouseEnter, onMouseLeave, onPointerEnter, onPointerLeave, ref, sideOffset, style, ...props }: HoverCardContentProps): React.JSX.Element | null;
+declare function HoverCardTrigger({ children, asChild: _asChild }: HoverCardTriggerProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+declare function HoverCardContent({ align, alignOffset: _alignOffset, children, className, collisionPadding, container, forceMount, id, onBlur, onFocus, onMouseEnter, onMouseLeave, onPointerEnter, onPointerLeave, placement, ref, side, sideOffset, style, ...props }: HoverCardContentProps): React.JSX.Element | null;
 export declare const HoverCard: typeof HoverCardRoot & {
     Trigger: typeof HoverCardTrigger;
     Content: typeof HoverCardContent;

package/dist/components/hover-card/hover-card.js

@@ -3,6 +3,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from "react";
 import { DismissableLayer } from "../../internal/dismissable-layer/index.js";
 import { useFloatingPosition } from "../../internal/floating/index.js";
+import { placementFromSideAlign } from "../../internal/floating/placement-aliases.js";
 import { Portal } from "../../internal/portal/index.js";
 import { useControllableState } from "../../hooks/use-controllable-state.js";
 import { cn } from "../../utils/cn.js";
@@ -25,7 +26,7 @@ function composeRefs(...refs) {
             if (typeof ref === "function") {
                 ref(node);
             }
-            else if (ref !== undefined) {
+            else if (ref !== undefined && ref !== null) {
                 ref.current = node;
             }
         }
@@ -55,7 +56,7 @@ function HoverCardRoot({ children, closeDelay = 300, defaultOpen = false, disabl
     const contentElement = React.useRef(null);
     const { floatingRef, floatingStyle, placement: resolvedPlacement, referenceRef, updatePosition } = useFloatingPosition({
         open,
-        placement,
+        placement: contentPositioning.placement ?? placement,
         offset: contentPositioning.sideOffset,
         collisionPadding: contentPositioning.collisionPadding,
         flip: true,
@@ -204,7 +205,7 @@ function HoverCardRoot({ children, closeDelay = 300, defaultOpen = false, disabl
     ]);
     return (_jsx(HoverCardContext.Provider, { value: contextValue, children: children }));
 }
-function HoverCardTrigger({ children }) {
+function HoverCardTrigger({ children, asChild: _asChild = false }) {
     const context = useHoverCardContext("HoverCard.Trigger");
     if (!React.isValidElement(children) || context.disabled) {
         return children;
@@ -233,18 +234,20 @@ function HoverCardTrigger({ children }) {
         onPointerLeave: composeEventHandlers(childProps.onPointerLeave, context.closeWithDelay)
     });
 }
-function HoverCardContent({ children, className, collisionPadding = defaultContentPositioning.collisionPadding, container, forceMount = false, id, onBlur, onFocus, onMouseEnter, onMouseLeave, onPointerEnter, onPointerLeave, ref, sideOffset = defaultContentPositioning.sideOffset, style, ...props }) {
+function HoverCardContent({ align, alignOffset: _alignOffset, children, className, collisionPadding = defaultContentPositioning.collisionPadding, container, forceMount = false, id, onBlur, onFocus, onMouseEnter, onMouseLeave, onPointerEnter, onPointerLeave, placement, ref, side, sideOffset = defaultContentPositioning.sideOffset, style, ...props }) {
     const context = useHoverCardContext("HoverCard.Content");
     const contentId = id ?? context.contentId;
     const placementParts = getPlacementParts(context.resolvedPlacement);
     const { setContentPositioning } = context;
     React.useEffect(() => {
+        const resolvedPlacement = side === undefined ? placement : placementFromSideAlign(side, align, placement ?? "bottom");
         setContentPositioning({
+            ...(resolvedPlacement === undefined ? {} : { placement: resolvedPlacement }),
             sideOffset,
             collisionPadding
         });
         return () => setContentPositioning(defaultContentPositioning);
-    }, [collisionPadding, setContentPositioning, sideOffset]);
+    }, [align, collisionPadding, placement, setContentPositioning, side, sideOffset]);
     if (!context.open && !forceMount) {
         return null;
     }

package/dist/components/index.d.ts

@@ -13,7 +13,7 @@ export type { ButtonProps, ButtonSize, ButtonVariant } from "./button/index.js";
 export { Card } from "./card/index.js";
 export type { CardDescriptionProps, CardPadding, CardProps, CardSlotProps, CardTitleProps, CardVariant } from "./card/index.js";
 export { Calendar } from "./calendar/index.js";
-export type { CalendarProps } from "./calendar/index.js";
+export type { CalendarClassNames, CalendarMode, CalendarNativeProps, CalendarProps, CalendarSingleProps } from "./calendar/index.js";
 export { Carousel } from "./carousel/index.js";
 export type { CarouselApi, CarouselButtonProps, CarouselOrientation, CarouselPageProps, CarouselProps, CarouselSlideProps, CarouselTrackProps, CarouselViewportProps } from "./carousel/index.js";
 export { Checkbox } from "./checkbox/index.js";
@@ -29,7 +29,7 @@ export type { DatePickerProps } from "./date-picker/index.js";
 export { Dialog } from "./dialog/index.js";
 export type { DialogCloseProps, DialogContentProps, DialogDescriptionProps, DialogFooterProps, DialogHeaderProps, DialogOverlayProps, DialogProps, DialogTitleProps, DialogTriggerProps } from "./dialog/index.js";
 export { DropdownMenu } from "./dropdown-menu/index.js";
-export type { DropdownMenuContentProps, DropdownMenuItemProps, DropdownMenuProps, DropdownMenuSeparatorProps, DropdownMenuTriggerProps } from "./dropdown-menu/index.js";
+export type { DropdownMenuCheckboxItemProps, DropdownMenuContentProps, DropdownMenuItemProps, DropdownMenuLabelProps, DropdownMenuProps, DropdownMenuRadioGroupProps, DropdownMenuRadioItemProps, DropdownMenuSeparatorProps, DropdownMenuShortcutProps, DropdownMenuSubProps, DropdownMenuTriggerProps } from "./dropdown-menu/index.js";
 export { AlertDialog } from "./alert-dialog/index.js";
 export type { AlertDialogActionProps, AlertDialogCancelProps, AlertDialogContentProps, AlertDialogDescriptionProps, AlertDialogFooterProps, AlertDialogProps, AlertDialogTitleProps, AlertDialogTriggerProps } from "./alert-dialog/index.js";
 export { Sheet } from "./sheet/index.js";
@@ -37,13 +37,13 @@ export type { SheetCloseProps, SheetContentProps, SheetDescriptionProps, SheetFo
 export { ScrollArea } from "./scroll-area/index.js";
 export type { ScrollAreaOrientation, ScrollAreaProps, ScrollAreaType, ScrollBarProps } from "./scroll-area/index.js";
 export { Command, CommandDialog } from "./command/index.js";
-export type { CommandDialogProps, CommandEmptyProps, CommandGroupProps, CommandInputProps, CommandItemProps, CommandListProps, CommandProps, CommandSeparatorProps } from "./command/index.js";
+export type { CommandDialogProps, CommandEmptyProps, CommandGroupProps, CommandInputProps, CommandItemProps, CommandListProps, CommandProps, CommandSeparatorProps, CommandShortcutProps } from "./command/index.js";
 export { Combobox } from "./combobox/index.js";
 export type { ComboboxOption, ComboboxProps } from "./combobox/index.js";
 export { ContextMenu } from "./context-menu/index.js";
-export type { ContextMenuContentProps, ContextMenuItemProps, ContextMenuProps, ContextMenuSeparatorProps, ContextMenuTriggerProps } from "./context-menu/index.js";
+export type { ContextMenuCheckboxItemProps, ContextMenuContentProps, ContextMenuItemProps, ContextMenuLabelProps, ContextMenuProps, ContextMenuSeparatorProps, ContextMenuTriggerProps } from "./context-menu/index.js";
 export { Menubar } from "./menubar/index.js";
-export type { MenubarContentProps, MenubarItemProps, MenubarMenuProps, MenubarProps, MenubarSeparatorProps, MenubarTriggerProps } from "./menubar/index.js";
+export type { MenubarContentProps, MenubarItemProps, MenubarLabelProps, MenubarMenuProps, MenubarProps, MenubarSeparatorProps, MenubarShortcutProps, MenubarTriggerProps } from "./menubar/index.js";
 export { EmptyState } from "./empty-state/index.js";
 export type { EmptyStateAlign, EmptyStateProps, EmptyStateSize } from "./empty-state/index.js";
 export { ErrorBoundary, ErrorFallback } from "./error-boundary/index.js";
@@ -98,8 +98,8 @@ export { TabsWithSidebar } from "./tabs-with-sidebar/index.js";
 export type { TabsWithSidebarPanelProps, TabsWithSidebarProps, TabsWithSidebarSidebarProps, TabsWithSidebarWidth } from "./tabs-with-sidebar/index.js";
 export { Textarea } from "./textarea/index.js";
 export type { TextareaProps, TextareaSize } from "./textarea/index.js";
-export { createToastController, Toast, ToastProvider, ToastViewport, useToast } from "./toast/index.js";
-export type { ToastActionProps, ToastCloseProps, ToastController, ToastInput, ToastOptions, ToastPlacement, ToastProviderProps, ToastProps, ToastTextProps, ToastTone, ToastViewportProps } from "./toast/index.js";
+export { createToastController, toast, Toast, Toaster, ToastProvider, ToastViewport, useToast } from "./toast/index.js";
+export type { ToasterPosition, ToasterProps, ToastActionInput, ToastActionProps, ToastCloseProps, ToastController, ToastInput, ToastOptions, ToastPlacement, ToastProviderProps, ToastProps, ToastTextProps, ToastTone, ToastViewportProps } from "./toast/index.js";
 export { Tooltip } from "./tooltip/index.js";
 export type { TooltipProps } from "./tooltip/index.js";
 export { Toggle } from "./toggle/index.js";

package/dist/components/index.js

@@ -48,7 +48,7 @@ export { Table } from "./table/index.js";
 export { Tabs } from "./tabs/index.js";
 export { TabsWithSidebar } from "./tabs-with-sidebar/index.js";
 export { Textarea } from "./textarea/index.js";
-export { createToastController, Toast, ToastProvider, ToastViewport, useToast } from "./toast/index.js";
+export { createToastController, toast, Toast, Toaster, ToastProvider, ToastViewport, useToast } from "./toast/index.js";
 export { Tooltip } from "./tooltip/index.js";
 export { Toggle } from "./toggle/index.js";
 export { ToggleGroup } from "./toggle-group/index.js";

package/dist/components/menubar/menubar.d.ts

@@ -1,4 +1,5 @@
 import * as React from "react";
+import type { FloatingAlign, FloatingSide } from "../../internal/floating/placement-aliases.js";
 export interface MenubarProps extends React.HTMLAttributes<HTMLDivElement> {
     defaultValue?: string;
     onValueChange?: (value: string | undefined) => void;
@@ -10,14 +11,28 @@ export interface MenubarMenuProps {
     value: string;
 }
 export interface MenubarTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
-    ref?: React.Ref<HTMLButtonElement>;
+    asChild?: boolean;
+    ref?: React.Ref<HTMLButtonElement | HTMLElement>;
 }
 export interface MenubarContentProps extends React.HTMLAttributes<HTMLDivElement> {
+    side?: FloatingSide;
+    align?: FloatingAlign;
+    alignOffset?: number;
+    sideOffset?: number;
     ref?: React.Ref<HTMLDivElement>;
 }
 export interface MenubarItemProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    asChild?: boolean;
     onSelect?: (event: React.SyntheticEvent<HTMLElement>) => void;
-    ref?: React.Ref<HTMLButtonElement>;
+    ref?: React.Ref<HTMLButtonElement | HTMLElement>;
+}
+export interface MenubarCheckboxItemProps extends MenubarItemProps {
+    checked?: boolean;
+    defaultChecked?: boolean;
+    onCheckedChange?: (checked: boolean) => void;
+}
+export interface MenubarRadioItemProps extends MenubarItemProps {
+    checked?: boolean;
 }
 export interface MenubarSeparatorProps extends React.HTMLAttributes<HTMLDivElement> {
     ref?: React.Ref<HTMLDivElement>;
@@ -30,17 +45,21 @@ export interface MenubarShortcutProps extends React.HTMLAttributes<HTMLSpanEleme
 }
 declare function MenubarRoot({ children, className, defaultValue, onKeyDown, onValueChange, ref, value, ...props }: MenubarProps): React.JSX.Element;
 declare function MenubarMenu({ children, value }: MenubarMenuProps): React.JSX.Element;
-declare function MenubarTrigger({ children, className, disabled, onClick, onKeyDown, ref, type, ...props }: MenubarTriggerProps): React.JSX.Element;
-declare function MenubarContent({ children, className, onKeyDown, ref, ...props }: MenubarContentProps): React.JSX.Element | null;
-declare function MenubarItem({ children, className, disabled, onClick, onKeyDown, onSelect, ref, type, ...props }: MenubarItemProps): React.JSX.Element;
+declare function MenubarTrigger({ asChild, children, className, disabled, onClick, onKeyDown, ref, type, ...props }: MenubarTriggerProps): React.JSX.Element;
+declare function MenubarContent({ align, alignOffset: _alignOffset, children, className, onKeyDown, ref, side, sideOffset: _sideOffset, ...props }: MenubarContentProps): React.JSX.Element | null;
+declare function MenubarItem({ asChild, children, className, disabled, onClick, onKeyDown, onSelect, ref, type, ...props }: MenubarItemProps): React.JSX.Element;
+declare function MenubarCheckboxItem({ asChild, checked, children, className, defaultChecked, disabled, onCheckedChange, onClick, onKeyDown, onSelect, ref, type, ...props }: MenubarCheckboxItemProps): React.JSX.Element;
+declare function MenubarRadioItem({ asChild, checked, children, className, disabled, onClick, onKeyDown, onSelect, ref, type, ...props }: MenubarRadioItemProps): React.JSX.Element;
 declare function MenubarSeparator({ className, ref, ...props }: MenubarSeparatorProps): React.JSX.Element;
 declare function MenubarLabel({ className, ref, ...props }: MenubarLabelProps): React.JSX.Element;
 declare function MenubarShortcut({ className, ref, ...props }: MenubarShortcutProps): React.JSX.Element;
 type MenubarComponent = typeof MenubarRoot & {
+    CheckboxItem: typeof MenubarCheckboxItem;
     Content: typeof MenubarContent;
     Item: typeof MenubarItem;
     Label: typeof MenubarLabel;
     Menu: typeof MenubarMenu;
+    RadioItem: typeof MenubarRadioItem;
     Separator: typeof MenubarSeparator;
     Shortcut: typeof MenubarShortcut;
     Trigger: typeof MenubarTrigger;