dawn-ui-react 1.0.0-alpha.21 → 1.0.0-alpha.23

package/dist/components/input/input.types.d.ts

@@ -1,10 +1,19 @@
 import { Input as BaseInput } from '@base-ui/react/input';
 import { VariantProps } from 'class-variance-authority';
 import { ComponentProps } from 'react';
+export declare const formatFileSize: (bytes: number) => string;
 export declare const inputVariants: (props?: ({
     variant?: "primary" | "secondary" | null | undefined;
     size?: "small" | "large" | "medium" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export type InputProps = VariantProps<typeof inputVariants> & Omit<ComponentProps<typeof BaseInput>, 'size'> & {
+    fileUploadButtonLabel?: string;
+    fileUploadButtonIcon?: React.ReactNode;
+    maxFiles?: number;
+    maxFileSize?: number;
+    clearFilesLabel?: string;
+    filesSelectedLabel?: (count: number) => string;
+    maxFilesErrorLabel?: (maxFiles: number) => string;
+    maxFileSizeErrorLabel?: (fileName: string, maxFileSize: string) => string;
     compact?: boolean;
 };

package/dist/components/input-group/input-group-addon.d.ts

@@ -1,2 +1,2 @@
 import { InputGroupAddonProps } from './input-group.types';
-export declare const InputGroupAddon: ({ className, children, ref, ...props }: InputGroupAddonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const InputGroupAddon: ({ size, className, children, ref, ...props }: InputGroupAddonProps) => import("react").JSX.Element;

package/dist/components/input-group/input-group-input.d.ts

@@ -1,2 +1,2 @@
 import { InputGroupInputProps } from './input-group.types';
-export declare const InputGroupInput: ({ className, ref, ...props }: InputGroupInputProps) => import("react/jsx-runtime").JSX.Element;
+export declare const InputGroupInput: ({ className, ref, ...props }: InputGroupInputProps) => import("react").JSX.Element;

package/dist/components/input-group/input-group.d.ts

@@ -1,2 +1,2 @@
 import { InputGroupProps } from './input-group.types';
-export declare const InputGroup: ({ variant, className, children, ref, ...props }: InputGroupProps) => import("react/jsx-runtime").JSX.Element;
+export declare const InputGroup: ({ variant, className, children, ref, ...props }: InputGroupProps) => import("react").JSX.Element;

package/dist/components/input-group/input-group.types.d.ts

@@ -1,6 +1,9 @@
+import { VariantProps } from 'class-variance-authority';
 import { inputVariants } from '../input/input.types';
 import { Input as BaseInput } from '@base-ui/react/input';
-import { VariantProps } from 'class-variance-authority';
-export type InputGroupAddonProps = React.ComponentProps<'div'>;
+export declare const inputGroupAddonVariants: (props?: ({
+    size?: "small" | "large" | "medium" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export type InputGroupAddonProps = React.ComponentProps<'div'> & VariantProps<typeof inputGroupAddonVariants>;
 export type InputGroupInputProps = React.ComponentProps<typeof BaseInput>;
 export type InputGroupProps = React.ComponentProps<'div'> & VariantProps<typeof inputVariants>;

package/dist/components/input-otp/input-otp-separator.d.ts

@@ -1,2 +1,2 @@
 import { InputOtpSeparatorProps } from './input-otp.types';
-export declare const InputOtpSeparator: ({ className, ref, ...props }: InputOtpSeparatorProps) => import("react/jsx-runtime").JSX.Element;
+export declare const InputOtpSeparator: ({ className, ref, ...props }: InputOtpSeparatorProps) => import("react").JSX.Element;

package/dist/components/input-otp/input-otp-slot.d.ts

@@ -1,2 +1,2 @@
 import { InputOTPSlotProps } from './input-otp.types';
-export declare const InputOTPSlot: ({ className, ...props }: InputOTPSlotProps) => import("react/jsx-runtime").JSX.Element;
+export declare const InputOTPSlot: ({ className, ...props }: InputOTPSlotProps) => import("react").JSX.Element;

package/dist/components/input-otp/input-otp.d.ts

@@ -1,2 +1,2 @@
 import { InputOTPProps } from './input-otp.types';
-export declare const InputOTP: ({ children, className, ref, ...props }: InputOTPProps) => import("react/jsx-runtime").JSX.Element;
+export declare const InputOTP: ({ children, className, ref, ...props }: InputOTPProps) => import("react").JSX.Element;

package/dist/components/input-otp/input-otp.types.d.ts

@@ -1,4 +1,4 @@
-import { OTPFieldPreview as OTPField } from '@base-ui/react/otp-field';
+import { OTPField } from '@base-ui/react';
 export type InputOTPProps = React.ComponentProps<typeof OTPField.Root>;
 export type InputOTPSlotProps = React.ComponentProps<typeof OTPField.Input>;
 export type InputOtpSeparatorProps = React.ComponentProps<typeof OTPField.Separator>;

package/dist/components/kbd/kbd-group.d.ts

@@ -1,2 +1,2 @@
 import { KbdGroupProps } from './kbd.types';
-export declare const KbdGroup: ({ className, children, ref, ...props }: KbdGroupProps) => import("react/jsx-runtime").JSX.Element;
+export declare const KbdGroup: ({ className, children, ref, ...props }: KbdGroupProps) => import("react").JSX.Element;

package/dist/components/kbd/kbd.d.ts

@@ -1,2 +1,2 @@
 import { KbdProps } from './kbd.types';
-export declare const Kbd: ({ className, children, ref, ...props }: KbdProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Kbd: ({ className, children, ref, ...props }: KbdProps) => import("react").JSX.Element;

package/dist/components/label/label.d.ts

@@ -1,2 +1,2 @@
 import { LabelProps } from './label.types';
-export declare const Label: ({ className, children, ref, size, ...props }: LabelProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Label: ({ className, children, ref, size, ...props }: LabelProps) => import("react").JSX.Element;

package/dist/components/layer-tree/layer-tree-body.d.ts

@@ -1,2 +1,2 @@
 import { LayerTreeBodyProps } from './layer-tree.types';
-export declare const LayerTreeBody: <TData>({ className, children, ...props }: LayerTreeBodyProps) => import("react/jsx-runtime").JSX.Element;
+export declare const LayerTreeBody: <TData>({ className, children, ...props }: LayerTreeBodyProps) => import("react").JSX.Element;

package/dist/components/layer-tree/layer-tree-expand-all.d.ts

@@ -1,2 +1,2 @@
 import { LayerTreeExpandAllProps } from './layer-tree.types';
-export declare const LayerTreeExpandAll: ({ className, ref, ...props }: LayerTreeExpandAllProps) => import("react/jsx-runtime").JSX.Element;
+export declare const LayerTreeExpandAll: ({ className, ref, ...props }: LayerTreeExpandAllProps) => import("react").JSX.Element;

package/dist/components/layer-tree/layer-tree-footer.d.ts

@@ -1,2 +1,2 @@
 import { LayerTreeFooterProps } from './layer-tree.types';
-export declare const LayerTreeFooter: ({ className, children, ref, ...props }: LayerTreeFooterProps) => import("react/jsx-runtime").JSX.Element;
+export declare const LayerTreeFooter: ({ className, children, ref, ...props }: LayerTreeFooterProps) => import("react").JSX.Element;

package/dist/components/layer-tree/layer-tree-node-toggle.d.ts

@@ -1,2 +1,2 @@
 import { LayerTreeNodeToggleProps } from './layer-tree.types';
-export declare const LayerTreeNodeToggle: <TData>({ value, accessorKey, rows, onToggle, children, className, ref, ...props }: LayerTreeNodeToggleProps<TData>) => import("react/jsx-runtime").JSX.Element;
+export declare const LayerTreeNodeToggle: <TData>({ value, accessorKey, rows, onToggle, children, className, ref, ...props }: LayerTreeNodeToggleProps<TData>) => import("react").JSX.Element;

package/dist/components/layer-tree/layer-tree-node.d.ts

@@ -1,2 +1,3 @@
+import { default as React } from 'react';
 import { LayerTreeNodeProps } from './layer-tree.types';
-export declare const LayerTreeNode: <TData>({ className, children, row, icon: Icon, dndDisabled, ...props }: LayerTreeNodeProps<TData>) => import("react/jsx-runtime").JSX.Element;
+export declare const LayerTreeNode: <TData>({ className, children, row, icon: Icon, dndDisabled, ...props }: LayerTreeNodeProps<TData>) => React.JSX.Element;

package/dist/components/layer-tree/layer-tree-row.d.ts

@@ -1,2 +1,2 @@
 import { LayerTreeRowProps } from './layer-tree.types';
-export declare const LayerTreeRow: <TData>({ row, className, children, ref, ...props }: LayerTreeRowProps<TData>) => import("react/jsx-runtime").JSX.Element;
+export declare const LayerTreeRow: <TData>({ row, className, children, ref, ...props }: LayerTreeRowProps<TData>) => import("react").JSX.Element;

package/dist/components/layer-tree/layer-tree-search.d.ts

@@ -1,2 +1,2 @@
 import { LayerTreeSearchProps } from './layer-tree.types';
-export declare const LayerTreeSearch: ({ placeholder, className, children, ref, ...props }: LayerTreeSearchProps) => import("react/jsx-runtime").JSX.Element;
+export declare const LayerTreeSearch: ({ placeholder, className, children, ref, ...props }: LayerTreeSearchProps) => import("react").JSX.Element;

package/dist/components/layer-tree/layer-tree-sort.d.ts

@@ -1,2 +1,2 @@
 import { LayerTreeSortProps } from './layer-tree.types';
-export declare const LayerTreeSort: <TData>({ className, children, ref, ...props }: LayerTreeSortProps) => import("react/jsx-runtime").JSX.Element;
+export declare const LayerTreeSort: <TData>({ className, children, ref, ...props }: LayerTreeSortProps) => import("react").JSX.Element;

package/dist/components/layer-tree/layer-tree.d.ts

@@ -1,7 +1,8 @@
+import { default as React } from 'react';
 import { LayerTreeProps } from './layer-tree.types';
 type LayerTreeContextType<TData> = LayerTreeProps<TData> & {
     draggingNodeId: string | null;
 };
-export declare const LayerTree: <TData>({ table, onDNDStart: onDragStart, onDNDEnd: onDragEnd, className, children, ref, ...props }: LayerTreeProps<TData>) => import("react/jsx-runtime").JSX.Element;
+export declare const LayerTree: <TData>({ table, onDNDStart: onDragStart, onDNDEnd: onDragEnd, className, children, ref, ...props }: LayerTreeProps<TData>) => React.JSX.Element;
 export declare const useLayerTree: <TData>() => LayerTreeContextType<TData>;
 export {};

package/dist/components/layer-tree/layer-tree.types.d.ts

@@ -16,7 +16,7 @@ export type LayerTreeProps<TData> = React.ComponentProps<'div'> & {
     }) => void;
     onDNDEnd?: (event: {
         sourceNodeId: string;
-        targetNodeId: string | null;
+        targetNodeId: string;
     }) => void;
 };
 export type LayerTreeBodyProps = React.ComponentProps<'div'>;

package/dist/components/menu/menu-checkbox-item.d.ts

@@ -1,2 +1,2 @@
 import { MenuCheckboxItemProps } from './menu.types';
-export declare const MenuCheckboxItem: ({ className, children, ref, ...props }: MenuCheckboxItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MenuCheckboxItem: ({ className, children, ref, ...props }: MenuCheckboxItemProps) => import("react").JSX.Element;

package/dist/components/menu/menu-group-label.d.ts

@@ -1,2 +1,2 @@
 import { MenuGroupLabelProps } from './menu.types';
-export declare const MenuGroupLabel: ({ className, children, ref, ...props }: MenuGroupLabelProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MenuGroupLabel: ({ className, children, ref, ...props }: MenuGroupLabelProps) => import("react").JSX.Element;

package/dist/components/menu/menu-group.d.ts

@@ -1,2 +1,2 @@
 import { MenuGroupProps } from './menu.types';
-export declare const MenuGroup: ({ className, children, ref, ...props }: MenuGroupProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MenuGroup: ({ className, children, ref, ...props }: MenuGroupProps) => import("react").JSX.Element;

package/dist/components/menu/menu-item.d.ts

@@ -1,2 +1,2 @@
 import { MenuItemProps } from './menu.types';
-export declare const MenuItem: ({ tone, className, children, ref, ...props }: MenuItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MenuItem: ({ tone, className, children, ref, ...props }: MenuItemProps) => import("react").JSX.Element;

package/dist/components/menu/menu-popup.d.ts

@@ -1,2 +1,2 @@
 import { MenuPopupProps } from './menu.types';
-export declare const MenuPopup: ({ className, children, ref, ...props }: MenuPopupProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MenuPopup: ({ className, children, ref, ...props }: MenuPopupProps) => import("react").JSX.Element;

package/dist/components/menu/menu-radio-group.d.ts

@@ -1,2 +1,2 @@
 import { MenuRadioGroupProps } from './menu.types';
-export declare const MenuRadioGroup: ({ className, children, ref, ...props }: MenuRadioGroupProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MenuRadioGroup: ({ className, children, ref, ...props }: MenuRadioGroupProps) => import("react").JSX.Element;

package/dist/components/menu/menu-radio-item.d.ts

@@ -1,2 +1,2 @@
 import { MenuRadioItemProps } from './menu.types';
-export declare const MenuRadioItem: ({ className, children, ref, ...props }: MenuRadioItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MenuRadioItem: ({ className, children, ref, ...props }: MenuRadioItemProps) => import("react").JSX.Element;

package/dist/components/menu/menu-separator.d.ts

@@ -1,2 +1,2 @@
 import { MenuSeparatorProps } from './menu.types';
-export declare const MenuSeparator: ({ className, ref, ...props }: MenuSeparatorProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MenuSeparator: ({ className, ref, ...props }: MenuSeparatorProps) => import("react").JSX.Element;

package/dist/components/menu/menu-shortcut.d.ts

@@ -1,2 +1,2 @@
 import { MenuShortcutProps } from './menu.types';
-export declare const MenuShortcut: ({ className, children, ref, ...props }: MenuShortcutProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MenuShortcut: ({ className, children, ref, ...props }: MenuShortcutProps) => import("react").JSX.Element;

package/dist/components/menu/menu-submenu-trigger.d.ts

@@ -1,2 +1,2 @@
 import { MenuSubmenuTriggerProps } from './menu.types';
-export declare const MenuSubmenuTrigger: ({ tone, className, children, ref, ...props }: MenuSubmenuTriggerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MenuSubmenuTrigger: ({ tone, className, children, ref, ...props }: MenuSubmenuTriggerProps) => import("react").JSX.Element;

package/dist/components/menu/menu-submenu.d.ts

@@ -1,2 +1,2 @@
 import { MenuSubmenuProps } from './menu.types';
-export declare const MenuSubmenu: ({ children, ...props }: MenuSubmenuProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MenuSubmenu: ({ children, ...props }: MenuSubmenuProps) => import("react").JSX.Element;

package/dist/components/menu/menu-trigger.d.ts

@@ -1,2 +1,2 @@
 import { MenuTriggerProps } from './menu.types';
-export declare const MenuTrigger: ({ className, children, ref, ...props }: MenuTriggerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MenuTrigger: ({ className, children, ref, ...props }: MenuTriggerProps) => import("react").JSX.Element;

package/dist/components/menu/menu.d.ts

@@ -1,2 +1,2 @@
 import { MenuProps } from './menu.types';
-export declare const Menu: ({ children, ...props }: MenuProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Menu: ({ children, ...props }: MenuProps) => import("react").JSX.Element;

package/dist/components/meter/meter-footer.d.ts

@@ -1,2 +1,2 @@
 import { MeterFooterProps } from './meter.types';
-export declare const MeterFooter: ({ className, children, ref, ...props }: MeterFooterProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MeterFooter: ({ className, children, ref, ...props }: MeterFooterProps) => import("react").JSX.Element;

package/dist/components/meter/meter-header.d.ts

@@ -1,2 +1,2 @@
 import { MeterHeaderProps } from './meter.types';
-export declare const MeterHeader: ({ className, children, ref, ...props }: MeterHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MeterHeader: ({ className, children, ref, ...props }: MeterHeaderProps) => import("react").JSX.Element;

package/dist/components/meter/meter-indicator.d.ts

@@ -1,2 +1,2 @@
 import { MeterIndicatorProps } from './meter.types';
-export declare const MeterIndicator: ({ className, children, ref, ...props }: MeterIndicatorProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MeterIndicator: ({ className, children, ref, ...props }: MeterIndicatorProps) => import("react").JSX.Element;

package/dist/components/meter/meter-label.d.ts

@@ -1,2 +1,2 @@
 import { MeterLabelProps } from './meter.types';
-export declare const MeterLabel: ({ className, children, ref, ...props }: MeterLabelProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MeterLabel: ({ className, children, ref, ...props }: MeterLabelProps) => import("react").JSX.Element;

package/dist/components/meter/meter-subtitle.d.ts

@@ -1,2 +1,2 @@
 import { MeterSubtitleProps } from './meter.types';
-export declare const MeterSubtitle: ({ className, children, ref, ...props }: MeterSubtitleProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MeterSubtitle: ({ className, children, ref, ...props }: MeterSubtitleProps) => import("react").JSX.Element;

package/dist/components/meter/meter-track.d.ts

@@ -1,2 +1,2 @@
 import { MeterTrackProps } from './meter.types';
-export declare const MeterTrack: ({ className, children, ref, ...props }: MeterTrackProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MeterTrack: ({ className, children, ref, ...props }: MeterTrackProps) => import("react").JSX.Element;

package/dist/components/meter/meter-value.d.ts

@@ -1,2 +1,2 @@
 import { MeterValueProps } from './meter.types';
-export declare const MeterValue: ({ className, ref, ...props }: MeterValueProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MeterValue: ({ className, ref, ...props }: MeterValueProps) => import("react").JSX.Element;

package/dist/components/meter/meter.d.ts

@@ -1,2 +1,2 @@
 import { MeterProps } from './meter.types';
-export declare const Meter: ({ orientation, size, tone, className, children, ref, ...props }: MeterProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Meter: ({ orientation, size, tone, className, children, ref, ...props }: MeterProps) => import("react").JSX.Element;

package/dist/components/nav-bar/index.d.ts

@@ -0,0 +1,5 @@
+export type { NavBarProps, NavBarItemIconProps, NavBarItemProps, NavBarItemLabelProps, } from './nav-bar.types';
+export { NavBar } from './nav-bar';
+export { NavBarItem } from './nav-bar-item';
+export { NavBarItemIcon } from './nav-bar-item-icon';
+export { NavBarItemLabel } from './nav-bar-item-label';

package/dist/components/nav-bar/nav-bar-item-icon.d.ts

@@ -0,0 +1,2 @@
+import { NavBarItemIconProps } from './nav-bar.types';
+export declare const NavBarItemIcon: ({ className, children, ref, ...props }: NavBarItemIconProps) => import("react").JSX.Element;

package/dist/components/nav-bar/nav-bar-item-label.d.ts

@@ -0,0 +1,2 @@
+import { NavBarItemLabelProps } from './nav-bar.types';
+export declare const NavBarItemLabel: ({ className, children, ref, ...props }: NavBarItemLabelProps) => import("react").JSX.Element;

package/dist/components/nav-bar/nav-bar-item.d.ts

@@ -0,0 +1,2 @@
+import { NavBarItemProps } from './nav-bar.types';
+export declare const NavBarItem: ({ isActive, tone, className, children, ref, ...props }: NavBarItemProps) => import("react").JSX.Element;

package/dist/components/nav-bar/nav-bar.d.ts

@@ -0,0 +1,2 @@
+import { NavBarProps } from './nav-bar.types';
+export declare const NavBar: ({ itemOrientation, size, variant, className, children, ref, ...props }: NavBarProps) => import("react").JSX.Element;

package/dist/components/nav-bar/nav-bar.types.d.ts

@@ -0,0 +1,15 @@
+import { VariantProps } from 'class-variance-authority';
+export type NavBarProps = React.ComponentProps<'div'> & VariantProps<typeof navBarVariants>;
+export type NavBarItemProps = React.ComponentProps<'button'> & VariantProps<typeof navBarItemVariants> & {
+    isActive?: boolean;
+};
+export type NavBarItemIconProps = React.ComponentProps<'div'>;
+export type NavBarItemLabelProps = React.ComponentProps<'span'>;
+export declare const navBarVariants: (props?: ({
+    size?: "small" | "large" | "medium" | null | undefined;
+    itemOrientation?: "horizontal" | "vertical" | null | undefined;
+    variant?: "outline" | "floating" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const navBarItemVariants: (props?: ({
+    tone?: "brand" | "accent" | "neutral" | "error" | "info" | "success" | "warning" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/components/navigation-menu/index.d.ts

@@ -0,0 +1,9 @@
+export type { NavigationMenuContentProps, NavigationMenuIconProps, NavigationMenuItemProps, NavigationMenuLinkProps, NavigationMenuListProps, NavigationMenuPopupProps, NavigationMenuProps, NavigationMenuTriggerProps, } from './navigation-menu.types';
+export { NavigationMenu } from './navigation-menu';
+export { NavigationMenuContent } from './navigation-menu-content';
+export { NavigationMenuIcon } from './navigation-menu-icon';
+export { NavigationMenuItem } from './navigation-menu-item';
+export { NavigationMenuLink } from './navigation-menu-link';
+export { NavigationMenuList } from './navigation-menu-list';
+export { NavigationMenuPopup } from './navigation-menu-popup';
+export { NavigationMenuTrigger } from './navigation-menu-trigger';

package/dist/components/navigation-menu/navigation-menu-content.d.ts

@@ -0,0 +1,2 @@
+import { NavigationMenuContentProps } from './navigation-menu.types';
+export declare const NavigationMenuContent: ({ className, children, ref, ...props }: NavigationMenuContentProps) => import("react").JSX.Element;

package/dist/components/navigation-menu/navigation-menu-icon.d.ts

@@ -0,0 +1,2 @@
+import { NavigationMenuIconProps } from './navigation-menu.types';
+export declare const NavigationMenuIcon: ({ className, children, ref, ...props }: NavigationMenuIconProps) => import("react").JSX.Element;

package/dist/components/navigation-menu/navigation-menu-item.d.ts

@@ -0,0 +1,2 @@
+import { NavigationMenuItemProps } from './navigation-menu.types';
+export declare const NavigationMenuItem: ({ className, children, ref, ...props }: NavigationMenuItemProps) => import("react").JSX.Element;

package/dist/components/navigation-menu/navigation-menu-link.d.ts

@@ -0,0 +1,2 @@
+import { NavigationMenuLinkProps } from './navigation-menu.types';
+export declare const NavigationMenuLink: ({ tone, className, children, ref, ...props }: NavigationMenuLinkProps) => import("react").JSX.Element;

package/dist/components/navigation-menu/navigation-menu-list.d.ts

@@ -0,0 +1,2 @@
+import { NavigationMenuListProps } from './navigation-menu.types';
+export declare const NavigationMenuList: ({ className, children, ref, ...props }: NavigationMenuListProps) => import("react").JSX.Element;

package/dist/components/navigation-menu/navigation-menu-popup.d.ts

@@ -0,0 +1,2 @@
+import { NavigationMenuPopupProps } from './navigation-menu.types';
+export declare const NavigationMenuPopup: ({ className, children, ref, ...props }: NavigationMenuPopupProps) => import("react").JSX.Element;

package/dist/components/navigation-menu/navigation-menu-trigger.d.ts

@@ -0,0 +1,6 @@
+import { NavigationMenuTriggerProps } from './navigation-menu.types';
+export declare const navigationMenuTriggerVariants: (props?: ({
+    size?: "small" | "large" | "medium" | null | undefined;
+    tone?: "brand" | "accent" | "neutral" | "error" | "info" | "success" | "warning" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const NavigationMenuTrigger: ({ size, tone, className, children, ref, ...props }: NavigationMenuTriggerProps) => import("react").JSX.Element;

package/dist/components/navigation-menu/navigation-menu.d.ts

@@ -0,0 +1,2 @@
+import { NavigationMenuProps } from './navigation-menu.types';
+export declare const NavigationMenu: ({ className, children, ref, ...props }: NavigationMenuProps) => import("react").JSX.Element;

package/dist/components/navigation-menu/navigation-menu.types.d.ts

@@ -0,0 +1,16 @@
+import { NavigationMenu } from '@base-ui/react';
+import { VariantProps } from 'class-variance-authority';
+import { navigationMenuTriggerVariants } from './navigation-menu-trigger';
+export type NavigationMenuProps = React.ComponentProps<typeof NavigationMenu.Root>;
+export type NavigationMenuListProps = React.ComponentProps<typeof NavigationMenu.List>;
+export type NavigationMenuItemProps = React.ComponentProps<typeof NavigationMenu.Item>;
+export type NavigationMenuTriggerProps = React.ComponentProps<typeof NavigationMenu.Trigger> & VariantProps<typeof navigationMenuTriggerVariants> & {
+    isActive?: boolean;
+};
+export type NavigationMenuIconProps = React.ComponentProps<typeof NavigationMenu.Icon>;
+export type NavigationMenuContentProps = React.ComponentProps<typeof NavigationMenu.Content>;
+export type NavigationMenuPopupProps = React.ComponentProps<typeof NavigationMenu.Positioner>;
+export declare const navigationMenuLinkVariants: (props?: ({
+    tone?: "brand" | "accent" | "neutral" | "error" | "info" | "success" | "warning" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export type NavigationMenuLinkProps = VariantProps<typeof navigationMenuLinkVariants> & React.ComponentProps<'div'>;

package/dist/components/number-field/number-field.d.ts

@@ -1,2 +1,3 @@
+import { default as React } from 'react';
 import { NumberFieldTypesProps } from './number-field.types';
-export declare const NumberField: ({ children, label, size, className, ref, ...props }: NumberFieldTypesProps) => import("react/jsx-runtime").JSX.Element;
+export declare const NumberField: ({ size, variant, children, label, className, ref, ...props }: NumberFieldTypesProps) => React.JSX.Element;

package/dist/components/number-field/number-field.types.d.ts

@@ -2,6 +2,7 @@ import { NumberField as BaseNumberField } from '@base-ui/react/number-field';
 import { VariantProps } from 'class-variance-authority';
 export declare const numberFieldVariants: (props?: ({
     size?: "small" | "large" | "medium" | null | undefined;
+    variant?: "ghost" | "primary" | "secondary" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export type NumberFieldTypesProps = React.ComponentProps<typeof BaseNumberField.Root> & VariantProps<typeof numberFieldVariants> & {
     label?: string;

package/dist/components/popover/popover-button.d.ts

@@ -1,2 +1,2 @@
 import { PopoverButtonProps } from './popover.types';
-export declare const PopoverButton: ({ variant, tone, className, children, ref, ...props }: PopoverButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PopoverButton: ({ variant, tone, className, children, ref, ...props }: PopoverButtonProps) => import("react").JSX.Element;

package/dist/components/popover/popover-content.d.ts

@@ -1,2 +1,2 @@
 import { PopoverContentProps } from './popover.types';
-export declare const PopoverContent: ({ className, children, ref, ...props }: PopoverContentProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PopoverContent: ({ className, children, ref, ...props }: PopoverContentProps) => import("react").JSX.Element;

package/dist/components/popover/popover-description.d.ts

@@ -1,2 +1,2 @@
 import { PopoverDescriptionProps } from './popover.types';
-export declare const PopoverDescription: ({ className, ref, children, ...props }: PopoverDescriptionProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PopoverDescription: ({ className, ref, children, ...props }: PopoverDescriptionProps) => import("react").JSX.Element;

package/dist/components/popover/popover-header.d.ts

@@ -1,2 +1,2 @@
 import { PopoverHeaderProps } from './popover.types';
-export declare const PopoverHeader: ({ className, children, ref, ...props }: PopoverHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PopoverHeader: ({ className, children, ref, ...props }: PopoverHeaderProps) => import("react").JSX.Element;

package/dist/components/popover/popover-panel.d.ts

@@ -1,2 +1,2 @@
 import { PopoverPanelProps } from './popover.types';
-export declare const PopoverPanel: ({ className, ref, children, ...props }: PopoverPanelProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PopoverPanel: ({ className, ref, children, ...props }: PopoverPanelProps) => import("react").JSX.Element;

package/dist/components/popover/popover-title.d.ts

@@ -1,2 +1,2 @@
 import { PopoverTitleProps } from './popover.types';
-export declare const PopoverTitle: ({ className, ref, children, ...props }: PopoverTitleProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PopoverTitle: ({ className, ref, children, ...props }: PopoverTitleProps) => import("react").JSX.Element;

package/dist/components/popover/popover-trigger.d.ts

@@ -1,2 +1,2 @@
 import { PopoverTriggerProps } from './popover.types';
-export declare const PopoverTrigger: ({ className, ref, children, ...props }: PopoverTriggerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PopoverTrigger: ({ className, ref, children, ...props }: PopoverTriggerProps) => import("react").JSX.Element;

package/dist/components/popover/popover.d.ts

@@ -1,2 +1,2 @@
 import { PopoverProps } from './popover.types';
-export declare const Popover: ({ children, ...props }: PopoverProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Popover: ({ children, ...props }: PopoverProps) => import("react").JSX.Element;

package/dist/components/profile/profile-action.d.ts

@@ -1,2 +1,2 @@
 import { ProfileActionProps } from './profile.types';
-export declare const ProfileAction: ({ className, children, ref, ...props }: ProfileActionProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ProfileAction: ({ className, children, ref, ...props }: ProfileActionProps) => import("react").JSX.Element;

package/dist/components/profile/profile-content.d.ts

@@ -1,2 +1,2 @@
 import { ProfileContentProps } from './profile.types';
-export declare const ProfileContent: ({ compact, className, children, ref, ...props }: ProfileContentProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ProfileContent: ({ compact, className, children, ref, ...props }: ProfileContentProps) => import("react").JSX.Element;

package/dist/components/profile/profile-name.d.ts

@@ -1,2 +1,2 @@
 import { ProfileNameProps } from './profile.types';
-export declare const ProfileName: ({ className, children, ref, ...props }: ProfileNameProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ProfileName: ({ className, children, ref, ...props }: ProfileNameProps) => import("react").JSX.Element;

package/dist/components/profile/profile-subname.d.ts

@@ -1,2 +1,2 @@
 import { ProfileSubnameProps } from './profile.types';
-export declare const ProfileSubname: ({ className, children, ref, ...props }: ProfileSubnameProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ProfileSubname: ({ className, children, ref, ...props }: ProfileSubnameProps) => import("react").JSX.Element;

package/dist/components/profile/profile.d.ts

@@ -1,2 +1,2 @@
 import { ProfileProps } from './profile.types';
-export declare const Profile: ({ className, children, ref, ...props }: ProfileProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Profile: ({ className, children, ref, ...props }: ProfileProps) => import("react").JSX.Element;

package/dist/components/progress/progress-bar.d.ts

@@ -1,2 +1,2 @@
 import { ProgressBarProps } from './progress.types';
-export declare const ProgressBar: ({ className, children, ref, ...props }: ProgressBarProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ProgressBar: ({ className, children, ref, ...props }: ProgressBarProps) => import("react").JSX.Element;

package/dist/components/progress/progress-indicator.d.ts

@@ -1,2 +1,2 @@
 import { ProgressIndicatorProps } from './progress.types';
-export declare const ProgressIndicator: ({ title, description, className, children, ref, ...props }: ProgressIndicatorProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ProgressIndicator: ({ title, description, className, children, ref, ...props }: ProgressIndicatorProps) => import("react").JSX.Element;

package/dist/components/progress/progress.d.ts

@@ -1,2 +1,2 @@
 import { ProgressProps } from './progress.types';
-export declare const Progress: ({ currentIndex, className, children, ref, ...props }: ProgressProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Progress: ({ currentIndex, className, children, ref, ...props }: ProgressProps) => import("react").JSX.Element;

package/dist/components/radar-ping/radar-ping.d.ts

@@ -1,2 +1,2 @@
 import { RadarPingProps } from './radar-ping.types';
-export declare const RadarPing: ({ hidePing, tone, size, className, children, ref, ...props }: RadarPingProps) => import("react/jsx-runtime").JSX.Element;
+export declare const RadarPing: ({ hidePing, tone, size, className, children, ref, ...props }: RadarPingProps) => import("react").JSX.Element;

package/dist/components/radio-group/radio-group.d.ts

@@ -1,2 +1,3 @@
 import { RadioGroupProps } from './radio-group.types';
-export declare const RadioGroup: ({ className, children, ref, ...props }: RadioGroupProps) => import("react/jsx-runtime").JSX.Element;
+import * as React from 'react';
+export declare const RadioGroup: ({ className, children, ref, ...props }: RadioGroupProps) => React.JSX.Element;

package/dist/components/radio-group/radio.d.ts

@@ -1,2 +1,2 @@
 import { RadioProps } from './radio-group.types';
-export declare const Radio: ({ variant, className, children, ref, ...props }: RadioProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Radio: ({ variant, className, children, ref, ...props }: RadioProps) => import("react").JSX.Element;

package/dist/components/resizeable/resizeable-handle.d.ts

@@ -1,2 +1,2 @@
 import { ResizeableHandleProps } from './resizeable.types';
-export declare const ResizeableHandle: ({ withHandle, className, ...props }: ResizeableHandleProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ResizeableHandle: ({ withHandle, className, ...props }: ResizeableHandleProps) => import("react").JSX.Element;

package/dist/components/resizeable/resizeable-panel-group.d.ts

@@ -1,2 +1,2 @@
 import { ResizeablePanelGroupProps } from './resizeable.types';
-export declare const ResizeablePanelGroup: ({ className, ...props }: ResizeablePanelGroupProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ResizeablePanelGroup: ({ className, ...props }: ResizeablePanelGroupProps) => import("react").JSX.Element;

package/dist/components/resizeable/resizeable-panel.d.ts

@@ -1,2 +1,2 @@
 import { ResizeablePanelProps } from './resizeable.types';
-export declare const ResizeablePanel: ({ className, ...props }: ResizeablePanelProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ResizeablePanel: ({ className, ...props }: ResizeablePanelProps) => import("react").JSX.Element;

package/dist/components/scroll-area/scroll-area.d.ts

@@ -1,2 +1,2 @@
 import { ScrollAreaProps } from './scroll-area.types';
-export declare const ScrollArea: ({ defaultHeight, orientation, variant, className, children, ref, ...props }: ScrollAreaProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ScrollArea: ({ defaultHeight, orientation, variant, className, children, ref, ...props }: ScrollAreaProps) => import("react").JSX.Element;

package/dist/components/select/select-group-label.d.ts

@@ -1,2 +1,2 @@
 import { SelectGroupLabelProps } from './select.types';
-export declare const SelectGroupLabel: ({ className, children, ref, ...props }: SelectGroupLabelProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SelectGroupLabel: ({ className, children, ref, ...props }: SelectGroupLabelProps) => import("react").JSX.Element;

package/dist/components/select/select-group.d.ts

@@ -1,2 +1,2 @@
 import { SelectGroupProps } from './select.types';
-export declare const SelectGroup: ({ className, children, ref, ...props }: SelectGroupProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SelectGroup: ({ className, children, ref, ...props }: SelectGroupProps) => import("react").JSX.Element;

package/dist/components/select/select-icon.d.ts

@@ -1,2 +1,2 @@
 import { SelectIconProps } from './select.types';
-export declare const SelectIcon: ({ className, children, ref, ...props }: SelectIconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SelectIcon: ({ className, children, ref, ...props }: SelectIconProps) => import("react").JSX.Element;

package/dist/components/select/select-item.d.ts

@@ -1,2 +1,2 @@
 import { SelectItemProps } from './select.types';
-export declare const SelectItem: ({ className, children, ref, ...props }: SelectItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SelectItem: ({ className, children, ref, ...props }: SelectItemProps) => import("react").JSX.Element;

package/dist/components/select/select-list.d.ts

@@ -1,2 +1,2 @@
 import { SelectListProps } from './select.types';
-export declare const SelectList: ({ className, children, ref, ...props }: SelectListProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SelectList: ({ className, children, ref, ...props }: SelectListProps) => import("react").JSX.Element;

package/dist/components/select/select-popup.d.ts

@@ -1,2 +1,2 @@
 import { SelectPopupProps } from './select.types';
-export declare const SelectPopup: ({ className, children, ref, ...props }: SelectPopupProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SelectPopup: ({ className, children, ref, ...props }: SelectPopupProps) => import("react").JSX.Element;

package/dist/components/select/select-trigger.d.ts

@@ -1,2 +1,2 @@
 import { SelectTriggerProps } from './select.types';
-export declare const SelectTrigger: ({ variant, size, className, children, ref, ...props }: SelectTriggerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SelectTrigger: ({ variant, size, className, children, ref, ...props }: SelectTriggerProps) => import("react").JSX.Element;