moduix 0.6.1 → 0.6.4

package/README.md

@@ -64,14 +64,17 @@ This keeps library styles predictable while still letting application styles ove
 
 The package exports composed components for common UI needs: Accordion, AlertDialog, Autocomplete, Avatar, Button, Checkbox, Dialog, Drawer, Field, Form, Input, Menu, NavigationMenu, Popover, Select, Tabs, Toast, Tooltip, and more. It also exports small shared primitives such as icons and close buttons.
 
-## Thanks
+## Acknowledgements
 
 This project could not exist without the work of these teams and communities:
 
 - [Base UI](https://base-ui.com/) for the accessible React primitives that power the components.
-- [shadcn/ui](https://ui.shadcn.com/) for the API inspiration and the culture of practical, readable component composition.
+- [shadcn/ui](https://ui.shadcn.com/) for the API inspiration and the culture of practical,
+  readable component composition.
+- [Tailwind CSS](https://tailwindcss.com/) for the reset.css implementation.
 - [Fumadocs](https://fumadocs.dev/) for the documentation foundation.
 - [TanStack](https://tanstack.com/) for the application tooling used by the docs.
+- [Voidzero](https://voidzero.dev/) for awesome JS tools
 
 ## Publishing Checklist
 

package/dist/components/Autocomplete/Autocomplete.d.ts

@@ -49,4 +49,4 @@ declare const useAutocompleteFilteredItems: typeof AutocompletePrimitive.useFilt
 type AutocompleteProps<Value = unknown> = AutocompletePrimitive.Root.Props<Value>;
 type AutocompleteValueType<Value = unknown> = AutocompleteProps<Value>['value'];
 export { Autocomplete, AutocompleteField, AutocompleteInlineInputContainer, AutocompleteFieldLabel, AutocompleteValue, AutocompleteInputGroup, AutocompleteInput, AutocompleteControlActions, AutocompleteTrigger, AutocompleteFieldTrigger, AutocompleteIcon, AutocompleteClear, AutocompleteContent, AutocompleteStatus, AutocompleteEmpty, AutocompleteList, AutocompleteRow, AutocompleteItem, AutocompleteItemText, AutocompleteItemTextContent, AutocompleteItemTextIcon, AutocompleteItemTextLabel, AutocompleteSeparator, AutocompleteGroup, AutocompleteGroupLabel, AutocompleteCollection, useAutocompleteAnchor, useAutocompleteFilter, useAutocompleteFilteredItems, };
-export type { AutocompleteProps, AutocompleteValueType, AutocompleteContentProps };
+export type { AutocompleteProps, AutocompleteValueType, AutocompleteContentClassNames, AutocompleteContentProps, };

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

@@ -1,2 +1,2 @@
 export { Autocomplete, AutocompleteField, AutocompleteInlineInputContainer, AutocompleteFieldLabel, AutocompleteValue, AutocompleteInputGroup, AutocompleteInput, AutocompleteControlActions, AutocompleteTrigger, AutocompleteFieldTrigger, AutocompleteIcon, AutocompleteClear, AutocompleteContent, AutocompleteStatus, AutocompleteEmpty, AutocompleteList, AutocompleteRow, AutocompleteItem, AutocompleteItemText, AutocompleteItemTextContent, AutocompleteItemTextIcon, AutocompleteItemTextLabel, AutocompleteSeparator, AutocompleteGroup, AutocompleteGroupLabel, AutocompleteCollection, useAutocompleteAnchor, useAutocompleteFilter, useAutocompleteFilteredItems, } from './Autocomplete';
-export type { AutocompleteProps, AutocompleteValueType, AutocompleteContentProps, } from './Autocomplete';
+export type { AutocompleteProps, AutocompleteValueType, AutocompleteContentClassNames, AutocompleteContentProps, } from './Autocomplete';

package/dist/components/Bleed/Bleed.d.ts

@@ -1,12 +1,13 @@
 import * as React from 'react';
-type BleedAs = 'div' | 'section' | 'figure' | 'aside';
 type BleedInline = 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'full';
 type BleedBlock = 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-type BleedProps = React.HTMLAttributes<HTMLElement> & {
-    as?: BleedAs;
+type BleedAs = React.ElementType;
+type BleedOwnProps<As extends BleedAs = 'div'> = {
+    as?: As;
     inline?: BleedInline;
     block?: BleedBlock;
 };
-declare function Bleed({ as, inline, block, className, ...props }: BleedProps): import("react/jsx-runtime").JSX.Element;
+type BleedProps<As extends BleedAs = 'div'> = BleedOwnProps<As> & Omit<React.ComponentPropsWithoutRef<As>, keyof BleedOwnProps<As>>;
+declare function Bleed<As extends BleedAs = 'div'>({ as, inline, block, className, ...props }: BleedProps<As>): import("react/jsx-runtime").JSX.Element;
 export { Bleed };
 export type { BleedProps, BleedAs, BleedInline, BleedBlock };

package/dist/components/Button/Button.d.ts

@@ -5,6 +5,7 @@ type ButtonSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'icon-sm' | 'icon-md' | 'ic
 type ButtonClassNames = {
     content?: string;
     loadingIndicator?: string;
+    spinner?: string;
 };
 type ButtonProps = ButtonPrimitive.Props & {
     variant?: ButtonVariant;

package/dist/components/Checkbox/Checkbox.d.ts

@@ -1,17 +1,18 @@
 import { Checkbox as CheckboxPrimitive } from '@base-ui/react/checkbox';
 import * as React from 'react';
 type CheckboxSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+type CheckboxClassNames = {
+    indicator?: string;
+    indicatorIcon?: string;
+    checkedIcon?: string;
+    indeterminateIcon?: string;
+};
 type CheckboxProps = CheckboxPrimitive.Root.Props & {
     size?: CheckboxSize;
     indicator?: React.ReactNode;
     checkedIcon?: React.ReactNode;
     indeterminateIcon?: React.ReactNode;
-    classNames?: {
-        indicator?: string;
-        indicatorIcon?: string;
-        checkedIcon?: string;
-        indeterminateIcon?: string;
-    };
+    classNames?: CheckboxClassNames;
 };
 declare function Checkbox({ className, size, children, indicator, checkedIcon, indeterminateIcon, classNames, ...props }: CheckboxProps): import("react/jsx-runtime").JSX.Element;
 type CheckboxIndicatorProps = CheckboxPrimitive.Indicator.Props & {
@@ -28,7 +29,9 @@ type CheckboxIndicatorIconProps = Omit<React.ComponentProps<'span'>, 'children'>
     indeterminateIconClassName?: string;
 };
 declare function CheckboxIndicatorIcon({ className, checkedIcon, checkedIconClassName, indeterminateIcon, indeterminateIconClassName, ...props }: CheckboxIndicatorIconProps): import("react/jsx-runtime").JSX.Element;
-declare function CheckboxField({ className, ...props }: React.ComponentProps<'label'>): import("react/jsx-runtime").JSX.Element;
-declare function CheckboxLabel({ className, ...props }: React.ComponentProps<'span'>): import("react/jsx-runtime").JSX.Element;
+type CheckboxFieldProps = React.ComponentProps<'label'>;
+declare function CheckboxField({ className, ...props }: CheckboxFieldProps): import("react/jsx-runtime").JSX.Element;
+type CheckboxLabelProps = React.ComponentProps<'span'>;
+declare function CheckboxLabel({ className, ...props }: CheckboxLabelProps): import("react/jsx-runtime").JSX.Element;
 export { Checkbox, CheckboxIndicator, CheckboxIndicatorIcon, CheckboxField, CheckboxLabel };
-export type { CheckboxProps, CheckboxIndicatorProps, CheckboxIndicatorIconProps };
+export type { CheckboxSize, CheckboxClassNames, CheckboxProps, CheckboxIndicatorProps, CheckboxIndicatorIconProps, CheckboxFieldProps, CheckboxLabelProps, };

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

@@ -1,2 +1,2 @@
 export { Checkbox, CheckboxIndicator, CheckboxIndicatorIcon, CheckboxField, CheckboxLabel, } from './Checkbox';
-export type { CheckboxProps, CheckboxIndicatorProps, CheckboxIndicatorIconProps } from './Checkbox';
+export type { CheckboxSize, CheckboxClassNames, CheckboxProps, CheckboxIndicatorProps, CheckboxIndicatorIconProps, CheckboxFieldProps, CheckboxLabelProps, } from './Checkbox';

package/dist/components/Combobox/Combobox.d.ts

@@ -59,4 +59,4 @@ declare const useComboboxFilteredItems: typeof ComboboxPrimitive.useFilteredItem
 type ComboboxProps<Value = unknown, Multiple extends boolean | undefined = false> = ComboboxPrimitive.Root.Props<Value, Multiple>;
 type ComboboxValueType<Value = unknown, Multiple extends boolean | undefined = false> = ComboboxProps<Value, Multiple>['value'];
 export { Combobox, ComboboxField, ComboboxFieldLabel, ComboboxValue, ComboboxInputGroup, ComboboxInput, ComboboxControlActions, ComboboxTrigger, ComboboxIcon, ComboboxClear, ComboboxContent, ComboboxStatus, ComboboxEmpty, ComboboxList, ComboboxRow, ComboboxItem, ComboboxItemIndicator, ComboboxItemText, ComboboxItemTextContent, ComboboxItemTextIcon, ComboboxItemTextLabel, ComboboxSeparator, ComboboxGroup, ComboboxGroupLabel, ComboboxCollection, ComboboxInlineInputContainer, ComboboxChips, ComboboxChip, ComboboxChipRemove, ComboboxChipText, ComboboxChipsInput, useComboboxAnchor, useComboboxFilter, useComboboxFilteredItems, };
-export type { ComboboxProps, ComboboxValueType, ComboboxContentProps, ComboboxFieldLabelProps };
+export type { ComboboxProps, ComboboxValueType, ComboboxContentClassNames, ComboboxContentProps, ComboboxFieldLabelProps, };

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

@@ -1,2 +1,2 @@
 export { Combobox, ComboboxField, ComboboxFieldLabel, ComboboxValue, ComboboxInputGroup, ComboboxInput, ComboboxControlActions, ComboboxTrigger, ComboboxIcon, ComboboxClear, ComboboxContent, ComboboxStatus, ComboboxEmpty, ComboboxList, ComboboxRow, ComboboxItem, ComboboxItemIndicator, ComboboxItemText, ComboboxItemTextContent, ComboboxItemTextIcon, ComboboxItemTextLabel, ComboboxSeparator, ComboboxGroup, ComboboxGroupLabel, ComboboxCollection, ComboboxInlineInputContainer, ComboboxChips, ComboboxChip, ComboboxChipRemove, ComboboxChipText, ComboboxChipsInput, useComboboxAnchor, useComboboxFilter, useComboboxFilteredItems, } from './Combobox';
-export type { ComboboxProps, ComboboxValueType, ComboboxContentProps, ComboboxFieldLabelProps, } from './Combobox';
+export type { ComboboxProps, ComboboxValueType, ComboboxContentClassNames, ComboboxContentProps, ComboboxFieldLabelProps, } from './Combobox';

package/dist/components/ContextMenu/ContextMenu.d.ts

@@ -22,7 +22,7 @@ type ContextMenuCheckboxItemProps = ContextMenuPrimitive.CheckboxItem.Props & {
 };
 declare const ContextMenu: typeof ContextMenuPrimitive.Root;
 declare const ContextMenuSubmenu: typeof ContextMenuPrimitive.SubmenuRoot;
-declare function ContextMenuTrigger({ className, ...props }: ContextMenuPrimitive.Trigger.Props): import("react/jsx-runtime").JSX.Element;
+declare function ContextMenuTrigger({ className, render, ...props }: ContextMenuPrimitive.Trigger.Props): import("react/jsx-runtime").JSX.Element;
 declare function ContextMenuArrow({ className, children, ...props }: ContextMenuPrimitive.Arrow.Props): import("react/jsx-runtime").JSX.Element;
 declare function ContextMenuContent({ className, classNames, container, withBackdrop, portalProps, backdropProps, positionerProps, side, sideOffset, align, alignOffset, arrowPadding, anchor, collisionAvoidance, collisionBoundary, collisionPadding, sticky, positionMethod, disableAnchorTracking, ...props }: ContextMenuContentProps): import("react/jsx-runtime").JSX.Element;
 declare function ContextMenuSubmenuContent({ sideOffset, alignOffset, ...props }: ContextMenuContentProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Dialog/Dialog.d.ts

@@ -27,5 +27,13 @@ declare function DialogFooter({ className, ...props }: React.ComponentProps<'div
 declare function DialogBody({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
 type DialogProps<Payload = unknown> = DialogPrimitive.Root.Props<Payload>;
 type DialogHandle<Payload = unknown> = DialogPrimitive.Handle<Payload>;
+type DialogTriggerProps = DialogPrimitive.Trigger.Props;
+type DialogTitleProps = DialogPrimitive.Title.Props;
+type DialogDescriptionProps = DialogPrimitive.Description.Props;
+type DialogCloseProps = DialogPrimitive.Close.Props;
+type DialogCloseIconProps = DialogPrimitive.Close.Props;
+type DialogHeaderProps = React.ComponentProps<'div'>;
+type DialogBodyProps = React.ComponentProps<'div'>;
+type DialogFooterProps = React.ComponentProps<'div'>;
 export { Dialog, createDialogHandle, DialogTrigger, DialogTitle, DialogDescription, DialogClose, DialogCloseIcon, DialogContent, DialogHeader, DialogBody, DialogFooter, };
-export type { DialogProps, DialogHandle, DialogContentProps, DialogContentClassNames };
+export type { DialogProps, DialogHandle, DialogTriggerProps, DialogTitleProps, DialogDescriptionProps, DialogCloseProps, DialogCloseIconProps, DialogContentProps, DialogContentClassNames, DialogHeaderProps, DialogBodyProps, DialogFooterProps, };

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

@@ -1,2 +1,2 @@
 export { Dialog, createDialogHandle, DialogTrigger, DialogTitle, DialogDescription, DialogClose, DialogCloseIcon, DialogContent, DialogHeader, DialogBody, DialogFooter, } from './Dialog';
-export type { DialogProps, DialogHandle, DialogContentProps, DialogContentClassNames, } from './Dialog';
+export type { DialogProps, DialogHandle, DialogTriggerProps, DialogTitleProps, DialogDescriptionProps, DialogCloseProps, DialogCloseIconProps, DialogContentProps, DialogContentClassNames, DialogHeaderProps, DialogBodyProps, DialogFooterProps, } from './Dialog';

package/dist/components/Drawer/Drawer.d.ts

@@ -44,5 +44,14 @@ declare function DrawerBody({ className, ...props }: React.ComponentProps<'div'>
 declare function DrawerFooter({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
 declare function DrawerContent({ withBackdrop, withHandle, snapLayout, variant, disableInitialAnimation, className, classNames, container, portalProps, backdropProps, viewportProps, contentProps, handleProps, children, ...props }: DrawerContentProps): import("react/jsx-runtime").JSX.Element;
 type DrawerHandleType<Payload = unknown> = DrawerPrimitive.Handle<Payload>;
+type DrawerTriggerProps = DrawerPrimitive.Trigger.Props;
+type DrawerSwipeAreaProps = DrawerPrimitive.SwipeArea.Props;
+type DrawerTitleProps = DrawerPrimitive.Title.Props;
+type DrawerDescriptionProps = DrawerPrimitive.Description.Props;
+type DrawerCloseProps = DrawerPrimitive.Close.Props;
+type DrawerHeaderProps = React.ComponentProps<'div'>;
+type DrawerBodyProps = React.ComponentProps<'div'>;
+type DrawerFooterProps = React.ComponentProps<'div'>;
+type DrawerSnapPoint = NonNullable<DrawerProps['snapPoints']>[number];
 export { Drawer, DrawerProvider, createDrawerHandle, DrawerIndent, DrawerIndentBackground, DrawerTrigger, DrawerSwipeArea, DrawerTitle, DrawerDescription, DrawerClose, DrawerSnapToggle, DrawerHeader, DrawerBody, DrawerFooter, DrawerContent, };
-export type { DrawerProps, DrawerHandleType, DrawerContentProps, DrawerContentClassNames, DrawerSnapToggleProps, };
+export type { DrawerProps, DrawerHandleType, DrawerTriggerProps, DrawerSwipeAreaProps, DrawerTitleProps, DrawerDescriptionProps, DrawerCloseProps, DrawerHeaderProps, DrawerBodyProps, DrawerFooterProps, DrawerContentProps, DrawerContentClassNames, DrawerSnapToggleProps, DrawerSnapPoint, };

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

@@ -1,2 +1,2 @@
 export { Drawer, DrawerProvider, createDrawerHandle, DrawerIndent, DrawerIndentBackground, DrawerTrigger, DrawerSwipeArea, DrawerTitle, DrawerDescription, DrawerClose, DrawerSnapToggle, DrawerHeader, DrawerBody, DrawerFooter, DrawerContent, } from './Drawer';
-export type { DrawerProps, DrawerHandleType, DrawerContentProps, DrawerContentClassNames, DrawerSnapToggleProps, } from './Drawer';
+export type { DrawerProps, DrawerHandleType, DrawerTriggerProps, DrawerSwipeAreaProps, DrawerTitleProps, DrawerDescriptionProps, DrawerCloseProps, DrawerHeaderProps, DrawerBodyProps, DrawerFooterProps, DrawerContentProps, DrawerContentClassNames, DrawerSnapToggleProps, DrawerSnapPoint, } from './Drawer';

package/dist/components/Form/Form.d.ts

@@ -7,5 +7,6 @@ type FormValidationMode = FormPrimitive.ValidationMode;
 type FormSubmitEventReason = FormPrimitive.SubmitEventReason;
 type FormSubmitEventDetails = FormPrimitive.SubmitEventDetails;
 type FormValues<FormValues extends Record<string, any> = Record<string, any>> = FormPrimitive.Values<FormValues>;
+type FormErrors = NonNullable<FormProps['errors']>;
 export { Form };
-export type { FormProps, FormState, FormActions, FormValidationMode, FormSubmitEventReason, FormSubmitEventDetails, FormValues, };
+export type { FormProps, FormState, FormActions, FormValidationMode, FormSubmitEventReason, FormSubmitEventDetails, FormValues, FormErrors, };

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

@@ -1,2 +1,2 @@
 export { Form } from './Form';
-export type { FormProps, FormState, FormActions, FormValidationMode, FormSubmitEventReason, FormSubmitEventDetails, FormValues, } from './Form';
+export type { FormProps, FormState, FormActions, FormValidationMode, FormSubmitEventReason, FormSubmitEventDetails, FormValues, FormErrors, } from './Form';

package/dist/components/Heading/Heading.d.ts

@@ -3,7 +3,7 @@ type HeadingAs = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
 type HeadingSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
 type HeadingWeight = 'regular' | 'medium' | 'semibold' | 'bold';
 type HeadingAlign = 'left' | 'center' | 'right';
-type HeadingProps = React.ComponentProps<'h1'> & {
+type HeadingProps = React.ComponentPropsWithoutRef<HeadingAs> & {
     as?: HeadingAs;
     size?: HeadingSize;
     weight?: HeadingWeight;

package/dist/components/Input/Input.d.ts

@@ -1,4 +1,5 @@
 import { Input as InputPrimitive } from '@base-ui/react/input';
+import type * as React from 'react';
 type InputSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 type InputProps = Omit<InputPrimitive.Props, 'size'> & {
     size?: InputSize;
@@ -6,4 +7,4 @@ type InputProps = Omit<InputPrimitive.Props, 'size'> & {
 };
 declare function Input({ className, size, htmlSize, ...props }: InputProps): import("react/jsx-runtime").JSX.Element;
 export { Input };
-export type { InputProps };
+export type { InputProps, InputSize };

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

@@ -1,2 +1,2 @@
 export { Input } from './Input';
-export type { InputProps } from './Input';
+export type { InputProps, InputSize } from './Input';

package/dist/components/List/List.d.ts

@@ -4,7 +4,7 @@ type ListMarker = 'none' | 'disc' | 'decimal' | 'bullet';
 type ListGap = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
 type ListSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 type ListTone = 'default' | 'muted' | 'subtle' | 'primary' | 'destructive';
-type ListProps = React.ComponentProps<'ul'> & React.ComponentProps<'ol'> & {
+type ListProps = React.ComponentPropsWithoutRef<ListAs> & {
     as?: ListAs;
     marker?: ListMarker;
     gap?: ListGap;

package/dist/components/Menu/Menu.d.ts

@@ -4,14 +4,17 @@ type MenuContentClassNames = {
     portal?: MenuPrimitive.Portal.Props['className'];
     backdrop?: MenuPrimitive.Backdrop.Props['className'];
     positioner?: MenuPrimitive.Positioner.Props['className'];
+    viewport?: MenuPrimitive.Viewport.Props['className'];
 };
 type MenuContentProps = MenuPrimitive.Popup.Props & Pick<MenuPrimitive.Positioner.Props, 'side' | 'sideOffset' | 'align' | 'alignOffset' | 'arrowPadding' | 'anchor' | 'collisionAvoidance' | 'collisionBoundary' | 'collisionPadding' | 'sticky' | 'positionMethod' | 'disableAnchorTracking'> & {
     classNames?: MenuContentClassNames;
     container?: MenuPrimitive.Portal.Props['container'];
     withBackdrop?: boolean;
+    withViewport?: boolean;
     portalProps?: Omit<MenuPrimitive.Portal.Props, 'className' | 'children'>;
     backdropProps?: Omit<MenuPrimitive.Backdrop.Props, 'className'>;
     positionerProps?: Omit<MenuPrimitive.Positioner.Props, 'className' | 'children'>;
+    viewportProps?: Omit<MenuPrimitive.Viewport.Props, 'className' | 'children'>;
 };
 type IndicatorPosition = 'start' | 'end';
 type MenuRadioItemProps = MenuPrimitive.RadioItem.Props & {
@@ -26,7 +29,7 @@ declare const createMenuHandle: typeof MenuPrimitive.createHandle;
 declare function MenuTrigger({ className, render, ...props }: MenuPrimitive.Trigger.Props): import("react/jsx-runtime").JSX.Element;
 declare function MenuTriggerIcon({ className, children, ...props }: React.ComponentProps<'span'>): import("react/jsx-runtime").JSX.Element;
 declare function MenuArrow({ className, children, ...props }: MenuPrimitive.Arrow.Props): import("react/jsx-runtime").JSX.Element;
-declare function MenuContent({ className, classNames, children, container, withBackdrop, portalProps, backdropProps, positionerProps, side, sideOffset, align, alignOffset, arrowPadding, anchor, collisionAvoidance, collisionBoundary, collisionPadding, sticky, positionMethod, disableAnchorTracking, ...props }: MenuContentProps): import("react/jsx-runtime").JSX.Element;
+declare function MenuContent({ className, classNames, children, container, withBackdrop, withViewport, portalProps, backdropProps, positionerProps, viewportProps, side, sideOffset, align, alignOffset, arrowPadding, anchor, collisionAvoidance, collisionBoundary, collisionPadding, sticky, positionMethod, disableAnchorTracking, ...props }: MenuContentProps): import("react/jsx-runtime").JSX.Element;
 declare function MenuSubmenuContent({ sideOffset, alignOffset, ...props }: MenuContentProps): import("react/jsx-runtime").JSX.Element;
 declare function MenuItem({ className, ...props }: MenuPrimitive.Item.Props): import("react/jsx-runtime").JSX.Element;
 declare function MenuLinkItem({ className, ...props }: MenuPrimitive.LinkItem.Props): import("react/jsx-runtime").JSX.Element;
@@ -55,4 +58,4 @@ type MenuCheckboxItemPropsPublic = MenuCheckboxItemProps;
 type MenuSubmenuTriggerProps = MenuPrimitive.SubmenuTrigger.Props;
 type MenuItemShortcutProps = React.ComponentProps<'span'>;
 export { Menu, MenuSubmenu, createMenuHandle, MenuTrigger, MenuTriggerIcon, MenuArrow, MenuContent, MenuSubmenuContent, MenuItem, MenuLinkItem, MenuSeparator, MenuGroup, MenuGroupLabel, MenuSubmenuTrigger, MenuSubmenuTriggerIcon, MenuRadioGroup, MenuRadioItem, MenuRadioItemIndicator, MenuCheckboxItem, MenuCheckboxItemIndicator, MenuItemText, MenuItemTextContent, MenuItemTextIcon, MenuItemTextLabel, MenuItemShortcut, };
-export type { MenuProps, MenuHandle, MenuContentProps, MenuTriggerProps, MenuItemProps, MenuLinkItemProps, MenuRadioItemPropsPublic as MenuRadioItemProps, MenuCheckboxItemPropsPublic as MenuCheckboxItemProps, MenuSubmenuTriggerProps, MenuItemShortcutProps, };
+export type { MenuProps, MenuHandle, MenuContentProps, MenuContentClassNames, MenuTriggerProps, MenuItemProps, MenuLinkItemProps, MenuRadioItemPropsPublic as MenuRadioItemProps, MenuCheckboxItemPropsPublic as MenuCheckboxItemProps, MenuSubmenuTriggerProps, MenuItemShortcutProps, };

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

@@ -1,2 +1,2 @@
 export { Menu, MenuSubmenu, createMenuHandle, MenuTrigger, MenuTriggerIcon, MenuArrow, MenuContent, MenuSubmenuContent, MenuItem, MenuLinkItem, MenuSeparator, MenuGroup, MenuGroupLabel, MenuSubmenuTrigger, MenuSubmenuTriggerIcon, MenuRadioGroup, MenuRadioItem, MenuRadioItemIndicator, MenuCheckboxItem, MenuCheckboxItemIndicator, MenuItemText, MenuItemTextContent, MenuItemTextIcon, MenuItemTextLabel, MenuItemShortcut, } from './Menu';
-export type { MenuProps, MenuHandle, MenuContentProps, MenuTriggerProps, MenuItemProps, MenuLinkItemProps, MenuRadioItemProps, MenuCheckboxItemProps, MenuSubmenuTriggerProps, MenuItemShortcutProps, } from './Menu';
+export type { MenuProps, MenuHandle, MenuContentProps, MenuContentClassNames, MenuTriggerProps, MenuItemProps, MenuLinkItemProps, MenuRadioItemProps, MenuCheckboxItemProps, MenuSubmenuTriggerProps, MenuItemShortcutProps, } from './Menu';

package/dist/components/Menubar/Menubar.d.ts

@@ -27,7 +27,7 @@ declare const MenubarMenu: <Payload>(props: MenuPrimitive.Root.Props<Payload>) =
 declare const MenubarSubmenu: typeof MenuPrimitive.SubmenuRoot;
 declare const createMenubarMenuHandle: typeof MenuPrimitive.createHandle;
 declare function Menubar({ className, ...props }: MenubarPrimitive.Props): import("react/jsx-runtime").JSX.Element;
-declare function MenubarTrigger({ className, ...props }: MenuPrimitive.Trigger.Props): import("react/jsx-runtime").JSX.Element;
+declare function MenubarTrigger({ className, render, ...props }: MenuPrimitive.Trigger.Props): import("react/jsx-runtime").JSX.Element;
 declare function MenubarArrow({ className, children, ...props }: MenuPrimitive.Arrow.Props): import("react/jsx-runtime").JSX.Element;
 declare function MenubarContent({ className, classNames, children, container, withBackdrop, portalProps, backdropProps, positionerProps, viewportProps, side, sideOffset, align, alignOffset, arrowPadding, anchor, collisionAvoidance, collisionBoundary, collisionPadding, sticky, positionMethod, disableAnchorTracking, ...props }: MenubarContentProps): import("react/jsx-runtime").JSX.Element;
 declare function MenubarSubmenuContent({ sideOffset, alignOffset, ...props }: MenubarContentProps): import("react/jsx-runtime").JSX.Element;
@@ -70,4 +70,4 @@ type MenubarItemTextIconProps = React.ComponentProps<'span'>;
 type MenubarItemTextLabelProps = React.ComponentProps<'span'>;
 type MenubarItemShortcutProps = React.ComponentProps<'span'>;
 export { Menubar, MenubarMenu, MenubarSubmenu, createMenubarMenuHandle, MenubarTrigger, MenubarArrow, MenubarContent, MenubarSubmenuContent, MenubarItem, MenubarLinkItem, MenubarSeparator, MenubarGroup, MenubarGroupLabel, MenubarSubmenuTrigger, MenubarSubmenuTriggerIcon, MenubarRadioGroup, MenubarRadioItem, MenubarRadioItemIndicator, MenubarCheckboxItem, MenubarCheckboxItemIndicator, MenubarItemText, MenubarItemTextContent, MenubarItemTextIcon, MenubarItemTextLabel, MenubarItemShortcut, };
-export type { MenubarProps, MenubarMenuProps, MenubarMenuHandle, MenubarSubmenuProps, MenubarTriggerProps, MenubarArrowProps, MenubarContentProps, MenubarItemProps, MenubarLinkItemProps, MenubarSeparatorProps, MenubarGroupProps, MenubarGroupLabelProps, MenubarSubmenuTriggerProps, MenubarSubmenuTriggerIconProps, MenubarRadioGroupProps, MenubarRadioItemProps, MenubarRadioItemIndicatorProps, MenubarCheckboxItemProps, MenubarCheckboxItemIndicatorProps, MenubarItemTextProps, MenubarItemTextContentProps, MenubarItemTextIconProps, MenubarItemTextLabelProps, MenubarItemShortcutProps, };
+export type { MenubarProps, MenubarMenuProps, MenubarMenuHandle, MenubarSubmenuProps, MenubarTriggerProps, MenubarArrowProps, MenubarContentProps, MenubarContentClassNames, MenubarItemProps, MenubarLinkItemProps, MenubarSeparatorProps, MenubarGroupProps, MenubarGroupLabelProps, MenubarSubmenuTriggerProps, MenubarSubmenuTriggerIconProps, MenubarRadioGroupProps, MenubarRadioItemProps, MenubarRadioItemIndicatorProps, MenubarCheckboxItemProps, MenubarCheckboxItemIndicatorProps, MenubarItemTextProps, MenubarItemTextContentProps, MenubarItemTextIconProps, MenubarItemTextLabelProps, MenubarItemShortcutProps, };

package/dist/components/Meter/Meter.d.ts

@@ -1,15 +1,20 @@
 import { Meter as MeterPrimitive } from '@base-ui/react/meter';
 type MeterClassNames = {
-    track?: string;
-    indicator?: string;
+    track?: MeterPrimitive.Track.Props['className'];
+    indicator?: MeterPrimitive.Indicator.Props['className'];
 };
 type MeterProps = MeterPrimitive.Root.Props & {
     classNames?: MeterClassNames;
+    withTrack?: boolean;
 };
-declare function Meter({ className, classNames, children, ...props }: MeterProps): import("react/jsx-runtime").JSX.Element;
+declare function Meter({ className, classNames, children, withTrack, ...props }: MeterProps): import("react/jsx-runtime").JSX.Element;
 declare function MeterLabel({ className, ...props }: MeterPrimitive.Label.Props): import("react/jsx-runtime").JSX.Element;
 declare function MeterValue({ className, ...props }: MeterPrimitive.Value.Props): import("react/jsx-runtime").JSX.Element;
+declare function MeterTrack({ className, ...props }: MeterPrimitive.Track.Props): import("react/jsx-runtime").JSX.Element;
+declare function MeterIndicator({ className, ...props }: MeterPrimitive.Indicator.Props): import("react/jsx-runtime").JSX.Element;
 type MeterLabelProps = MeterPrimitive.Label.Props;
 type MeterValueProps = MeterPrimitive.Value.Props;
-export { Meter, MeterLabel, MeterValue };
-export type { MeterClassNames, MeterProps, MeterLabelProps, MeterValueProps };
+type MeterTrackProps = MeterPrimitive.Track.Props;
+type MeterIndicatorProps = MeterPrimitive.Indicator.Props;
+export { Meter, MeterLabel, MeterValue, MeterTrack, MeterIndicator };
+export type { MeterClassNames, MeterProps, MeterLabelProps, MeterValueProps, MeterTrackProps, MeterIndicatorProps, };

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

@@ -1,2 +1,2 @@
-export { Meter, MeterLabel, MeterValue } from './Meter';
-export type { MeterClassNames, MeterProps, MeterLabelProps, MeterValueProps } from './Meter';
+export { Meter, MeterLabel, MeterValue, MeterTrack, MeterIndicator } from './Meter';
+export type { MeterClassNames, MeterProps, MeterLabelProps, MeterValueProps, MeterTrackProps, MeterIndicatorProps, } from './Meter';

package/dist/components/Popover/Popover.d.ts

@@ -4,6 +4,7 @@ type PopoverContentClassNames = {
     portal?: PopoverPrimitive.Portal.Props['className'];
     backdrop?: PopoverPrimitive.Backdrop.Props['className'];
     positioner?: PopoverPrimitive.Positioner.Props['className'];
+    viewport?: PopoverPrimitive.Viewport.Props['className'];
     arrow?: PopoverPrimitive.Arrow.Props['className'];
 };
 type PopoverContentProps = PopoverPrimitive.Popup.Props & Pick<PopoverPrimitive.Positioner.Props, 'disableAnchorTracking' | 'side' | 'sideOffset' | 'align' | 'alignOffset' | 'arrowPadding' | 'anchor' | 'collisionAvoidance' | 'collisionBoundary' | 'collisionPadding' | 'sticky' | 'positionMethod'> & {
@@ -15,11 +16,14 @@ type PopoverContentProps = PopoverPrimitive.Popup.Props & Pick<PopoverPrimitive.
     showArrow?: boolean;
     portalProps?: Omit<PopoverPrimitive.Portal.Props, 'className' | 'children'>;
     backdropProps?: Omit<PopoverPrimitive.Backdrop.Props, 'className'>;
+    viewportProps?: Omit<PopoverPrimitive.Viewport.Props, 'className' | 'children'>;
     withBackdrop?: boolean;
+    withViewport?: boolean;
 };
 declare const Popover: typeof PopoverPrimitive.Root;
 declare const createPopoverHandle: typeof PopoverPrimitive.createHandle;
 declare function PopoverTrigger({ className, render, ...props }: PopoverPrimitive.Trigger.Props): import("react/jsx-runtime").JSX.Element;
+declare function PopoverViewport({ className, ...props }: PopoverPrimitive.Viewport.Props): import("react/jsx-runtime").JSX.Element;
 declare function PopoverArrow({ className, children, ...props }: PopoverPrimitive.Arrow.Props): import("react/jsx-runtime").JSX.Element;
 declare function PopoverTitle({ className, ...props }: PopoverPrimitive.Title.Props): import("react/jsx-runtime").JSX.Element;
 declare function PopoverDescription({ className, ...props }: PopoverPrimitive.Description.Props): import("react/jsx-runtime").JSX.Element;
@@ -27,10 +31,11 @@ declare function PopoverHeader({ className, ...props }: React.ComponentProps<'di
 declare function PopoverBody({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
 declare function PopoverFooter({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
 declare function PopoverClose({ className, ...props }: PopoverPrimitive.Close.Props): import("react/jsx-runtime").JSX.Element;
-declare function PopoverContent({ className, classNames, container, arrowProps, arrow, showArrow, portalProps, backdropProps, withBackdrop, disableAnchorTracking, side, sideOffset, align, alignOffset, arrowPadding, anchor, collisionAvoidance, collisionBoundary, collisionPadding, sticky, positionMethod, positionerProps, ...props }: PopoverContentProps): import("react/jsx-runtime").JSX.Element;
+declare function PopoverContent({ className, classNames, container, arrowProps, arrow, showArrow, portalProps, backdropProps, viewportProps, withBackdrop, withViewport, disableAnchorTracking, side, sideOffset, align, alignOffset, arrowPadding, anchor, collisionAvoidance, collisionBoundary, collisionPadding, sticky, positionMethod, positionerProps, ...props }: PopoverContentProps): import("react/jsx-runtime").JSX.Element;
 type PopoverProps<Payload = unknown> = PopoverPrimitive.Root.Props<Payload>;
 type PopoverHandle<Payload = unknown> = PopoverPrimitive.Handle<Payload>;
 type PopoverTriggerProps = PopoverPrimitive.Trigger.Props;
+type PopoverViewportProps = PopoverPrimitive.Viewport.Props;
 type PopoverArrowProps = PopoverPrimitive.Arrow.Props;
 type PopoverTitleProps = PopoverPrimitive.Title.Props;
 type PopoverDescriptionProps = PopoverPrimitive.Description.Props;
@@ -38,5 +43,5 @@ type PopoverHeaderProps = React.ComponentProps<'div'>;
 type PopoverBodyProps = React.ComponentProps<'div'>;
 type PopoverFooterProps = React.ComponentProps<'div'>;
 type PopoverCloseProps = PopoverPrimitive.Close.Props;
-export { Popover, createPopoverHandle, PopoverTrigger, PopoverArrow, PopoverTitle, PopoverDescription, PopoverHeader, PopoverBody, PopoverFooter, PopoverClose, PopoverContent, };
-export type { PopoverProps, PopoverHandle, PopoverTriggerProps, PopoverArrowProps, PopoverTitleProps, PopoverDescriptionProps, PopoverHeaderProps, PopoverBodyProps, PopoverFooterProps, PopoverCloseProps, PopoverContentClassNames, PopoverContentProps, };
+export { Popover, createPopoverHandle, PopoverTrigger, PopoverViewport, PopoverArrow, PopoverTitle, PopoverDescription, PopoverHeader, PopoverBody, PopoverFooter, PopoverClose, PopoverContent, };
+export type { PopoverProps, PopoverHandle, PopoverTriggerProps, PopoverViewportProps, PopoverArrowProps, PopoverTitleProps, PopoverDescriptionProps, PopoverHeaderProps, PopoverBodyProps, PopoverFooterProps, PopoverCloseProps, PopoverContentClassNames, PopoverContentProps, };

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

@@ -1,2 +1,2 @@
-export { Popover, createPopoverHandle, PopoverTrigger, PopoverArrow, PopoverTitle, PopoverDescription, PopoverHeader, PopoverBody, PopoverFooter, PopoverClose, PopoverContent, } from './Popover';
-export type { PopoverProps, PopoverHandle, PopoverTriggerProps, PopoverArrowProps, PopoverTitleProps, PopoverDescriptionProps, PopoverHeaderProps, PopoverBodyProps, PopoverFooterProps, PopoverCloseProps, PopoverContentClassNames, PopoverContentProps, } from './Popover';
+export { Popover, createPopoverHandle, PopoverTrigger, PopoverViewport, PopoverArrow, PopoverTitle, PopoverDescription, PopoverHeader, PopoverBody, PopoverFooter, PopoverClose, PopoverContent, } from './Popover';
+export type { PopoverProps, PopoverHandle, PopoverTriggerProps, PopoverViewportProps, PopoverArrowProps, PopoverTitleProps, PopoverDescriptionProps, PopoverHeaderProps, PopoverBodyProps, PopoverFooterProps, PopoverCloseProps, PopoverContentClassNames, PopoverContentProps, } from './Popover';

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

@@ -13,13 +13,25 @@ type ScrollAreaClassNames = {
     horizontalThumb?: ScrollAreaPrimitive.Thumb.Props['className'];
     corner?: ScrollAreaPrimitive.Corner.Props['className'];
 };
+type ScrollAreaSlotProps = {
+    viewport?: Omit<ScrollAreaPrimitive.Viewport.Props, 'className' | 'children'>;
+    content?: Omit<ScrollAreaPrimitive.Content.Props, 'className' | 'children'>;
+    scrollbar?: Omit<ScrollAreaPrimitive.Scrollbar.Props, 'className' | 'children' | 'orientation' | 'keepMounted'>;
+    verticalScrollbar?: Omit<ScrollAreaPrimitive.Scrollbar.Props, 'className' | 'children' | 'orientation' | 'keepMounted'>;
+    horizontalScrollbar?: Omit<ScrollAreaPrimitive.Scrollbar.Props, 'className' | 'children' | 'orientation' | 'keepMounted'>;
+    thumb?: Omit<ScrollAreaPrimitive.Thumb.Props, 'className'>;
+    verticalThumb?: Omit<ScrollAreaPrimitive.Thumb.Props, 'className'>;
+    horizontalThumb?: Omit<ScrollAreaPrimitive.Thumb.Props, 'className'>;
+    corner?: Omit<ScrollAreaPrimitive.Corner.Props, 'className'>;
+};
 type ScrollAreaProps = Omit<ScrollAreaPrimitive.Root.Props, 'children'> & {
     children?: React.ReactNode;
     fade?: ScrollAreaFade;
     scrollbars?: ScrollAreaScrollbars;
     scrollbarKeepMounted?: boolean;
     classNames?: ScrollAreaClassNames;
+    slotProps?: ScrollAreaSlotProps;
 };
-declare function ScrollArea({ className, classNames, children, fade, scrollbars, scrollbarKeepMounted, ...props }: ScrollAreaProps): import("react/jsx-runtime").JSX.Element;
+declare function ScrollArea({ className, classNames, children, fade, scrollbars, scrollbarKeepMounted, slotProps, ...props }: ScrollAreaProps): import("react/jsx-runtime").JSX.Element;
 export { ScrollArea };
-export type { ScrollAreaProps, ScrollAreaClassNames, ScrollAreaFade, ScrollAreaScrollbars };
+export type { ScrollAreaProps, ScrollAreaClassNames, ScrollAreaSlotProps, ScrollAreaFade, ScrollAreaScrollbars, };

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

@@ -1,2 +1,2 @@
 export { ScrollArea } from './ScrollArea';
-export type { ScrollAreaProps, ScrollAreaClassNames, ScrollAreaFade, ScrollAreaScrollbars, } from './ScrollArea';
+export type { ScrollAreaProps, ScrollAreaClassNames, ScrollAreaSlotProps, ScrollAreaFade, ScrollAreaScrollbars, } from './ScrollArea';

package/dist/components/Toggle/Toggle.d.ts

@@ -1,13 +1,13 @@
 import { Toggle as TogglePrimitive } from '@base-ui/react/toggle';
 type ToggleVariant = 'default' | 'outline' | 'ghost';
 type ToggleSize = 'xs' | 'sm' | 'md' | 'lg' | 'icon-sm' | 'icon-md' | 'icon-lg';
-type ToggleProps = TogglePrimitive.Props & {
+type ToggleProps<Value extends string = string> = TogglePrimitive.Props<Value> & {
     variant?: ToggleVariant;
     size?: ToggleSize;
 };
 type ToggleState = TogglePrimitive.State;
 type ToggleChangeEventReason = TogglePrimitive.ChangeEventReason;
 type ToggleChangeEventDetails = TogglePrimitive.ChangeEventDetails;
-declare function Toggle({ className, variant, size, ...props }: ToggleProps): import("react/jsx-runtime").JSX.Element;
+declare function Toggle<Value extends string = string>({ className, variant, size, ...props }: ToggleProps<Value>): import("react/jsx-runtime").JSX.Element;
 export { Toggle };
 export type { ToggleProps, ToggleState, ToggleChangeEventReason, ToggleChangeEventDetails, ToggleVariant, ToggleSize, };

package/dist/components/ToggleGroup/ToggleGroup.d.ts

@@ -9,8 +9,8 @@ type ToggleGroupState = ToggleGroupPrimitive.State;
 type ToggleGroupChangeEventReason = ToggleGroupPrimitive.ChangeEventReason;
 type ToggleGroupChangeEventDetails = ToggleGroupPrimitive.ChangeEventDetails;
 declare function ToggleGroup<Value extends string = string>({ className, variant, size, ...props }: ToggleGroupProps<Value>): import("react/jsx-runtime").JSX.Element;
-type ToggleGroupItemProps = ToggleProps;
-declare function ToggleGroupItem({ className, variant, size, ...props }: ToggleGroupItemProps): import("react/jsx-runtime").JSX.Element;
+type ToggleGroupItemProps<Value extends string = string> = ToggleProps<Value>;
+declare function ToggleGroupItem<Value extends string = string>({ className, variant, size, ...props }: ToggleGroupItemProps<Value>): import("react/jsx-runtime").JSX.Element;
 type ToggleGroupVariant = ToggleVariant;
 type ToggleGroupSize = ToggleSize;
 export { ToggleGroup, ToggleGroupItem };

package/dist/components/Tooltip/Tooltip.d.ts

@@ -14,12 +14,13 @@ type TooltipContentProps = TooltipPrimitive.Popup.Props & Pick<TooltipPrimitive.
     arrow?: React.ReactNode;
     showArrow?: boolean;
     portalProps?: Omit<TooltipPrimitive.Portal.Props, 'className' | 'children'>;
+    viewportProps?: Omit<TooltipPrimitive.Viewport.Props, 'className' | 'children'>;
 };
 declare const Tooltip: <Payload>(props: TooltipPrimitive.Root.Props<Payload>) => import("react/jsx-runtime").JSX.Element;
 declare const TooltipProvider: React.FC<import('@base-ui/react').TooltipProviderProps>;
 declare const createTooltipHandle: typeof TooltipPrimitive.createHandle;
 declare function TooltipTrigger<Payload = unknown>({ className, render, ...props }: TooltipPrimitive.Trigger.Props<Payload>): import("react/jsx-runtime").JSX.Element;
-declare function TooltipContent({ className, classNames, container, arrowProps, arrow, showArrow, portalProps, disableAnchorTracking, side, sideOffset, align, alignOffset, arrowPadding, anchor, collisionAvoidance, collisionBoundary, collisionPadding, sticky, positionMethod, positionerProps, ...props }: TooltipContentProps): import("react/jsx-runtime").JSX.Element;
+declare function TooltipContent({ className, classNames, container, arrowProps, arrow, showArrow, portalProps, viewportProps, disableAnchorTracking, side, sideOffset, align, alignOffset, arrowPadding, anchor, collisionAvoidance, collisionBoundary, collisionPadding, sticky, positionMethod, positionerProps, ...props }: TooltipContentProps): import("react/jsx-runtime").JSX.Element;
 type TooltipProps<Payload = unknown> = TooltipPrimitive.Root.Props<Payload>;
 type TooltipProviderProps = TooltipPrimitive.Provider.Props;
 type TooltipHandle<Payload = unknown> = TooltipPrimitive.Handle<Payload>;